:root{
  --bg:#070B16;--bg2:#0B1120;--surf:#0F172A;--surf2:#131C33;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
  --text:#EDF0F7;--muted:#97A1B6;--dim:#6B7488;
  --gold:#E0B868;--gold2:#F6DDA6;--brass:#B9852E;
  --green:#5FD49A;--amber:#F2B45A;--blue:#7AA2FF;
  --r:16px;--r2:22px;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --head:'Inter Tight','Inter',system-ui,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 30%,transparent 75%);opacity:.5}
main,header,footer{position:relative;z-index:1}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--head);letter-spacing:-.02em;margin:0}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;
  background:linear-gradient(100deg,var(--gold2),var(--gold) 50%,var(--brass));-webkit-background-clip:text;background-clip:text;color:transparent}

/* glows */
.fx{position:absolute;left:0;right:0;top:0;height:1600px;overflow:hidden;pointer-events:none;z-index:0}
.glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0}
.g1{width:720px;height:520px;left:50%;top:-240px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(224,184,104,.30),transparent)}
.g2{width:620px;height:620px;right:-260px;top:520px;background:radial-gradient(closest-side,rgba(90,120,255,.16),transparent)}

/* nav */
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  background:rgba(7,11,22,.6);border-bottom:1px solid var(--line)}
.navbar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}
.logo{display:flex;align-items:center;gap:10px;font:600 17px var(--head);text-decoration:none;letter-spacing:-.01em}
.mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:700 15px var(--head);color:#1A1306;
  background:linear-gradient(140deg,var(--gold2),var(--gold) 55%,var(--brass));box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 6px 20px -6px rgba(224,184,104,.6)}
.mark.sm{width:30px;height:30px}
.links{display:flex;gap:28px}
.links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s}
.links a:hover{color:var(--text)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--sans);text-decoration:none;
  border-radius:999px;padding:12px 20px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn-sm{padding:8px 14px;font-size:14px}
.btn-lg{padding:15px 26px;font-size:16px}
.btn-gold{color:#1A1306;background:linear-gradient(140deg,var(--gold2),var(--gold) 60%,#D4A24E);
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 10px 30px -10px rgba(224,184,104,.7)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 14px 40px -10px rgba(224,184,104,.85)}
.btn-ghost{color:var(--text);background:rgba(255,255,255,.04);border:1px solid var(--line2)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}

/* hero */
.hero{padding:88px 0 40px;position:relative}
.hero-copy{text-align:center;max-width:1080px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:999px;font-size:13px;color:var(--muted);
  text-decoration:none;background:rgba(255,255,255,.04);border:1px solid var(--line2);transition:border-color .2s}
.pill:hover{border-color:rgba(224,184,104,.5)}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(95,212,154,.18);animation:pulse 2s infinite}
.pill .arr{color:var(--gold)}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(95,212,154,0)}}
h1{font-size:clamp(40px,6.4vw,78px);line-height:1.02;font-weight:600;margin:28px 0 22px;letter-spacing:-.035em}
h1 .serif{font-size:1.06em;letter-spacing:-.02em}
.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:680px;margin:0 auto 34px;line-height:1.6}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fine{font-size:13px;color:var(--dim);margin:18px 0 0}
.fine.center{text-align:center;margin-top:24px}

/* app mock */
.app{margin:64px auto 0;max-width:1080px;border-radius:var(--r2);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--line2);box-shadow:0 40px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.1) inset;padding:10px;position:relative}
.app::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(224,184,104,.5),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.app-top{display:flex;align-items:center;gap:14px;padding:8px 10px 14px}
.lights{display:flex;gap:6px}.lights i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.url{flex:1;text-align:center;font:500 12px var(--mono);color:var(--dim);background:rgba(255,255,255,.04);border-radius:8px;padding:6px 10px;
  max-width:420px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag{font-size:11px;font-weight:600;color:var(--amber);background:rgba(242,180,90,.12);border:1px solid rgba(242,180,90,.3);padding:3px 8px;border-radius:6px}
.app-body{display:grid;grid-template-columns:220px 1fr;background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left}
.app-side{border-right:1px solid var(--line);padding:18px 14px;background:rgba(255,255,255,.015)}
.side-h{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 10px;font-weight:600}
.biz{display:flex;gap:10px;align-items:center;margin-bottom:22px}
.biz b{display:block;font-size:13px}.biz small{font-size:11px;color:var(--dim)}
.av{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font:700 12px var(--head);background:#1C2742;color:var(--blue)}
.agents-mini{list-style:none;margin:0;padding:0}
.agents-mini li{display:flex;align-items:center;gap:9px;font-size:13px;padding:8px;border-radius:8px}
.agents-mini li:first-child{background:rgba(255,255,255,.05)}
.agents-mini em{margin-left:auto;font-style:normal;font-size:11px;color:var(--dim)}
.st{width:7px;height:7px;border-radius:50%}.st.on{background:var(--green);box-shadow:0 0 8px var(--green)}.st.wait{background:var(--amber)}.st.off{background:#3A4359}
.app-main{padding:20px}
.app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.app-head small{font-size:12px;color:var(--dim)}.app-head h4{font-size:22px;margin-top:2px}
.days{font-size:12px;color:var(--muted);min-width:200px}.days b{color:var(--text)}
.track{height:6px;background:rgba(255,255,255,.07);border-radius:9px;margin-top:6px;overflow:hidden}
.track i{display:block;height:100%;background:linear-gradient(90deg,var(--brass),var(--gold));border-radius:9px}
.app-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}
.tile{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:16px}
.tile small{font-size:12px;color:var(--dim);font-weight:500}
.score-tile{display:flex;flex-direction:column;align-items:center;gap:6px}
.score-tile small{align-self:flex-start}
.ring{position:relative;width:132px;height:132px;margin-top:4px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:9}
.ring-bg{stroke:rgba(255,255,255,.07)}
.ring-fg{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v));transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px rgba(224,184,104,.5))}
.app:not(.in) .ring-fg{stroke-dashoffset:100}
.ring-n{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-n b{font:600 38px/1 var(--head);letter-spacing:-.03em}
.ring-n span{font-size:11px;color:var(--green);margin-top:4px}
.spark{width:100%;height:40px}.spark svg{width:100%;height:100%}
.spark polyline{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke;opacity:.8}
.bars{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.bars li{display:grid;grid-template-columns:76px 1fr 24px;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.bars li b{color:var(--text);text-align:right;font-weight:600}
.bars div{height:6px;background:rgba(255,255,255,.07);border-radius:9px;overflow:hidden}
.bars i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--brass),var(--gold));border-radius:9px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.reveal:not(.in) .bars i,.app:not(.in) .bars i{width:0}
.money .big{font:600 34px/1.1 var(--head);margin:10px 0 6px;letter-spacing:-.03em;color:var(--gold2)}
.money .sub{font-size:12px;color:var(--muted);margin:0}
.feed ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.feed li{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:baseline;line-height:1.45}
.who{flex:none;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:5px}
.who.in{color:var(--green);background:rgba(95,212,154,.12)}.who.re{color:var(--gold);background:rgba(224,184,104,.12)}.who.pb{color:var(--blue);background:rgba(122,162,255,.12)}

/* strip */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:72px;background:rgba(255,255,255,.015)}
.strip-in{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px 24px;font-size:15px}
.strip-in span{color:var(--dim);font-size:13px;margin-right:10px}
.strip-in b{font:600 16px var(--head);color:#C9D0DE;letter-spacing:-.01em}
.strip-in i{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6}

/* sections */
.sec{padding:120px 0 0}
.sec-head{max-width:760px;margin-bottom:52px}
.eyebrow{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
h2{font-size:clamp(32px,4.6vw,52px);line-height:1.08;font-weight:600;letter-spacing:-.03em}
h2 .serif{font-size:1.04em}
.sub-lead{font-size:18px;color:var(--muted);margin:20px 0 0;max-width:620px}
h3{font-size:18px;font-weight:600;letter-spacing:-.015em}

.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:var(--r);padding:26px;
  transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--line2);transform:translateY(-2px)}
.card p{color:var(--muted);margin:10px 0 0;font-size:15px}
.ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:20px;color:var(--gold);
  background:rgba(224,184,104,.1);border:1px solid rgba(224,184,104,.22)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}

/* timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(224,184,104,.35) 70%,transparent)}
.timeline li{position:relative;padding-top:64px}
.step{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:600 14px var(--mono);color:#1A1306;
  background:linear-gradient(140deg,var(--gold2),var(--gold));box-shadow:0 0 0 6px var(--bg),0 8px 24px -8px rgba(224,184,104,.7)}
.timeline .opt .step{background:var(--surf2);color:var(--gold);border:1px solid rgba(224,184,104,.35)}
.when{font:500 12px var(--mono);color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
.timeline h3{font-size:24px;margin:8px 0 10px}
.timeline p{color:var(--muted);font-size:15px;margin:0}

/* bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.b{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:var(--r2);padding:28px;position:relative;overflow:hidden;transition:border-color .3s}
.b:hover{border-color:rgba(224,184,104,.3)}
.b-wide{grid-column:span 2;grid-row:span 1}
.b h3{font-size:21px;margin:18px 0 8px;line-height:1.25}
.b p{color:var(--muted);margin:0;font-size:15px}
.b-top{display:flex;justify-content:space-between;align-items:center}
.chip{font:600 12px var(--mono);color:var(--gold);background:rgba(224,184,104,.1);border:1px solid rgba(224,184,104,.22);padding:4px 10px;border-radius:999px}
.live{font-size:12px;color:var(--green)}
.msg{margin-top:22px;display:grid;gap:10px;max-width:480px}
.m{font-size:14px;padding:11px 14px;border-radius:14px;line-height:1.45}
.m.them{background:var(--surf2);border:1px solid var(--line);border-bottom-left-radius:4px;justify-self:start;color:#CDD3E0}
.m.us{background:linear-gradient(140deg,rgba(224,184,104,.2),rgba(224,184,104,.08));border:1px solid rgba(224,184,104,.3);border-bottom-right-radius:4px;justify-self:end}
.ok{display:inline-block;margin-left:6px;font-size:11px;color:var(--green);font-weight:600}
.mini-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:2px}
.mini-list li{display:flex;justify-content:space-between;font-size:14px;padding:9px 0;border-bottom:1px dashed var(--line);color:var(--muted)}
.mini-list b{color:var(--gold2);font-family:var(--head)}
.cap{font-size:12px !important;color:var(--dim) !important;margin-top:10px !important}
.doc{margin-top:18px;background:var(--surf2);border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:8px}
.doc b{font-size:13px}.doc i{height:6px;border-radius:4px;background:rgba(255,255,255,.08)}.doc i.s{width:60%}
.prog{margin-top:20px}.prog div{height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.prog i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--brass),var(--gold));transition:width 1.4s}
.reveal:not(.in) .prog i{width:0}
.prog span{display:block;font-size:12px;color:var(--dim);margin-top:8px}

.ro{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 14px;border-radius:10px;background:var(--surf2);border:1px solid var(--line)}
.ro em{margin-left:auto;font-style:normal;font-size:12px;color:var(--amber)}
.lock{width:10px;height:8px;border-radius:2px;background:var(--gold);position:relative;margin-top:4px}
.lock::before{content:"";position:absolute;left:1px;top:-6px;width:4px;height:5px;border:2px solid var(--gold);border-bottom:0;border-radius:4px 4px 0 0}

/* snapshot */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.checks li{padding-left:30px;position:relative;color:#C9D0DE}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;
  background:rgba(95,212,154,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%235FD49A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
#snapshot .fine{margin:22px 0 26px}
.snap{background:linear-gradient(180deg,#121B31,#0C1324);border:1px solid var(--line2);border-radius:var(--r2);padding:28px;
  box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 80px -30px rgba(224,184,104,.25);transform:rotate(1.2deg)}
.snap-h{display:flex;align-items:center;gap:12px}
.snap-h b{display:block;font:600 15px var(--head)}.snap-h small{font-size:12px;color:var(--dim)}
.band{margin-left:auto;font-size:12px;font-weight:600;color:var(--amber);background:rgba(242,180,90,.12);padding:5px 10px;border-radius:999px}
.snap-score{margin:22px 0 18px;display:flex;align-items:baseline;gap:8px}
.snap-score b{font:600 72px/1 var(--head);letter-spacing:-.04em}
.snap-score span{color:var(--dim);font-size:18px}
.bars.big li{grid-template-columns:1fr 110px 26px;font-size:13px}
.snap-q{margin:22px 0 0;padding:14px 16px;border-radius:12px;background:rgba(224,184,104,.07);border:1px solid rgba(224,184,104,.2);font-size:15px;color:#E4E7EF}
.snap-q span{display:block;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}

/* day 60 */
.d60{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:var(--r);padding:22px}
.d60 b{display:block;font:600 22px var(--head);color:var(--gold2);letter-spacing:-.02em;margin-bottom:18px}
.d60 h3{font-size:16px}.d60 p{color:var(--muted);font-size:14px;margin:8px 0 0}

/* who */
.who .num{font:500 13px var(--mono);color:var(--gold)}
.who h3{font-size:22px;margin-top:22px}

/* lane */
.lane ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.lane li{padding-left:30px;position:relative;color:#C9D0DE;font-size:15px}
.lane li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700}
.do li::before{content:"✓";color:var(--green);background:rgba(95,212,154,.12)}
.dont li::before{content:"×";color:#F08A8A;background:rgba(240,138,138,.1)}
.lane h3{font-size:22px}

/* name */
.name-card{position:relative;overflow:hidden;border-radius:28px;padding:64px 56px;border:1px solid rgba(224,184,104,.22);
  background:radial-gradient(ellipse at 100% 0%,rgba(224,184,104,.16),transparent 55%),linear-gradient(180deg,#0E1528,#0A1020)}
.baton{position:absolute;right:0;top:40px;width:55%;height:120px;opacity:.9}
.baton svg{width:100%;height:100%}
.stick{position:absolute;right:40px;top:8px;width:90px;height:22px;border-radius:12px;background:linear-gradient(140deg,var(--gold2),var(--gold));
  box-shadow:0 0 30px rgba(224,184,104,.6);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateX(-10px)}}
.name-card h2{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.serif.big{font-size:clamp(56px,8vw,96px);line-height:1}
.pron{font:500 15px var(--mono);color:var(--dim);letter-spacing:.02em}
.def{font-size:20px;color:#D5DAE5;margin:16px 0 40px}
.meanings>div{border-top:1px solid var(--line2);padding-top:18px}
.meanings p{color:var(--muted);margin:8px 0 0;font-size:15px}
.root{margin:40px 0 0;color:var(--muted);font-size:16px;max-width:640px}

/* cta */
.cta{text-align:center;border-radius:28px;padding:80px 32px;position:relative;overflow:hidden;border:1px solid rgba(224,184,104,.3);
  background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(224,184,104,.22),transparent 70%),linear-gradient(180deg,#111A30,#0A1020)}
.cta h2{max-width:760px;margin:0 auto}
.cta p{color:var(--muted);max-width:560px;margin:20px auto 34px;font-size:18px}
.cta-row.center{justify-content:center}

/* footer */
.foot{margin-top:120px;border-top:1px solid var(--line);padding:40px 0 56px}
.foot-in{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
.foot .fine{margin-top:12px}
.disc{margin:0 !important;line-height:1.6}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.snap.reveal.in{transform:rotate(1.2deg)}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .pill .dot,.stick{animation:none}
  .ring-fg,.bars i,.prog i{transition:none}
}

/* responsive */
@media (max-width:1000px){
  .grid4{grid-template-columns:repeat(2,1fr)}
  .grid5{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .timeline::before{display:none}
  .split{grid-template-columns:1fr;gap:48px}
  .links{display:none}
  .app-body{grid-template-columns:1fr}
  .app-side{display:none}
}
@media (max-width:700px){
  .wrap{padding:0 16px}
  .hero{padding-top:56px}
  .sec{padding-top:88px}
  .grid2,.grid3,.grid4,.grid5,.timeline,.bento{grid-template-columns:1fr}
  .b-wide{grid-column:auto}
  .app{margin-top:44px;padding:6px}
  .app-grid{grid-template-columns:1fr}
  .app-main{padding:14px}
  .app-head{flex-direction:column;align-items:flex-start}
  .days{min-width:0;width:100%}
  .url{display:none}
  .tag{margin-left:auto}
  .name-card{padding:44px 24px}
  .baton{width:80%;opacity:.5}
  .cta{padding:56px 20px}
  .foot-in{grid-template-columns:1fr;gap:20px}
  .navbar .btn-sm{padding:7px 12px;font-size:13px}
  .snap{transform:none}.snap.reveal.in{transform:none}
  .bars.big li{grid-template-columns:1fr 70px 22px}
}
.pill .sm{display:none}
@media (max-width:700px){.pill .lg{display:none}.pill .sm{display:inline}}

/* request form */
.req{max-width:640px;margin:8px auto 0;text-align:left;display:grid;gap:14px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.req label{display:grid;gap:6px;font-size:13px;font-weight:500;color:#C9D0DE}
.req label em{font-style:normal;color:var(--dim);font-weight:400;margin-left:4px}
.req input,.req select{width:100%;font:15px var(--sans);color:var(--text);background:rgba(7,11,22,.7);border:1px solid var(--line2);
  border-radius:12px;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.req select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2397A1B6' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:36px}
.req select:invalid{color:var(--dim)}
.req option{color:#111}
.req input::placeholder{color:var(--dim)}
.req input:focus,.req select:focus{border-color:rgba(224,184,104,.6);box-shadow:0 0 0 4px rgba(224,184,104,.12)}
.req [aria-invalid="true"]{border-color:#F08A8A}
.req button{justify-self:center;margin-top:6px;border:0;cursor:pointer}
.req button[disabled]{opacity:.6;cursor:wait}
.req .fine{text-align:center;margin:0}
.req .fine a{color:var(--gold)}
.form-msg{text-align:center;margin:0;min-height:1px;font-size:15px}
.form-msg.ok{color:var(--green)}.form-msg.err{color:#F4A7A7}
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.req.sent .f2,.req.sent button,.req.sent>label{display:none}
.cta .req p{margin:0}
.cta .eyebrow{color:var(--gold);font-size:12px;margin:0 0 16px}
.cta .req .fine{font-size:13px;margin:0 auto;max-width:520px}
@media (max-width:700px){.f2{grid-template-columns:1fr}}

/* v3: buyers, pricing, faq, live feed */
.req textarea{width:100%;font:15px var(--sans);color:var(--text);background:rgba(7,11,22,.7);border:1px solid var(--line2);border-radius:12px;padding:13px 14px;outline:none;resize:vertical;min-height:84px}
.req textarea:focus{border-color:rgba(224,184,104,.6);box-shadow:0 0 0 4px rgba(224,184,104,.12)}
.req textarea::placeholder{color:var(--dim)}
.blink{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:6px;vertical-align:middle;animation:pulse 2s infinite}
#feed li{transition:opacity .5s,transform .5s}
#feed li.enter{opacity:0;transform:translateY(-6px)}
.split.rev{grid-template-columns:1.05fr 1fr}
.pre{background:linear-gradient(180deg,#121B31,#0C1324);border:1px solid var(--line2);border-radius:var(--r2);padding:24px;
  box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 80px -30px rgba(122,162,255,.25);transform:rotate(-1deg)}
.pre.reveal.in{transform:rotate(-1deg)}
.pre-top{display:flex;align-items:center;gap:12px}.pre-top b{display:block;font:600 15px var(--head)}.pre-top small{font-size:12px;color:var(--dim)}
.pre-top .tag{margin-left:auto}
.pre-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.pre-kpis div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pre-kpis b{display:block;font:600 22px var(--head);letter-spacing:-.02em}.pre-kpis span{font-size:11px;color:var(--dim)}
.pre-t{width:100%;border-collapse:collapse;font-size:13px}
.pre-t th{text-align:left;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:0 6px 8px;border-bottom:1px solid var(--line)}
.pre-t td{padding:9px 6px;border-bottom:1px solid var(--line);color:#D5DAE5}
.pre-t td small{display:block;font-size:11px;color:var(--dim)}
.pre-t td:nth-child(2){font:600 16px var(--head)}
.pre-t tr.fade td{opacity:.45}
.t{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;white-space:nowrap}
.t.bad{color:#F4A7A7;background:rgba(240,138,138,.12)}.t.mid{color:var(--amber);background:rgba(242,180,90,.12)}.t.ok{color:var(--green);background:rgba(95,212,154,.12)}
.pre-q{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(224,184,104,.07);border:1px solid rgba(224,184,104,.2);font-size:14px;color:#E4E7EF}
.pre-q span{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
#buyers .checks{margin-bottom:28px}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-head.center .sub-lead{margin-left:auto;margin-right:auto}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.price{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:var(--r2);padding:28px 24px}
.price.feat{border-color:rgba(224,184,104,.45);background:radial-gradient(ellipse at 50% 0%,rgba(224,184,104,.16),transparent 65%),linear-gradient(180deg,#121A2E,#0C1324);
  box-shadow:0 30px 80px -30px rgba(224,184,104,.35)}
.p-badge{position:absolute;top:-11px;left:24px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#1A1306;
  background:linear-gradient(140deg,var(--gold2),var(--gold));padding:4px 10px;border-radius:999px}
.p-name{margin:0;font:600 15px var(--head);color:#C9D0DE}
.p-amt{margin:14px 0 2px;font:600 34px/1.1 var(--head);letter-spacing:-.03em}
.price.feat .p-amt{background:linear-gradient(100deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.p-sub{margin:0;font-size:13px;color:var(--dim)}
.price ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px;flex:1}
.price li{position:relative;padding-left:24px;font-size:14px;color:#C9D0DE}
.price li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.price .btn{width:100%}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq{display:grid;gap:10px}
.faq details{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:14px;padding:0 20px;transition:border-color .2s}
.faq details[open]{border-color:rgba(224,184,104,.3)}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font:600 16px var(--head);letter-spacing:-.01em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font:400 22px var(--sans);color:var(--gold);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--muted);font-size:15px}
.faq a{color:var(--gold)}
@media (max-width:1000px){.price-grid{grid-template-columns:repeat(2,1fr)}.faq-wrap{grid-template-columns:1fr;gap:0}.split.rev{grid-template-columns:1fr}.split.rev .pre{order:2}}
@media (max-width:700px){.price-grid{grid-template-columns:1fr}.pre,.pre.reveal.in{transform:none}.pre-t th:nth-child(3),.pre-t td:nth-child(3){display:none}}
.price ul{align-content:start}
.links a[aria-current]{color:var(--text)}