/* Conversion additions: intent chooser, call links, business-website section */
.nav-cta.whatsapp-button{animation:none;box-shadow:none;font-size:12px;min-height:40px;padding:8px 14px}
.hero-actions{flex-wrap:wrap;align-items:center;gap:10px 18px}
.hero-actions .hero-direct{margin-top:18px}
.call-link{margin-top:18px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.intent-chooser{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.intent-label{font-size:12px;font-weight:600;width:100%;opacity:.8}
.intent-chip{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border:1.5px solid #087c43;border-radius:999px;background:#fff;color:#075f35;font-size:13px;font-weight:700;text-decoration:none}
.intent-chip:hover{background:#087c43;color:#fff}
.website-band{padding:60px 0;background:#f3f6ee}
.website-card{display:grid;grid-template-columns:1.6fr 1fr;gap:34px;align-items:center}
.website-card h2{margin:10px 0 12px}
.website-card ul{margin:14px 0 0;padding-left:20px;line-height:1.7}
.website-price{background:#fff;border:1.5px solid #123d30;padding:26px;text-align:center;box-shadow:6px 6px 0 #123d3022}
.website-price span,.website-price small{display:block;font-size:12px;letter-spacing:1px;opacity:.7}
.website-price strong{display:block;font-size:44px;line-height:1.1;margin:4px 0}
.website-price .button{margin-top:16px;width:100%;justify-content:center}
.call-btn{background:#123d30;color:#fff;min-height:44px;padding:10px 16px;font-size:13px;margin-left:auto;margin-right:8px}
.mobile-cta{align-items:center}
@media(max-width:800px){.website-card{grid-template-columns:1fr}.hero-actions .hero-direct{margin-inline:0;width:100%;justify-content:center}.call-link{margin-top:6px}.intent-chip{flex:1 1 auto;justify-content:center}}

/* Trust sections */
.trust-band{padding:70px 0}
.who-band{background:#fff}
.why-band{background:#f3f6ee}
.proof-band{background:#fff}
.who-grid,.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.who-grid>div{border:1.5px solid #dce4dd;padding:20px;background:#fff}
.who-grid b{display:block;font-size:17px;margin-bottom:6px}
.who-grid span{font-size:14px;color:#63736b;line-height:1.5}
.why-grid article{background:#fff;border:1.5px solid #dce4dd;padding:24px}
.why-grid article span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#087c43}
.why-grid h3{font-size:20px;margin:8px 0 8px}
.why-grid p{font-size:14.5px;line-height:1.6}
.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid #dce4dd}
.mid-cta p{max-width:560px;font-size:15px}
.mid-cta .button{flex-shrink:0}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px}
.testimonial{margin:0;border:1.5px solid #dce4dd;padding:22px;background:#f8faf5;display:flex;flex-direction:column;gap:14px}
.testimonial img{width:100%;height:auto;border:1px solid #dce4dd}
.testimonial blockquote{margin:0;font-size:16px;line-height:1.6;color:#18372c}
.testimonial figcaption{display:flex;flex-direction:column;gap:2px;font-size:13px}
.testimonial figcaption span{color:#63736b}
.testimonial figcaption a{color:#087c43;font-weight:700;margin-top:4px}
[hidden]{display:none!important}
@media(max-width:900px){.who-grid,.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.trust-band{padding:48px 0}.who-grid,.why-grid{grid-template-columns:1fr}.mid-cta{flex-direction:column;align-items:flex-start}.mid-cta .button{width:100%;justify-content:center}}


/* Offer pill (hero) */
.offer-pill{display:inline-flex;flex-direction:column;gap:2px;margin-bottom:14px;padding:9px 16px;border-radius:12px;background:#ff4d2e;color:#fff;box-shadow:0 6px 18px #ff4d2e44;animation:offer-throb 2s ease-in-out infinite}
.offer-pill b{font-size:14px;letter-spacing:.8px;text-transform:uppercase}
.offer-pill span{font-size:12px;opacity:.95}
@keyframes offer-throb{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

/* Attention animation on EVERY WhatsApp button: ring pulse + wiggle + light sweep */
a[href^="https://wa.me/"]{
  position:relative;
  background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);
  background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;
  animation:wa-ring 2.2s ease-out infinite,wa-wiggle 4.5s ease-in-out infinite,wa-shine 3.2s ease-in-out infinite!important;
  will-change:transform,box-shadow;
}
a[href^="https://wa.me/"]:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.04)}
.intent-chip{background-color:#fff}
.intent-chip:hover{background-image:none}
@keyframes wa-ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.65)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes wa-wiggle{0%,78%,100%{transform:translateX(0) rotate(0)}81%{transform:translateX(-4px) rotate(-1.5deg)}84%{transform:translateX(4px) rotate(1.5deg)}87%{transform:translateX(-3px) rotate(-1deg)}90%{transform:translateX(3px) rotate(1deg)}93%{transform:translateX(0) rotate(0) scale(1.05)}}
@keyframes wa-shine{0%,35%{background-position:160% 0}75%,100%{background-position:-60% 0}}
.floating-whatsapp{animation:wa-ring 2s ease-out infinite,wa-bounce 2.6s ease-in-out infinite,wa-shine 3s ease-in-out infinite!important}
@keyframes wa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
html.motion-paused a[href^="https://wa.me/"],html.motion-paused .offer-pill{animation:none!important}
@media(prefers-reduced-motion:reduce){a[href^="https://wa.me/"],.offer-pill{animation:none!important}}

/* Cursor fog */
.fog-canvas{position:fixed;inset:0;pointer-events:none;z-index:30;mix-blend-mode:normal}
html.motion-paused .fog-canvas{display:none}

/* ---- Extra motion ---- */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:40;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#25d366,#d6ff7f,#8f7bff);pointer-events:none}
.marquee{overflow:hidden;background:#fff;border-bottom:1px solid #e6ebe4;padding:14px 0;white-space:nowrap}
.marquee-track{display:inline-flex;gap:28px;animation:marquee 34s linear infinite;will-change:transform}
.marquee span{font-weight:700;font-size:14px;letter-spacing:.3px;color:#18372c}
.marquee b{color:#087c43;font-size:14px}
@keyframes marquee{to{transform:translateX(-50%)}}
.marquee:hover .marquee-track{animation-play-state:paused}
.plan.featured{animation:featured-glow 2.8s ease-in-out infinite}
@keyframes featured-glow{0%,100%{box-shadow:0 0 0 0 rgba(214,255,127,.0),6px 6px 0 #123d3022}50%{box-shadow:0 0 34px 6px rgba(214,255,127,.55),6px 6px 0 #123d3022}}
.who-grid>div,.why-grid article,.plan,.demo-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .7s}
.who-grid>div:hover,.why-grid article:hover,.plan:hover,.demo-card:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(18,61,48,.16)}
.announcement b,.final-notes span{display:inline-block;animation:spin-star 6s linear infinite}
@keyframes spin-star{to{transform:rotate(360deg)}}
.delivery-proof strong{font-variant-numeric:tabular-nums}
.price{background:linear-gradient(100deg,currentColor 40%,#25d366 50%,currentColor 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:price-shine 5s ease-in-out infinite}
@keyframes price-shine{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}
html.motion-paused .marquee-track,html.motion-paused .plan.featured,html.motion-paused .price,html.motion-paused .announcement b,html.motion-paused .final-notes span{animation:none!important}
@media(prefers-reduced-motion:reduce){.marquee-track,.plan.featured,.price,.announcement b,.final-notes span{animation:none!important}}

/* ---- Back to top ---- */
.to-top{position:fixed;right:26px;bottom:92px;width:52px;height:52px;border-radius:50%;background:#123d30;color:#d6ff7f;border:0;z-index:23;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(18px) scale(.8);pointer-events:none;transition:opacity .3s,transform .3s,background .2s;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:#087c43;transform:translateY(-3px)}
.to-top svg{position:absolute;inset:2px;width:48px;height:48px;transform:rotate(-90deg)}
.to-top circle{fill:none;stroke-width:3}
.to-top .ring-bg{stroke:rgba(214,255,127,.22)}
.to-top .ring{stroke:#d6ff7f;stroke-linecap:round;transition:stroke-dashoffset .15s linear}
.to-top .arrow{font-size:22px;font-weight:800;line-height:1;animation:arrow-bob 1.6s ease-in-out infinite}
@keyframes arrow-bob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
html.motion-paused .to-top .arrow{animation:none}
html.menu-open .to-top{opacity:0;pointer-events:none}

/* ---- Mobile menu: slide-in drawer from the right, full height ---- */
.drawer-head,.drawer-foot,.nav-backdrop{display:none}
@media(max-width:800px){
  header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  html.menu-open header{z-index:100}
  html.menu-open body{overflow:hidden}
  .nav-backdrop{display:block;position:fixed;inset:0;z-index:99;background:rgba(8,18,14,.58);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}
  html.menu-open .nav-backdrop{opacity:1;pointer-events:auto}
  .nav nav{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;width:max(50vw,220px);max-width:86vw;height:100vh;height:100dvh;margin:0;padding:0;gap:0;flex-direction:column;background:#fff;border:0;border-left:4px solid #d8ff37;box-shadow:-24px 0 60px rgba(0,0,0,.35);overflow-y:auto;z-index:101;visibility:hidden;transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.85,.2,1),visibility 0s linear .42s}
  .nav nav.open{visibility:visible;transform:none;transition:transform .42s cubic-bezier(.2,.85,.2,1),visibility 0s}
  .nav nav a:after{display:none}
  .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#123d30;color:#d6ff7f;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:13px}
  .drawer-close{background:rgba(255,255,255,.12);color:#fff;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;display:grid;place-items:center;padding:0 0 3px}
  .nav nav>a:not(.drawer-chat){padding:19px 22px;font-size:17px;font-weight:700;color:#123d30;border-bottom:1px solid #edf0e9;opacity:0;transform:translateX(26px);transition:opacity .35s,transform .35s,background .2s}
  .nav nav>a:not(.drawer-chat):active{background:#eef6e6}
  .nav nav.open>a:not(.drawer-chat){opacity:1;transform:none}
  .nav nav.open>a:nth-of-type(1){transition-delay:.12s}.nav nav.open>a:nth-of-type(2){transition-delay:.18s}.nav nav.open>a:nth-of-type(3){transition-delay:.24s}.nav nav.open>a:nth-of-type(4){transition-delay:.3s}
  .drawer-foot{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding:20px 18px 26px;background:#f3f6ee;border-top:1px solid #dce4dd}
  .drawer-chat{width:100%;justify-content:center;font-size:16px;min-height:52px}
  .drawer-call{text-align:center;font-weight:700;color:#123d30;font-size:14px;text-decoration:underline;text-underline-offset:3px}
  .to-top{right:14px;bottom:84px;width:46px;height:46px}
  .to-top svg{width:42px;height:42px}
}

/* Plan cards: long lists, second button pinned to the bottom */
.plan{display:flex;flex-direction:column}
.plan .plan-bottom{margin-top:auto;align-self:stretch;text-align:center;justify-content:center}
.plan ul{margin-bottom:22px}
.plan li strong{color:#087c43;font-weight:800}
.plan.featured li strong{color:#123d30}

/* ---- Plan text in bold ---- */
.plan li{font-weight:700;color:#18372c}
.plan.featured li{color:#123d30}
.plan li strong{font-weight:800;color:#087c43}
.plan.featured li strong{color:#0b4a28}
.plan>p{font-weight:600;color:#3d5249}

/* ---- Hero video ---- */
.hero-video{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0}
.video-frame{position:relative;width:min(330px,100%);aspect-ratio:480/854;border-radius:28px;overflow:hidden;background:#0b0b14 url(video/intro-poster.jpg) center/cover;border:4px solid #d8ff37;box-shadow:0 26px 60px rgba(0,0,0,.45),0 0 0 8px rgba(216,255,55,.18)}
.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sound-btn{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:0;background:#ff4d2e;color:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.35);animation:sound-pulse 1.6s ease-in-out infinite}
.sound-btn .sound-ico{font-size:16px;line-height:1}
.sound-btn.on{background:rgba(0,0,0,.55);animation:none;padding:8px 11px;font-weight:700}
.sound-btn.on .sound-txt{display:none}
@keyframes sound-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,77,46,.7)}50%{transform:scale(1.07);box-shadow:0 0 0 12px rgba(255,77,46,0)}}
html.motion-paused .sound-btn:not(.on){animation:none}
@media(max-width:800px){.hero-video{padding:4px 0 10px}.video-frame{width:min(300px,78vw)}}

.video-frame.needs-tap::after{content:'▶';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;color:#fff;background:rgba(0,0,0,.35);pointer-events:none;z-index:2}