html{scroll-behavior:smooth}body{font-family:'Segoe UI',Arial,sans-serif;margin:0;padding:0;color:#222;background-color:#f9fafc}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:50px 0px 10px 10%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}header img{max-width:540px}header h1{font-size:2em;color:#1C8E47;margin-bottom:15px;line-height:1.3}header p{font-size:1em;max-width:630px;color:#555;line-height:1.6}header .btn{display:inline-block;margin-top:20px;background:#1C8E47;color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:600;transition:0.3s}header .btn:hover{background:#162a5e}section.workflow{text-align:center;padding:70px 10%;background:#f5f7fa}section.workflow h2{font-size:1.8em;color:#1C8E47;margin-bottom:10px}section.workflow p.subtitle{color:#666;font-size:1em;margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;justify-items:center}.step{background:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center;transition:transform 0.2s ease}.step:hover{transform:translateY(-4px)}.step i{font-size:2em;color:#1C8E47;margin-bottom:12px}.step h3{font-size:1.1em;color:#222;margin-bottom:8px}.step p{font-size:.95em;color:#555;line-height:1.5}section.cta{text-align:center;padding:70px 10%;background:#fff}section.cta h2{font-size:1.6em;color:#1C8E47;margin-bottom:10px}section.cta p{color:#555;font-size:1em}.steps a{display:inline-block;background:#1C8E47;color:#fff;padding:9px 16px;border-radius:6px;text-decoration:none;font-size:.9em;transition:0.3s}.steps a:hover{background:#162a5e}footer{text-align:center;padding:25px;font-size:.9em;color:#666;background:#f5f7fa}.faq-container{max-width:85%;margin:0 auto;padding:20px}.faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;overflow:hidden}.faq-question{background-color:#f5f7fa;padding:15px 20px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:16px}.faq-question:hover{background-color:#e8eef5}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;background-color:#fff;text-align:left}.faq-answer.open{padding:15px 20px;max-height:100%;text-align:left}.faq-icon{color:#1C8E47;font-size:20px;transition:transform 0.3s ease}.faq-icon.open{transform:rotate(15deg)}.lang-switcher a{margin:0 5px;text-decoration:none}.lang-switcher a.active{font-weight:700;color:red}body{font-size:1.2em}.cta{text-align:center;padding:100px 20px}#typing-text{display:inline-block;white-space:normal}.word{opacity:0;transition:opacity 0.5s ease}.word.visible{opacity:1}.cursor{display:inline-block;width:2px;height:1em;background:#333;margin-left:4px;animation:blink 0.8s infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}50%,100%{opacity:0}}.typing-done .cursor{display:none}.workflow .steps{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.workflow .step{flex:1 1 300px;background:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 0 10px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:320px}.workflow .step i{font-size:40px;color:#0b7a2a;margin-bottom:15px}.workflow .step h3{margin-bottom:10px}.workflow .step p{flex-grow:1;color:#333}.workflow .step a{display:inline-block;background:#16a34a;color:#fff;padding:8px 18px;border-radius:8px;text-decoration:none;transition:0.2s;margin:0 5px}.workflow .step a:hover{background:#15803d}.workflow .step .buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.lang-switcher{gap:8px;align-items:center}.lang-switcher a{display:inline-block;width:28px;height:20px;opacity:.6;transition:opacity 0.2s,transform 0.2s}.lang-switcher a.active,.lang-switcher a:hover{opacity:1;transform:scale(1.1)}.lang-switcher img{width:100%;height:100%;object-fit:cover;border-radius:3px}.f-logo.active{height:auto;max-width:20%}.appimg{float:left;margin:0 20px 10px 10px;width:200px}@media (max-width:560px){.appimg{width:100%}}@media (max-width:1480px){.f-logo.active{max-width:80%}section.cta{padding:40px 7%}section.workflow{padding:20px 10%}.faq-container{max-width:100%}header img{max-width:100%}header p{max-width:100%}header{display:block}header .btn{margin-bottom:40px}header{padding:30px 7%;text-align:center}} 
.btn{position:relative;display:inline-block;padding:12px 30px;background-color:#28a745;color:white;font-weight:700;text-decoration:none;overflow:hidden;border-radius:6px}.btn::before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:rgba(255,255,255,.5);transform:skewX(-20deg);animation:slide 1s linear infinite}@keyframes slide{0%{left:-50%}100%{left:100%}}

.btn{position:relative;display:inline-block;padding:12px 30px;background-color:#28a745;color:white;font-weight:700;text-decoration:none;overflow:hidden;border-radius:6px}.btn::before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:rgba(255,255,255,.5);transform:skewX(-20deg);animation:slide 1s linear infinite}@keyframes slide{0%{left:-50%}100%{left:100%}} footer a {color:#16a34a;}
@media (max-width:560px) {
.qr-widget {display:none;}
}
.qr-widget{
    position:relative;
}

.qr-toggle{
    display:none;
}

.jzvqbTNC{
cursor: pointer;
    align-items:center;
    background:#16a34a;
    border-radius:6px;
    display:flex;
    height:40px;
    width:40px;
    justify-content:center;
    fill:.jzvqbTNC{
    align-items:center;
    background:#16a34a;
    border-radius:6px;
    display:flex;
    height:40px;
    width:40px;
    justify-content:center;
    fill:#fff;
    text-decoration:none;
};
    text-decoration:none;
}
.qr-modal{
    position:absolute;
    top: -100px;
right: -60px;
    z-index: 20;
    opacity:0;
    transform:scale(.9);
    pointer-events:none;
    transition:.2s;
}
.qr-toggle:checked ~ .qr-modal{
    opacity:1;
    transform:scale(1);
    pointer-events:auto;
}
.qr-box{
    position:relative;
    background:#fff;
    padding:15px;
    border-radius:10px;
box-shadow: 1px 2px 50px 50px #e0e0e0;
}
.qr-img{
    width:auto;
}
.qr-close{
    position:absolute;
    top:-10px;
    right:-10px;
    width:26px;
    height:26px;
    background:#28a745;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:14px;
}

.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: zoom-out;
}

.lightbox img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
#step .steps > .step {
  position: relative;
  overflow: hidden;
}

#step .steps > .step.step-qr {
  overflow: visible;
  z-index: 3;
}

#step .steps > .step::before {
  content: "";
  position: absolute;
 top: -45px;
 left: -36px;
 width: 130px;
  height: 120px;
  background: #1eb14a;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}

#step .steps > .step.step-qr::before {
  clip-path: inset(45px 0 0 36px);
}

#step .steps > .step::after {
  position: absolute;
  top: 14px;
  left: 30px;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

#step .steps > .step:nth-of-type(1)::after { content: "1"; }
#step .steps > .step:nth-of-type(2)::after { content: "2"; }
#step .steps > .step:nth-of-type(3)::after { content: "3"; }