:root{
  --bg:#050705;
  --bg-2:#0a100c;
  --bg-3:#101810;
  --ink:#eef6ee;
  --ink-2:#b7c4b7;
  --muted:#7a8a7a;
  --nv:#76b900;
  --nv-2:#9ae62a;
  --nv-3:#c8ff5a;
  --lime:#b6ff3b;
  --silver:#c9d0d4;
  --steel:#8b949a;
  --line:#1c2a1c;
  --display:'Oswald',sans-serif;
  --tech:'Orbitron',sans-serif;
  --body:'DM Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --mx:0px;
  --my:0px;
  --rack:0;
  --spin:0deg;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:clip}
body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--body);overflow-x:clip;line-height:1.55}
body:before{content:'';pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.07;background:repeating-linear-gradient(180deg,transparent 0 2px,#0008 3px);mix-blend-mode:multiply}
body:after{content:'';pointer-events:none;position:fixed;inset:0;z-index:91;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--nv);outline-offset:4px}
img{max-width:100%;display:block}
svg{width:18px;height:18px;fill:currentColor;flex:none}
h1,h2,h3,p,ul,ol,pre{margin:0}
h1,h2,h3{font-weight:700;line-height:.92;text-transform:uppercase}
h1,h2{font-family:var(--display);letter-spacing:.04em}
h2{font-size:clamp(36px,6vw,78px)}
h2 em{font:inherit;color:var(--nv-2);font-style:normal}
h3{font-family:var(--display);font-size:clamp(26px,3.4vw,40px);letter-spacing:.03em}
.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--nv-2);font-family:var(--display)}
.lede{color:var(--ink-2);max-width:58ch;margin:14px 0 0;font-size:16px}
.lede a{color:var(--nv-2);text-decoration:underline;text-underline-offset:3px}
.section-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.skip{position:fixed;top:-90px;left:16px;background:var(--nv);color:#041204;padding:16px 20px;z-index:400;font-weight:700}
.skip:focus{top:16px}

/* Loader — GPU POST */
.loader{position:fixed;inset:0;z-index:300;background:#030503;display:grid;place-items:center;cursor:pointer;transition:opacity .7s ease,visibility .7s;overflow:hidden}
.loader.out{opacity:0;visibility:hidden;pointer-events:none}
.loader-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 42%,#76b90033 50%,transparent 58%);animation:scan-sweep 1.6s linear infinite;pointer-events:none}
.loader-grid{position:absolute;inset:-10%;background:
  linear-gradient(#76b90014 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,#76b90014 1px,transparent 1px) 0 0/32px 32px,
  radial-gradient(circle at 50% 40%,#76b90033,transparent 55%);
  animation:grid-shift 8s linear infinite;pointer-events:none}
.loader-board{position:relative;z-index:1;text-align:center;width:min(520px,calc(100% - 40px));padding:28px 18px;border:1px solid #76b90055;background:#050805ee;box-shadow:0 0 0 1px #76b90022,0 0 80px #76b90033;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.loader-coin{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;filter:drop-shadow(0 0 18px #76b900aa);animation:coin-boot 1.4s ease both,coin-spin 10s 1s linear infinite}
.loader-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--nv-2);margin-bottom:14px}
.loader-log{font-family:var(--mono);font-size:clamp(9px,2.8vw,11px);line-height:1.7;color:#9ae62a;text-align:left;white-space:pre;overflow:hidden;max-height:0;animation:log-reveal 1.6s .25s steps(6,end) forwards;margin:0 auto 16px;width:fit-content;max-width:100%}
.loader-title{font-family:var(--tech);font-weight:900;font-size:clamp(36px,10vw,64px);letter-spacing:.08em;color:var(--nv-3);text-shadow:0 0 24px #76b900aa;animation:title-in .6s 1.6s both}
.loader-skip{margin-top:14px;font-size:10px;letter-spacing:.28em;color:var(--muted);font-family:var(--mono)}

/* Cursor + sparks */
.cursor{position:fixed;top:0;left:0;width:44px;height:44px;pointer-events:none;z-index:250;opacity:0;transition:opacity .2s;will-change:transform}
.cursor img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px #76b90088)}
body.has-cursor,body.has-cursor *{cursor:none}
#sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}

/* Toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0c140c;color:var(--ink);border:1px solid var(--nv);padding:14px 22px;font-size:13px;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;z-index:280;box-shadow:0 10px 40px #000a,0 0 0 1px #76b90044;transition:opacity .25s,transform .25s;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Nav */
.nav{height:76px;padding:8px 4%;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:60;background:transparent;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
.nav.solid{background:#050705f2;border-bottom-color:#76b90033;backdrop-filter:blur(14px)}
.brand{display:flex;gap:10px;align-items:center;font-family:var(--tech);font-weight:700;font-size:18px;letter-spacing:.08em;line-height:1;min-width:0}
.brand img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2px var(--nv),0 0 16px #76b90066;flex:none}
.brand-small{display:block;font-family:var(--mono);font-weight:500;font-size:8px;letter-spacing:.18em;margin-top:5px;color:var(--ink-2)}
.nav nav{display:none;gap:22px;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.16em}
.nav nav a{position:relative;padding:8px 0}
.nav nav a:after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:2px;background:var(--nv);transition:.25s}
.nav nav a:hover:after{right:0}
.nav-actions{display:flex;gap:8px;align-items:center;flex:none}
.nav-copy{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.16em;min-height:44px;min-width:44px;color:var(--silver)}
.x-icon{padding:10px;display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--ink)}
.btn-short{display:inline}
.btn-full{display:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;min-height:52px;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;position:relative;isolation:isolate;transition:transform .2s,box-shadow .2s,filter .2s}
.btn.plate{color:#041204;background:linear-gradient(180deg,#f2f5f2 0%,#c5ccc5 38%,#8b949a 100%);border:1px solid #e8eee8;box-shadow:0 1px 0 #fff inset, 4px 5px 0 #0a1208, 0 0 20px #76b90033;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);overflow:hidden}
.btn.plate:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none;animation:sweep 3.2s ease-out infinite}
.btn.plate:hover{transform:translateY(-4px);filter:brightness(1.06);box-shadow:0 1px 0 #fff inset, 6px 8px 0 #0a1208, 0 0 28px #76b90066}
.btn.plate:active{transform:translate(3px,3px);box-shadow:0 1px 0 #fff inset, 1px 1px 0 #0a1208}
.btn.hex{background:#0c140c;color:var(--nv-3);border:1px solid var(--nv);box-shadow:4px 5px 0 #020402, 0 0 16px #76b90033;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);padding-left:26px;padding-right:26px}
.btn.hex:hover{transform:translateY(-4px);box-shadow:6px 8px 0 #020402, 0 0 24px #76b90066}
.btn.coin-edge{border-radius:999px;border:2px dashed var(--silver);background:#111811;color:var(--silver);box-shadow:0 0 0 3px #050705,0 0 0 5px #5d6560, 0 0 16px #76b90022}
.btn.coin-edge:hover{transform:translateY(-3px);color:var(--nv-3);border-color:var(--nv-2)}
.btn.small{padding:10px 16px;min-height:44px;font-size:12px}

/* Hero */
.hero{position:relative;isolation:isolate;min-height:100vh;padding:8px 0 28px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-3}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:translate3d(calc(var(--mx)*-.35),calc(var(--my)*-.35),0) scale(1.08);filter:saturate(1.1) contrast(1.05) brightness(.7)}
.circuits{position:absolute;inset:-15%;background:
  repeating-linear-gradient(90deg,transparent 0 46px,#76b90022 47px,#76b90022 48px,transparent 49px 92px),
  repeating-linear-gradient(0deg,transparent 0 46px,#76b9001a 47px,#76b9001a 48px,transparent 49px 92px);
  mask-image:radial-gradient(circle at 70% 40%,#000 20%,transparent 75%);
  animation:grid-shift 28s linear infinite;pointer-events:none;transform:translate3d(var(--mx),var(--my),0)}
.hero-veil{position:absolute;inset:0;background:
  linear-gradient(180deg,#050705e6 0%,#05070588 22%,#05070533 50%,#050705cc 82%,#050705 100%),
  linear-gradient(90deg,#050705ee 0 8%,#05070566 42%,#05070522 70%,#05070599 100%)}
.hero-inner{width:min(1240px,calc(100% - 32px));margin:auto;display:flex;flex-direction:column-reverse;gap:14px;align-items:center;position:relative;padding:4px 0 16px}
.hero-copy{position:relative;z-index:5;min-width:0;width:100%}
.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}
.hero-copy .eyebrow i{width:28px;height:2px;background:var(--nv);box-shadow:0 0 8px var(--nv);display:block}
.kicker-line{display:block;font-family:var(--display);font-weight:600;font-size:clamp(13px,2.4vw,18px);letter-spacing:.22em;color:var(--silver);margin:10px 0 8px}
.wordmark{display:block;font-family:var(--tech);font-weight:900;font-size:clamp(48px,16vw,100px);letter-spacing:.01em;line-height:.9;background:linear-gradient(180deg,#f4fff0 0%,#c8ff5a 30%,#76b900 68%,#c9d0d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px #76b90055);animation:word-glow 4.5s ease-in-out infinite}
.tagline{margin-top:14px;font-family:var(--display);font-weight:600;font-size:clamp(18px,3vw,28px);letter-spacing:.12em;color:var(--nv-3);text-transform:uppercase}
.hero-description{margin-top:10px;color:var(--ink-2);max-width:54ch;font-size:15px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.ca-panel{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;background:#0c140ccc;border:1px solid #76b90044;min-width:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.ca-panel .micro{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:6px}
.ca-panel code{display:block;font-family:var(--mono);font-size:13px;color:var(--nv-3);word-break:break-all;min-width:0}
.ca-panel > div{min-width:0;flex:1}
.anti-scam{margin-top:10px;font-size:12px;color:var(--muted)}

.hero-art{position:relative;width:min(300px,70vw);aspect-ratio:1;flex:none;margin-inline:auto}
.coin-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.coin-3d{width:100%;height:100%;perspective:1200px;filter:drop-shadow(0 24px 40px #000c) drop-shadow(0 0 28px #76b90066);animation:coin-float 6.5s ease-in-out infinite}
.coin-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:coin-spin 16s linear infinite}
.face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%}
.face.back{transform:rotateY(180deg)}
.coin-3d.mini{width:min(220px,50vw);height:auto;aspect-ratio:1;animation:none}
.coin-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.float-gpu,.float-die,.float-tq{position:absolute;pointer-events:none;z-index:2}
.float-gpu{width:38%;left:-12%;bottom:2%;animation:bob 7s ease-in-out infinite;filter:drop-shadow(0 12px 18px #000a)}
.float-die{width:24%;right:-8%;top:8%;animation:bob 5.5s 0.6s ease-in-out infinite}
.float-tq{width:30%;right:-6%;bottom:0;opacity:.35;z-index:0;animation:bob 8s 1s ease-in-out infinite;filter:blur(.2px)}

/* Ticker */
.ticker{overflow:hidden;border-block:1px solid #76b90033;background:#0a100c;padding:10px 0}
.ticker-track{display:flex;gap:36px;width:max-content;animation:marquee 42s linear infinite;font-family:var(--tech);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--nv-2);text-transform:uppercase}
.ticker-track span{white-space:nowrap}
.ticker-track span:after{content:'◆';margin-left:36px;color:var(--steel);font-size:8px}

/* Eras / chapters */
.eras{padding:72px 0 20px;position:relative}
.eras .lede{margin-bottom:10px}
.chapter{display:grid;gap:20px;margin:56px 0;min-width:0}
.chapter-media{min-width:0;overflow:hidden;border:1px solid #76b90033;background:#0a100c;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.chapter-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transform:scale(1.02);transition:transform .6s}
.chapter-media:hover img{transform:scale(1.06)}
.chapter-copy{min-width:0}
.era{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--nv);margin-bottom:8px}
.chapter-copy p+p{margin-top:12px;color:var(--ink-2)}
.chapter-copy p:first-of-type{color:var(--ink)}

/* Signature rack */
.signature{height:220vh;position:relative;background:linear-gradient(180deg,#050705, #071007 40%, #050705)}
.signature-sticky{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;display:grid;align-items:center}
.sig-layout{display:grid;gap:18px;min-width:0}
.sig-copy{min-width:0;position:relative;z-index:2}
.sig-copy p:not(.eyebrow){color:var(--ink-2);max-width:46ch;margin-top:12px}
.rack-stage{position:relative;height:min(48vh,360px);min-width:0}
.rack-frame{position:absolute;inset:0;border:1px solid #76b90044;background:
  linear-gradient(180deg,#0a120aee,#050705cc),
  repeating-linear-gradient(180deg,transparent 0 26px,#76b90014 27px);
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);overflow:hidden}
.rack-slot{position:absolute;width:42%;z-index:2;filter:drop-shadow(0 10px 16px #000a)}
.rack-slot img{width:100%;height:auto}
.s1{top:12%;left:6%;transform:translate3d(calc((1 - var(--rack)) * -42%), calc((1 - var(--rack)) * 10%), 0) rotate(calc(-12deg * (1 - var(--rack))))}
.s2{top:18%;right:6%;left:auto;transform:translate3d(calc((1 - var(--rack)) * 42%), calc((1 - var(--rack)) * -8%), 0) rotate(calc(10deg * (1 - var(--rack))))}
.s3{bottom:6%;left:28%;width:44%;transform:translate3d(0, calc((1 - var(--rack)) * 40%), 0)}
.rack-cables{position:absolute;inset:12% 8%;z-index:1;opacity:var(--rack);background:
  repeating-linear-gradient(95deg,transparent 0 18px,#76b900 19px,#9ae62a 21px,transparent 22px 38px);
  filter:blur(.4px);mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent);transform:scaleX(var(--rack));transform-origin:left center}
.rack-coin{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotateY(var(--spin));filter:brightness(calc(.62 + var(--rack) * .7)) drop-shadow(0 0 calc(8px + var(--rack) * 28px) #76b900cc)}
.rack-coin .coin-inner{animation:none;transform:none}

/* How to buy */
.howto{padding:80px 0;background:radial-gradient(1200px 400px at 50% 0,#76b90014,transparent)}
.steps{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.steps li{padding:22px 18px;background:#0c140c;border:1px solid #76b90033;min-width:0;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.step-n{font-family:var(--tech);font-weight:700;color:var(--nv);font-size:13px;letter-spacing:.16em}
.steps h3{margin:8px 0}
.steps p{color:var(--ink-2);font-size:15px;margin-bottom:12px}
.steps .btn{margin-top:4px}

/* Tokenomics */
.token{padding:20px 0 80px}
.stats{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.stats li{padding:22px 18px;background:linear-gradient(180deg,#101a10,#0a100c);border:1px solid #76b90044;min-width:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 20%,100% 80%,calc(100% - 16px) 100%,16px 100%,0 80%,0 20%)}
.stats span{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--nv-2)}
.stats strong{display:block;font-family:var(--tech);font-weight:700;font-size:clamp(28px,5vw,42px);color:var(--ink);margin:8px 0;letter-spacing:.04em}
.stats p{color:var(--ink-2);font-size:14px}

/* Gallery */
.gallery{padding:20px 0 80px}
.collage{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile{padding:0;overflow:hidden;background:#0a100c;border:1px solid #76b90022;min-width:0;min-height:0;cursor:pointer}
.tile img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;display:block;transition:transform .5s,filter .5s}
.tile:hover img{transform:scale(1.06);filter:brightness(1.08) saturate(1.1)}
.t-melt,.t-champ,.t-void{grid-column:span 2}
.t-melt img,.t-champ img,.t-void img{aspect-ratio:16/9}
.t-coin,.t-die,.t-jack,.t-gpu{background:transparent;border-color:transparent}
.t-coin img,.t-die img,.t-jack img,.t-gpu img{object-fit:contain;aspect-ratio:1;padding:8px;filter:drop-shadow(0 8px 16px #000a)}

/* Community */
.community{padding:20px 0 90px}
.community-inner{display:grid;gap:22px;align-items:center;padding:28px 0}
.community-coin{width:min(280px,70vw);margin:auto;filter:drop-shadow(0 16px 30px #000c) drop-shadow(0 0 24px #76b90066);animation:coin-float 7s ease-in-out infinite}

/* Footer */
footer{padding:40px 0 calc(120px + env(safe-area-inset-bottom));border-top:1px solid #76b90033;background:#030503}
.foot-grid{display:grid;gap:22px}
.foot-ca{min-width:0}
.foot-ca .micro{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:6px}
.foot-ca code{display:block;font-family:var(--mono);font-size:13px;color:var(--nv-3);word-break:break-all}
.foot-ca button{margin-top:8px;font-family:var(--display);letter-spacing:.14em;font-size:12px;min-height:44px;color:var(--silver)}
footer nav{display:flex;flex-wrap:wrap;gap:14px 18px;font-family:var(--display);letter-spacing:.12em;font-size:12px;text-transform:uppercase}
footer nav a{min-height:44px;display:inline-flex;align-items:center}
.disclaimer{width:min(1180px,calc(100% - 32px));margin:28px auto 0;font-size:12px;line-height:1.6;color:var(--muted)}

/* Mobile dock */
.mobile-dock{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;background:#0c140cf2;border:1px solid #76b90055;backdrop-filter:blur(12px);transform:translateY(160%);transition:transform .35s;min-height:56px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.mobile-dock.visible{transform:translateY(0)}
.mobile-dock button,.mobile-dock a:not(.btn){font-family:var(--display);letter-spacing:.12em;font-size:12px;min-height:44px;padding:0 10px;color:var(--silver)}
.mobile-dock .btn{flex:none}

/* Lightbox */
dialog{border:0;padding:0;background:#050705;color:var(--ink);max-width:min(960px,calc(100vw - 24px));width:100%;box-shadow:0 0 0 1px #76b90055,0 20px 80px #000}
dialog::backdrop{background:#020302e6}
dialog img{width:100%;height:auto;max-height:80vh;object-fit:contain;background:#000}
dialog p{padding:12px 16px 20px;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase}
.lightbox-close{position:absolute;top:8px;right:8px;width:44px;height:44px;font-size:28px;color:#fff;background:#000a;z-index:2}

/* Keyframes */
@keyframes coin-spin{to{transform:rotateY(360deg)}}
@keyframes coin-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes coin-boot{from{opacity:0;transform:scale(.4) rotateY(-40deg)}to{opacity:1;transform:scale(1) rotateY(0)}}
@keyframes log-reveal{from{max-height:0}to{max-height:12em}}
@keyframes title-in{from{opacity:0;transform:translateY(10px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes scan-sweep{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@keyframes grid-shift{to{transform:translate3d(-32px,-32px,0)}}
@keyframes sweep{0%,60%{left:-60%}100%{left:120%}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes word-glow{0%,100%{filter:drop-shadow(0 0 18px #76b90044)}50%{filter:drop-shadow(0 0 36px #76b90088)}}
@keyframes rvFailsafe{to{opacity:1;transform:none}}

/* Desktop */
@media (min-width:760px){
  .section-wrap,.hero-inner,.disclaimer{width:min(1180px,calc(100% - 80px))}
  .hero-inner{width:min(1240px,calc(100% - 80px))}
  .nav nav{display:flex}
  .btn-short{display:none}
  .btn-full{display:inline}
  .steps,.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .collage{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .t-melt{grid-column:span 2;grid-row:span 1}
  .t-champ{grid-column:span 2}
  .t-void{grid-column:span 2}
  .t-front{grid-column:span 2}
  .community-inner{grid-template-columns:.7fr 1.1fr;gap:40px}
  .foot-grid{grid-template-columns:auto 1fr auto;align-items:center}
  .mobile-dock{display:none}
  .toast{bottom:28px}
}
@media (min-width:900px){
  .hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:calc(100vh - 160px);flex-direction:unset;padding-top:10px}
  .hero-art{width:min(480px,38vw)}
  .float-gpu{width:46%;left:-16%}
  .hero-veil{background:
    linear-gradient(90deg,#050705f0 0 16%,#05070599 36%,#05070533 58%,#05070566 100%),
    linear-gradient(180deg,#050705aa 0%,transparent 22%,transparent 78%,#050705 100%)}
  .chapter{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;margin:72px 0}
  .chapter.flip .chapter-media{order:2}
  .sig-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px}
  .rack-stage{height:min(64vh,520px)}
  .nav{height:88px}
  .brand img{width:54px;height:54px}
  .brand{font-size:22px}
}
@media (max-width:759px){
  .toast{bottom:calc(86px + env(safe-area-inset-bottom))}
  .nav-copy{display:none}
  footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  .kicker-line{display:none}
  .hero-description{font-size:14px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ticker-track{animation:none;transform:none;flex-wrap:wrap;width:auto;justify-content:center}
  .coin-inner{animation:none}
  .loader{opacity:0;visibility:hidden;pointer-events:none}
  .float-gpu,.float-die,.float-tq{animation:none}
  .hero-bg img,.circuits{transform:none}
}