/* TERRAIN v3 — one dark system for the landing page and every portal tab */
@font-face{font-family:Satoshi;src:url(fonts/satoshi-400.woff2) format('woff2');font-weight:400}
@font-face{font-family:Satoshi;src:url(fonts/satoshi-500.woff2) format('woff2');font-weight:500}
@font-face{font-family:Satoshi;src:url(fonts/satoshi-700.woff2) format('woff2');font-weight:700}
@font-face{font-family:Bungee;src:url(fonts/bungee-400.woff2) format('woff2');font-weight:400}
@font-face{font-family:JBM;src:url(fonts/jbm-400.woff2) format('woff2');font-weight:400}
@font-face{font-family:JBM;src:url(fonts/jbm-500.woff2) format('woff2');font-weight:500}

:root{
  --night:#0B0D10; --deep:#07080A; --panel:#13161B; --panel-2:#1A1E24;
  --plum:#0F1820; --wine:#16324A; --claret:#1E4566; --signal:#E5533D;
  --cream:#ECEDE7; --pink:#A9D4F5;
  --c1:rgb(236 237 231/1); --c2:rgb(236 237 231/.66); --c3:rgb(236 237 231/.46); --c4:rgb(236 237 231/.28);
  --h1:rgb(236 237 231/.07); --h2:rgb(236 237 231/.13); --h3:rgb(236 237 231/.22);
  --ease:cubic-bezier(.16,1,.3,1);
  --row:1344px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--night)}
body{font-family:Satoshi,'Helvetica Neue',Arial,sans-serif;color:var(--c1);background:var(--night);font-size:17px;line-height:1.5}
a{color:inherit;text-decoration:none}
.m{font-family:JBM,ui-monospace,monospace;font-variant-numeric:tabular-nums}
.lab{font-family:JBM,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--c3)}
.wrap{width:min(var(--row),calc(100vw - 96px));margin:0 auto;position:relative}
.grain{position:relative}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;opacity:.5;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* lockup: locked mark file as-is + TERRAIN in Bungee */
.lock{display:inline-flex;align-items:center;gap:.3em;font:700 24px/1 Satoshi;letter-spacing:-.045em;color:var(--cream)}
.lock img{width:.92em;height:.92em;display:block}
.lock span{transform:translateY(-.03em)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 17px;border-radius:10px;font:500 15px/1 Satoshi;letter-spacing:-.01em;white-space:nowrap}
.btn.cream{background:var(--cream);color:var(--night)}
.btn.ghost{box-shadow:inset 0 0 0 1px var(--h3);color:var(--c1)}
.btn.claret{background:var(--claret);color:var(--cream)}
.btn svg{width:14px;height:14px}

/* ---------- market tile: one primitive for hero, product, portal ---------- */
.mt{position:absolute;height:72px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h2);padding:11px 13px 10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.mt .a{display:flex;justify-content:space-between;gap:8px;font:500 10px/1 JBM;letter-spacing:.09em;color:var(--c3);white-space:nowrap}
.mt .a .p{color:var(--pink)}
.mt .q{font:500 14px/1.15 Satoshi;letter-spacing:-.01em;color:var(--c1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt .b{display:flex;align-items:flex-end;gap:10px}
.mt .pc{font:500 19px/1 JBM;letter-spacing:-.04em}
.mt .pc small{font-size:11px;color:var(--c3);letter-spacing:0;margin-left:1px}
.mt .sp{flex:1;height:16px}
.mt .dl{font:500 10.5px/1 JBM;color:var(--c3)}
.mt .dl.up{color:var(--pink)}
.mt.n{padding:11px 12px}
.mt.n .b{justify-content:space-between}
.mt.hot{background:var(--claret);box-shadow:0 18px 40px -20px rgb(30 69 102/.9)}
.mt.hot .a,.mt.hot .pc small,.mt.hot .dl{color:rgb(236 237 231/.66)} .mt.hot .a .p,.mt.hot .dl.up{color:var(--cream)}
.mt.mine{box-shadow:inset 0 0 0 1.5px var(--pink),0 18px 40px -22px rgb(169 212 245/.5)}
.mt.qs{background:transparent;box-shadow:inset 0 0 0 1px var(--h2);background-image:repeating-linear-gradient(135deg,rgb(236 237 231/.035) 0 1px,transparent 1px 6px)}

/* ================= HERO: the gate ================= */
.hero{position:relative;height:900px;overflow:hidden;background:var(--deep)}
.hero .navr{position:absolute;right:48px;top:22px;display:flex;gap:10px;z-index:20}
.hero .wall{position:absolute;inset:0;z-index:2}
.gate{position:absolute;left:50%;transform:translateX(-50%);z-index:3;border-radius:50% 50% 0 0/100% 100% 0 0;overflow:hidden;background:var(--night)}
.gate .terra{position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;width:1400px;image-rendering:pixelated;opacity:.95}
.gate .sky{position:absolute;inset:0;background:linear-gradient(180deg,#07080A 0%,#0B0D10 45%,rgb(22 50 74/.45) 100%)}
.gate .rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--h2)}
.hc{position:absolute;left:50%;transform:translateX(-50%);z-index:6;text-align:center;width:640px}
.hc .lock{font-size:76px;gap:.26em}
.hc h1{font:500 26px/1.2 Satoshi;letter-spacing:-.02em;color:var(--c2);margin-top:22px}
.hc h1 b{color:var(--c1);font-weight:500}
.onb{margin:30px auto 0;width:560px;text-align:left;border-radius:14px;background:rgb(11 13 16/.86);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--h2),0 40px 80px -30px #000}
.onb .tg{display:flex;padding:4px;gap:3px;border-bottom:1px solid var(--h1)}
.onb .tg a{flex:1;text-align:center;padding:9px 0;border-radius:9px;font:500 14px/1 Satoshi;color:var(--c3)}
.onb .tg a.on{background:var(--panel-2);color:var(--c1);box-shadow:inset 0 0 0 1px var(--h2)}
.onb .bd{padding:12px}
.cp{display:flex;align-items:stretch;border-radius:10px;background:var(--deep);box-shadow:inset 0 0 0 1px var(--h1);overflow:hidden}
.cp p{flex:1;padding:12px 14px;font:400 13px/1.55 JBM;color:var(--c2)}
.cp p em{font-style:normal;color:var(--pink)}
.cp a{display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--cream);color:var(--night);font:500 14px/1 Satoshi;margin:5px;border-radius:7px}
.onb .st{display:flex;gap:6px;padding:10px 2px 0}
.onb .st span{flex:1;font:400 12.5px/1.3 Satoshi;color:var(--c3)}
.onb .st b{font:500 10.5px/1 JBM;color:var(--pink);margin-right:7px}
.logos{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 0 13px;border-top:1px solid var(--h1)}
.logos img{height:22px;width:22px;opacity:.7;filter:invert(1) sepia(.15) saturate(.4)}
.logos span{font:400 11px/1 JBM;letter-spacing:.09em;color:var(--c4)}

/* ================= DREAM ================= */
.dream{position:relative;padding:200px 0 120px;overflow:hidden}
.dream h2{font:500 150px/.9 Satoshi;letter-spacing:-.055em}
.dream h2 .k{color:var(--c4);position:relative}
.dream h2 .k::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:6px;background:var(--pink);transform:rotate(-1.5deg)}
.dream h2 .e{color:var(--pink)}
.slips{position:relative;height:440px;margin-top:20px}
.bubble{position:absolute;max-width:360px;padding:16px 18px;border-radius:20px 20px 20px 6px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--h2);font:500 19px/1.35 Satoshi;letter-spacing:-.01em;color:var(--c2)}
.bubble small{display:block;font:400 11px/1 JBM;color:var(--c4);letter-spacing:.06em;margin-bottom:9px}
.receipt{position:absolute;width:330px;background:var(--cream);color:var(--night);padding:22px 22px 26px;
 -webkit-mask:radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) 0 0/18px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) 0 6px/18px 100% repeat-x;
 box-shadow:0 50px 80px -30px #000}
.receipt .r1{display:flex;justify-content:space-between;align-items:center;font:500 10.5px/1 JBM;letter-spacing:.09em;color:rgb(11 13 16/.55)}
.receipt .lock{font-size:15px;color:var(--night)}
.receipt .big{font:500 64px/1 Satoshi;letter-spacing:-.05em;margin-top:26px}
.receipt .big small{font-size:28px;letter-spacing:-.02em;vertical-align:.7em;margin-right:2px}
.receipt .ln{display:flex;justify-content:space-between;font:400 12.5px/1 JBM;color:rgb(11 13 16/.66);padding:9px 0;border-top:1px dashed rgb(11 13 16/.22)}
.receipt .ln:first-of-type{margin-top:22px}
.receipt .q{font:500 15.5px/1.3 Satoshi;margin-top:8px;letter-spacing:-.01em}
.receipt .stamp{position:absolute;right:18px;top:64px;transform:rotate(-8deg);font:500 12px/1 JBM;letter-spacing:.12em;color:#1E4566;border:1.5px solid #1E4566;padding:7px 9px;border-radius:5px}

/* product window */
.win{position:relative;margin:0 auto;width:1260px;border-radius:14px;overflow:hidden;background:var(--night);box-shadow:0 0 0 1px var(--h2),0 80px 140px -40px #000}
.win .bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;background:var(--deep);border-bottom:1px solid var(--h1);position:relative}
.win .bar i{width:10px;height:10px;border-radius:50%;background:var(--h2)}
.win .bar span{position:absolute;left:50%;transform:translateX(-50%);font:400 11.5px/1 JBM;color:var(--c3);padding:6px 70px;border-radius:7px;background:var(--h1)}
.win .vp{height:787px;overflow:hidden;position:relative}
.win iframe{border:0;width:1440px;height:900px;transform:scale(.875);transform-origin:0 0}
.wcap{display:flex;justify-content:space-between;align-items:baseline;width:1260px;margin:26px auto 0}
.wcap b{font:500 22px/1.2 Satoshi;letter-spacing:-.02em}
.wcap span{font-size:16px;color:var(--c3)}

/* ================= CHAPTERS ================= */
.ch{position:relative;overflow:hidden}
.ch .hd{position:absolute;z-index:5}
.ch .no{font:500 12px/1 JBM;letter-spacing:.1em;color:var(--pink);display:flex;align-items:center;gap:12px}
.ch .no::before{content:"";width:8px;height:8px;background:currentColor;border-radius:2px}
.ch h3{font:500 64px/.98 Satoshi;letter-spacing:-.045em;margin-top:22px}
.ch .hd p{font-size:18px;line-height:1.45;color:var(--c3);margin-top:18px;max-width:380px}
.ch .hd p b{color:var(--c1);font-weight:500}

/* 01 onboard */
.c1{height:760px;background:var(--night)}
.term{position:absolute;left:600px;top:120px;width:740px;border-radius:16px;background:var(--deep);box-shadow:inset 0 0 0 1px var(--h2),0 60px 120px -40px #000;overflow:hidden}
.term .tb{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--h1);font:400 12px/1 JBM;color:var(--c3)}
.term .tb img{width:16px;height:16px;filter:invert(1);opacity:.8}
.term .body{padding:22px 24px 26px;font:400 15px/1.75 JBM;color:var(--c2)}
.term .you{color:var(--c1)}
.term .you::before{content:"› ";color:var(--pink)}
.term .ok{color:var(--c3)} .term .ok b{color:var(--pink);font-weight:500}
.term .code{display:inline-block;background:var(--cream);color:var(--night);padding:2px 10px;border-radius:5px;letter-spacing:.18em;font-weight:500}
.term .wait{margin-top:14px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--pink);color:var(--c1);font:500 15px/1.3 Satoshi}
.term .wait .btn{margin-left:auto;height:36px}
.orbit{position:absolute;left:600px;top:640px;width:740px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.orbit div{height:86px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:400 11px/1 JBM;color:var(--c3);letter-spacing:.04em}
.orbit div img{width:26px;height:26px;filter:invert(1);opacity:.85}
.orbit div.on{box-shadow:inset 0 0 0 1.5px var(--pink);color:var(--c1)}

/* 02 qs or $1 */
.c2{height:820px;background:var(--claret)}
.c2 .hd p{color:rgb(236 237 231/.7)} .c2 .no{color:var(--cream)}
.chips{position:absolute;left:640px;top:110px;width:700px;height:600px}
.chip{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.chip .face{position:absolute;inset:0;border-radius:50%}
.chip .lbl{position:relative;font:500 15px/1 JBM;letter-spacing:.12em;margin-top:10px}
.chip .v{position:relative;font:700 120px/.9 Satoshi;letter-spacing:-.06em}
.switch{position:absolute;left:-20px;top:546px;display:flex;padding:5px;border-radius:14px;background:rgb(11 13 16/.35);box-shadow:inset 0 0 0 1px rgb(236 237 231/.18)}
.switch a{padding:12px 20px;border-radius:10px;font:500 15px/1 Satoshi;color:rgb(236 237 231/.7)}
.switch a.on{background:var(--cream);color:var(--claret)}
.range{position:absolute;left:360px;top:546px;width:340px}
.range .tr{height:6px;border-radius:3px;background:rgb(236 237 231/.2);position:relative;margin-top:20px}
.range .tr i{position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:3px;background:var(--cream)}
.range .tr b{position:absolute;left:8%;top:50%;width:22px;height:22px;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%);box-shadow:0 4px 12px rgb(0 0 0/.35)}
.range .ends{display:flex;justify-content:space-between;font:500 13px/1 JBM;color:rgb(236 237 231/.75);margin-top:14px}

/* 03 train */
.c3{height:860px;background:var(--night)}
.fp{position:absolute;left:560px;top:60px;width:740px;height:740px}
.feed-in{position:absolute;left:48px;top:470px;width:420px;display:flex;flex-direction:column;gap:10px}
.feed-in div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1);font:500 14.5px/1.3 Satoshi;color:var(--c2)}
.feed-in div span{margin-left:auto;font:400 11px/1 JBM;color:var(--c4);letter-spacing:.06em}
.feed-in div i{width:8px;height:8px;border-radius:2px;background:var(--pink);flex:none}
.trait{position:absolute;font:500 13px/1.25 Satoshi;color:var(--c1);padding:8px 11px;border-radius:9px;background:rgb(11 13 16/.9);box-shadow:inset 0 0 0 1px var(--h2);white-space:nowrap}
.trait small{display:block;font:400 10px/1 JBM;color:var(--pink);letter-spacing:.08em;margin-bottom:5px}
.flag{position:absolute;right:48px;bottom:40px;font:400 11px/1 JBM;letter-spacing:.08em;color:var(--c4)}

/* 04 speak */
.c4{height:800px;background:var(--deep)}
.say{position:absolute;left:48px;top:300px;width:820px}
.say .qt{font:500 76px/1 Satoshi;letter-spacing:-.045em;color:var(--c1)}
.say .qt span{color:var(--c4)}
.wave{display:flex;align-items:center;gap:4px;height:60px;margin-top:36px}
.wave i{width:4px;border-radius:2px;background:var(--pink)}
.wave em{font-style:normal;font:400 12px/1 JBM;color:var(--c3);margin-left:16px;letter-spacing:.06em}
.dial{position:absolute;right:48px;top:110px;width:520px;height:520px}
.pos{position:absolute;left:48px;top:640px;display:flex;gap:12px}
.pos .mt{position:relative}

/* 05 social */
.c5{height:900px;background:var(--plum)}
.c5 .hd p{color:rgb(236 237 231/.62)}
.net{position:absolute;inset:0}
.post{position:absolute;width:390px;border-radius:16px;background:var(--night);box-shadow:inset 0 0 0 1px var(--h2),0 40px 70px -30px rgb(0 0 0/.8);padding:16px 18px}
.post .ph{display:flex;align-items:center;gap:10px;font:500 14.5px/1 Satoshi}
.post .ph i{width:30px;height:30px;border-radius:8px;flex:none;background-size:300px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--h2)}
.post .ph span{font:400 11px/1 JBM;color:var(--c4)}
.post .ph em{font-style:normal;margin-left:auto;font:500 10px/1 JBM;letter-spacing:.08em;color:var(--pink);padding:4px 7px;border-radius:5px;box-shadow:inset 0 0 0 1px rgb(169 212 245/.4)}
.post p{font:400 15.5px/1.45 Satoshi;color:var(--c2);margin-top:11px}
.post .ft{display:flex;gap:16px;margin-top:12px;font:400 11.5px/1 JBM;color:var(--c4)}
.node{position:absolute;width:44px;height:44px;border-radius:12px;background-size:420px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--h3),0 10px 24px -8px #000}

/* 06 caps (cream chapter) */
.c6{height:860px;background:var(--cream);color:var(--night)}
.c6 .no{color:#1E4566} .c6 .hd p{color:rgb(11 13 16/.6)}
.stop{position:absolute;left:720px;top:130px;width:420px;height:420px;border-radius:50%;
 background:radial-gradient(circle at 50% 40%,#9a1e37 0,#7b162c 55%,#5c152e 100%);box-shadow:0 0 0 22px #e9e1cf,0 0 0 23px rgb(11 13 16/.12),0 60px 80px -30px rgb(22 50 74/.6),inset 0 -14px 30px rgb(0 0 0/.25),inset 0 10px 20px rgb(255 255 255/.12);
 display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cream)}
.stop b{font:700 64px/1 Satoshi;letter-spacing:-.04em}
.stop span{font:500 13px/1 JBM;letter-spacing:.14em;margin-top:14px;color:rgb(236 237 231/.75)}
.caps{position:absolute;left:640px;top:640px;width:600px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cap{border-radius:14px;background:#E1E3DC;box-shadow:inset 0 0 0 1px rgb(11 13 16/.1);padding:16px 18px}
.cap .t{display:flex;justify-content:space-between;font:500 14px/1 Satoshi;color:rgb(11 13 16/.66)}
.cap .t b{font:500 20px/1 JBM;color:var(--night);letter-spacing:-.03em}
.cap .tr{height:8px;border-radius:4px;background:rgb(11 13 16/.1);position:relative;margin-top:16px}
.cap .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#1E4566}
.cap .tr s{position:absolute;right:0;top:-5px;bottom:-5px;width:2px;background:var(--night)}
.refuse{position:absolute;left:1180px;top:200px;width:220px;transform:rotate(4deg);background:#F8F9F5;border-radius:10px;padding:14px 16px;box-shadow:0 20px 40px -18px rgb(11 13 16/.4),inset 0 0 0 1px rgb(11 13 16/.08);font:400 13px/1.45 JBM;color:rgb(11 13 16/.7)}
.refuse b{display:block;font:500 12px/1 JBM;letter-spacing:.12em;color:var(--signal);margin-bottom:8px}

/* ================= WHY: the ground line ================= */
.why{position:relative;padding:170px 0 120px;overflow:hidden;background:var(--night)}
.why .top{display:flex;justify-content:space-between;align-items:flex-end}
.why h2{font:500 88px/.95 Satoshi;letter-spacing:-.05em}
.why .top p{font-size:18px;line-height:1.45;color:var(--c3);max-width:400px}
.gl{position:relative;height:880px;margin-top:70px}
.gl .earth{position:absolute;left:-48px;right:-48px;top:500px;bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}
.gl .earth img{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:1700px;image-rendering:pixelated;opacity:.55}
.gl .earth::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 13 16/0) 0,rgb(11 13 16/.2) 40%,var(--night) 100%)}
.gl .zero{position:absolute;left:0;right:0;top:420px;height:1px;background:var(--c3)}
.col{position:absolute;width:150px;bottom:calc(880px - 420px)}
.col .bar{position:absolute;left:0;right:0;bottom:0;border-radius:6px 6px 0 0}
.col .val{position:absolute;left:0;font:500 34px/1 Satoshi;letter-spacing:-.04em;white-space:nowrap}
.col .nm{position:absolute;left:0;top:18px;font:500 15px/1.25 Satoshi;color:var(--c2);width:200px}
.col .nm span{display:block;font:400 11px/1 JBM;color:var(--c4);letter-spacing:.06em;margin-top:6px}
.meth{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--h2);margin-top:10px}
.meth div{padding:22px 0 0}
.meth b{display:block;font:500 26px/1 JBM;letter-spacing:-.03em}
.meth span{display:block;font-size:14px;color:var(--c3);margin-top:8px;line-height:1.4}
.cav{margin-top:30px;font-size:14px;color:var(--c3)}
.cav b{color:var(--c1);font-weight:500}

/* ================= FAQ ================= */
.faq{padding:140px 0 160px;background:var(--night)}
.faq .g{display:grid;grid-template-columns:4fr 8fr;gap:60px}
.faq h2{font:500 64px/1 Satoshi;letter-spacing:-.045em}
.qa{border-top:1px solid var(--h2)}
.qa .row{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--h2)}
.qa .row b{font:500 22px/1.25 Satoshi;letter-spacing:-.02em;flex:1}
.qa .row i{font-style:normal;font:400 22px/1 JBM;color:var(--c3)}
.qa .row p{font-size:17px;color:var(--c3);margin-top:12px;max-width:620px;line-height:1.5}

/* ================= CTA + FOOTER ================= */
.cta{position:relative;height:880px;overflow:hidden;background:var(--night);text-align:center}
.cta .terra{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:2277px;image-rendering:pixelated}
.cta .fadeT{position:absolute;inset:0;background:linear-gradient(180deg,var(--night) 0,var(--night) 62%,rgb(11 13 16/0) 88%)}
.cta .in{position:relative;padding-top:200px;z-index:2}
.cta h2{font:500 136px/.9 Satoshi;letter-spacing:-.06em}
.cta .in>p{font:500 24px/1.3 Satoshi;color:var(--c3);margin-top:24px;letter-spacing:-.01em}
.cta .cp{width:620px;margin:42px auto 0;text-align:left;background:rgb(14 13 21/.9);box-shadow:inset 0 0 0 1px var(--h2),0 30px 70px -20px #000}
.foot{position:relative;background:var(--deep);overflow:hidden}
.foot .links{display:flex;justify-content:space-between;align-items:flex-start;padding:56px 48px 0}
.foot .cols{display:flex;gap:80px}
.foot .cols h5{font:500 11px/1 JBM;letter-spacing:.09em;color:var(--c4);text-transform:uppercase;margin-bottom:16px}
.foot .cols a{display:block;font:500 15px/1 Satoshi;color:var(--c2);margin-bottom:12px}
.foot .tag{font:500 22px/1.3 Satoshi;letter-spacing:-.015em;color:var(--c2);max-width:340px}
.foot .giant{position:relative;height:330px;margin-top:40px}
.foot .giant span{position:absolute;left:50%;transform:translateX(-50%);bottom:-34px;font:700 400px/1 Satoshi;letter-spacing:-.06em;white-space:nowrap;color:transparent;
 background:var(--claret) url(art/relief-ice.png) center 30%/1900px;-webkit-background-clip:text;background-clip:text;image-rendering:pixelated}
.foot .legal{display:flex;justify-content:space-between;padding:16px 48px 22px;border-top:1px solid var(--h1);font:400 12.5px/1.5 Satoshi;color:var(--c4);position:relative;z-index:2;background:var(--deep)}

/* ================= PORTAL ================= */
.pt{min-height:900px;background:var(--night)}
.pbar{height:64px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--h1);background:var(--deep)}
.pbar .lock{font-size:19px}
.ptabs{display:flex;height:100%;margin-left:48px}
.ptabs a{display:flex;align-items:center;gap:8px;padding:0 16px;font:500 14.5px/1 Satoshi;color:var(--c3);position:relative}
.ptabs a.on{color:var(--c1)}
.ptabs a.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--pink)}
.ptabs a em{font-style:normal;font:500 9.5px/1 JBM;letter-spacing:.06em;color:var(--c4);padding:3px 5px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--h2)}
.pbar .rt{margin-left:auto;display:flex;gap:10px;align-items:center}
.pbar .bal{font:500 13px/1 JBM;color:var(--c2);height:38px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--h2)}
.pbar .bal i{width:7px;height:7px;border-radius:50%;background:var(--pink)}
.pbar .btn{height:38px}
.phead{position:relative;padding:34px 32px 0;overflow:hidden;border-bottom:1px solid var(--h1)}
.phead .art{position:absolute;right:-60px;top:-60px;width:900px;image-rendering:pixelated;opacity:.2;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%),linear-gradient(180deg,#000 40%,transparent 62%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 50%),linear-gradient(180deg,#000 40%,transparent 62%);mask-composite:intersect}
.phead .tt{display:flex;justify-content:space-between;align-items:flex-end;position:relative}
.phead h1{font:500 46px/1 Satoshi;letter-spacing:-.04em}
.phead h1 + p{font-size:16px;color:var(--c3);margin-top:10px}
.pstats{display:flex;gap:40px}
.pstats b{display:block;font:500 24px/1 JBM;letter-spacing:-.03em}
.pstats span{display:block;font:400 10.5px/1 JBM;letter-spacing:.08em;color:var(--c3);text-transform:uppercase;margin-top:8px}
.pfil{display:flex;align-items:center;gap:10px;margin-top:26px;padding-bottom:16px;position:relative}
.srch{height:38px;width:280px;border-radius:9px;background:var(--deep);box-shadow:inset 0 0 0 1px var(--h2);display:flex;align-items:center;gap:9px;padding:0 13px;font-size:14px;color:var(--c4)}
.seg{display:flex;padding:3px;border-radius:10px;background:var(--deep);box-shadow:inset 0 0 0 1px var(--h1)}
.seg a{padding:8px 13px;border-radius:7px;font:500 13.5px/1 Satoshi;color:var(--c3);white-space:nowrap}
.seg a.on{background:var(--panel-2);color:var(--c1);box-shadow:inset 0 0 0 1px var(--h2)}
.pchips{display:flex;gap:6px}
.pchips a{height:32px;display:flex;align-items:center;padding:0 11px;border-radius:8px;font:500 13.5px/1 Satoshi;color:var(--c3);box-shadow:inset 0 0 0 1px var(--h1)}
.pchips a.on{background:var(--cream);color:var(--night);box-shadow:none}
.pfil .sort{margin-left:auto;display:flex;gap:8px}
.pfil .sort a{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--h2);font:500 13.5px/1 Satoshi;white-space:nowrap}
.pfil .sort a span{color:var(--c4);font-weight:400}
.pgrid{display:grid;grid-template-columns:1fr 1fr 1fr 340px;gap:12px;padding:20px 32px}
.card{position:relative;height:214px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1);padding:15px 16px 13px;display:flex;flex-direction:column}
.card .a{display:flex;justify-content:space-between;font:500 10.5px/1 JBM;letter-spacing:.09em;color:var(--c3)}
.card .a .p{color:var(--pink)}
.card .q{font:500 16px/1.28 Satoshi;letter-spacing:-.012em;margin-top:12px}
.card .b{display:flex;align-items:flex-end;gap:12px;margin-top:auto}
.card .pc{font:500 30px/1 JBM;letter-spacing:-.05em}
.card .pc small{font-size:14px;color:var(--c3);letter-spacing:0}
.card .sp{flex:1;height:30px}
.card .dl{font:500 11.5px/1 JBM;color:var(--c3)} .card .dl.up{color:var(--pink)}
.card .mt2{display:flex;gap:14px;margin-top:12px;padding-top:11px;border-top:1px solid var(--h1);font:400 11.5px/1 JBM;color:var(--c4)}
.card .mt2 b{color:var(--c2);font-weight:500}
.card.hot{background:var(--claret);box-shadow:0 20px 40px -24px rgb(30 69 102/.9)}
.card.hot .a,.card.hot .mt2,.card.hot .pc small,.card.hot .dl{color:rgb(236 237 231/.62)} .card.hot .a .p,.card.hot .dl.up{color:var(--cream)} .card.hot .mt2{border-color:rgb(236 237 231/.15)} .card.hot .mt2 b{color:var(--c1)}
.pcol-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.pcol-h b{font:500 14.5px/1 Satoshi}
.pcol-h span{font:400 10.5px/1 JBM;letter-spacing:.08em;color:var(--c4);text-transform:uppercase}
.plist{border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1)}
.plist .li{display:flex;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid var(--h1)}
.plist .li:first-child{border-top:0}
.plist .li .q{flex:1;font:500 14px/1.3 Satoshi}
.plist .li .q span{display:block;font:400 10.5px/1 JBM;color:var(--c4);letter-spacing:.06em;margin-top:6px}
.plist .li .p{font:500 17px/1 JBM;letter-spacing:-.03em}

.rcpt{position:absolute;width:300px;transform:rotate(3deg);filter:drop-shadow(0 60px 50px rgba(0,0,0,.6))}
.rcpt>img{width:300px;display:block}
.rcpt .rt{position:absolute;left:44px;right:40px;top:150px;color:#24272c;mix-blend-mode:multiply;font:400 11.5px/1.5 JBM;letter-spacing:.02em;filter:blur(.15px)}
.rcpt .r1{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:rgba(36,39,44,.7);padding-bottom:14px;border-bottom:1px dashed rgba(36,39,44,.35)}
.rcpt .rl{font-size:10px;letter-spacing:.12em;color:rgba(36,39,44,.7);margin-top:14px}
.rcpt .q{font:500 13.5px/1.3 Satoshi;letter-spacing:-.01em;margin:8px 0 14px;color:#1d2024}
.rcpt .ln{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}
.rcpt .ln.tot{border-top:1px dashed rgba(36,39,44,.4);margin-top:6px;padding-top:9px;font-weight:500;color:#1d2024}
.rcpt .big{font:500 60px/1 Satoshi;letter-spacing:-.055em;text-align:center;margin-top:22px;color:#14161a}
.rcpt .bc{height:44px;margin:20px 6px 0;background:repeating-linear-gradient(90deg,#24272c 0 2px,transparent 2px 4px,#24272c 4px 5px,transparent 5px 8px,#24272c 8px 11px,transparent 11px 13px)}
.slips{height:380px}

.notif{position:absolute;left:880px;top:410px;width:470px;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(40,44,52,.72);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -20px #000;transform:rotate(-2deg);z-index:6}
.notif>img{width:40px;height:40px;border-radius:10px;background:#0B0D10;padding:7px;box-shadow:inset 0 0 0 1px var(--h2)}
.notif .nt{display:flex;justify-content:space-between;font:500 13px/1 Satoshi;color:var(--c2)}
.notif .nt span{font-size:12px;color:var(--c4)}
.notif p{font:400 14px/1.35 Satoshi;color:var(--c2);margin-top:5px}
.notif p b{color:var(--c1);font-weight:500}
.notif>div{flex:1}
.grm .card:not(.hot){background:var(--panel) repeating-linear-gradient(135deg,rgb(169 212 245/.045) 0 1px,transparent 1px 7px)}
.grm .phead{background:linear-gradient(180deg,rgb(30 69 102/.35),transparent)}
.grm .card .pc::after{content:"Q";display:inline-block;margin-left:8px;width:20px;height:20px;border-radius:50%;font:700 11px/20px Satoshi;text-align:center;color:#0B0D10;background:var(--cream);box-shadow:0 0 0 2px var(--pink);vertical-align:4px;letter-spacing:0}
.grm .pbar{box-shadow:inset 0 -2px 0 rgb(169 212 245/.25)}

/* ================= v4 unified sections ================= */
.v-st{padding:170px 0 150px;text-align:center}
.v-st h2{font:500 150px/.93 Satoshi;letter-spacing:-.055em;margin-bottom:110px}
.v-st h2 .dim{color:var(--c4)}
.v-hd{text-align:center;max-width:980px;margin:0 auto 64px}
.v-hd h2{font:500 68px/1.04 Satoshi;letter-spacing:-.04em;white-space:nowrap}
.v-hd p{font:500 25px/1.42 Satoshi;letter-spacing:-.012em;color:var(--c3);margin-top:28px;text-wrap:balance}
.v-hd p b{color:var(--c1);font-weight:500}
.v-ft{padding:60px 36px 170px}
.v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1368px;margin:0 auto}
.v-grid.b{grid-template-columns:2fr 1fr;margin-top:56px}
.v-fr{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/.86;background:radial-gradient(120% 80% at 50% -10%,#24435f 0,#122334 38%,#0B1219 75%);box-shadow:inset 0 0 0 1px rgb(169 212 245/.12)}
.v-card.w .v-fr,.v-fr.w{aspect-ratio:auto;height:100%}
.v-card.w .v-fr{height:388px}
.v-grid.b .v-card:not(.w) .v-fr{aspect-ratio:auto;height:388px}
.v-fr .g{position:absolute;left:-10%;right:-10%;bottom:0;height:62%;background:url(art/relief-ice.png) no-repeat;background-size:1400px auto;image-rendering:pixelated;opacity:.38;-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}
.v-fr .in{position:relative;height:100%;padding:26px 28px 0;display:flex;flex-direction:column;gap:14px}
.v-chip{align-self:flex-start;max-width:92%;background:var(--cream);color:#0B0D10;font:500 17px/1.3 Satoshi;letter-spacing:-.012em;padding:13px 16px;border-radius:12px;box-shadow:0 10px 30px -10px rgb(0 0 0/.5)}
.v-pn{position:relative;flex:1;background:rgb(11 13 16/.92);border-radius:14px 14px 0 0;box-shadow:inset 0 0 0 1px var(--h2),0 30px 60px -20px #000;padding:18px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(10px)}
.v-pn{margin-bottom:-14px;padding-bottom:32px}
.v-cap{font:400 16px/1.5 Satoshi;color:var(--c3);margin-top:20px;max-width:400px}
.v-cap b{color:var(--c1);font-weight:500}
.v-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1)}
.v-row img{width:34px;height:34px;padding:7px;border-radius:9px;background:#1d2128;filter:invert(1)}
.v-row .t{flex:1;display:flex;flex-direction:column;gap:3px}
.v-row .t b{font:500 15px/1 Satoshi}
.v-row .t span{font:400 13px/1 Satoshi;color:var(--c3)}
.v-row em{font:500 12px/1 Satoshi;font-style:normal;color:var(--pink);padding:6px 9px;border-radius:99px;background:rgb(169 212 245/.1)}
.v-code{display:flex;justify-content:space-between;align-items:center;font:400 14px/1 Satoshi;color:var(--c3);padding:0 2px}
.v-code b{font:500 17px/1 JBM;letter-spacing:.14em;color:var(--c1)}
.v-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:11px;background:var(--cream);color:#0B0D10;font:500 15px/1 Satoshi}
.v-logos{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:4px}
.v-logos img{width:18px;height:18px;filter:invert(1);opacity:.55}
.v-logos span{font:400 12.5px/1 Satoshi;color:var(--c4);margin-left:4px}
.v-seg{display:flex;padding:4px;border-radius:11px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--h1)}
.v-seg a{flex:1;text-align:center;font:500 14px/1 Satoshi;color:var(--c3);padding:11px 0;border-radius:8px}
.v-seg a.on{background:var(--cream);color:#0B0D10}
.v-bal{display:flex;flex-direction:column;gap:6px;padding:4px 2px}
.v-bal span{font:400 13.5px/1 Satoshi;color:var(--c3)}
.v-bal b{font:500 54px/1 Satoshi;letter-spacing:-.045em}
.v-bal small{font-size:22px;color:var(--c3);letter-spacing:-.01em}
.v-stake .t{display:flex;justify-content:space-between;font:400 14px/1 Satoshi;color:var(--c3);margin-bottom:12px}
.v-stake .t b{color:var(--c1);font-weight:500}
.v-stake .tr{position:relative;height:6px;border-radius:6px;background:var(--h2)}
.v-stake .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--pink)}
.v-stake .tr s{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--cream);box-shadow:0 2px 8px #000}
.v-stake.dyn .tr{cursor:pointer;touch-action:none;outline:none}
.v-stake.dyn .tr::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.v-stake.dyn .tr s{transition:transform .15s}
.v-stake.dyn .tr:hover s,.v-stake.dyn .tr:focus-visible s{transform:scale(1.15)}
.v-ref.ok{background:rgb(169 212 245/.08);box-shadow:inset 0 0 0 1px rgb(169 212 245/.3)}
.v-ref.ok b{color:var(--pink)}
.v-obj{position:absolute;right:-26px;top:58px;width:190px;filter:drop-shadow(0 24px 24px rgb(0 0 0/.6));transform:rotate(-8deg)}
.v-pos{padding:14px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px rgb(169 212 245/.35)}
.v-pos .a{display:flex;justify-content:space-between;font:400 12.5px/1 Satoshi;color:var(--c3)}
.v-pos .a em{font-style:normal;color:var(--pink);font-weight:500}
.v-pos .q{font:500 16px/1.3 Satoshi;letter-spacing:-.01em;margin:10px 0 12px}
.v-pos .b{display:flex;align-items:flex-end;gap:14px}
.v-pos .pc{font:500 36px/1 Satoshi;letter-spacing:-.04em}
.v-pos .pc small{font-size:16px;color:var(--c3)}
.v-pos .sp{flex:1;height:30px}
.v-log{display:flex;flex-direction:column}
.v-log div{display:flex;align-items:center;gap:14px;padding:10px 2px;border-top:1px solid var(--h1);font:400 14px/1 Satoshi}
.v-log span{width:68px;color:var(--c4);font-variant-numeric:tabular-nums}
.v-log b{flex:1;font-weight:500;color:var(--c2)}
.v-log em{font-style:normal;color:var(--c1);font-variant-numeric:tabular-nums}
.v-feed{flex:1;position:relative}
.v-post{position:absolute;left:0;top:6px;width:430px;padding:16px 18px;border-radius:14px;background:rgb(11 13 16/.94);box-shadow:inset 0 0 0 1px var(--h2),0 30px 60px -20px #000}
.v-post.r{left:auto;right:0;top:96px;width:400px}
.v-post .ph{display:flex;align-items:center;gap:10px;font:400 13px/1 Satoshi;color:var(--c4)}
.v-post .ph i{width:28px;height:28px;border-radius:50%;background-size:400px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--h2)}
.v-post .ph b{color:var(--c1);font-weight:500;font-size:14.5px}
.v-post .ph em{margin-left:auto;font-style:normal;font-size:12px;color:var(--pink);padding:5px 8px;border-radius:99px;background:rgb(169 212 245/.1)}
.v-post p{font:400 16px/1.45 Satoshi;color:var(--c1);margin:12px 0}
.v-post .ft{display:flex;gap:18px;font:400 13px/1 Satoshi;color:var(--c4)}
.v-ref{font:400 14px/1.4 Satoshi;color:var(--c2);padding:12px 14px;border-radius:10px;background:rgb(229 83 61/.08);box-shadow:inset 0 0 0 1px rgb(229 83 61/.3);margin-right:120px}
.v-ref b{color:#E5533D;font-weight:500;margin-right:8px}
.v-stop{position:absolute;right:-14px;bottom:-16px;width:150px;filter:drop-shadow(0 20px 20px rgb(0 0 0/.6))}
.v-why{padding:40px 36px 170px}
.v-why>.v-fr{max-width:1368px;margin:0 auto;height:620px}
.v-chart{position:absolute;inset:0}
.v-chart .zero{position:absolute;left:40px;right:40px;top:330px;height:1px;background:var(--h3)}
.v-chart .bar{position:absolute;width:150px}
.v-chart .val{position:absolute;font:500 34px/1 Satoshi;letter-spacing:-.04em;white-space:nowrap}
.v-chart .val.m{font-size:56px}
.v-chart .nm{position:absolute;font:500 15px/1.3 Satoshi;color:var(--c1)}
.v-chart .nm span{display:block;color:var(--c3);font-weight:400;font-size:13px}
.v-cav{max-width:900px;margin:22px auto 0;text-align:center;font:400 13px/1.5 Satoshi;color:var(--c4)}
.v-chart .cut{position:absolute;right:40px;bottom:26px;font:400 12.5px/1 Satoshi;color:var(--c4)}

.v-why .v-fr .g{opacity:.16;height:45%}
.v-why .v-hd{max-width:1100px}
.v-row img{background:#e2ded7}
.v-chart .cut{max-width:260px;text-align:right;line-height:1.5}
.v-ft{padding-bottom:120px}

/* ================= v5 hero: moon arc ================= */
.h2o{position:relative;height:900px;overflow:hidden;background:radial-gradient(70% 60% at 50% 0,#13202c 0,#0B0D10 70%)}
.h2o .nv{position:absolute;left:40px;right:40px;top:24px;display:flex;justify-content:space-between;align-items:center;z-index:20}
.h2o .nv>div{display:flex;align-items:center;gap:28px}
.h2o .nv a{font:500 15px/1 Satoshi;color:var(--c2)}
.h2o .nv a.btn{color:#0B0D10;padding:12px 18px;border-radius:11px}
.h2o .ground{position:absolute;left:50%;bottom:-330px;width:2277px;transform:translateX(-50%);image-rendering:pixelated;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 45%);mask-image:linear-gradient(180deg,transparent 0,#000 45%)}
.h2o .sky{position:absolute;inset:0;z-index:3}
.mn{position:absolute;display:flex;flex-direction:column;align-items:center;will-change:transform}
.mn .moonsvg{display:block;filter:drop-shadow(0 0 40px rgb(169 212 245/.10))}
.mn .lb{margin-top:14px;text-align:center;white-space:nowrap}
.mn .lb b{display:block;font:500 22px/1 Satoshi;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mn .lb span{display:block;margin-top:6px;font:400 13.5px/1 Satoshi;color:var(--c3)}
.mn.c .lb b{font-size:26px;color:var(--pink)}
.h2o .hx{position:absolute;left:50%;top:372px;transform:translateX(-50%);width:600px;text-align:center;z-index:5}
.h2o h1{font:500 58px/1.02 Satoshi;letter-spacing:-.045em}
.h2o .hx>p{font:400 19px/1.45 Satoshi;color:var(--c3);margin:20px auto 30px;max-width:470px}
.h2o .cp{text-align:left;background:rgb(11 13 16/.86);box-shadow:inset 0 0 0 1px var(--h2),0 30px 60px -20px #000;backdrop-filter:blur(8px)}
.h2o .logos{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}
.h2o .logos img{width:18px;height:18px;filter:invert(1);opacity:.5}
.h2o .logos span{font:400 13px/1 Satoshi;color:var(--c4);margin-left:4px}
.h2o .hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;font:400 13px/1 Satoshi;color:var(--c4);z-index:5}
.h2o .ground{bottom:-560px;opacity:.34;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 20%,#000 70%);mask-image:linear-gradient(180deg,transparent 0,transparent 20%,#000 70%)}
.h2o .hx::before{content:"";position:absolute;inset:-60px -120px -40px;background:radial-gradient(50% 50% at 50% 50%,rgb(11 13 16/.85),transparent 75%);z-index:-1}
.h2o .hint{bottom:26px;color:var(--c3)}
.h2o .hint::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;vertical-align:-1px;background:linear-gradient(90deg,rgb(236 237 231/.2) 50%,#ECEDE7 50%)}
.mn .lb span{color:var(--c2)}
.h2o .logos{border:0;padding:0}.h2o .logos span{letter-spacing:0;text-transform:none}
.h2o .ground{opacity:.48}
/* side-bar benchmark */
.v-fr.wide-chart{max-width:1368px;margin:0 auto;aspect-ratio:auto;padding:34px 40px 30px}
.v-fr.wide-chart .g{opacity:.12;height:40%}
.hb{position:relative}
.hb .hd{display:flex;justify-content:space-between;font:400 13px/1 Satoshi;color:var(--c4);padding:0 14px 14px}
.hb .r{display:grid;grid-template-columns:300px 1fr 80px;align-items:center;gap:24px;padding:13px 14px;border-top:1px solid var(--h1)}
.hb .r.me{background:rgb(169 212 245/.07);border-radius:10px;border-top-color:transparent;box-shadow:inset 0 0 0 1px rgb(169 212 245/.22)}
.hb .nm{font:500 16px/1.25 Satoshi}
.hb .nm small{display:block;font:400 12.5px/1 Satoshi;color:var(--c4);margin-bottom:5px}
.hb .tr{display:flex;align-items:center;gap:14px}
.hb .tr i{height:16px;border-radius:4px;background:#4A515B}
.hb .r.me .tr i{background:linear-gradient(90deg,#1E4566,#A9D4F5);height:22px}
.hb .tr b{font:500 16px/1 Satoshi;font-variant-numeric:tabular-nums;color:var(--c2)}
.hb .r.me .tr b{font-size:22px;color:var(--pink)}
.hb .x{text-align:right;font:500 15px/1 Satoshi;color:var(--c3);font-variant-numeric:tabular-nums}
.hb .ls{margin-top:22px;padding:18px 14px 0;border-top:1px solid var(--h2)}
.hb .ls>span{font:400 13px/1 Satoshi;color:var(--c4)}
.hb .lr{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--h1)}
.hb .lr:last-child{border:0}
.hb .lr i{width:9px;height:9px;border-radius:50%;background:#E5533D}
.hb .lr .t{flex:1}.hb .lr b{display:block;font:500 16px/1.3 Satoshi}.hb .lr .t span{font:400 13.5px/1.3 Satoshi;color:var(--c3)}
.hb .lr em{font:500 24px/1 Satoshi;font-style:normal;color:#E5533D;text-align:right;font-variant-numeric:tabular-nums}
.hb .lr em small{display:block;font:400 12px/1 Satoshi;color:var(--c4);margin-top:5px}
.v-mfoot{max-width:1368px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;padding:0 4px}
.v-mfoot p{font:400 13.5px/1.4 Satoshi;color:var(--c4)}
.v-mfoot .btn{cursor:pointer}
.v-modal{position:fixed;inset:0;z-index:100;background:rgb(7 8 10/.7);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}
.v-modal .sheet{position:relative;width:640px;max-height:86vh;overflow:auto;background:#13161B;border-radius:18px;box-shadow:inset 0 0 0 1px var(--h2),0 40px 120px -20px #000;padding:36px}
.v-modal h3{font:500 30px/1.1 Satoshi;letter-spacing:-.03em}
.v-modal .lead{font:500 16px/1.45 Satoshi;color:var(--pink);margin:12px 0 18px}
.v-modal ul{display:flex;flex-direction:column;gap:12px;padding-left:18px}
.v-modal li{font:400 15px/1.5 Satoshi;color:var(--c2)}
.v-modal .src{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.v-modal .src span{font:400 12.5px/1 Satoshi;color:var(--c3);padding:7px 10px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--h2)}
.v-modal .cr{font:400 12.5px/1.4 Satoshi;color:var(--c4);margin-top:16px}
.v-modal .x{position:absolute;right:22px;top:22px;font:500 14px/1 Satoshi;color:var(--c3);cursor:pointer}
.v-why>.v-fr.wide-chart{height:auto}

/* ================= v6: night cartography ================= */
.rise{position:relative;height:960px;overflow:hidden;background:radial-gradient(60% 55% at 50% 62%,#16222e 0,#0d1217 45%,#07080A 80%)}
.rise::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 82% 12%,#fff6,transparent),radial-gradient(1px 1px at 67% 31%,#fff5,transparent),radial-gradient(1px 1px at 24% 40%,#fff4,transparent),radial-gradient(1px 1px at 91% 44%,#fff5,transparent),radial-gradient(1.4px 1.4px at 7% 52%,#fff6,transparent),radial-gradient(1px 1px at 41% 9%,#fff5,transparent),radial-gradient(1px 1px at 56% 22%,#fff3,transparent),radial-gradient(1px 1px at 33% 27%,#fff3,transparent),radial-gradient(1px 1px at 75% 50%,#fff4,transparent);opacity:.8}
.rise .nv{position:absolute;left:40px;right:40px;top:24px;display:flex;justify-content:space-between;align-items:center;z-index:20}
.rise .nv>div{display:flex;align-items:center;gap:28px}
.rise .nv a{font:500 15px/1 Satoshi;color:var(--c2);cursor:pointer}
.rise .nv a.btn{color:#0B0D10;padding:12px 18px;border-radius:11px}
.rise .hx{position:absolute;left:0;right:0;top:132px;text-align:center;z-index:5}
.rise h1{font:500 64px/1 Satoshi;letter-spacing:-.045em}
.rise h1>span{display:block;overflow:hidden;padding-bottom:.06em}
.rise h1 i{display:block;font-style:normal;animation:lr 1.3s cubic-bezier(.16,1,.3,1) both}
.rise h1>span:nth-child(2) i{animation-delay:.14s;color:var(--c3)}
.rise .hx p{font:400 18px/1.5 Satoshi;color:var(--c3);margin-top:22px;animation:fu 1.2s .5s cubic-bezier(.16,1,.3,1) both}
@keyframes lr{from{transform:translateY(105%)}to{transform:none}}
@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mr{from{opacity:0;margin-top:200px}to{opacity:1;margin-top:0}}
.moonwrap{position:absolute;left:50%;top:400px;width:620px;height:620px;z-index:2}
.moonwrap>.moonsvg,.moonwrap .halo{animation:mr 2.6s cubic-bezier(.16,1,.3,1) both}
.moonwrap .moonsvg{position:relative;filter:drop-shadow(0 0 70px rgb(169 212 245/.16))}
.moonwrap .halo{position:absolute;inset:-260px;border-radius:50%;background:radial-gradient(closest-side,rgb(169 212 245/.16),rgb(169 212 245/.05) 55%,transparent);transition:opacity 1.2s}
.moonwrap .note{position:absolute;left:560px;top:58px;display:flex;align-items:flex-start;gap:0;animation:fu .9s .2s cubic-bezier(.16,1,.3,1) both}
.moonwrap .note svg{margin-top:-2px}
.moonwrap .note .t{width:250px;margin:-14px 0 0 12px;text-align:left}
.note small{display:block;font:400 12.5px/1 Satoshi;color:var(--c4);margin-bottom:10px}
.note b{display:block;font:500 46px/1 Satoshi;letter-spacing:-.04em;color:var(--pink);font-variant-numeric:tabular-nums}
.note span{display:block;margin-top:10px;font:400 15px/1.4 Satoshi;color:var(--c2)}
.rise .ridge{position:absolute;left:50%;top:560px;width:2160px;z-index:3;animation:fu 2s .2s ease both;pointer-events:none}
.rise .foot{position:absolute;left:50%;bottom:44px;width:640px;transform:translateX(-50%);z-index:6;animation:fu 1.2s .9s cubic-bezier(.16,1,.3,1) both}
.rise .foot .cp{background:rgb(9 11 14/.88);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--h2),0 30px 70px -10px #000}
.rise .foot .row{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.rise .phases{display:flex;gap:6px}
.rise .phases a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;cursor:pointer;opacity:.55;transition:.3s}
.rise .phases a.on{opacity:1;box-shadow:inset 0 0 0 1px rgb(169 212 245/.5)}
.rise .phases a:hover{opacity:1}
.rise .phases .moonsvg{filter:none}
.rise .foot .cap{font:400 13px/1 Satoshi;color:var(--c4)}
.rise .logos{display:flex;gap:12px}.rise .logos img{width:16px;height:16px;filter:invert(1);opacity:.45}

/* films slider */
.v-st h2{margin-bottom:90px}
.films{--fw:1080px;position:relative;overflow:hidden;padding:0 calc((100% - var(--fw))/2)}
.films .track{display:flex;gap:28px;transition:transform 1s cubic-bezier(.7,0,.2,1)}
.film{position:relative;flex:none;width:var(--fw);aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--h2),0 60px 120px -40px #000;transform:scale(.9);opacity:.35;transition:transform 1s cubic-bezier(.7,0,.2,1),opacity 1s;cursor:pointer}
.film.on{transform:none;opacity:1;cursor:default}
.film video{width:100%;height:100%;object-fit:cover;display:block}
.film .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0/.72),transparent 42%)}
.film .fcap{position:absolute;left:36px;bottom:32px;right:36px;text-align:left}
.film .fcap b{display:block;font:500 34px/1.1 Satoshi;letter-spacing:-.03em}
.film .fcap span{display:block;font:400 17px/1.4 Satoshi;color:rgb(236 237 231/.75);margin-top:8px;max-width:560px}
.films .ctl{width:var(--fw);margin:26px auto 0;display:flex;align-items:center;gap:24px}
.films .bars{flex:1;display:flex;gap:8px}
.films .bars a{flex:1;height:3px;border-radius:3px;background:var(--h2);overflow:hidden;cursor:pointer}
.films .bars i{display:block;height:100%;background:var(--cream);transition:width .25s linear}
.films .btns{display:flex;gap:8px;align-items:center}
.films .btns a{font:500 14px/1 Satoshi;color:var(--c2);padding:11px 15px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--h2);cursor:pointer}
.films .btns a.ar{width:40px;height:40px;padding:0;display:grid;place-items:center}
.films .btns a:hover{background:var(--h1)}

/* own the texture: engraved contours instead of dither */
.cta .terra{width:2400px;bottom:-140px;image-rendering:auto;opacity:1}
.cta .fadeT{background:linear-gradient(180deg,var(--night) 0,var(--night) 50%,rgb(11 13 16/0) 80%)}

/* scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.hb .tr i{transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.v-why:not(.in) .hb .tr i{transform:scaleX(0)}
@keyframes fo{from{opacity:0}to{opacity:1}}
.rise .ridge{animation:fo 2.4s .3s ease both}
.rise .foot{animation:fo 1.2s 1s ease both}
.rise .hcap{font:400 13px/1 Satoshi;color:var(--c4)}
.rise .ridge{filter:brightness(.82) contrast(1.05);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 18%,rgb(0 0 0/.35) 42%,rgb(0 0 0/.12) 60%);mask-image:linear-gradient(180deg,#000 0,#000 18%,rgb(0 0 0/.35) 42%,rgb(0 0 0/.12) 60%)}
.note em{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--h1);font:400 13px/1.4 Satoshi;font-style:normal;color:var(--c4)}
.rise .foot .row{margin-top:18px}
.rise .ridge{-webkit-mask-image:none;mask-image:none}
.rise .night{position:absolute;left:0;right:0;bottom:0;height:300px;z-index:4;background:linear-gradient(180deg,rgb(7 8 10/0),rgb(7 8 10/.75) 45%,#07080A 85%);pointer-events:none}
.v-why{padding-bottom:80px}.faq{padding-top:110px}
.faq{padding-bottom:30px}.cta{height:840px}.cta .in{padding-top:160px}
.foot .giant::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 50% 100%,rgb(169 212 245/.10),transparent);pointer-events:none}

/* ================= mobile ================= */
@media (max-width:640px){
  html,body{overflow-x:hidden}
  .rise{height:860px}
  .rise .nv{left:18px;right:18px;top:16px}
  .rise .nv>div{gap:14px}.rise .nv>div a:not(.btn){display:none}
  .rise .nv a.btn{padding:10px 14px}
  .rise .hx{top:96px;padding:0 20px}
  .rise h1{font-size:42px}
  .rise .hx p{font-size:16px;margin-top:14px}.rise .hx p br{display:none}
  .moonwrap{top:330px;width:340px;height:340px}
  .moonwrap>.moonsvg{width:340px;height:340px}
  .moonwrap .halo{inset:-140px}
  .moonwrap .note{left:50%;top:-6px;transform:translateX(-50%);display:none}
  .rise .ridge{top:470px;width:1300px}
  .rise .foot{width:auto;left:16px;right:16px;transform:none;bottom:28px}
  .rise .foot .cp p{font-size:11.5px}
  .rise .logos{display:none}
  .rise .foot .row{justify-content:center}
  .v-st{padding:100px 0 90px}
  .v-st h2{font-size:52px;margin-bottom:44px;padding:0 16px}
  .films{--fw:calc(100vw - 32px);padding:0 16px}
  .films .track{gap:12px}
  .films .track{transform:translateX(calc(var(--i,0) * -1 * (var(--fw) + 12px)))}
  .film{aspect-ratio:4/5;border-radius:16px}
  .film .fcap{left:18px;right:18px;bottom:18px}.film .fcap b{font-size:22px}.film .fcap span{font-size:14px}
  .films .ctl{width:var(--fw);gap:12px}.films .btns a:not(.ar){display:none}
  .v-ft,.v-why{padding-left:16px;padding-right:16px}
  .v-hd{margin-bottom:36px}
  .v-hd h2{font-size:38px;white-space:normal}
  .v-hd p{font-size:18px;margin-top:16px}
  .v-grid,.v-grid.b{grid-template-columns:1fr;gap:28px;margin-top:28px}
  .v-fr{aspect-ratio:auto;min-height:380px}
  .v-fr.wide-chart{padding:18px 12px}
  .hb .r{grid-template-columns:1fr 46px;gap:8px 12px;padding:12px 8px}
  .hb .r .nm{grid-column:1/3}.hb .r .tr{grid-column:1/2}
  .hb .r .x{grid-column:2/3;grid-row:2}
  .hb .nm{font-size:14.5px}
  .hb .hd span:last-child{display:none}
  .hb .lr em{font-size:19px}
  .v-mfoot{flex-direction:column;align-items:flex-start;gap:14px}
  .v-modal .sheet{width:calc(100vw - 24px);padding:24px}
  .faq{padding:80px 16px 100px}.faq .g{grid-template-columns:1fr;gap:24px}.faq h2{font-size:44px}
  .cta{height:720px}.cta .in{padding:170px 16px 0}.cta h2{font-size:56px}.cta .cp{width:auto}.cta .terra{width:1400px;bottom:-60px}
  .foot .links{flex-direction:column;gap:36px;padding:44px 20px 0}.foot .cols{flex-wrap:wrap;gap:28px 40px}
  .foot .giant{height:120px}.foot .giant span{font-size:140px;bottom:-12px}
  .foot .legal{flex-direction:column;gap:6px;padding:16px 20px}
}
@media (max-width:640px){
  .v-post,.v-post.r{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;margin:0 0 10px!important;transform:none!important}
  .foot .giant{height:130px;margin-top:20px}.foot .giant span{font-size:150px;bottom:-20px}
}
/* ===== Cue token + stop switch (replaces 3D chip / red button) ===== */
.cue{display:block;flex:none;filter:drop-shadow(0 10px 18px rgb(0 0 0/.45))}
.stopsw{display:inline-flex;align-items:center;gap:14px;cursor:pointer;user-select:none}
.stopsw .tk{position:relative;flex:none;width:62px;height:34px;border-radius:99px;background:rgb(169 212 245/.14);box-shadow:inset 0 0 0 1px rgb(169 212 245/.3);transition:background .35s,box-shadow .35s}
.stopsw .tk i{position:absolute;top:4px;left:32px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#F4F6F2,#C9D7E2 60%,#9FB4C4);transition:left .35s cubic-bezier(.3,.7,.2,1),background .35s}
.stopsw.off .tk{background:#0E1013;box-shadow:inset 0 0 0 1px var(--h2)}
.stopsw.off .tk i{left:4px;background:#23272D;box-shadow:inset 0 0 0 1.5px rgb(236 237 231/.28)}
.stopsw .t b{display:block;font:500 16px/1 Satoshi;color:var(--c1)}
.stopsw .t em{display:block;font:400 13px/1.3 Satoshi;font-style:normal;color:var(--c4);margin-top:6px}
@keyframes sw{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.5);opacity:0}}
/* ===== batch 1 (LP) ===== */
body{-webkit-user-select:none;user-select:none}
.faq,.faq *,.foot .links,.foot .links *,.foot .legal,.foot .legal *,.cp p,.cp p *{-webkit-user-select:text;user-select:text}
.scr{position:relative;display:inline-block;white-space:pre}
.scr .ghost{visibility:hidden}
.scr .live{position:absolute;left:0;top:0;white-space:pre}
.scr.ice{color:var(--pink)}
.v-st h2 .scr.dim{color:var(--c4)}
.v-cues{position:absolute;right:16px;top:70px;display:flex;flex-direction:column;align-items:center}
.v-cues .cue{margin-top:-46px;transform:perspective(300px) rotateX(58deg)}
.v-cues .cue:first-child{margin-top:0}
.v-cues .cue:last-child{transform:none;margin-top:-30px;filter:drop-shadow(0 16px 20px rgb(0 0 0/.5))}
.v-stopw{margin-top:auto;align-self:flex-start}
/* diverging benchmark chart */
.hb.dv .r{grid-template-columns:280px 1fr 64px}
.hb.dv .tr{position:relative;height:24px;display:block}
.hb.dv .tr .z{position:absolute;left:var(--neg);top:-14px;bottom:-14px;width:1px;background:rgb(236 237 231/.22)}
.hb.dv .tr i{position:absolute;top:4px;height:16px;border-radius:0 4px 4px 0}
.hb.dv .r.me .tr i{top:1px;height:22px}
.hb.dv .r.neg .tr i{background:linear-gradient(270deg,rgb(240 122 102/.55),#F07A66);border-radius:4px 0 0 4px}
.hb.dv .tr i.cut{-webkit-mask:linear-gradient(90deg,#000 0 10px,transparent 10px 14px,#000 14px 20px,transparent 20px 24px,#000 24px);mask:linear-gradient(90deg,#000 0 10px,transparent 10px 14px,#000 14px 20px,transparent 20px 24px,#000 24px)}
.hb.dv .tr b{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}
.hb.dv .r.neg .tr b{color:#F07A66}
.hb.dv .r.neg .x{color:#F07A66;font-size:13.5px}
.hb.dv .r.neg:nth-of-type(9){border-top:1px solid var(--h2);margin-top:6px}
.hb.dv .r .tr i{transform-origin:left}.hb.dv .r.neg .tr i{transform-origin:right}
/* methodology sheet */
.v-modal .sheet.m2{width:820px;padding:0;border-radius:24px;background:#111419;overflow:auto}
.m2 .top{position:relative;padding:40px 44px 30px;overflow:hidden;border-bottom:1px solid var(--h1)}
.m2 .top .g{position:absolute;inset:0;background:url(art/relief-ice.png) no-repeat 60% 70%/1400px auto;image-rendering:pixelated;opacity:.18;-webkit-mask-image:linear-gradient(200deg,#000,transparent 65%);mask-image:linear-gradient(200deg,#000,transparent 65%);pointer-events:none}
.m2 .ey{position:relative;font:500 13px/1 Satoshi;color:var(--pink)}
.m2 h3{position:relative;font:500 44px/1.05 Satoshi;letter-spacing:-.04em;margin-top:14px}
.m2 .lead{position:relative;font:400 17px/1.5 Satoshi;color:var(--c2);margin:16px 0 0;max-width:640px}
.m2 .facts{position:relative;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:36px;margin-top:28px}
.m2 .facts b{display:block;font:500 24px/1 Satoshi;letter-spacing:-.02em}
.m2 .facts span{display:block;font:400 13px/1 Satoshi;color:var(--c4);margin-top:8px}
.m2 .x{position:absolute;right:26px;top:26px;z-index:2;padding:10px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--h2)}
.m2 .tabs{display:flex;gap:6px;padding:18px 44px 0}
.m2 .tabs a{padding:10px 16px;border-radius:99px;font:500 14px/1 Satoshi;color:var(--c3);cursor:pointer}
.m2 .tabs a.on{background:var(--cream);color:#0B0D10}
.m2 .steps{list-style:none;counter-reset:s;padding:14px 44px 6px;display:grid;grid-template-columns:1fr 1fr;gap:4px 34px}
.m2 .steps li{counter-increment:s;position:relative;padding:18px 0 18px 44px;border-top:1px solid var(--h1)}
.m2 .steps li::before{content:counter(s);position:absolute;left:0;top:16px;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(169 212 245/.35);display:grid;place-items:center;font:500 13px/1 Satoshi;color:var(--pink)}
.m2 .steps b{font:500 16.5px/1.2 Satoshi}
.m2 .steps p{font:400 14.5px/1.55 Satoshi;color:var(--c3);margin-top:8px}
.m2 .tbl{padding:16px 44px 6px}
.m2 .tbl .nt{font:400 14.5px/1.5 Satoshi;color:var(--c3);margin-bottom:14px}
.m2 .th,.m2 .tbl .tr{display:grid;grid-template-columns:1.8fr .8fr 1fr 1fr .6fr;gap:12px;padding:9px 12px;font:400 13.5px/1.2 Satoshi;font-variant-numeric:tabular-nums}
.m2 .th{font-size:12px;color:var(--c4);border-bottom:1px solid var(--h2)}
.m2 .tbl .tr{border-bottom:1px solid var(--h1);color:var(--c3)}
.m2 .tbl .tr span:first-child{color:var(--c1)}
.m2 .tbl .tr.me{background:rgb(169 212 245/.07);border-radius:10px;color:var(--pink)}
.m2 .tbl .neg{color:#F07A66}
.m2 .srcs{padding:22px 44px 6px}
.m2 .srcs p{font:400 14.5px/1.55 Satoshi;color:var(--c3);margin-top:14px}
.m2 .srcs a{color:var(--c1);text-decoration:underline;text-underline-offset:3px}
.m2 .srcs em{font-style:normal;color:var(--pink)}
.m2 .src{display:flex;flex-wrap:wrap;gap:8px}
.m2 .src span{font:400 13px/1 Satoshi;color:var(--c2);padding:8px 12px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--h2)}
.m2 .disc{margin:18px 44px 0;padding:18px 0 28px;border-top:1px solid var(--h1);font:400 13px/1.5 Satoshi;color:var(--c4)}
/* footer ascii */
.foot .giant.ascii{cursor:crosshair}
.foot .giant.ascii canvas{position:absolute;left:0;top:0;display:block}
@media (max-width:640px){.hb.dv .r{grid-template-columns:1fr 46px}.m2 .steps{grid-template-columns:1fr;padding:10px 20px}.m2 .top,.m2 .tbl,.m2 .srcs{padding-left:20px;padding-right:20px}.m2 .facts{grid-template-columns:1fr 1fr;gap:18px}.m2 .tabs{padding:14px 20px 0}.m2 .disc{margin:16px 20px 0}.m2 .th,.m2 .tbl .tr{grid-template-columns:1.6fr .8fr .6fr}.m2 .th span:nth-child(3),.m2 .th span:nth-child(4),.m2 .tbl .tr span:nth-child(3),.m2 .tbl .tr span:nth-child(4){display:none}}
.v-cues{right:20px;top:66px;flex-direction:row;align-items:flex-end}
.v-cues .cue,.v-cues .cue:first-child,.v-cues .cue:last-child{margin:0;transform:none}
.v-cues .cue:first-child{margin-right:-16px;opacity:.75;transform:translateY(-4px)}
/* ===== lp polish 2026-10-31 ===== */
.toast{position:fixed;left:50%;bottom:28px;z-index:200;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 14px;border-radius:12px;background:var(--cream);color:var(--night);font:500 14px/1 Satoshi;letter-spacing:-.005em;box-shadow:0 18px 50px -12px rgb(0 0 0/.7),0 0 0 1px rgb(11 13 16/.08);opacity:0;transform:translate(-50%,12px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}
.toast::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23ECEDE7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.toast{transition:opacity .2s}}
.hz-lg .lg{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:5px;margin:-5px;border:0;border-radius:8px;background:none;cursor:pointer;transition:background .2s,transform .2s}
.hz-lg .lg:hover{background:rgb(236 237 231/.08);transform:translateY(-1px)}
.hz-lg .lg:active{transform:translateY(0) scale(.94)}
.hz-lg .lg:focus-visible{outline:2px solid var(--pink);outline-offset:1px}
.hz-lg .lg img{display:block}
.stopsw[tabindex]:focus-visible{outline:2px solid var(--pink);outline-offset:6px;border-radius:10px}
.stopsw .t.st{display:grid}
.stopsw .t.st>span{grid-area:1/1;transition:opacity .25s}
.stopsw .t.st>.gh{opacity:0;visibility:hidden}
.qa .row{display:block;padding:0}
.qa .qh{appearance:none;-webkit-appearance:none;display:flex;align-items:flex-start;gap:20px;width:100%;padding:26px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.qa .qh:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:6px}
.qa .qh i{transition:color .2s}
.qa .qh:hover i{color:var(--c1)}
.qa .qb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}
.qa .qb>div{overflow:hidden;min-height:0}
.qa .row.open .qb{grid-template-rows:1fr}
.qa .qh{transition:padding-bottom .35s cubic-bezier(.16,1,.3,1)}
.qa .row.open .qh{padding-bottom:12px}
.qa .row .qb p{margin:0;padding-bottom:26px;opacity:0;transition:opacity .25s}
.qa .row.open .qb p{opacity:1;transition:opacity .35s .08s}
@media (prefers-reduced-motion:reduce){.qa .qh,.qa .qb,.qa .row .qb p{transition:none}}
/* CTA: no moon, a dithered horizon low behind the prompt, a headline sized to hold two lines */
.cta{height:800px}
.cta .in{padding-top:150px}
.cta h2{font-size:88px;line-height:.96}
.cta .hzn{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);width:2400px;max-width:none;image-rendering:pixelated;pointer-events:none}
@media (max-width:640px){
  .cta{height:640px}
  .cta .in{padding-top:110px}
  .cta h2{font-size:clamp(30px,9.6vw,56px);line-height:.98}
  .cta .hzn{bottom:-96px}
  .cta .cp p{font-size:11.5px}
}
/* on phones a long URL in a prompt box wraps instead of pushing the Copy button out of the box */
@media (max-width:640px){.cp p{min-width:0;overflow-wrap:anywhere}}
