@font-face{font-family:Russo;src:url(/fonts/russo-one-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Chakra;src:url(/fonts/chakra-petch-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Chakra;src:url(/fonts/chakra-petch-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:JBM;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:JBM;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--r:#ED1C24;--r2:#FF4A50;--rd:#7a0a0e;--g:#00C805;--bg:#070203;--p:#120507;--line:#3a0d12;--t:#FFF1F1;--m:#c79a9d;--w:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--t);font:500 17px/1.6 Chakra,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:
 radial-gradient(ellipse at 15% -10%,rgba(237,28,36,.28),transparent 55%),
 radial-gradient(ellipse at 100% 30%,rgba(237,28,36,.12),transparent 50%),
 linear-gradient(rgba(237,28,36,.05) 1px,transparent 1px) 0 0/24px 24px,
 linear-gradient(90deg,rgba(237,28,36,.05) 1px,transparent 1px) 0 0/24px 24px,#070203}
.traces{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55}
.scan{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(40,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
a{color:var(--r2)}
img{max-width:100%;height:auto;display:block}
.r{color:var(--r)}
.mono{font-family:JBM,monospace}
h1,h2,h3{font-family:Russo,Impact,sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:1}
h2{font-size:clamp(38px,6.4vw,78px);margin-bottom:30px;text-align:center;text-shadow:0 0 34px rgba(237,28,36,.4)}
h2 .r{position:relative}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
section{padding:96px 0;position:relative}
section+section:before{content:"";position:absolute;top:0;left:50%;width:min(1100px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--r),transparent);opacity:.5}
/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:10px 20px;background:rgba(7,2,3,.84);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--w);font:400 22px Russo,sans-serif;text-transform:uppercase}
.brand img{width:40px;height:40px;border-radius:50%;border:2px solid var(--r);box-shadow:0 0 16px rgba(237,28,36,.6)}
.brand b{color:var(--r);font-weight:400}
.tk{font:700 12px JBM,monospace;color:#fff;background:var(--r);padding:2px 7px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-style:normal}
.links{display:flex;gap:22px;margin-left:auto}
.links a{color:var(--m);text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.links a:hover{color:var(--w)}
.acts{display:flex;gap:8px;margin-left:12px}
/* buttons — chamfered chip style */
.btn{--cut:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font:700 16px Chakra,sans-serif;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;cursor:pointer;border:0;color:#fff;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:transform .15s,filter .2s,background .2s;position:relative}
.btn:hover{transform:translateY(-3px);filter:brightness(1.15)}
.btn:active{transform:translateY(1px) scale(.97)}
.btn.sm{--cut:8px;padding:8px 14px;font-size:13px}
.btn .bi{width:20px;height:20px;flex:none}
.btn.buy{background:linear-gradient(135deg,var(--r),#a50d13);box-shadow:0 0 30px rgba(237,28,36,.5)}
.btn.buy:not(.soon){animation:pulse 2.2s infinite}
.btn.chart{background:#1a0a0c;outline:1px solid #4a1a1f}
.ds{filter:invert(1)}
.btn.x{background:#000;outline:1px solid #3b3b3b}
.btn.x.big{padding:16px 30px;font-size:18px}
.btn.ghost{background:transparent;color:var(--r2);box-shadow:inset 0 0 0 2px var(--r)}
.btn.soon{cursor:not-allowed;background:repeating-linear-gradient(-45deg,#2a0a0d 0 10px,#1a0507 10px 20px);color:#ffb3b6;outline:1px dashed var(--r)}
.btn.soon:hover{transform:none;filter:none}
.btn.soon.shake,.ca.soon.shake,.fact.soon.shake{animation:shake .4s}
@keyframes shake{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}
@keyframes pulse{50%{box-shadow:0 0 50px rgba(237,28,36,.9)}}
/* tape */
.tape{overflow:hidden;background:var(--r);color:#fff;border-bottom:2px solid #000;white-space:nowrap;position:sticky;top:61px;z-index:49}
.tape-in{display:inline-flex;gap:34px;padding:7px 0;font:700 14px JBM,monospace;animation:tape 42s linear infinite}
.tape-in span b{margin-left:6px;color:#fff}
.tape-in span b.up{color:#C8FFC9}
.tape-in .dn{color:#2a0003}
@keyframes tape{to{transform:translateX(-50%)}}
/* hero */
.hero{padding:26px 0 90px;overflow:hidden}
.hero-bg{position:relative;max-width:1260px;margin:0 auto 34px;padding:0 20px}
.hero-bg picture img{width:100%;height:auto;aspect-ratio:2172/724;border-radius:6px;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);box-shadow:0 30px 90px rgba(0,0,0,.8)}
.hero-bg{filter:drop-shadow(0 0 40px rgba(237,28,36,.35))}
.bgchart{position:absolute;left:20px;right:20px;bottom:0;width:calc(100% - 40px);height:45%;opacity:.55;pointer-events:none;mix-blend-mode:screen}
.hero-glare{position:absolute;inset:0 20px;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%) -100% 0/200% 100% no-repeat;animation:glare 6s ease-in-out infinite;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}
@keyframes glare{60%,100%{background-position:200% 0}}
.hero-grid{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--p);padding:6px 12px;font:700 12px JBM,monospace;color:var(--m);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--r);display:inline-block;box-shadow:0 0 10px var(--r);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
h1{margin:16px 0 14px}
.h1a{display:block;font-size:clamp(30px,4.6vw,56px);color:var(--w)}
.h1b{display:block;position:relative;font-size:clamp(76px,13vw,170px);color:var(--r);text-shadow:5px 5px 0 #000,0 0 50px rgba(237,28,36,.55)}
.h1b:before,.h1b:after{content:attr(data-text);position:absolute;left:0;top:0;opacity:0}
.h1b:before{color:#0ff;animation:gl1 4s infinite steps(1)}
.h1b:after{color:#fff;animation:gl2 4s infinite steps(1)}
@keyframes gl1{92%{opacity:.6;transform:translate(-4px,2px);clip-path:inset(10% 0 60% 0)}94%{opacity:0}}
@keyframes gl2{93%{opacity:.6;transform:translate(4px,-2px);clip-path:inset(55% 0 15% 0)}95%{opacity:0}}
.ticker-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;font:700 16px JBM,monospace;margin-bottom:16px}
.sym{background:#000;border:1px solid var(--r);color:var(--r2);padding:4px 10px}
.price{font-size:clamp(24px,3.6vw,36px);font-variant-numeric:tabular-nums}
.chg{color:var(--g)}
.lead{font-size:19px;color:#f2d4d6;max-width:580px;margin-bottom:26px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.cta.center{justify-content:center}
.ca{display:flex;align-items:center;gap:10px;max-width:100%;width:100%;background:#000;border:1px dashed var(--r);color:var(--t);padding:10px 12px;font:13px JBM,monospace;cursor:pointer}
.ca.soon{cursor:not-allowed}
.ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ca .lbl,.ca .cp{background:var(--r);color:#fff;font-weight:700;padding:2px 8px;flex:none}
.ca .cp{background:transparent;color:var(--r2);border:1px solid var(--r);margin-left:auto}
@media(min-width:901px){.ca{width:auto}}
/* socket */
.hero-art{display:flex;flex-direction:column;align-items:center;gap:22px}
.socket{position:relative;width:100%;max-width:410px;padding:20px;background:linear-gradient(145deg,#2a2a2e,#0c0c0e);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);transform-style:preserve-3d}
.pins{position:absolute;inset:6px;background:radial-gradient(circle,#c9a24a 1.4px,transparent 1.8px) 0 0/12px 12px;opacity:.55}
.die{position:relative;background:linear-gradient(160deg,#1c0507,#060102);border:1px solid #5a1218;padding:14px;box-shadow:inset 0 0 40px rgba(237,28,36,.25),0 0 60px rgba(237,28,36,.35)}
.die-top{display:flex;justify-content:space-between;font:700 11px JBM,monospace;color:var(--m)}
.live{display:flex;gap:6px;align-items:center;color:var(--r2)}
.hero-logo{width:74%;aspect-ratio:1/1;margin:16px auto;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 8px var(--r),0 0 60px rgba(237,28,36,.75);animation:float 4s ease-in-out infinite,core 2.4s ease-in-out infinite;cursor:pointer;transform:translateZ(40px)}
@keyframes float{50%{translate:0 -10px}}
@keyframes core{50%{box-shadow:0 0 0 3px #fff,0 0 0 8px var(--r),0 0 100px rgba(237,28,36,1)}}
.hero-logo.zap{animation:zap .35s}
@keyframes zap{40%{transform:translateZ(40px) scale(1.08) rotate(-4deg);filter:brightness(1.4) saturate(1.4)}}
.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.meters div{background:#000;border:1px solid #3a0d12;padding:6px 8px}
.meters small{display:block;font:700 10px JBM,monospace;color:var(--m);letter-spacing:.08em}
.meters b{font:700 16px JBM,monospace;color:#fff;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:3px;height:62px}
.bars i{flex:1;background:var(--r);transition:height .45s cubic-bezier(.3,1.6,.5,1)}
.bars i.up{background:var(--g)}
.fetch-btn{font:700 16px Chakra,sans-serif;letter-spacing:.06em;background:#000;color:var(--r2);border:2px solid var(--r);padding:12px 22px;cursor:pointer;box-shadow:5px 5px 0 var(--r);transition:transform .1s,box-shadow .1s}
.fetch-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--r)}
.fetch-btn span{background:var(--r);color:#fff;padding:0 7px;margin-left:6px}
.float-up{position:fixed;pointer-events:none;font:700 22px Russo,sans-serif;color:var(--r2);z-index:200;animation:up 1.2s ease-out forwards;text-shadow:2px 2px 0 #000}
.float-up.g{color:var(--g)}
@keyframes up{to{transform:translateY(-130px) scale(1.3);opacity:0}}
.spark{position:fixed;width:6px;height:6px;background:var(--r2);pointer-events:none;z-index:199;box-shadow:0 0 8px var(--r)}
/* lore */
.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
.lore-card{position:relative;background:linear-gradient(160deg,#1a0609,#080203);border:1px solid var(--line);padding:26px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.lore-card:after{content:"";position:absolute;left:0;top:0;height:3px;width:40%;background:var(--r);box-shadow:0 0 14px var(--r)}
.lore-card .ix{font:700 13px JBM,monospace;color:var(--r)}
.lore-card h3{font-size:24px;margin:10px 0 10px}
.lore-card p{color:#e5c2c4;font-size:16px}
.bench{max-width:860px;margin:0 auto;background:#050102;border:1px solid var(--line);padding:22px}
.bench-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font:700 18px JBM,monospace;color:var(--r2)}
.bench-row{display:grid;grid-template-columns:220px 1fr 90px;align-items:center;gap:12px;margin-bottom:10px;font:700 14px JBM,monospace}
.bench-row .bar{height:16px;background:#1a0507;border:1px solid #3a0d12;overflow:hidden}
.bench-row .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a50d13,var(--r2));box-shadow:0 0 14px var(--r);transition:width 1.6s cubic-bezier(.2,.9,.2,1)}
.bench-row.dim{color:#8a6a6c}.bench-row.dim .bar i{background:#4a3436;box-shadow:none}
.bench-row em{font-style:normal;text-align:right}
.fine{font:12px JBM,monospace;color:#7c5a5d;margin-top:8px}
/* facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fact{display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,#170508,#060102);border:1px solid var(--line);padding:20px;color:var(--t);text-decoration:none;font:inherit;text-align:left;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
a.fact{cursor:pointer}button.fact.soon{cursor:not-allowed}
.fact:hover{border-color:var(--r)}
.fact small{color:var(--m);font:700 11px JBM,monospace;letter-spacing:.12em}
.fact b{font:400 24px Russo,sans-serif;display:flex;align-items:center;gap:8px}
.fact b.mono{font:700 20px JBM,monospace;color:var(--r2)}
.fact .bi{width:22px;height:22px}
.fact.wide{grid-column:span 4;align-items:center;text-align:center;border-style:dashed;border-color:var(--r)}
/* steps */
.sub{text-align:center;color:var(--m);margin:-14px auto 30px;max-width:720px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}
.step{background:var(--p);border:1px solid var(--line);padding:22px;position:relative;overflow:hidden;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.step .n{font:400 54px Russo,sans-serif;color:transparent;-webkit-text-stroke:1px var(--r);position:absolute;right:12px;top:4px;opacity:.7}
.step h3{font-size:22px;margin:30px 0 8px;color:var(--w)}
.step p{color:#d9b6b8;font-size:15px}
/* memes */
.grid{columns:4 240px;column-gap:14px}
.meme{break-inside:avoid;margin:0 0 14px;background:#000;border:1px solid var(--line);overflow:hidden;cursor:zoom-in;transition:border-color .2s,box-shadow .2s;position:relative}
.meme:hover{border-color:var(--r);box-shadow:0 0 30px rgba(237,28,36,.45)}
.meme img{width:100%;height:auto}
.meme figcaption{padding:8px 12px;font-size:13px;color:var(--m);display:flex;gap:8px;line-height:1.35}
.meme figcaption span{color:var(--r2);font:700 12px JBM,monospace;flex:none}
.maker{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:50px;background:#0c0304;border:1px solid var(--line);padding:24px}
.maker canvas{width:100%;height:auto;aspect-ratio:1/1;display:block;border:1px solid var(--r)}
.maker h3{font-size:30px;margin-bottom:18px}
.maker label{display:block;font:700 12px JBM,monospace;color:var(--m);letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}
.maker input{display:block;width:100%;margin-top:6px;background:#000;border:1px solid #4a1a1f;color:#fff;padding:12px;font:700 18px Chakra,sans-serif;text-transform:uppercase}
.maker input:focus{outline:2px solid var(--r)}
.mk-bgs{display:flex;gap:8px;margin:6px 0 18px}
.mk-bgs button{background:#000;color:var(--m);border:1px solid #4a1a1f;padding:8px 14px;font:700 13px JBM,monospace;cursor:pointer}
.mk-bgs button.on{background:var(--r);color:#fff;border-color:var(--r)}
/* join */
.join{padding-top:70px}
.banner-wrap{width:96vw;max-width:1800px;margin:0 auto 34px;position:relative;filter:drop-shadow(0 0 50px rgba(237,28,36,.45))}
.banner{width:100%;height:auto;aspect-ratio:2172/724;clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px)}
.join-in{text-align:center}
.join-in p{font-size:19px;color:#f2d4d6;margin-bottom:24px}
/* footer */
.foot{border-top:1px solid var(--line);padding:40px 0 60px;text-align:center;background:#030001}
.foot .ca{margin:0 auto 20px;max-width:520px;justify-content:center}
.disc{max-width:780px;margin:0 auto 10px;color:var(--m);font-size:13px}
.copy{color:#7a5053;font-size:12px}
/* lightbox */
.lightbox{position:fixed;inset:0;background:rgba(5,0,1,.94);z-index:300;display:flex;align-items:center;justify-content:center;padding:40px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:90vw;max-height:78vh;width:auto;border:2px solid var(--r)}
.lightbox button{position:absolute;background:#000;color:var(--r2);border:1px solid var(--r);width:48px;height:48px;font-size:26px;cursor:pointer}
.lb-x{top:20px;right:20px}.lb-p{left:16px;top:50%}.lb-n{right:16px;top:50%}
.lb-c{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;color:var(--t)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--r);color:#fff;font-weight:700;padding:12px 20px;z-index:400;transition:transform .3s,opacity .3s;opacity:0;text-align:center}
.toast.on{transform:translate(-50%,0);opacity:1}
/* reveal + tilt */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
.tilt{transition:transform .2s ease-out;will-change:transform}
.hero-copy,.hero-art{min-width:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){
 .links{display:none}.acts{margin-left:auto}
 .hero-grid,.maker{grid-template-columns:1fr}
 .lore-grid{grid-template-columns:1fr}
 .facts{grid-template-columns:1fr 1fr}.fact.wide{grid-column:span 2}
 .steps{grid-template-columns:1fr 1fr}
 .bench-row{grid-template-columns:130px 1fr 70px;font-size:12px}
}
@media (max-width:560px){
 .brand span,.acts .btn span{display:none}
 .steps{grid-template-columns:1fr}
 .tape{top:61px}
 section{padding:64px 0}
 .btn{padding:12px 16px;font-size:14px}
 .hero-bg picture img,.hero-glare{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.fact{min-width:0}.fact b{overflow-wrap:anywhere}
@media (max-width:560px){.fact b{font-size:19px}.fact{padding:16px}.facts{gap:10px}}