:root{--bg:#f6f8f7;--text:#0d1b16;--muted:#5b6b65;--line:#e1e8e4;--brand:#00a86b;--brand2:#00c27c;--dark:#06140f;--blue:#0a6cff;--f-head:"Sora", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.nav{justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;display:flex}.brand{font:700 20px/1 var(--f-head);letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.brand__mark{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.nav__links{color:var(--muted);gap:26px;font-size:14.5px;font-weight:500;display:flex}.nav__links a:hover{color:var(--brand)}.hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;padding-top:50px;padding-bottom:90px;display:grid}.badge{color:#067a50;background:#e3f6ee;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge i{background:var(--brand);border-radius:50%;width:7px;height:7px}h1{font:700 clamp(40px, 5.6vw, 66px)/1.03 var(--f-head);letter-spacing:-.035em;margin:20px 0 0}h1 span{background:linear-gradient(90deg, var(--brand), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:520px;color:var(--muted);margin-top:20px;font-size:17.5px}.cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{background:var(--dark);color:#fff;font:600 15px/1 var(--f-head);border-radius:12px;align-items:center;padding:14px 24px;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--ghost{color:var(--text);border:1px solid var(--line);background:#fff}.trust{color:var(--muted);flex-wrap:wrap;gap:18px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.trust li:before{content:"✓ ";color:var(--brand);font-weight:700}.flow{grid-template-columns:auto auto 1fr;align-items:center;gap:16px;display:grid}.phone{color:#fff;background:linear-gradient(160deg,#13261f,#050d0a);border:8px solid #1b2b25;border-radius:38px;width:230px;height:440px;padding:44px 14px 14px;position:relative;box-shadow:0 40px 80px #06140f4d}.phone__notch{background:#000;border-radius:99px;width:80px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone__time{text-align:center;font:600 40px/1 var(--f-head);opacity:.9;margin:0 0 18px}.notif{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:16px;gap:10px;padding:12px;font-size:12px;animation:.5s cubic-bezier(.2,.8,.2,1) drop;display:flex}.notif b{font-size:12.5px}.notif p{opacity:.85;margin:2px 0 0;line-height:1.4}.notif__app{background:var(--blue);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}}.phone__svc{color:#7ff0bf;background:#00a86b2e;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex;position:absolute;bottom:16px;left:14px;right:14px}.pulse{background:var(--brand2);border-radius:50%;width:8px;height:8px;animation:1.4s infinite p}@keyframes p{50%{box-shadow:0 0 0 6px #00c27c26}}.arrow{font:700 30px/1 var(--f-head);color:var(--line);transition:color .3s,transform .3s}.arrow.is-on{color:var(--brand);transform:translate(4px)}.hook{background:var(--dark);color:#d7f5e8;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 30px 60px #06140f40}.hook__bar{font:500 11.5px/1.3 var(--f-mono);color:#8fb3a4;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:12px 16px;display:flex}.hook__bar em{color:#fc6;font-style:normal}.hook__bar em.ok{color:var(--brand2)}.hook pre{font:400 12.5px/1.6 var(--f-mono);white-space:pre-wrap;opacity:.25;margin:0;padding:16px;transition:opacity .4s}.hook pre.is-on{opacity:1}.hook__head{font:400 11.5px var(--f-mono);color:#8fb3a4;margin:0;padding:0 16px 14px}.sec{padding:84px 0}.sec--dark{background:var(--dark);color:#fff}.kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:14px;font-weight:600}.kicker--light{color:var(--brand2)}h2{max-width:680px;font:700 clamp(30px, 4.2vw, 46px)/1.1 var(--f-head);letter-spacing:-.03em;margin:12px 0 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #06140f14}.card__n{font:600 13px var(--f-mono);color:var(--brand)}.card h3{font:600 19px/1.25 var(--f-head);margin:12px 0 6px}.card p{color:var(--muted);margin:0;font-size:15px}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0 0;padding:0;list-style:none;display:grid}.steps li{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:26px}.steps span{background:var(--brand);width:38px;height:38px;font:700 17px var(--f-head);border-radius:10px;place-items:center;display:grid}.steps h3{font:600 19px/1.25 var(--f-head);margin:16px 0 6px}.steps p{color:#9fb8ad;margin:0;font-size:15px}.dev{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.list{color:var(--muted);margin:20px 0 0;padding-left:20px}.list li{margin:6px 0}.code{background:var(--dark);color:#d7f5e8;font:400 13px/1.65 var(--f-mono);border-radius:16px;margin:0;padding:22px;overflow-x:auto;box-shadow:0 30px 60px #06140f33}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:40px;font-size:14px;display:flex}@media (max-width:960px){.hero,.dev,.grid,.steps{grid-template-columns:1fr}.nav__links{display:none}}@media (max-width:640px){.flow{grid-template-columns:1fr;justify-items:center}.arrow{transform:rotate(90deg)}.arrow.is-on{transform:rotate(90deg)translate(4px)}.hook{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}