@font-face{font-family:'Orbitron';src:url(assets/fonts/orbitron-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Orbitron';src:url(assets/fonts/orbitron-latin-900-normal.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Exo 2';src:url(assets/fonts/exo-2-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Exo 2';src:url(assets/fonts/exo-2-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(assets/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--bg:#01040b;--bg2:#030a18;--bg3:#061531;--chrome:#fff;--ice:#d8f0ff;--steel:#90c0f0;--blue:#0090f0;--cyan:#00c0f0;--deep:#0048d8;--orange:#ff9a3c;--text:#dbe9ff;--muted:#93aed3;--up:#3ff2c4;
--line:rgba(120,180,255,.18);--line2:rgba(120,180,255,.32);--panel:linear-gradient(180deg,rgba(8,22,50,.9),rgba(3,10,24,.92));--glow:0 0 0 1px rgba(0,144,240,.35),0 0 28px rgba(0,144,240,.28);
--r:18px;--wrap:1240px;--fd:'Orbitron',system-ui,sans-serif;--fb:'Exo 2',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html,body{overflow-x:clip;max-width:100%}
html{background:var(--bg);scroll-behavior:smooth}
html.lenis{scroll-behavior:auto}
body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#062454 0,transparent 60%),var(--bg);color:var(--text);font-family:var(--fb);font-size:17px;line-height:1.6;padding-bottom:0}
img{max-width:100%;height:auto;display:block}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.fill{fill:currentColor;stroke:none}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 12px;border-radius:8px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* background fx */
#rain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.75}
.blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.blobs i{position:absolute;width:42vmax;height:42vmax;border-radius:50%;filter:blur(90px);opacity:.28;animation:drift 26s ease-in-out infinite alternate}
.blobs i:nth-child(1){background:#0048d8;left:-10%;top:10%}
.blobs i:nth-child(2){background:#ff7a1a;right:-15%;top:40%;opacity:.14;animation-duration:32s}
.blobs i:nth-child(3){background:#00c0f0;left:30%;bottom:-20%;opacity:.16;animation-duration:38s}
@keyframes drift{to{transform:translate(8vw,-6vh) scale(1.15)}}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:2;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(4) infinite}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}
main,footer{position:relative;z-index:3}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(1,4,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#03122e,#061a40,#03122e);font:12px/1 var(--fm);letter-spacing:.12em;color:var(--steel);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.ticker span{padding:9px 22px;border-right:1px solid var(--line);white-space:nowrap}
.ticker b{color:#fff;font-weight:400}.ticker b.up{color:var(--up)}
@keyframes mq{to{transform:translateX(-50%)}}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{border-radius:10px;box-shadow:var(--glow)}
.brand-t{font:900 15px/1 var(--fd);letter-spacing:.04em;background:linear-gradient(180deg,#fff,#9fd4ff 55%,#3b8cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(0,144,240,.55))}
.links{display:flex;gap:26px;list-style:none;margin:0;padding:0;font:700 13px var(--fd);letter-spacing:.1em;text-transform:uppercase}
.links a{text-decoration:none;color:var(--ice);opacity:.85}.links a:hover{opacity:1;color:#fff;text-shadow:0 0 12px var(--blue)}
.nav-cta{display:flex;gap:10px}
@media(max-width:960px){.links{display:none}}
@media(max-width:560px){.nav-cta .btn-ghost{display:none}.brand-t{font-size:12px}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font:700 14px var(--fd);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--line2);transition:transform .2s,box-shadow .2s,background .2s}
.btn-sm{min-height:40px;padding:0 16px;font-size:12px}
.btn-chrome{color:#04204f;background:linear-gradient(180deg,#fff 0,#e6f3ff 35%,#9fcfff 50%,#e9f5ff 70%,#fff 100%);border-color:#bfe2ff;box-shadow:0 0 0 1px rgba(0,144,240,.5),0 0 26px rgba(0,144,240,.45),inset 0 -2px 0 rgba(0,72,216,.25)}
.btn-chrome:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #6cc0ff,0 0 40px rgba(0,168,240,.7)}
.btn-ghost{color:var(--ice);background:rgba(6,21,49,.7)}
.btn-ghost:hover{border-color:var(--blue);box-shadow:var(--glow);color:#fff}
.btn.is-copied{border-color:var(--up);color:var(--up)}
/* type */
.kicker{display:inline-flex;align-items:center;gap:8px;font:12px var(--fm);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.chrome{font-family:var(--fd);font-weight:900;letter-spacing:.02em;line-height:1.08;margin:.3em 0;background:linear-gradient(180deg,#fff 0,#eaf6ff 40%,#8cc4ff 52%,#dff0ff 70%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(0,144,240,.45))}
h2.chrome{font-size:clamp(30px,5vw,58px)}
h3{font:700 20px var(--fd);letter-spacing:.04em;color:#fff;margin:.4em 0}
p{color:var(--muted)}
.lead{font-size:clamp(18px,2vw,22px);color:var(--text)}
.section{padding:clamp(64px,10vw,120px) 0}
.section-head{text-align:center;max-width:820px;margin:0 auto 44px}
.center{text-align:center;margin-top:36px}
.grad{background:linear-gradient(90deg,#7cc8ff,#fff,#4aa8ff,#ffb46b,#7cc8ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 6s linear infinite;filter:drop-shadow(0 0 12px rgba(0,144,240,.6))}
@keyframes sh{to{background-position:300% 0}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);position:relative}
.hud::before,.hud::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--cyan);opacity:.7}
.hud::before{top:8px;left:8px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.hud::after{bottom:8px;right:8px;border-left:0;border-top:0;border-radius:0 0 6px 0}
/* hero */
.hero{position:relative;overflow:hidden}
.hero-pin{position:relative;padding:44px 0 56px;min-height:calc(100vh - 100px)}
.hero-inner{text-align:center;position:relative;z-index:2}
.outline-word{position:absolute;top:44%;left:0;white-space:nowrap;font:900 clamp(80px,16vw,240px)/1 var(--fd);color:transparent;-webkit-text-stroke:1px rgba(120,190,255,.16);z-index:0;pointer-events:none;user-select:none}
.pill-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:9px 20px;border:1px solid var(--line2);border-radius:999px;background:rgba(6,21,49,.6);font:12px var(--fm);letter-spacing:.18em;color:var(--ice);box-shadow:0 0 22px rgba(0,144,240,.18)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.hero-frame{position:relative;max-width:820px;margin:0 auto;aspect-ratio:1024/341;border-radius:22px;overflow:hidden;border:2px solid #0b2c66;box-shadow:0 0 0 1px rgba(0,144,240,.5),0 0 60px rgba(0,144,240,.35),0 30px 80px rgba(0,0,0,.6);background:#000}
.layer{position:absolute;inset:0;will-change:transform}
.layer img{width:100%;height:100%;object-fit:cover}
.l-base img{animation:pan 22s ease-in-out infinite alternate}
@keyframes pan{from{transform:scale(1.02)}to{transform:scale(1.1) translateX(-1.5%)}}
.l-streaks{mix-blend-mode:screen;opacity:.8}
.l-text{mix-blend-mode:screen}
.l-text img{position:absolute;left:29.3%;top:20.5%;width:47.85%;height:auto}
.streak{position:absolute;height:2px;width:40%;left:-40%;border-radius:2px;background:linear-gradient(90deg,transparent,#8fd0ff,#fff,transparent);filter:drop-shadow(0 0 6px #4ab0ff);animation:zip 4.5s linear infinite}
.s1{top:22%}.s2{top:68%;animation-delay:1.6s;animation-duration:6s;background:linear-gradient(90deg,transparent,#ffb46b,#fff,transparent)}.s3{top:86%;animation-delay:3s;animation-duration:3.6s}
@keyframes zip{to{left:110%}}
.hud-line{position:absolute;left:12%;right:12%;height:3px;z-index:3;background:linear-gradient(90deg,transparent,#8fd0ff,transparent);box-shadow:0 0 14px #3aa0ff}
.hud-line.t{top:0}.hud-line.b{bottom:0}
.hero-title{font:900 clamp(22px,3.2vw,36px)/1.25 var(--fd);color:#fff;margin:28px auto 6px;max-width:900px}
.split-words{display:inline}
.type{font:15px var(--fm);color:var(--ice);margin:6px 0 22px}
.caret{display:inline-block;width:9px;height:16px;background:var(--cyan);vertical-align:-2px;animation:pulse 1s steps(1) infinite}
.ca-bar{display:flex;align-items:stretch;max-width:600px;margin:0 auto 20px;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:rgba(3,10,24,.9);box-shadow:var(--glow)}
.ca-tag{display:flex;align-items:center;padding:0 16px;font:700 12px var(--fd);letter-spacing:.1em;color:#04204f;background:linear-gradient(180deg,#fff,#cfe8ff)}
.ca-text{flex:1;min-width:0;display:flex;align-items:center;padding:14px 16px;font:14px var(--fm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.shimmer{background:linear-gradient(90deg,#9fd4ff 0,#fff 20%,#ffb46b 40%,#9fd4ff 60%,#fff 80%,#9fd4ff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 5s linear infinite}
.ca-copy{display:flex;align-items:center;gap:8px;border:0;padding:0 20px;font:700 13px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#00a8f0,#0060e0);cursor:pointer;min-height:50px}
.ca-copy.is-copied{background:linear-gradient(180deg,#22d3a0,#0a9a72)}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.scam{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;margin-top:18px}
.scam svg{color:var(--orange)}
@media(max-width:640px){
 .hero-pin{padding:24px 0 36px;min-height:0}
 .pill-kicker{font-size:10px;letter-spacing:.1em;padding:8px 14px}
 .hero-title{margin-top:16px;font-size:20px}
 .type{margin-bottom:14px}
 .ca-bar{flex-direction:column}.ca-tag{justify-content:center;padding:6px}.ca-text{justify-content:center;padding:12px}
 .ca-copy{justify-content:center;min-height:46px}
 .hero-cta .btn{width:100%}
 .hero-cta .btn:nth-child(n+3){display:none}
}
/* bento */
.bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}
.bento .panel{padding:28px;overflow:visible}
.b-logo{grid-row:span 2;padding-top:150px!important;margin-top:60px}
.b-logo .break{position:absolute;width:210px;top:-70px;left:50%;transform:translateX(-50%) rotate(-6deg);border-radius:24px;box-shadow:0 0 50px rgba(0,144,240,.55),0 20px 40px #000}
.bubble{position:absolute;top:-30px;right:-6px;max-width:190px;padding:12px 14px;background:#fff;color:#04204f;border-radius:16px;font:600 14px/1.3 var(--fb);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.bubble::after{content:"";position:absolute;bottom:-10px;left:26px;border:10px solid transparent;border-top-color:#fff;border-bottom:0}
.vpill{position:absolute;left:16px;top:50%;display:flex;flex-direction:column;gap:6px}
.vpill span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line2);font:900 13px var(--fd);color:var(--ice);background:rgba(0,72,216,.25)}
.b-logo h3,.b-logo p{padding-left:30px}
.b-stat{display:flex;flex-direction:column;justify-content:center;gap:4px}
.big{font:900 clamp(34px,4vw,54px)/1 var(--fd);background:linear-gradient(180deg,#fff,#8cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.b-stat small{color:var(--muted)}
.b-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.b-wide img{border-radius:12px;border:1px solid var(--line)}
@media(max-width:860px){.bento{grid-template-columns:1fr 1fr}.b-logo{grid-column:span 2;grid-row:auto}.b-wide{grid-column:span 2;grid-template-columns:1fr}}
@media(max-width:480px){.bubble{right:0;top:-40px;max-width:150px;font-size:12px}.b-logo .break{width:160px;left:38%}}
/* ribbon */
.ribbon{position:relative;z-index:3;transform:rotate(-2deg);margin:20px -20px;background:linear-gradient(90deg,#0048d8,#00a8f0,#0048d8);border-block:2px solid #9fd4ff;box-shadow:0 0 40px rgba(0,144,240,.5);overflow:hidden}
.ribbon-track{display:flex;align-items:center;gap:28px;width:max-content;padding:12px 0;animation:mq 30s linear infinite}
.ribbon span{font:900 22px var(--fd);color:#fff;white-space:nowrap;letter-spacing:.06em}
.ribbon img{width:34px;height:34px;border-radius:8px}
/* about */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.pair{position:relative;margin:10px 0}
.outline-t,.outline-xl{display:block;display:block;font:900 clamp(44px,8vw,110px)/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px rgba(160,210,255,.4);text-decoration:line-through;text-decoration-color:var(--orange)}
.pair h2{font-size:clamp(54px,9vw,120px)!important;margin:-.2em 0 0}
.facts{list-style:none;padding:0;display:grid;gap:10px}
.facts li{display:flex;gap:10px;align-items:center;color:var(--text)}
.facts svg{color:var(--up)}
.about-art img{border-radius:24px;border:1px solid var(--line2);box-shadow:0 0 70px rgba(0,144,240,.35)}
.about-art{margin:0}
@media(max-width:860px){.about{grid-template-columns:1fr}}
/* meter */
.meter-scene{position:relative;z-index:3;padding:40px 0}
.meter-pin{min-height:100vh;display:flex;align-items:center}
.meter-pin>.wrap{width:100%}
.meter{padding:clamp(22px,4vw,44px);overflow:hidden}
.meter-top{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.meter-now{text-align:right}
.meter-now b{display:block;font:900 clamp(28px,4vw,44px) var(--fd);color:#fff;text-shadow:0 0 20px var(--blue)}
.meter-now small{font:13px var(--fm);letter-spacing:.2em;color:var(--orange)}
.meter-track{position:relative;height:26px;margin:28px 0 40px;border-radius:999px;background:#020a1c;border:1px solid var(--line2)}
.meter-fill{position:absolute;inset:3px auto 3px 3px;width:4%;border-radius:999px;background:linear-gradient(90deg,#0048d8,#00c0f0,#fff,#ffb46b);box-shadow:0 0 24px #00a8f0}
.meter-marks{position:absolute;left:0;right:0;top:34px;display:flex;justify-content:space-between;font:11px var(--fm);letter-spacing:.14em;color:var(--muted)}
.console{border:1px solid var(--line2);border-radius:14px;background:#010714;overflow:hidden;position:relative;z-index:1;max-width:720px}
.console-bar{display:flex;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font:12px var(--fm);color:var(--muted)}
.console-bar .status{margin-left:auto;color:var(--up)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#1d3b6c}
.boot{margin:0;padding:16px 18px 18px 40px;font:14px/1.9 var(--fm);color:var(--ice)}
.boot b{color:var(--up);font-weight:400}
.boot li:last-child{color:#fff;text-shadow:0 0 12px var(--blue)}
.meter-core{position:absolute;right:4%;bottom:6%;width:min(30%,260px);border-radius:50%;opacity:.85;box-shadow:0 0 80px rgba(0,144,240,.6)}
@media(max-width:760px){.meter-core{position:relative;right:auto;bottom:auto;margin:20px auto 0;width:140px}.meter-pin{min-height:0}.meter-marks span:nth-child(even){visibility:hidden}}
/* gallery */
.gallery-sec{position:relative;z-index:3;padding:clamp(64px,10vw,120px) 0}
.gal-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:0 clamp(16px,4vw,48px);max-width:var(--wrap);margin:0 auto}
.gcard{position:relative;padding:0;border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:#000;cursor:zoom-in;aspect-ratio:1/1}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gcard:hover img{transform:scale(1.07)}
.gcard span{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:8px;background:rgba(1,4,11,.75);font:12px var(--fm);letter-spacing:.14em;color:var(--ice)}
.js .gal-h .gal-track{display:flex;width:max-content;max-width:none;flex-wrap:nowrap}
.js .gal-h .gcard{width:min(36vw,440px);flex:none}
.gal-h .gal-pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
/* tokenomics */
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.tpill{display:flex;align-items:center;gap:14px;padding:14px 26px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);box-shadow:var(--glow)}
.tpill small{font:12px var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.tpill b{font:900 20px var(--fd);color:#fff}
/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{padding:30px 24px}
.step .n{font:12px var(--fm);color:var(--cyan);letter-spacing:.2em}
.step svg{width:44px;height:44px;margin:14px 0 6px;color:#fff;padding:10px;border-radius:12px;background:linear-gradient(180deg,#0060e0,#002a78);box-shadow:var(--glow);stroke-width:1.8}
.step p{font-size:15px}
@media(max-width:960px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
/* chart */
.chart-box{height:min(70vh,620px);min-height:420px;overflow:hidden}
.chart-box iframe{width:100%;height:100%;border:0;border-radius:var(--r)}
.chart-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(120,180,255,.06) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(120,180,255,.06) 39px 40px)}
.chart-overlay>svg{width:54px;height:54px;color:var(--cyan)}
/* join */
.join{position:relative;z-index:3;min-height:80vh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:100px 0}
.join-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transform:scale(1.2)}
.join::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(1,4,11,.3),var(--bg) 85%)}
.join-inner{position:relative;z-index:1}
.outline-xl{text-decoration:none;font-size:clamp(70px,16vw,220px);text-decoration:none;-webkit-text-stroke:2px rgba(200,230,255,.35)}
.join h2{margin-top:-.6em!important}
.socials{display:flex;gap:18px;justify-content:center;margin-top:26px}
.soc{position:relative;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(6,21,49,.85);box-shadow:var(--glow);transition:transform .2s}
.soc svg{width:28px;height:28px;color:#fff}
.soc:hover{transform:translateY(-4px)}
.soc .soon{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font:11px var(--fm);letter-spacing:.14em;color:var(--muted)}
.soc.is-disabled{opacity:.5;cursor:not-allowed}
.soc:not(.is-disabled) .soon{display:none}
/* footer */
.foot{border-top:1px solid var(--line);padding:48px 0 120px;background:#010309}
.foot-brand{display:flex;align-items:center;gap:12px;font:900 14px var(--fd);letter-spacing:.1em}
.foot-brand img{border-radius:10px}
.disc{font-size:14px;max-width:880px}.copy{font:12px var(--fm);color:#5f7aa6}
@media(min-width:768px){.foot{padding-bottom:48px}}
/* mobile bar */
.mbar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:none;gap:10px;padding:8px;border-radius:16px;background:rgba(1,4,11,.88);backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:0 10px 40px #000}
.mbar .btn{flex:1}
@media(max-width:767px){.mbar{display:flex}}
/* toast & lightbox */
.toast{position:fixed;left:50%;top:110px;transform:translate(-50%,-20px);z-index:80;padding:12px 20px;border-radius:12px;background:#04204f;border:1px solid var(--up);color:#fff;font:14px var(--fm);opacity:0;pointer-events:none;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.lightbox{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(1,4,11,.94);padding:60px 16px}
.lightbox[hidden]{display:none}
.lightbox img{max-height:84vh;max-width:min(92vw,1100px);border-radius:16px;box-shadow:0 0 60px rgba(0,144,240,.4)}
.lightbox button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);background:rgba(6,21,49,.9);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-close{top:16px;right:16px}.lb-prev{left:12px}.lb-next{right:12px}
/* reveals (only when JS + gsap ready) */
.anim .rv{opacity:0;transform:translateY(28px)}
.anim .clip-reveal{clip-path:inset(0 0 100% 0)}
.split .ch,.words .w{display:inline-block}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#rain{display:none}html{scroll-behavior:auto}}
.chrome .ch,.chrome .wd{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
.wd{display:inline-block;white-space:nowrap}