:root{--ink:#060A12;--ink2:#0B121D;--panel:#101927;--line:#1C283A;--text:#E8EDF4;--muted:#92A0B5;--gold:#E7A73E;--on-gold:#1A1206;--pale:#E8EEF6;--pale-text:#0B1320;--pale-muted:#4B5A70;--green:#3DD6A0;--red:#FF6B7A;--r:14px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--text);font:400 17px/1.6 "Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(38px,7.4vw,72px)}
h2{font-size:clamp(30px,4.6vw,48px)}
h3{font-size:21px;letter-spacing:-.01em;line-height:1.2}
p{max-width:60ch}
.lead{font-size:clamp(18px,2.2vw,21px);color:var(--muted);margin-top:20px}
.muted{color:var(--muted)}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(6,10,18,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{white-space:nowrap;display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;letter-spacing:.01em}
.brand img{width:34px;height:34px;border-radius:9px}
.brand b{color:var(--gold);font-weight:800}
.nav nav{display:flex;gap:24px;margin-left:auto;font-size:15px}
.nav nav a{text-decoration:none;color:var(--muted)}
.nav nav a:hover{color:var(--text)}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font:700 16px/1 "Hanken Grotesk",sans-serif;text-decoration:none;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s}
.btn:hover{border-color:#34455f}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.btn.gold:hover{background:#F0B455}
.btn.sm{min-height:40px;padding:0 16px;font-size:15px}
.btn[aria-disabled=true]{opacity:.6;cursor:default;pointer-events:none}
@media(max-width:760px){.nav nav{display:none}.nav .btn.ghost{display:none}.nav .wrap{justify-content:space-between}.brand{font-size:15px}}
/* hero */
.hero{padding:clamp(40px,8vw,96px) 0 clamp(48px,8vw,96px);background:radial-gradient(900px 520px at 78% 18%,rgba(231,167,62,.13),transparent 65%)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1 em{font-style:normal;color:var(--gold)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.fine{font-size:14px;color:var(--muted);margin-top:14px}
.stage{position:relative;justify-self:center;width:min(100%,330px)}
.phone{border-radius:38px;padding:9px;background:#0F1826;border:1px solid #26344b;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset}
.phone img{border-radius:30px;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.float{position:absolute;background:var(--panel);border:1px solid #2a3a52;border-radius:16px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.85);font-size:14px;line-height:1.45}
.float.score{left:-52px;bottom:70px;display:flex;align-items:center;gap:12px;width:210px}
.ring{--p:0;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#1c2a3d 0);display:grid;place-items:center;flex:none}
.ring span{width:46px;height:46px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font:700 16px "Bricolage Grotesque",sans-serif}
.float.rev{right:-40px;top:54px;width:230px}
.float.rev b{color:var(--gold)}
.tag{display:inline-block;font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px;margin-top:8px}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.stage{margin-top:12px}.float.score{left:-8px}.float.rev{right:-8px}}
@media(max-width:560px){.float{display:none}}
@media(prefers-reduced-motion:no-preference){.hero .ring{animation:fill 1.4s .3s cubic-bezier(.2,.7,.2,1) both}@keyframes fill{from{--p:0}}}
@property --p{syntax:"<number>";inherits:false;initial-value:0}
/* sections */
section{padding:clamp(56px,9vw,112px) 0}
.sec-head{margin-bottom:44px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.split.flip .copy{order:2}
.split .stage{width:min(100%,300px)}
@media(max-width:860px){.split{grid-template-columns:1fr}.split.flip .copy{order:0}}
.ticks{list-style:none;padding:0;margin-top:24px;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.ticks svg{margin-top:5px;color:var(--gold)}
.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.problems div{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.problems div+div{padding-left:28px;border-left:1px solid var(--line)}
.problems p{margin-top:10px;color:var(--muted);font-size:16px}
@media(max-width:800px){.problems{grid-template-columns:1fr}.problems div,.problems div+div{padding:24px 0;border-left:0}}
.alt{background:var(--ink2);border-block:1px solid var(--line)}
.two-phones{display:flex;gap:18px;justify-content:center}
.two-phones .phone{width:min(46%,230px)}
.two-phones .phone:last-child{margin-top:44px}
/* AI */
.ai-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}
.ai-big{align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px}
.sample{margin-top:22px;border-left:3px solid var(--gold);padding:4px 0 4px 18px;font-size:16px}
.sample .row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px}
.pill{font-size:13px;font-weight:700;background:rgba(231,167,62,.14);color:var(--gold);padding:3px 10px;border-radius:999px;white-space:nowrap}
.ai-list{display:grid;gap:0;align-content:start}
.ai-list div{padding:22px 0;border-bottom:1px solid var(--line)}
.ai-list div:first-child{padding-top:6px}
.ai-list p{color:var(--muted);margin-top:8px;font-size:16px}
.note{margin-top:28px;font-size:15px;color:var(--muted);max-width:70ch}
@media(max-width:860px){.ai-grid{grid-template-columns:1fr}}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;border-top:2px solid var(--gold);padding-top:18px}
.steps li::before{content:counter(s);font:700 15px "Bricolage Grotesque",sans-serif;color:var(--gold)}
.steps p{color:var(--muted);margin-top:8px;font-size:16px}
@media(max-width:800px){.steps{grid-template-columns:1fr}}
/* pricing */
.pricing{background:var(--pale);color:var(--pale-text)}
.pricing .lead,.pricing .fine{color:var(--pale-muted)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.plan{background:#fff;border:1px solid #CBD5E3;border-radius:20px;padding:28px;display:flex;flex-direction:column}
.plan.rec{background:var(--ink);color:var(--text);border-color:var(--ink);transform:translateY(-10px)}
.plan .price{font:700 44px/1 "Bricolage Grotesque",sans-serif;margin:16px 0 4px;letter-spacing:-.03em}
.plan .price small{font:500 16px "Hanken Grotesk",sans-serif;color:var(--pale-muted);letter-spacing:0}
.plan.rec .price small{color:var(--muted)}
.plan ul{align-content:start;list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px;font-size:16px;flex:1}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:8px}
.plan li svg{margin-top:5px;color:#B07A12}
.plan.rec li svg{color:var(--gold)}
.plan .btn{background:#fff;color:var(--pale-text);border-color:#9FB0C7}
.plan.rec .btn{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.soon{font-size:12.5px;font-weight:700;background:var(--gold);color:var(--on-gold);padding:3px 10px;border-radius:999px;align-self:flex-start;margin-bottom:10px}
@media(max-width:900px){.plans{grid-template-columns:1fr}.plan.rec{transform:none}}
/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font:600 19px "Hanken Grotesk",sans-serif;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:26px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--muted)}
/* final + footer */
.final{background:radial-gradient(700px 360px at 50% 0,rgba(231,167,62,.14),transparent 70%)}
.final .wrap{display:flex;flex-direction:column;align-items:flex-start}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
footer{border-top:1px solid var(--line);padding:44px 0 56px;font-size:15px;color:var(--muted)}
footer .cols{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:26px}
footer a{text-decoration:none}
footer a:hover{color:var(--text)}
footer .risk{max-width:80ch;font-size:13.5px;line-height:1.6}
/* legal */
.legal{padding:48px 0 80px}
.legal .wrap{max-width:780px}
.legal h1{font-size:clamp(32px,6vw,48px);margin-bottom:8px}
.legal h2{font-size:24px;margin:36px 0 10px}
.legal p,.legal li{color:#C4CEDC;margin-bottom:12px;max-width:none}
.legal ul{padding-left:22px}
.legal .draft{border:1px solid var(--gold);border-radius:12px;padding:14px 16px;color:var(--text);margin:20px 0}