/* FOM v3: Binance palette, Buttermax yellow, noomo type, pixel dither */
:root{
  --bg:#0B0E11;--bg2:#181A20;--bg3:#1E2329;--bg4:#2B3139;--ink:#EAECEF;--mute:#848E9C;--line:#2B3139;
  --y:#F0B90B;--y2:#FCD535;--yt:#F0B90B;--k:#0B0E11;--up:#0ECB81;--down:#F6465D;
  --sans:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--disp:'Anton','Impact',sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1);--g:clamp(16px,3.4vw,48px);
}
:root[data-theme=light]{
  --bg:#FFFFFF;--bg2:#FAFAFA;--bg3:#F5F5F5;--bg4:#EAECEF;--ink:#1E2329;--mute:#707A8A;--line:#EAECEF;--yt:#C99400;--up:#03A66D;--down:#CF304A;
}
*{box-sizing:border-box}
html{background:var(--bg)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.y{color:var(--yt)}
::selection{background:var(--y);color:var(--k)}
.tbd{color:var(--mute)!important;font-family:var(--mono)!important;font-weight:500!important}

#flock{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;transition:opacity .8s var(--ease)}
#wipe{position:fixed;inset:0;width:100vw;height:100vh;z-index:300;pointer-events:none}

/* loader: noomo bar + dither field */
#pre{position:fixed;inset:0;z-index:200;display:grid;place-items:center}
#preFx{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
#pre .ld{position:relative;display:flex;align-items:center;gap:clamp(10px,2vw,28px);width:min(1320px,calc(100vw - 2*var(--g)))}
#pre .w{font:400 clamp(44px,9.5vw,148px)/.86 var(--disp);color:#EAECEF;letter-spacing:-.005em;white-space:nowrap}
#pre .n{min-width:2.6ch;text-align:right}
#pre .n sup{font-size:.36em;vertical-align:top;position:relative;top:.12em}
#pre .trk{flex:1;height:clamp(40px,7vw,86px);border:2px solid #EAECEF;border-radius:999px;position:relative;min-width:60px}
#pre .trk i{position:absolute;top:50%;left:6px;width:calc(clamp(40px,7vw,86px) - 16px);height:calc(clamp(40px,7vw,86px) - 16px);margin-top:calc((clamp(40px,7vw,86px) - 16px)/-2);background:var(--y);border-radius:999px;display:grid;place-items:center}
#pre .trk i img{width:62%}
#pre .pnote{position:absolute;bottom:28px;left:0;right:0;text-align:center;margin:0;font:500 11px var(--mono);letter-spacing:.16em;color:#848E9C;padding:0 16px}

/* cursor */
.cur{position:fixed;left:0;top:0;z-index:400;pointer-events:none;width:0;height:0}
.cur i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;background:var(--y);transition:transform .35s var(--ease),background .3s;mix-blend-mode:normal}
.cur em{position:absolute;left:14px;top:8px;font:600 11px var(--mono);letter-spacing:.1em;font-style:normal;color:var(--k);background:var(--y);padding:4px 7px;opacity:0;transform:translateY(4px);transition:all .3s var(--ease);white-space:nowrap}
.cur em::before{content:"[ "}.cur em::after{content:" ]"}
.cur.big i{transform:scale(2.4) rotate(45deg)}
.cur.big em{opacity:1;transform:none}
.cur.ony i{background:var(--k)}
@media (hover:none),(pointer:coarse){.cur{display:none}}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;height:72px;display:flex;align-items:center;gap:22px;padding:0 var(--g);transition:background .35s,color .35s,box-shadow .35s}
.nav.solid{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav.onY{color:var(--k)}
.nav.onY.solid{background:color-mix(in srgb,#F0B90B 88%,transparent);box-shadow:0 1px 0 rgba(11,14,17,.12)}
.brand{display:flex;align-items:center;gap:9px;font:700 21px var(--sans);letter-spacing:-.03em}
.brand img{width:32px;height:auto}
.brand .ink{display:none}
.nav.onY .brand .ink{display:block}.nav.onY .brand .yl{display:none}
.links{display:flex;gap:2px;margin-left:16px}
.links a{padding:8px 10px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7;transition:opacity .2s}
.links a:hover{opacity:1}
.sp{flex:1}
.ca{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 13px;border:1px dashed currentColor;border-radius:999px;font:500 12px var(--mono);white-space:nowrap;cursor:pointer;background:none;color:inherit;opacity:.95}
.ca .sq{width:8px;height:8px;background:var(--y);border-radius:2px;animation:blink 1.6s steps(1) infinite}
.nav.onY .ca .sq{background:var(--k)}
.ca .lbx{opacity:.65}
@keyframes blink{50%{opacity:.2}}
.tsw{width:38px;height:38px;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0;color:inherit}
.tsw svg{transition:transform .6s var(--ease)}
:root[data-theme=light] .tsw .a{fill:none;stroke:currentColor;stroke-width:1.5}
:root[data-theme=light] .tsw .b{fill:currentColor}
:root[data-theme=light] .tsw svg{transform:rotate(90deg)}

/* buttons: Binance radius, label roll */
.btn{position:relative;height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px var(--sans);border:0;border-radius:10px;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s}
.btn.y{background:var(--y2);color:var(--k)}
.btn.y:hover{background:var(--y)}
.btn.k{background:var(--k);color:var(--y2)}
.btn.g{background:var(--bg4);color:var(--ink)}
.btn.o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.lg{height:56px;padding:0 28px;font-size:16px;border-radius:12px}
.btn.wide{width:100%}
.btn .lb{display:block;position:relative;overflow:hidden;height:1.3em;line-height:1.3em}
.btn .lb span{display:block;transition:transform .45s var(--ease)}
.btn .lb span+span{position:absolute;left:0;top:100%}
.btn:hover .lb span{transform:translateY(-100%)}
.btn img{width:20px;height:20px;border-radius:50%}
.nav .btn.k{height:40px}
.nav:not(.onY) .btn.k{background:var(--y2);color:var(--k)}
.nav.onY .tsw,.nav.onY .ca{color:var(--k)}

/* ===== hero (Buttermax yellow) ===== */
.hero{position:relative;min-height:100svh;color:var(--ink);overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}
#hfx{position:absolute;inset:0;width:100%;height:100%;z-index:0;image-rendering:pixelated}
.hw{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:96px var(--g) 36px;max-width:min(56vw,900px)}
.kick{display:flex;align-items:center;gap:10px;font:600 12px var(--mono);letter-spacing:.08em;flex-wrap:wrap}
.kick i{font-style:normal;opacity:.4}
.live{width:9px;height:9px;background:var(--k);border-radius:50%;box-shadow:0 0 0 0 rgba(11,14,17,.5);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(11,14,17,0)}100%{box-shadow:0 0 0 0 rgba(11,14,17,0)}}
.lbl{margin-top:clamp(18px,3.5vh,40px);font:600 13px var(--mono);letter-spacing:.14em}
.big{margin:4px 0 0;font:400 clamp(96px,min(14.5vw,25vh),236px)/.84 var(--disp);letter-spacing:-.01em;display:flex;align-items:flex-start;gap:.08em;white-space:nowrap;font-variant-numeric:tabular-nums}
.big small{font-size:.27em;line-height:1;margin-top:.12em}
.of{margin-top:clamp(10px,1.6vh,16px);font:500 14px var(--mono)}
.of i{font-style:normal;opacity:.35;margin:0 4px}
.px200{margin-top:clamp(14px,2.4vh,24px);display:grid;grid-template-columns:repeat(50,minmax(0,1fr));gap:2px;max-width:620px}
.px200 i{aspect-ratio:1;border-radius:1px;box-shadow:inset 0 0 0 1px rgba(11,14,17,.28);transform-origin:center}
.px200 i.c{background:var(--k);box-shadow:none}
.px200 i.f{background:#5C4600;box-shadow:none}
.px200 i.nx{background:var(--k);animation:blink 1s steps(1) infinite}
.cta{margin-top:clamp(20px,3.6vh,38px);display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.brk{position:relative;display:inline-block;padding:9px}
.brk::before,.brk::after{content:"";position:absolute;width:14px;top:0;bottom:0;border:2px solid var(--k);transition:all .4s var(--ease)}
.brk::before{left:0;border-right:0}.brk::after{right:0;border-left:0}
.brk:hover::before{left:-6px}.brk:hover::after{right:-6px}
.sub{height:clamp(58px,8vh,72px);padding:0 10px 0 30px;border:0;border-radius:999px;background:var(--k);color:#FCD535;font:600 clamp(17px,1.5vw,21px) var(--sans);display:inline-flex;align-items:center;gap:22px;cursor:pointer;position:relative;overflow:hidden}
.sub .lb{display:block;position:relative;overflow:hidden;height:1.3em;line-height:1.3em}
.sub .lb span{display:block;transition:transform .45s var(--ease)}
.sub .lb span+span{position:absolute;left:0;top:100%}
.sub:hover .lb span{transform:translateY(-100%)}
.sub .arr{width:clamp(42px,6vh,52px);height:clamp(42px,6vh,52px);border-radius:50%;background:#FCD535;color:var(--k);display:grid;place-items:center;transition:transform .5s var(--ease)}
.sub:hover .arr{transform:rotate(-45deg)}
.phase{display:flex;flex-direction:column;gap:3px;font-size:14px;max-width:290px}
.phase b{font:700 15px var(--sans)}
.phase .cd{font:600 20px var(--mono);letter-spacing:-.01em}
.days{margin-top:clamp(18px,3.4vh,34px);display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:620px}
.days div{height:34px;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(11,14,17,.3);display:grid;place-items:center;font:600 11px var(--mono);position:relative}
.days div.d{background:var(--k);color:#F0B90B;box-shadow:none}
.days div.n{box-shadow:inset 0 0 0 2.5px var(--k);background:#FCD535}
.days div.n::after{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--k);border-radius:50%;animation:blink 1s steps(1) infinite}
.days span{grid-column:span 5;font:600 10px var(--mono);letter-spacing:.14em;padding-top:4px;opacity:.6}
.hbar{position:relative;z-index:3;height:46px;background:var(--k);color:#EAECEF;display:flex;align-items:center;font:500 12px var(--mono)}
.mq{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.mqi{display:flex;gap:34px;white-space:nowrap;animation:mq 50s linear infinite;padding-left:20px}
.mqi span b{color:#F0B90B;font-weight:600}
.mqi span em{font-style:normal;color:#848E9C}
@keyframes mq{to{transform:translateX(-50%)}}
.demo{display:flex;align-items:center;gap:6px;padding:0 14px 0 12px;border-left:1px solid #2B3139;height:100%}
.demo span{color:#848E9C;letter-spacing:.1em;font-size:10px}
.demo button{height:28px;padding:0 11px;border-radius:999px;border:1px solid #2B3139;background:none;color:#EAECEF;font:600 11px var(--mono);cursor:pointer}
.demo button.on{background:#F0B90B;color:var(--k);border-color:#F0B90B}

/* dither bands */
.band{position:relative;height:clamp(110px,22vh,220px);margin-top:-1px;background:var(--bg)}
.band canvas,.foot canvas.dfx{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:pixelated;display:block}

/* sections */
.sec{position:relative;padding:clamp(70px,12vh,140px) 0}
.wrap{position:relative;z-index:2;padding:0 var(--g);max-width:1600px;margin:0 auto}
.sh{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.tag{font:600 12px var(--mono);letter-spacing:.12em;color:var(--mute)}
.tag.hl{color:var(--k);background:var(--y);padding:3px 8px;border-radius:4px}
.mega{margin:0;font:400 clamp(64px,12vw,200px)/.86 var(--disp);letter-spacing:-.005em;text-transform:uppercase}
.mega>span{display:block}
.rv>span{overflow:hidden}

/* doors */
.two{margin-top:clamp(36px,6vh,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.door{position:relative;background:var(--bg3);border-radius:20px;padding:28px;min-height:380px;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s var(--ease)}
.door:hover{transform:translateY(-6px)}
.door.y{background:var(--y);color:var(--k)}
.door .dh{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em}
.chip{font:600 11px var(--mono);padding:5px 10px;border-radius:999px;background:var(--bg4);color:var(--ink);letter-spacing:.06em}
.chip.live{background:var(--up);color:#06281B}
.door.y .chip{background:var(--k);color:var(--y)}
.door.y .chip.live{background:var(--k);color:#0ECB81}
.door h3{margin:auto 0 0;font:400 clamp(56px,7vw,110px)/.9 var(--disp);text-transform:uppercase;position:relative;z-index:1}
.door p{margin:10px 0 22px;font-size:16px;opacity:.75;position:relative;z-index:1}
.door .dn{position:absolute;right:-10px;top:40px;font:400 clamp(130px,16vw,260px)/.8 var(--disp);opacity:.07;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.door .dn em{font-style:normal}
.door .btn{align-self:flex-start;position:relative;z-index:1}
.door.y .btn.k{background:var(--k);color:var(--y2)}
.facts{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--bg3);border-radius:20px;overflow:hidden}
.facts div{padding:20px 22px;border-right:1px solid var(--line)}
.facts div:last-child{border-right:0}
.facts small{display:block;font:500 11px var(--mono);letter-spacing:.1em;color:var(--mute);text-transform:uppercase}
.facts b{display:block;margin-top:6px;font:600 22px var(--sans);font-variant-numeric:tabular-nums}

/* launchpad demo app (flap-like) */
.lp .mega{margin-bottom:clamp(30px,5vh,56px)}
.app{background:var(--bg2);border-radius:20px;box-shadow:0 0 0 1px var(--line),0 40px 100px rgba(0,0,0,.35);overflow:hidden}
.abar{display:flex;align-items:center;gap:6px;padding:12px 18px;border-bottom:1px solid var(--line)}
.brand.sm{font-size:17px;margin-right:12px}.brand.sm img{width:24px}
.at{font:500 13px var(--sans);padding:7px 12px;border-radius:8px;color:var(--mute);cursor:pointer}
.at.on{color:var(--ink);background:var(--bg4)}
.srch{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;background:var(--bg3);color:var(--mute);width:250px}
.srch input{background:none;border:0;outline:0;color:var(--ink);font:400 13px var(--sans);width:100%}
.net{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;background:var(--bg3);font:600 12px var(--mono)}
.net img{width:16px;height:16px}
.aban{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto;column-gap:24px;padding:26px 24px 20px;border-bottom:1px solid var(--line);background-image:radial-gradient(circle,var(--line) 1px,transparent 1.5px);background-size:16px 16px}
.pxw canvas{width:187px;max-width:100%;height:auto;image-rendering:pixelated;display:block}
.create{margin-top:16px;justify-self:start;display:inline-flex;align-items:center;gap:22px;height:56px;padding:0 22px 0 46px;background:var(--y);color:var(--k);font:400 26px var(--disp);letter-spacing:.02em;border-radius:4px;position:relative;overflow:hidden;transition:transform .3s var(--ease)}
.create::before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background:repeating-linear-gradient(-45deg,var(--k) 0 6px,var(--y) 6px 12px)}
.create:hover{transform:translateX(6px)}
.slash{margin:12px 0 0;font:600 12px var(--mono);letter-spacing:.06em;color:var(--yt)}
.burnbox{grid-column:2;grid-row:1/4;align-self:stretch;border:2px solid var(--y);border-radius:6px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;background:var(--bg2)}
.burnbox::after{content:"";position:absolute;right:10px;bottom:10px;width:40px;height:10px;background:repeating-linear-gradient(90deg,var(--y) 0 6px,transparent 6px 10px)}
.burnbox small{font:600 10px var(--mono);letter-spacing:.12em;color:var(--mute)}
.burnbox b{font:400 40px var(--disp);color:var(--yt);font-variant-numeric:tabular-nums}
.burnbox span{font-size:13px;color:var(--mute)}
.fil{display:flex;gap:8px;padding:14px 18px;overflow-x:auto;scrollbar-width:none;align-items:center}
.fil::-webkit-scrollbar{display:none}
.fil button{flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);font:500 12px var(--mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}
.fil button img{width:16px;height:16px;border-radius:50%}
.fil button.on{background:var(--y);border-color:var(--y);color:var(--k)}
.fil .dv{width:1px;height:20px;background:var(--line);flex:none;margin:0 4px}
.tbl{padding:0 8px 8px}
.tr{display:grid;grid-template-columns:minmax(170px,2fr) 1fr 1fr 1fr .8fr 1fr .8fr .7fr .7fr .7fr;align-items:center;gap:8px;padding:0 12px;height:58px;border-radius:10px;font:500 13px var(--mono);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s}
.tr:hover{background:var(--bg3)}
.tr.hd{height:40px;font:500 11px var(--mono);color:var(--mute);letter-spacing:.06em;cursor:default}
.tr.hd:hover{background:none}
.tr .cn{display:flex;align-items:center;gap:10px;min-width:0;font-family:var(--sans)}
.tr .cn img{width:34px;height:34px;border-radius:8px;image-rendering:pixelated;flex:none}
.tr .cn b{display:block;font-weight:600;font-size:14px}
.tr .cn small{display:block;color:var(--mute);font-size:12px}
.tr .pt{display:flex;align-items:center;gap:6px}
.tr .pt img{width:18px;height:18px;border-radius:50%}
.tr .tx{color:var(--yt)}
.tr .u{color:var(--up)}.tr .d{color:var(--down)}
.tr.fl{animation:fl .9s var(--ease)}
@keyframes fl{0%{background:color-mix(in srgb,var(--y) 22%,transparent)}100%{background:transparent}}
.lpgo{margin-top:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.note{font:500 12px var(--mono);color:var(--mute)}

/* yellow pair section */
.ysec{background:#F0B90B;color:var(--k);min-height:100svh;display:flex;align-items:center;overflow:hidden}
.ysec .tag{color:var(--k);opacity:.6}
.pair .wrap{width:100%}
.pair .mega{font-size:clamp(72px,11vw,190px);min-height:.86em}
.scr{display:inline-block;white-space:nowrap}
.lede{max-width:430px;font-size:clamp(17px,1.5vw,21px);line-height:1.45;margin:24px 0 0;font-weight:500}
.pc{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px;max-width:560px}
.pc button{height:40px;padding:0 14px 0 8px;border-radius:999px;border:1.5px solid var(--k);background:none;color:var(--k);font:600 13px var(--mono);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s}
.pc button img{width:24px;height:24px;border-radius:50%}
.pc button.on{background:var(--k);color:#F0B90B}
.paste{margin-top:26px;display:flex;align-items:center;gap:8px;max-width:560px;background:rgba(11,14,17,.08);border-radius:14px;padding:6px 6px 6px 16px}
.paste span{font:600 12px var(--mono);white-space:nowrap}
.paste input{flex:1;min-width:0;height:42px;border:0;outline:0;background:none;font:500 14px var(--mono);color:var(--k)}
.paste input::placeholder{color:rgba(11,14,17,.45)}
.ringlogo{position:absolute;z-index:2;left:72%;top:50%;width:clamp(110px,13vw,200px);height:clamp(110px,13vw,200px);transform:translate(-50%,-50%);border-radius:50%;background:var(--k);display:grid;place-items:center;box-shadow:0 30px 60px rgba(11,14,17,.25)}
.ringlogo img{width:64%;height:64%;border-radius:50%;object-fit:cover}

/* launch from X */
.xs{margin-top:clamp(36px,6vh,60px);display:grid;grid-template-columns:minmax(0,560px) minmax(0,340px);gap:clamp(20px,3vw,44px);align-items:start;max-width:min(940px,64vw)}
.thread{background:var(--bg2);border-radius:20px;box-shadow:0 0 0 1px var(--line);padding:6px 0;overflow:hidden}
.tw{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 18px 10px}
.ava{display:flex;flex-direction:column;align-items:center}
.ava .tl{flex:1;width:2px;background:var(--bg4);margin-top:6px;min-height:20px;border-radius:2px}
.tw .av{width:44px;height:44px;border-radius:50%;background:var(--bg4);display:grid;place-items:center;font-weight:700;flex:none}
.tw .av.y{background:var(--y)}.tw .av img{width:58%}
.tw .th{display:flex;align-items:baseline;gap:6px;min-width:0}
.tw .th b{font-size:15px}.tw .th small{color:var(--mute);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw .xl{margin-left:auto;opacity:.55;align-self:center;flex:none}
.tw p{margin:6px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.45;min-height:1.45em;overflow-wrap:anywhere}
.tw p em,.rto em{font-style:normal;color:var(--yt)}
.rto{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.pchip{display:inline-flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}
.pchip img{width:1.05em;height:1.05em;border-radius:50%}
.xa{display:flex;justify-content:space-between;max-width:380px;margin-top:12px;color:var(--mute)}
.xa span{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--mono)}
.xa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.xa b{font-weight:500}
.tw.re{padding-top:4px}
.card{display:grid;grid-template-columns:96px minmax(0,1fr);margin-top:12px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:var(--bg3);transition:box-shadow .25s,transform .25s var(--ease)}
.card:hover{box-shadow:0 0 0 1px var(--y);transform:translateY(-2px)}
.card .ci{width:96px;height:96px;object-fit:cover;image-rendering:pixelated;background:var(--y)}
.cb{padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.cb small{color:var(--mute);font:500 12px var(--mono)}
.cb>b{font-size:17px}.cb>b span{color:var(--mute);font-weight:400;font-size:14px;margin-left:4px}
.cc{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.cc>span{font:500 11px var(--mono);padding:3px 8px;border-radius:999px;background:var(--bg4);color:var(--ink)}
.lv{color:var(--up)!important;display:inline-flex;align-items:center;gap:5px}
.lv i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.2s steps(1) infinite}
.xsteps{padding-top:6px}
.xsteps ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.xsteps li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line);opacity:.45;transition:opacity .3s}
.xsteps li:last-child{border-bottom:1px solid var(--line)}
.xsteps li>i{width:14px;height:14px;margin-top:3px;border:2px solid var(--mute);border-radius:3px;position:relative}
.xsteps li.run{opacity:1}.xsteps li.run>i{border-color:var(--y);animation:spinq .7s steps(4) infinite}
.xsteps li.ok{opacity:1}.xsteps li.ok>i{background:var(--y);border-color:var(--y)}
.xsteps li.ok>i::after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid var(--k);border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes spinq{to{transform:rotate(360deg)}}
.xsteps li b{display:block;font-size:15px}.xsteps li small{color:var(--mute);font-size:13px}
.xsteps li em{font:500 12px var(--mono);color:var(--mute);font-style:normal;margin-top:2px}
.xsteps li.ok em{color:var(--yt)}
.xcmd{margin-top:18px;width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px dashed var(--bg4);background:none;cursor:pointer;transition:border-color .2s}
.xcmd:hover{border-color:var(--y)}
.xcmd small{grid-column:1/-1;font:600 11px var(--mono);letter-spacing:.12em;color:var(--mute);text-transform:uppercase}
.xcmd code{font:500 13px var(--mono);color:var(--ink);overflow-wrap:anywhere}
.xcmd span{font:600 12px var(--mono);color:var(--k);background:var(--y);padding:6px 10px;border-radius:8px}
@media (max-width:900px){.xs{grid-template-columns:minmax(0,1fr);max-width:none}}
@media (max-width:600px){.tw{grid-template-columns:36px minmax(0,1fr);padding:14px 14px 8px}.tw .av{width:36px;height:36px}.card{grid-template-columns:72px minmax(0,1fr)}.card .ci{width:72px;height:100%;min-height:72px}}
.lk{color:var(--yt);font:500 15px var(--mono)}
.caret{display:inline-block;width:.5em;height:1em;background:var(--y);vertical-align:-.12em;animation:blink .8s steps(1) infinite}

/* fees */
.feeg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.one .mega{font-size:clamp(140px,26vw,420px);color:var(--yt);display:block}
.one p{font-size:18px;max-width:360px;color:var(--mute);margin:10px 0 0}
.sb{display:flex;height:70px;border-radius:14px;overflow:hidden;gap:4px}
.sb i{background:var(--bg4);transition:width .6s var(--ease)}
.sb i+i{background:var(--y)}
.sl{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px}
.sl b{display:block;font:400 44px var(--disp)}
.sl span{color:var(--mute);font-size:14px}
.tax{margin-top:44px;background:var(--bg3);border-radius:20px;padding:24px}
.tt{display:flex;justify-content:space-between;align-items:baseline}
.tt span{font:600 12px var(--mono);letter-spacing:.1em;color:var(--mute);text-transform:uppercase}
.tt b{font:400 56px/1 var(--disp);color:var(--yt)}
.tax input{width:100%;margin:18px 0 6px;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--y) var(--p,20%),var(--bg4) var(--p,20%));outline:0}
.tax input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:8px;background:var(--y);border:4px solid var(--bg);cursor:grab}
.tax input::-moz-range-thumb{width:24px;height:24px;border-radius:8px;background:var(--y);border:4px solid var(--bg);cursor:grab}
.tl{display:flex;justify-content:space-between;font:500 12px var(--mono);color:var(--mute)}
.tq{margin:16px 0 0;font:500 14px var(--mono);line-height:1.6}

/* footer */
.foot{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.fw{position:relative;z-index:2;padding:120px var(--g) 28px}
.fcols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:30px;margin-top:34px;color:var(--k)}
.fcols small{display:block;font:600 11px var(--mono);letter-spacing:.12em;opacity:.6;text-transform:uppercase;margin-bottom:10px}
.fcols a{display:block;padding:4px 0;font-size:15px;font-weight:500}
.fcols a:hover{text-decoration:underline}
.fbig{font:400 clamp(54px,9.5vw,170px)/.88 var(--disp);color:var(--k);text-transform:uppercase}
.fl{margin-top:30px;padding-top:16px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font:600 11px var(--mono);letter-spacing:.1em;color:var(--k)}

/* toasts: Binance card */
.toasts{position:fixed;left:20px;bottom:20px;z-index:80;width:320px;pointer-events:none}
.toast{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--bg3);border-radius:14px;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.35);position:absolute;left:0;bottom:0;width:100%;overflow:hidden}
.toast img{width:38px;height:38px;border-radius:9px;image-rendering:pixelated;flex:none;background:var(--bg4)}
.toast .a{font-size:14px;font-weight:600}
.toast .b{font:400 12px var(--mono);color:var(--mute);margin-top:2px}
.toast i{position:absolute;left:0;bottom:0;height:3px;background:var(--y)}

/* modals */
.md,.wm{position:fixed;inset:0;z-index:150;display:none}
.md.open,.wm.open{display:block}
.sc{position:absolute;inset:0;background:rgba(11,14,17,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pn{position:absolute;inset:0;margin:auto;height:fit-content;width:480px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);overflow:auto;background:var(--bg2);border-radius:20px;box-shadow:0 0 0 1px var(--line),0 40px 90px rgba(0,0,0,.5)}
.mh{display:flex;align-items:center;gap:14px;padding:20px 22px}
.mh img{width:34px}
.mh h3{margin:0;font-size:20px;font-weight:600}
.mh p{margin:3px 0 0;font:400 12px var(--mono);color:var(--mute)}
.x{margin-left:auto;width:36px;height:36px;border:0;border-radius:10px;background:var(--bg4);cursor:pointer;display:grid;place-items:center;flex:none}
.steps{display:flex;gap:4px;padding:0 22px}
.steps i{flex:1;height:3px;border-radius:3px;background:var(--bg4);transition:background .3s}
.steps i.on{background:var(--y)}
.v{display:none;padding:18px 22px 22px}
.v.on{display:block}
.fld{display:block;background:var(--bg3);border-radius:14px;padding:12px 14px;position:relative}
.fld span{display:block;font:500 12px var(--mono);color:var(--mute)}
.fld input{width:100%;border:0;outline:0;background:none;color:var(--ink);font:500 15px var(--mono);margin-top:6px}
.fld.big input{font:400 44px var(--disp);padding-right:110px}
.fld em{position:absolute;right:14px;bottom:16px;display:flex;align-items:center;gap:6px;font:600 14px var(--mono);font-style:normal;background:var(--bg4);padding:6px 10px;border-radius:999px}
.fld em img{width:18px;height:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.res{margin-top:12px;border-radius:14px;padding:0 14px;max-height:0;overflow:hidden;transition:all .4s var(--ease);font-size:14px;line-height:1.5}
.res.on{max-height:240px;padding:14px;background:var(--bg3)}
.res b{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:4px}
.res .ok{color:var(--up)}.res .no{color:var(--down)}
.res .btn{margin-top:12px}
.fine{margin:12px 0 0;font:400 11.5px var(--mono);color:var(--mute);line-height:1.6}
.qc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0 14px}
.qc button{height:36px;border-radius:9px;border:0;background:var(--bg3);font:600 13px var(--mono);cursor:pointer}
.qc button.on{background:var(--y);color:var(--k)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;color:var(--mute)}
.kv b{color:var(--ink);font:600 14px var(--mono)}
.v .btn.lg{margin-top:14px}
.rc{background:var(--bg3);border-radius:14px;padding:16px;position:relative;overflow:hidden;margin-bottom:10px}
.rt{display:flex;justify-content:space-between;font:600 11px var(--mono);letter-spacing:.12em;color:var(--yt);margin-bottom:6px}
.stamp{position:absolute;right:14px;bottom:52px;transform:rotate(-10deg);border:2px solid var(--yt);color:var(--yt);font:400 22px var(--disp);padding:2px 10px;border-radius:6px;opacity:.85}

/* wallet cells */
.cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px 22px 4px}
.cell{height:118px;border:0;border-radius:14px;background:var(--bg3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:600 13px var(--sans);cursor:pointer;position:relative;transition:background .25s,transform .25s}
.cell:hover{background:var(--bg4);transform:translateY(-2px)}
.cell img{width:42px;height:42px;border-radius:11px}
.cell small{font:400 11px var(--mono);color:var(--mute)}
.cell.pick{background:var(--y);color:var(--k)}
.cell.pick small{color:rgba(11,14,17,.7)}
.cell .land{position:absolute;top:10px;right:10px;width:24px;height:auto;border-radius:0;opacity:0;transform:translate(24px,-16px)}
.cell.pick .land{opacity:1;transform:none;transition:all .5s var(--ease)}
.wm .ft{padding:14px 22px 20px;font:400 12px var(--mono);color:var(--mute);line-height:1.6}
.wm .err{padding:6px 22px 0;font:400 12px var(--mono);color:var(--down)}

/* ===== launch.html (demo app page) ===== */
body.lpage{padding-top:72px}
.lpage .nav{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.lhead{padding:28px var(--g) 0}
.lban{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:20px;align-items:stretch}
.lmain{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;padding:20px var(--g) 80px;align-items:start}
.panel{background:var(--bg2);border-radius:20px;box-shadow:0 0 0 1px var(--line)}
.panel .ph{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}
.panel .ph h3{margin:0;font:400 30px var(--disp);text-transform:uppercase}
.ctab{display:flex;gap:4px;background:var(--bg3);padding:4px;border-radius:12px;margin:14px 20px 0}
.ctab button{flex:1;height:36px;border:0;border-radius:9px;background:none;font:600 13px var(--sans);color:var(--mute);cursor:pointer}
.ctab button.on{background:var(--bg4);color:var(--ink)}
.cf{padding:14px 20px 20px;display:flex;flex-direction:column;gap:10px}
.cf .r2{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.up{border-radius:14px;background:var(--bg3);display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;min-height:96px;border:1.5px dashed var(--bg4)}
.up img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;image-rendering:pixelated}
.up span{font:500 11px var(--mono);color:var(--mute);text-align:center}
.cf .fld{padding:10px 12px}
.cf .fld input{margin-top:4px}
.pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pairs button{height:58px;border-radius:12px;border:1.5px solid transparent;background:var(--bg3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 11px var(--mono);cursor:pointer;color:var(--ink)}
.pairs button img{width:22px;height:22px;border-radius:50%}
.pairs button.on{border-color:var(--y);background:color-mix(in srgb,var(--y) 10%,var(--bg3))}
.lbl2{font:600 11px var(--mono);letter-spacing:.1em;color:var(--mute);text-transform:uppercase;margin-top:4px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.seg button{height:44px;border-radius:12px;border:1.5px solid transparent;background:var(--bg3);font:600 14px var(--sans);cursor:pointer;color:var(--ink)}
.seg button.on{border-color:var(--y)}
.hold{position:relative;height:60px;border-radius:14px;border:0;background:var(--y2);color:var(--k);font:600 16px var(--sans);cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}
.hold i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--k);opacity:.18}
.hold span{position:relative}
.sumx{background:var(--bg3);border-radius:14px;padding:6px 14px}
.lpage .tbl{padding:0 8px 8px}
.bnr{position:relative;border-radius:20px;overflow:hidden;background:var(--bg2);box-shadow:0 0 0 1px var(--line);padding:24px;background-image:radial-gradient(circle,var(--line) 1px,transparent 1.5px);background-size:16px 16px}
.bnr .create{margin-top:14px}
.xbox{border-radius:20px;background:var(--y);color:var(--k);padding:22px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.xbox h4{margin:0;font:400 34px/.95 var(--disp);text-transform:uppercase}
.xbox p{margin:0;font-size:14px;font-weight:500}
.xbox code{font:600 13px var(--mono);background:rgba(11,14,17,.1);padding:8px 10px;border-radius:8px;display:block}
.lpage .app{box-shadow:0 0 0 1px var(--line)}

.dbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px var(--g) 0;padding:10px 14px;border-radius:12px;background:var(--bg3);font-size:13px;color:var(--mute)}
.dbar a{margin-left:auto;color:var(--yt);font-weight:600}

/* ===== responsive ===== */
@media (max-width:1180px){
  .links{display:none}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts div:nth-child(3){border-right:0}
  .facts div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .tr{grid-template-columns:minmax(150px,2fr) 1fr 1fr 1fr .8fr .7fr .7fr}
  .tr .h1,.tr .h2,.tr .h3{display:none}
  .lmain{grid-template-columns:minmax(0,1fr) 380px}
}
@media (max-width:900px){
  .hw{max-width:none;justify-content:flex-start;padding-top:88px;padding-bottom:300px}
  .two,.feeg{grid-template-columns:minmax(0,1fr)}
  .aban{grid-template-columns:minmax(0,1fr)}
  .burnbox{grid-column:1;grid-row:auto;margin-top:18px}
  .srch{display:none}
  .tr{grid-template-columns:minmax(0,1.6fr) 1fr .9fr .8fr;height:62px}
  .tr .c2,.tr .c5,.tr .c6,.tr .h1,.tr .h2,.tr .h3{display:none}
  .ringlogo{left:50%;top:25%;width:96px;height:96px}
  .pair{align-items:flex-start;padding-top:calc(25svh + 140px);padding-bottom:40px}
  .lmain,.lban{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .nav{height:64px;gap:10px}
  .ca .lbx{display:none}
  .ca{padding:0 10px}
  .brand{font-size:19px}
  .big{font-size:clamp(72px,23.5vw,128px)}
  .px200{grid-template-columns:repeat(40,minmax(0,1fr))}
  .cta{gap:16px}
  .sub{padding-left:22px;gap:14px}
  .days div{height:28px;font-size:10px}
  .hbar .demo span{display:none}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div{border-bottom:1px solid var(--line)}
  .facts div:nth-child(3){border-right:1px solid var(--line)}
  .facts div:nth-child(2n){border-right:0}
  .door{min-height:320px;padding:22px}
  .abar .at:not(.on){display:none}
  .tr{grid-template-columns:minmax(0,1.7fr) auto .9fr .8fr;gap:10px}
  .tr .pt{font-size:0;gap:0}
  .tr.hd .pt{font-size:11px}
  .hw{padding-bottom:28px}
  .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toasts{left:12px;right:12px;width:auto;bottom:12px}
  .paste{flex-wrap:wrap;padding:10px}
  .paste span{width:100%}
  .cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pn{inset:auto 0 0 0;margin:0;width:100%;max-width:100%;border-radius:20px 20px 0 0}
  .lhead,.lmain{padding-left:12px;padding-right:12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.lp,.doors{overflow-x:clip}

/* docs + contracts */
.doc{display:grid;grid-template-columns:200px minmax(0,720px);gap:48px;padding:40px var(--g) 80px;justify-content:center}
.doc.one{grid-template-columns:minmax(0,760px)}
.toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px}
.toc small{font:600 11px var(--mono);letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin-bottom:8px}
.toc a{padding:6px 10px;border-radius:8px;font-size:14px;color:var(--mute)}
.toc a:hover{color:var(--ink);background:var(--bg3)}
.doc h1{font:400 clamp(56px,8vw,104px)/.9 var(--disp);margin:14px 0 16px;text-transform:uppercase}
.doc h2{font:400 32px/1 var(--disp);text-transform:uppercase;margin:48px 0 12px;scroll-margin-top:96px}
.doc p,.doc li{font-size:16px;line-height:1.65;color:var(--ink)}
.doc .lede{font-size:18px;color:var(--mute)}
.doc ul,.doc ol{padding-left:22px}
.doc code{font:500 13px var(--mono);background:var(--bg3);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.doc .note{font-family:var(--sans);padding:12px 14px;border-left:3px solid var(--y);background:var(--bg2);border-radius:0 10px 10px 0;font-size:14px;color:var(--mute)}
.doc .yl{color:var(--yt);font-weight:600}
.kvt{background:var(--bg2);border-radius:14px;box-shadow:0 0 0 1px var(--line);padding:6px 16px}
.kvt .kv+.kv{border-top:1px solid var(--line)}
.ctab2{background:var(--bg2);border-radius:16px;box-shadow:0 0 0 1px var(--line);margin:28px 0}
.crow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px}
.crow+.crow{border-top:1px solid var(--line)}
.crow b{display:block;font-size:16px}.crow small{color:var(--mute);font-size:13px}
.crow code{background:none;padding:0;text-align:right}
.sfoot{display:flex;flex-wrap:wrap;gap:10px 22px;padding:28px var(--g);border-top:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.06em;color:var(--mute)}
.sfoot a:hover{color:var(--yt)}
@media (max-width:900px){.doc{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}.toc{position:static;flex-direction:row;flex-wrap:wrap}.toc small{width:100%}}
@media (max-width:600px){.crow{flex-direction:column;align-items:flex-start;gap:6px}.crow code{text-align:left}}

/* BNB mark: the real logo shape, yellow on dark, ink on yellow */
.bi{display:inline-block;width:1.05em;height:1.05em;flex:none;vertical-align:-.17em;margin-right:.3em;background:var(--y);-webkit-mask:url(../img/bnb-mark.svg) center/contain no-repeat;mask:url(../img/bnb-mark.svg) center/contain no-repeat}
.bt{display:inline-flex;align-items:center;white-space:nowrap}
.bt .bi{vertical-align:0}
.hero .bi,.ysec .bi,.door.y .bi,.tag.hl .bi{background:currentColor}
.big small{display:flex;flex-direction:column;align-items:flex-start;gap:.14em}
.big small .bi{width:.9em;height:.9em;margin:0}
.mqi .bi{background:#F0B90B}

/* hero, dark: the loader look. Ink type, yellow accents, pixel field on the right */
.hero .live{background:var(--y);box-shadow:0 0 0 0 rgba(240,185,11,.5)}
.hero .big small{color:var(--yt)}
.hero .big small .bi{background:var(--y)}
.hero .of b.bt .bi,.hero .kick .bi{background:var(--y)}
.hero .lbl{color:var(--mute)}
.px200 i{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent)}
.px200 i.c{background:var(--y)}
.px200 i.f{background:#FCD535}
.px200 i.nx{background:var(--y)}
.brk::before,.brk::after{border-color:var(--y)}
.sub{background:#FCD535;color:var(--k)}
.sub .arr{background:var(--k);color:#FCD535}
.phase .cd{color:var(--yt)}
.days div{box-shadow:inset 0 0 0 1.5px var(--bg4);background:color-mix(in srgb,var(--bg) 70%,transparent)}
.days div.d{background:var(--bg3);color:var(--yt)}
.days div.n{background:#FCD535;color:var(--k);box-shadow:none}
.days div.n::after{background:var(--y)}
.days span{color:var(--mute);opacity:1}
.hbar{background:var(--bg2);box-shadow:0 -1px 0 var(--line);color:var(--ink)}

/* pair: dark too, the word in yellow */
.ysec{background:var(--bg);color:var(--ink)}
.ysec .tag{color:var(--mute);opacity:1}
.ysec .scr{color:var(--yt)}
.pc button{border-color:var(--bg4);color:var(--ink)}
.pc button:hover{border-color:var(--y)}
.pc button.on{background:var(--y);border-color:var(--y);color:var(--k)}
.paste{background:var(--bg2);box-shadow:0 0 0 1px var(--line)}
.paste input{color:var(--ink)}.paste input::placeholder{color:var(--mute)}
.ringlogo{background:var(--bg3);box-shadow:0 0 0 1px var(--line),0 30px 60px rgba(0,0,0,.35)}

/* first screen, readable: labelled bar + two-phase timeline */
.hw{max-width:min(54vw,700px)}
.kick{gap:12px;font-size:12px;letter-spacing:.1em}
.kick i{opacity:.35}
.kick .pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:999px;background:color-mix(in srgb,var(--y) 16%,transparent);color:var(--yt);letter-spacing:.14em}
.kick b{color:var(--ink)}
.lbl{font:500 15px var(--sans);letter-spacing:0;text-transform:none;color:var(--mute);margin-top:clamp(18px,3vh,32px)}
@media (min-width:601px){.big{font-size:clamp(88px,min(12.5vw,21vh),200px)}}
.prog{margin-top:clamp(14px,2.2vh,22px);max-width:620px}
.bar{display:grid;grid-template-columns:repeat(40,minmax(0,1fr));gap:3px;height:22px}
.bar i{border-radius:2px;background:color-mix(in srgb,var(--ink) 10%,transparent);transform-origin:bottom}
.bar i.c,.bar i.f{background:var(--y)}
.bar i.nx{background:var(--y);animation:blink 1s steps(1) infinite}
.pl{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:15px;color:var(--mute)}
.pl b{color:var(--ink);font-weight:600}
.pl .bt .bi{width:.95em;height:.95em}
.cta{gap:28px}
.phase{gap:4px;max-width:320px;font-size:14px;color:var(--mute)}
.phase b{color:var(--ink);font-size:16px}
.cdw{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.cdw em{font-style:normal;font-size:13px}
.phase .cd{font-size:20px}
.tl{margin-top:clamp(20px,3.4vh,34px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px}
.ph{padding:12px 14px 14px;border-radius:12px;background:color-mix(in srgb,var(--bg2) 85%,transparent);box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s}
.ph.on{box-shadow:0 0 0 1.5px var(--y)}
.pt b{display:block;font-size:14px;color:var(--ink)}
.pt small{font-size:12px;color:var(--mute)}
.ph{position:relative}
.ph.on::after{content:"NOW";position:absolute;top:-9px;right:12px;font:600 10px var(--mono);letter-spacing:.12em;padding:2px 6px;border-radius:4px;background:var(--y);color:var(--k)}
.pb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:10px}
.pb i{height:24px;border-radius:5px;display:grid;place-items:center;font:600 10px var(--mono);font-style:normal;color:var(--mute);background:color-mix(in srgb,var(--ink) 7%,transparent)}
.pb i.d{background:color-mix(in srgb,var(--y) 30%,transparent);color:var(--ink)}
.pb i.n{background:var(--y);color:var(--k);position:relative}
.pb i.n::after{content:"";position:absolute;inset:-3px;border-radius:7px;box-shadow:0 0 0 1.5px var(--y);animation:blink 1.2s steps(1) infinite}
@media (max-width:900px){.hw{max-width:none}}
@media (max-width:600px){.pl{font-size:13px}.tl{gap:8px}.ph{padding:10px}.pb i{height:22px;font-size:9px}.cta{gap:16px}}

/* first screen, stripped to the two things that matter */
.hw .lbl{margin-top:clamp(26px,5vh,48px)}
.hero .big{font-size:clamp(96px,min(15vw,26vh),240px)}
.prog{max-width:560px;margin-top:clamp(16px,2.6vh,26px)}
.bar{height:14px;grid-template-columns:repeat(40,minmax(0,1fr))}
.pl{margin-top:10px}
.cta{margin-top:clamp(28px,5vh,52px)}
.hnote{margin:16px 0 0;font-size:15px;color:var(--mute)}
.hnote .cd{font:600 15px var(--mono);color:var(--yt);margin-left:2px}
@media (max-width:600px){.hero .big{font-size:clamp(72px,23.5vw,128px)}}
.demo{border-left-color:var(--line)}
.demo span{color:var(--mute)}
.demo button{border-color:var(--bg4);color:var(--ink)}
.demo button.on{background:var(--y);border-color:var(--y);color:var(--k)}
.mqi span em{color:var(--mute)}

/* ===== v5 first screen: concept D. Pixel field the cursor stirs, the logo flying in, a signature, a glass presale bar ===== */
.hero.dh{background:#000;color:#EAECEF}
:root[data-theme=light] .hero.dh{background:#fff;color:#0B0E11}
.dh canvas.dfx{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}
.dh canvas.dbird{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.dh .ttl{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:96px 16px 172px}
.dh .kick{display:flex;align-items:center;justify-content:center;gap:12px;font:600 12px var(--mono);letter-spacing:.1em}
.dh .kick .pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:#0ECB81;color:#04140D;font-weight:700;letter-spacing:.14em}
.dh .kick .live{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:dpl 1.6s infinite}
@keyframes dpl{70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.dh .kick b{font-weight:600}
.dh .hl{margin:6px 0 0;width:min(860px,94vw);font:700 clamp(40px,5vw,76px)/1 'Inter Tight',var(--sans);letter-spacing:-.04em}
.dh .hl .sigsvg{display:block;width:100%;height:auto;max-height:clamp(110px,19vh,180px);overflow:visible;margin:0 auto}
.dh .hl path{fill:currentColor;stroke:#FCD535;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .9s}
:root[data-theme=light] .dh .hl path{stroke:#C99400}
.dh .hl path.ink{stroke:currentColor!important}

/* liquid glass presale bar */
.dh .dock{position:absolute;z-index:4;left:50%;bottom:68px;transform:translateX(-50%);width:min(820px,calc(100% - 32px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center;padding:14px 14px 14px 28px;border-radius:24px;isolation:isolate;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -12px 24px -12px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.25)}
.dh .dock::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(255,255,255,.12) 30%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.dh .dock::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(90% 140% at 0% 0%,rgba(255,255,255,.14),transparent 50%)}
.dh .dock .n small{display:block;font:500 12px var(--sans);color:rgba(234,236,239,.6)}
.dh .dock .n b{margin-top:2px;font:800 40px/1 'Inter Tight',var(--sans);letter-spacing:-.04em;display:flex;align-items:center;gap:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dh .dock .n b .bi{background:#FCD535;width:1em;height:1em;filter:drop-shadow(0 0 12px rgba(252,213,53,.45))}
.dh .dock .n b em{font:500 15px var(--sans);font-style:normal;color:rgba(234,236,239,.5);letter-spacing:0;align-self:flex-end;margin-bottom:4px}
.dh .dock .m{min-width:0}
.dh .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;font:500 12px var(--sans);color:rgba(234,236,239,.6);white-space:nowrap}
.dh .row b{color:#EAECEF;font:600 12px var(--mono);font-variant-numeric:tabular-nums}
.dh .dbtn{height:52px;padding:0 26px;border:0;border-radius:14px;background:#FCD535;color:#0B0E11;font:700 16px 'Inter Tight',var(--sans);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 20px rgba(240,185,11,.28);transition:transform .2s,background .2s}
.dh .dbtn:hover{background:#FFE14D;transform:translateY(-2px)}
/* 3D gold progress: raised rail, sunken groove, glossy striped fill, glitter */
.dh .gbar{position:relative;height:22px;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.35)}
.dh .gbar::before{content:"";position:absolute;inset:4px;border-radius:99px;background:rgba(0,0,0,.5);box-shadow:inset 0 2px 4px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.12)}
.dh .gbar i{position:absolute;left:4px;top:4px;bottom:4px;width:0;min-width:16px;border-radius:99px;overflow:hidden;background:linear-gradient(180deg,#FFF0A8 0%,#FCD535 30%,#F0B90B 62%,#A87400 100%);box-shadow:inset 0 -2px 3px rgba(110,60,0,.55),inset 0 1px 0 rgba(255,255,255,.8),0 0 16px rgba(252,213,53,.6)}
.dh .gbar i::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.32) 0 7px,transparent 7px 16px);animation:dstripe .8s linear infinite}
@keyframes dstripe{to{background-position:19.5px 0}}
.dh .gbar i::after{content:"";position:absolute;left:5px;right:5px;top:2px;height:3px;border-radius:9px;background:rgba(255,255,255,.85)}
.dh .gbar i s{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent) no-repeat;background-size:35% 100%;animation:dsheen 2.6s infinite}
@keyframes dsheen{from{background-position:-60% 0}to{background-position:180% 0}}
.dh .glit{position:absolute;left:-14px;top:-18px;width:calc(100% + 28px);height:calc(100% + 36px);pointer-events:none}
/* white */
:root[data-theme=light] .dh .dock{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));box-shadow:inset 0 1px 1px #fff,inset 0 -14px 28px -14px rgba(255,255,255,.9),0 24px 60px rgba(120,90,0,.14),0 2px 8px rgba(11,14,17,.05)}
:root[data-theme=light] .dh .dock::after{background:linear-gradient(135deg,#fff,rgba(255,255,255,.5) 35%,rgba(11,14,17,.06) 65%,rgba(255,255,255,.9))}
:root[data-theme=light] .dh .dock::before{background:radial-gradient(90% 140% at 0% 0%,rgba(255,255,255,.7),transparent 55%)}
:root[data-theme=light] .dh .dock .n small,:root[data-theme=light] .dh .row,:root[data-theme=light] .dh .dock .n b em{color:#707A8A}
:root[data-theme=light] .dh .row b{color:#0B0E11}
:root[data-theme=light] .dh .dock .n b .bi{background:#F0B90B}
:root[data-theme=light] .dh .dbtn{background:#0B0E11;color:#fff;box-shadow:0 6px 20px rgba(11,14,17,.18)}
:root[data-theme=light] .dh .dbtn:hover{background:#1E2329}
:root[data-theme=light] .dh .gbar{background:linear-gradient(180deg,#fff,rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(11,14,17,.08),0 8px 18px rgba(150,110,0,.18)}
:root[data-theme=light] .dh .gbar::before{background:rgba(11,14,17,.1);box-shadow:inset 0 2px 3px rgba(11,14,17,.18),0 1px 0 #fff}

/* gold ticker with the demo day switch */
.dh .tick{position:absolute;z-index:4;left:0;right:0;bottom:0;height:40px;display:flex;align-items:center;background:#000;box-shadow:0 -1px 0 rgba(240,185,11,.35)}
.dh .tkw{flex:1;min-width:0;overflow:hidden}
.dh #tk{display:flex;width:max-content;animation:dtk 40s linear infinite}
.dh #tk span{font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#C99400,#FFE680,#F0B90B);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:28px;padding-left:28px;white-space:nowrap}
.dh #tk span::after{content:"";width:16px;height:14px;background:url(../img/swallow-yellow.png) center/contain no-repeat}
@keyframes dtk{to{transform:translateX(-50%)}}
.dh .demo{display:flex;align-items:center;gap:4px;padding:0 10px;height:100%;background:#000;box-shadow:-20px 0 20px #000;font:600 10px var(--mono);letter-spacing:.12em;color:rgba(234,236,239,.5)}
.dh .demo span{margin-right:4px}
.dh .demo button{height:26px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#EAECEF;font:600 10px var(--mono);letter-spacing:.1em;cursor:pointer}
.dh .demo button.on{background:#FCD535;color:#0B0E11}
:root[data-theme=light] .dh .tick,:root[data-theme=light] .dh .demo{background:#F0B90B;box-shadow:none}
:root[data-theme=light] .dh .demo{color:rgba(11,14,17,.6)}
:root[data-theme=light] .dh .demo button{color:#0B0E11}
:root[data-theme=light] .dh .demo button.on{background:#0B0E11;color:#FCD535}
:root[data-theme=light] .dh #tk span{background:none;color:#0B0E11}
:root[data-theme=light] .dh #tk span::after{background-image:url(../img/swallow-ink.png)}

/* language menu */
.lng{position:relative}
.lng>button{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:600 12px var(--mono);cursor:pointer}
.lng ul{position:absolute;right:0;top:46px;margin:0;padding:6px;list-style:none;min-width:150px;border-radius:14px;background:var(--bg2);box-shadow:0 0 0 1px var(--line),0 20px 40px rgba(0,0,0,.35);display:none;z-index:60}
.lng.open ul{display:block}
.lng li button{width:100%;text-align:left;padding:9px 12px;border:0;border-radius:9px;background:none;color:var(--ink);font:500 14px var(--sans);cursor:pointer}
.lng li button:hover,.lng li button.on{background:color-mix(in srgb,var(--y) 16%,transparent);color:var(--yt)}

@media (max-width:760px){
  .dh .ttl{padding-bottom:290px}.dh .kick{font-size:10px;gap:8px}.dh .hl{font-size:38px}
  .dh .dock{grid-template-columns:1fr;gap:16px;padding:20px;bottom:56px;border-radius:26px}
  .dh .dock .n b{font-size:40px}
  .dh .dbtn{width:100%}
  .dh .demo span{display:none}
}
@media (prefers-reduced-motion:reduce){.dh #tk,.dh .gbar i::before,.dh .gbar i s{animation:none}}
#lim.bad{color:var(--down)!important}
/* v5: toasts sit under the nav on the right, clear of the presale bar and ticker */
.toasts{left:auto;right:20px;bottom:auto;top:84px}
.toast{bottom:auto;top:0}
@media (max-width:760px){.toasts{left:12px;right:12px;top:72px;bottom:auto}}
@media (max-width:480px){.nav .ca{display:none}.lng>button{padding:0 10px}}

/* ===== v5 header: a floating liquid-glass bar, readable on dark and light ===== */
.nav{top:12px;left:50%;right:auto;transform:translateX(-50%);width:min(1240px,calc(100% - 24px));height:60px;padding:0 10px 0 18px;gap:14px;border-radius:18px;isolation:isolate;color:#EAECEF;
  background:linear-gradient(180deg,rgba(30,32,38,.55),rgba(14,15,18,.42));-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 -10px 20px -10px rgba(255,255,255,.06),0 14px 40px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3);
  transition:background .35s,box-shadow .35s,width .45s var(--ease),top .45s var(--ease)}
.nav::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.08) 35%,rgba(255,255,255,.04) 65%,rgba(255,255,255,.28));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.nav.solid,.nav.onY.solid{background:linear-gradient(180deg,rgba(30,32,38,.78),rgba(14,15,18,.7));box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 14px 40px rgba(0,0,0,.45);width:min(1100px,calc(100% - 24px))}
.nav.onY{color:#EAECEF}
.nav.onY .brand .ink{display:none}.nav.onY .brand .yl{display:block}
.nav .brand{font:800 20px 'Inter Tight',var(--sans);letter-spacing:-.03em}
.nav .brand img{width:28px}
.nav .links{gap:2px;margin-left:10px}
.nav .links a{padding:8px 13px;border-radius:11px;font:600 14px 'Inter Tight',var(--sans);letter-spacing:0;text-transform:none;opacity:.78;transition:opacity .2s,background .2s}
.nav .links a:hover{opacity:1;background:rgba(255,255,255,.09)}
.nav .ca,.nav.onY .ca{height:36px;border:0;color:#EAECEF;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nav.onY .ca .sq{background:var(--y)}
.nav .lng>button{height:36px;border:0;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#EAECEF}
.nav .tsw,.nav.onY .tsw{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#EAECEF}
.nav .btn.k,.nav:not(.onY) .btn.k,.nav.onY .btn.k{height:40px;border-radius:12px;background:#FCD535;color:#0B0E11;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px rgba(240,185,11,.25)}
/* light: frosted white */
:root[data-theme=light] .nav,:root[data-theme=light] .nav.onY{color:#0B0E11;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.5));box-shadow:inset 0 1px 1px #fff,0 14px 40px rgba(120,90,0,.12),0 1px 3px rgba(11,14,17,.06)}
:root[data-theme=light] .nav.solid{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.76))}
:root[data-theme=light] .nav::after{background:linear-gradient(135deg,#fff,rgba(255,255,255,.4) 35%,rgba(11,14,17,.07) 65%,rgba(255,255,255,.9))}
:root[data-theme=light] .nav .brand .ink{display:block}:root[data-theme=light] .nav .brand .yl{display:none}
:root[data-theme=light] .nav .links a:hover{background:rgba(11,14,17,.06)}
:root[data-theme=light] .nav .ca,:root[data-theme=light] .nav .lng>button,:root[data-theme=light] .nav .tsw{color:#0B0E11;background:rgba(11,14,17,.05);box-shadow:inset 0 0 0 1px rgba(11,14,17,.07)}
:root[data-theme=light] .nav .btn.k{background:#0B0E11;color:#fff;box-shadow:0 6px 18px rgba(11,14,17,.16)}
@media (max-width:760px){.nav{top:8px;height:54px;width:calc(100% - 16px);padding:0 8px 0 14px;gap:8px;border-radius:16px}.nav.solid{width:calc(100% - 16px)}}

/* ===== v5 header, compact: a small floating glass pill that hugs its content ===== */
.nav,.nav.solid,.nav.onY.solid{width:auto;max-width:calc(100% - 24px);height:46px;top:14px;padding:0 5px 0 14px;gap:4px;border-radius:999px}
.nav .sp{display:none}
.nav .brand{font-size:16px;gap:7px;margin-right:6px}
.nav .brand img{width:21px}
.nav .links{margin-left:0;gap:0}
.nav .links a{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:500}
.nav .ca{height:32px;padding:0 11px;border-radius:999px;font-size:11px;margin-left:6px}
.nav .ca .lbx{display:none}
.nav .lng>button{height:32px;padding:0 10px;border-radius:999px;font-size:11px}
.nav .tsw,.nav.onY .tsw{width:32px;height:32px;border-radius:999px}
.nav .tsw svg{width:15px;height:15px}
.nav .btn.k,.nav:not(.onY) .btn.k,.nav.onY .btn.k{height:36px;padding:0 15px;border-radius:999px;font-size:13px;margin-left:4px}
.nav.solid{box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 10px 30px rgba(0,0,0,.45)}
.nav .lng ul{top:42px}
@media (max-width:760px){.nav,.nav.solid{top:10px;height:44px;width:auto;max-width:calc(100% - 16px);padding:0 4px 0 12px;gap:4px}}

/* liquid glass: real refraction where the browser can (glass.js sets --lq), pointer glint everywhere */
.lq{-webkit-backdrop-filter:var(--lq)!important;backdrop-filter:var(--lq)!important}
.nav.lq,.nav.lq.solid{background:linear-gradient(180deg,rgba(20,22,26,.42),rgba(8,9,11,.30))}
:root[data-theme=light] .nav.lq{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.28))}
.dh .dock.lq{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
:root[data-theme=light] .dh .dock.lq{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.2))}
.glint{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(180px circle at var(--gx,50%) var(--gy,0),rgba(255,255,255,.2),transparent 65%)}
.lit>.glint{opacity:1}
:root[data-theme=light] .glint{background:radial-gradient(180px circle at var(--gx,50%) var(--gy,0),rgba(255,255,255,.9),transparent 65%)}

/* ===== v5 toasts: small glass notifications at the top right, like a system banner. Hidden on phones ===== */
.toasts{left:auto;right:16px;top:14px;bottom:auto;width:290px}
.toast{top:0;bottom:auto;gap:11px;padding:9px 14px 9px 9px;border-radius:18px;isolation:isolate;overflow:hidden;color:#EAECEF;
  background:linear-gradient(180deg,rgba(34,36,42,.72),rgba(14,15,18,.62));-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.4)}
.toast img{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.toast>div{min-width:0}
.toast .a{font:600 13.5px 'Inter Tight',var(--sans);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast .b{font:500 11px var(--mono);color:rgba(234,236,239,.55);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast i{left:14px;bottom:4px;height:2px;border-radius:2px;max-width:calc(100% - 28px);background:linear-gradient(90deg,#F0B90B,#FFE680);opacity:.8}
:root[data-theme=light] .toast{color:#0B0E11;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.7));box-shadow:inset 0 1px 1px #fff,0 0 0 1px rgba(11,14,17,.06),0 16px 40px rgba(120,90,0,.14)}
:root[data-theme=light] .toast .b{color:#707A8A}
:root[data-theme=light] .toast img{background:rgba(11,14,17,.05)}
@media (max-width:760px){.toasts{display:none!important}}

/* ===== v5 phone presale bar: number and button on one row, the gold bar under, one quiet line ===== */
@media (max-width:760px){
  .dh .dock{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n b" "m m";gap:14px 12px;padding:16px 16px 14px 18px;bottom:54px;border-radius:24px;width:calc(100% - 24px)}
  .dh .dock .n{grid-area:n;min-width:0}
  .dh .dock .m{grid-area:m}
  .dh .dock .dbtn{grid-area:b;width:auto;height:46px;padding:0 18px;font-size:15px;border-radius:13px;align-self:center}
  .dh .dock .n small{font-size:11px}
  .dh .dock .n b{font-size:32px;gap:7px}
  .dh .dock .n b em{font-size:13px;margin-bottom:3px}
  .dh .gbar{height:18px}.dh .gbar::before{inset:3px}.dh .gbar i{left:3px;top:3px;bottom:3px}
  .dh .row{margin-top:9px;font-size:11.5px}
  .dh .row #hDayS{display:none}
  .dh .ttl{padding-bottom:236px}
}
/* phone: the first screen hugs its content instead of filling the whole viewport */
@media (max-width:760px){
  .hero.dh{min-height:0}
  .dh .ttl{flex:none;padding-top:292px;padding-bottom:226px}
}

/* header: no $FOM pill; phone gets a hamburger and a glass link sheet */
.nav .ca{display:none!important}
.hb{display:none;width:36px;height:36px;border:0;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer;position:relative;flex:none}
.hb i{position:absolute;left:11px;right:11px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.hb i:first-child{top:14px}.hb i:last-child{top:20px}
.nav.menu .hb i:first-child{top:17px;transform:rotate(45deg)}.nav.menu .hb i:last-child{top:17px;transform:rotate(-45deg)}
:root[data-theme=light] .hb{background:rgba(11,14,17,.05);box-shadow:inset 0 0 0 1px rgba(11,14,17,.07)}
.msheet{position:fixed;z-index:59;top:62px;left:50%;transform:translate(-50%,-8px) scale(.98);width:calc(100% - 16px);max-width:420px;padding:8px;border-radius:22px;display:grid;gap:2px;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease);
  color:#EAECEF;background:linear-gradient(180deg,rgba(30,32,38,.82),rgba(12,13,16,.76));-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.5)}
.msheet.open{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.msheet a{padding:14px 16px;border-radius:14px;font:600 17px 'Inter Tight',var(--sans);letter-spacing:-.01em}
.msheet a:active,.msheet a:hover{background:rgba(255,255,255,.08)}
:root[data-theme=light] .msheet{color:#0B0E11;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));box-shadow:inset 0 1px 1px #fff,0 0 0 1px rgba(11,14,17,.06),0 24px 60px rgba(120,90,0,.16)}
:root[data-theme=light] .msheet a:hover{background:rgba(11,14,17,.05)}
@media (max-width:760px){.hb{display:block}.nav .links{display:none}}
@media (min-width:761px){.msheet{display:none}}
@media (min-width:761px){.nav .links{display:flex}}
@media (max-width:1400px){.toasts{top:70px}}
@media (max-width:760px){.dh .ttl{padding-top:340px}}