@font-face{font-family:Anton;src:url(/fonts/anton.ttf) format("truetype");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{--g:#00C805;--g2:#5BFF5F;--r:#FF3B30;--bg:#040705;--p:#0B120D;--line:#173320;--t:#E9FFE9;--m:#8FB79A}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--t);font:16px/1.6 JBM,ui-monospace,Menlo,monospace;overflow-x:hidden;
 background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,200,5,.18),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.9),transparent 70%);pointer-events:none;z-index:-1}
.scan{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
a{color:var(--g2)}
img{max-width:100%;height:auto;display:block}
.g{color:var(--g)}
.mono{font-family:JBM,monospace}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase;line-height:1}
h2{font-size:clamp(40px,7vw,84px);margin-bottom:28px;text-align:center;text-shadow:0 0 30px rgba(0,200,5,.25)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
section{padding:90px 0;position:relative}
/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:10px 20px;background:rgba(4,7,5,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--t);font-family:Anton,sans-serif;font-size:24px;text-transform:uppercase}
.brand img{width:40px;height:40px;border-radius:50%;border:2px solid var(--g);object-fit:cover}
.brand b{color:var(--g);font-weight:400}
.tk{font:700 12px JBM,monospace;color:#000;background:var(--g);padding:2px 6px;border-radius:4px;font-style:normal}
.links{display:flex;gap:20px;margin-left:auto}
.links a{color:var(--m);text-decoration:none;font-size:14px;text-transform:uppercase}
.links a:hover{color:var(--g)}
.acts{display:flex;gap:8px;margin-left:12px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font:700 16px JBM,monospace;text-decoration:none;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;color:#fff}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(1px) scale(.97)}
.btn.sm{padding:8px 14px;font-size:13px}
.btn .bi{width:20px;height:20px;flex:none}
.btn.buy{background:var(--g);color:#000;box-shadow:0 0 0 0 rgba(0,200,5,.6),0 8px 30px rgba(0,200,5,.35);animation:pulse 2.2s infinite}
.btn.buy .bi{background:#0b0f1a;border-radius:50%;padding:2px;width:24px;height:24px}
.btn.chart{background:#111;border-color:#2c2c2c}
.btn.chart:hover{border-color:#fff}
.ds{filter:invert(1)}
.btn.x{background:#000;border-color:#333}
.btn.x:hover{border-color:var(--g)}
.btn.ghost{background:transparent;border-color:var(--g);color:var(--g)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,200,5,.55),0 8px 30px rgba(0,200,5,.35)}70%{box-shadow:0 0 0 16px rgba(0,200,5,0),0 8px 30px rgba(0,200,5,.35)}100%{box-shadow:0 0 0 0 rgba(0,200,5,0),0 8px 30px rgba(0,200,5,.35)}}
/* tape */
.tape{overflow:hidden;background:var(--g);color:#000;border-bottom:2px solid #000;white-space:nowrap;position:sticky;top:61px;z-index:49}
.tape-in{display:inline-flex;gap:36px;padding:7px 0;font:700 14px JBM,monospace;animation:tape 40s linear infinite}
.tape-in span b{margin-left:6px}
.tape-in .dn{color:#7a0000}
@keyframes tape{to{transform:translateX(-50%)}}
/* hero */
.hero{padding:70px 0 90px;overflow:hidden}
.bgchart{position:absolute;inset:0;width:100%;height:100%;opacity:.35;pointer-events:none}
.hero-grid{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--p);padding:6px 12px;border-radius:999px;font-size:12px;color:var(--m)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--g);display:inline-block;box-shadow:0 0 10px var(--g);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
h1{font-size:clamp(64px,12vw,150px);margin:16px 0 10px;text-shadow:4px 4px 0 #000,0 0 40px rgba(0,200,5,.35)}
h1 .g{display:block;animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{text-shadow:4px 4px 0 #000,0 0 60px rgba(0,200,5,.8)}}
.ticker-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;font-weight:700;margin-bottom:16px}
.sym{background:#000;border:1px solid var(--g);color:var(--g);padding:4px 10px;border-radius:6px}
.price{font-size:clamp(26px,4vw,40px);font-variant-numeric:tabular-nums}
.chg{color:var(--g)}
.price.flash{animation:fl .5s}
@keyframes fl{from{color:var(--g2);text-shadow:0 0 20px var(--g)}}
.lead{font-size:18px;color:#cfe9d4;max-width:560px;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%;background:#000;border:1px dashed var(--g);color:var(--t);border-radius:12px;padding:10px 12px;cursor:pointer;font:13px JBM,monospace;transition:background .2s}
.ca:hover{background:#071b0b}
.ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ca .lbl,.ca .cp{background:var(--g);color:#000;font-weight:700;padding:2px 8px;border-radius:6px;flex:none}
.ca .cp{background:transparent;color:var(--g);border:1px solid var(--g)}
.hero-art{display:flex;flex-direction:column;align-items:center;gap:18px}
.card-term{width:100%;max-width:400px;background:linear-gradient(160deg,#0d1b11,#030503);border:1px solid #1f4a2a;border-radius:20px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(0,200,5,.2);transform-style:preserve-3d}
.term-top,.term-bot{display:flex;justify-content:space-between;font-size:12px;color:var(--m);font-weight:700}
.live{display:flex;gap:6px;align-items:center;color:var(--g)}
.hero-logo{width:72%;aspect-ratio:1/1;margin:14px auto;border-radius:50%;border:4px solid var(--g);box-shadow:0 0 50px rgba(0,200,5,.5);animation:float 4s ease-in-out infinite;cursor:pointer;transform:translateZ(40px)}
@keyframes float{50%{translate:0 -10px}}
.bars{display:flex;align-items:flex-end;gap:4px;height:70px;margin:8px 0 12px}
.bars i{flex:1;background:var(--g);border-radius:2px;transition:height .45s cubic-bezier(.3,1.6,.5,1)}
.bars i.dn{background:var(--r)}
.tendie-btn{font:700 15px JBM,monospace;background:#000;color:var(--g);border:2px solid var(--g);padding:10px 20px;border-radius:12px;cursor:pointer;box-shadow:4px 4px 0 var(--g);transition:transform .1s,box-shadow .1s}
.tendie-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--g)}
.tendie-btn span{background:var(--g);color:#000;padding:0 6px;border-radius:4px;margin-left:6px}
.float-up{position:fixed;pointer-events:none;font:700 22px JBM,monospace;color:var(--g);z-index:200;animation:up 1.2s ease-out forwards;text-shadow:0 0 10px #000}
@keyframes up{to{transform:translateY(-120px) scale(1.3);opacity:0}}
/* runner */
.runner-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.quote{display:block;text-decoration:none;color:#fff;background:#000;border:1px solid #2f3336;border-radius:18px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(0,200,5,.15)}
.quote:hover{border-color:var(--g)}
.q-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.q-head .bi{margin-left:auto;width:22px;height:22px}
.q-head small{display:block;color:#71767b;font-size:13px}
.q-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g),#064d0a);display:grid;place-items:center;font:700 20px JBM;color:#000}
.quote p{font:20px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin-bottom:14px}
.q-foot{color:#1d9bf0;font-size:14px}
.runner-copy p{font-size:18px;margin-bottom:16px;color:#cfe9d4}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.chips li{background:var(--p);border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:14px}
/* facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fact{display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,#0c1810,#050806);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--t);text-decoration:none;font:inherit;text-align:left;cursor:default}
a.fact,button.fact{cursor:pointer}
.fact:hover{border-color:var(--g)}
.fact small{color:var(--m);font-size:11px;letter-spacing:.12em}
.fact b{font-family:Anton,sans-serif;font-weight:400;font-size:28px;display:flex;align-items:center;gap:8px}
.fact b.mono{font:700 20px JBM,monospace}
.fact .bi{width:24px;height:24px}
.fact.wide{grid-column:span 4;align-items:center;text-align:center}
/* steps */
.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);border-radius:16px;padding:22px;position:relative;overflow:hidden}
.step .n{font:400 54px Anton,sans-serif;color:transparent;-webkit-text-stroke:1px var(--g);position:absolute;right:12px;top:4px;opacity:.6}
.step h3{font-size:26px;margin:28px 0 8px;color:var(--g)}
.step p{color:#bcd6c2;font-size:14px}
/* memes */
.sub{text-align:center;color:var(--m);margin:-12px 0 30px}
.grid{columns:4 240px;column-gap:14px}
.meme{break-inside:avoid;margin:0 0 14px;background:#000;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:zoom-in;transition:border-color .2s}
.meme:hover{border-color:var(--g)}
.meme img{width:100%;height:auto}
.meme figcaption{padding:8px 12px;font-size:12px;color:var(--m);display:flex;gap:8px}
.meme figcaption span{color:var(--g);font-weight:700}
/* join */
.join{padding-top:60px}
.banner-wrap{width:96vw;max-width:1800px;margin:0 auto 30px;border-radius:22px;overflow:hidden;border:2px solid var(--g);box-shadow:0 0 80px rgba(0,200,5,.3)}
.banner{width:100%;height:auto;aspect-ratio:3/1}
.join-in{text-align:center}
.join-in p{font-size:18px;color:#cfe9d4;margin-bottom:24px}
/* footer */
.foot{border-top:1px solid var(--line);padding:40px 0 60px;text-align:center;background:#020302}
.foot .ca{margin:0 auto 20px}
.disc{max-width:760px;margin:0 auto 10px;color:var(--m);font-size:13px}
.copy{color:#4d6b55;font-size:12px}
/* lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:300;display:flex;align-items:center;justify-content:center;padding:40px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:90vw;max-height:80vh;width:auto;border-radius:12px;border:2px solid var(--g)}
.lightbox button{position:absolute;background:#000;color:var(--g);border:1px solid var(--g);border-radius:50%;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:0;right:0;text-align:center;color:var(--t)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--g);color:#000;font-weight:700;padding:12px 20px;border-radius:12px;z-index:400;transition:transform .3s,opacity .3s;opacity:0}
.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}
@media (max-width:900px){
 .links{display:none}.acts{margin-left:auto}
 .hero-grid,.runner-grid{grid-template-columns:1fr}
 .facts{grid-template-columns:1fr 1fr}.fact.wide{grid-column:span 2}
 .steps{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .brand span,.acts .btn:not(.buy) span{display:none}.brand .tk{display:inline}
 .steps{grid-template-columns:1fr}
 .tape{top:57px}
 section{padding:64px 0}
 .btn{padding:12px 16px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-copy,.hero-art,.runner-grid>*{min-width:0}.ca{width:100%}@media(min-width:901px){.ca{width:auto}}
.hero{padding-top:28px}
.hero-title{position:relative;max-width:1200px;margin:0 auto 34px;padding:0 20px}
.hero-title img{width:100%;height:auto;aspect-ratio:2172/724;border-radius:22px;border:2px solid var(--g);box-shadow:0 0 70px rgba(0,200,5,.35),0 30px 80px rgba(0,0,0,.7)}
.hero-copy h1{font-size:clamp(56px,9vw,110px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
