*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#FAFAFA;--wh:#FFF;--bk:#000;--tx:#1D1D1F;--t2:#6E6E73;--t3:#86868B;--t4:#ABABAB;--g:#1B7340;--gl:#E3F2E8;--bd:#D2D2D7;--f5:#F5F5F7;--dbg:#111}
html{background:var(--bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--tx);overflow-x:hidden}
::selection{background:rgba(27,115,64,.12)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

nav{position:fixed;top:0;left:0;right:0;z-index:100;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);background:rgba(250,250,250,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--bd)}
.n-l{display:flex;align-items:center;gap:8px}
.n-l img{width:clamp(90px,16vw,120px);height:auto}
.n-l span{font-size:12px;color:var(--t3);font-weight:400}
.n-r{display:flex;align-items:center;gap:clamp(14px,3vw,28px)}
.n-r a{font-size:12px;color:var(--t2);transition:color .2s;white-space:nowrap}
.n-r a:hover{color:var(--tx)}
.n-cta{color:var(--wh)!important;background:var(--g);padding:7px 18px;border-radius:980px;font-weight:500}

.rv{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.rv.v{opacity:1;transform:none}
.sec{padding:clamp(72px,14vw,180px) clamp(16px,5vw,80px)}
.sec-in{max-width:980px;margin:0 auto}

/* URGENCY */
.urg{margin-top:52px;background:var(--bk);text-align:center;padding:10px 16px;font-size:13px;color:var(--t3)}
.urg strong{color:var(--f5)}

/* OVERLAY */
.ov{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:16px}
.ov.on{display:flex}
.dlg{background:var(--wh);border-radius:20px;width:100%;max-width:420px;padding:clamp(24px,4vw,40px);position:relative;max-height:90vh;overflow-y:auto;animation:pop .2s ease-out}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.phone-float.v{animation:phoneFloat 4s ease-in-out infinite;animation-delay:1s}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.scroll-arrows{animation:scrollBounce 1.8s ease-in-out infinite}

/* Demo scroll screens */
.d-scr{opacity:0;transition:opacity .4s ease;pointer-events:none}
.d-scr.active{opacity:1;pointer-events:auto}
.d-cap{opacity:0;transform:translateY(16px);transition:all .5s cubic-bezier(.25,.46,.45,.94);pointer-events:none}
.d-cap.active{opacity:1;transform:none;pointer-events:auto}
.d-tab{color:var(--t4);transition:color .3s}
.d-tab.active{color:var(--g)}
@media(max-width:860px){
  #demo-sticky{flex-direction:column!important;gap:20px!important;padding:20px 20px 0!important;justify-content:flex-start!important;padding-top:clamp(40px,8vh,80px)!important}
  #demo-captions{text-align:center;min-height:auto!important;flex:0 0 auto!important;max-width:100%!important}
  #demo-phone-wrap{width:min(280px,70vw)!important}
  #demo-dots{display:none!important}
}
.dlg-x{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;font-size:18px;color:var(--t3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;-webkit-tap-highlight-color:transparent}
.dlg-x:hover{background:rgba(0,0,0,.04)}
.dlg h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px;padding-right:36px}
.dlg .sub{font-size:15px;color:var(--t2);margin-bottom:24px;line-height:1.5}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:14px;font-weight:500;color:var(--tx);margin-bottom:6px}
.fg input,.fg select{width:100%;padding:12px 16px;border:1.5px solid var(--bd);border-radius:12px;font-size:17px;font-family:inherit;outline:none;min-height:48px;box-sizing:border-box;transition:border-color .2s;background:var(--wh);-webkit-appearance:none}
.fg input:focus,.fg select:focus{border-color:var(--g)}
.fg input::placeholder{color:var(--t4)}
.fg select{color:var(--t2)}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-p{width:100%;padding:14px;background:var(--g);color:var(--wh);border:none;border-radius:12px;font-size:17px;font-weight:500;cursor:pointer;font-family:inherit;min-height:48px;margin-top:8px;transition:all .15s;-webkit-tap-highlight-color:transparent}
.btn-p:hover{background:#1a8548}
.fine{font-size:12px;color:var(--t3);margin-top:12px;text-align:center}
.wl-ok{display:none;text-align:center;padding:8px 0}.wl-ok.on{display:block}
.wl-ok .ic{width:56px;height:56px;border-radius:50%;background:var(--gl);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--g)}
.wl-ok h3{font-size:22px;font-weight:600;margin-bottom:4px;padding:0}
.wl-ok .pos{background:var(--bg);border-radius:14px;padding:20px;margin:20px 0;border:1px solid var(--bd)}
.wl-ok .pos .n{font-size:48px;font-weight:600;color:var(--g);letter-spacing:-.03em;line-height:1}
.wl-ok .pos .l{font-size:12px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}

/* MOBILE */
@media(max-width:600px){
  nav{height:48px}
  .n-l img{width:80px;height:auto}
  .n-r a:not(.n-cta){display:none}
  .fg-row{grid-template-columns:1fr}
  .step-row{display:flex!important;flex-direction:column;gap:clamp(12px,2vw,20px)!important}
  .step-n{font-size:36px!important;min-width:auto!important}
  .tiers{grid-template-columns:1fr!important}
  .caps-grid{grid-template-columns:1fr!important}
  .comp-grid{font-size:13px!important}
}

footer{padding:clamp(20px,3vw,32px) clamp(16px,4vw,48px);text-align:center;font-size:12px;color:var(--t4);border-top:1px solid var(--bd)}
footer img{height:28px;opacity:.15;margin:0 auto 8px}
footer a{color:var(--t3)}