@font-face{font-family:TitanOne;src:url(/fonts/titan-one-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-900-normal.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:JetBrainsMono;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:JetBrainsMono;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --night:#0c0614; --night-2:#160a22; --plum:#2a1040;
  --cream:#fff1dc; --muted:#c9b4d8; --line:rgba(255,210,180,.14);
  --pump:#ff6a1a; --pump-ink:#2a0c00;
  --hot:#ff3d9a; --violet:#8b5cff; --gold:#ffd166;
  --radius:16px; --pill:999px;
  --shadow-hard:5px 5px 0 #1a0610;
  --f-display:TitanOne,"Arial Black",system-ui,sans-serif;
  --f-body:Nunito,system-ui,sans-serif;
  --f-mono:JetBrainsMono,ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(1200px 600px at 80% -10%,rgba(255,106,26,.18),transparent 55%),
  radial-gradient(900px 500px at 10% 20%,rgba(255,61,154,.12),transparent 50%),
  radial-gradient(800px 500px at 50% 100%,rgba(139,92,255,.14),transparent 55%),
  var(--night);
  color:var(--cream);font:400 clamp(16px,1.05vw,18px)/1.55 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
em{font-style:italic;color:var(--gold)}
::selection{background:var(--pump);color:var(--pump-ink)}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--cream);color:var(--night);padding:.6em 1em;border-radius:var(--pill);font-weight:800;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--pump);outline-offset:3px}

.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.055;mix-blend-mode:overlay;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.wrap{padding-inline:clamp(20px,5vw,112px);max-width:1280px;margin-inline:auto;position:relative}
.label{font:700 .72rem/1.2 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--hot);margin:0 0 1rem}
h1,h2{margin:0;font-family:var(--f-display);font-weight:400;letter-spacing:.01em;line-height:.95}
h2{font-size:clamp(2rem,5vw,4.2rem);margin-bottom:1.2rem;max-width:16ch}
h2 em{color:var(--pump);font-style:normal}

.btn{display:inline-flex;align-items:center;gap:.55em;padding:.95em 1.35em;border-radius:12px;border:3px solid #1a0610;text-decoration:none;
  font:400 1rem/1 var(--f-display);letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(180deg,#ff8a3d,var(--pump));color:var(--pump-ink);
  box-shadow:var(--shadow-hard);transition:transform .08s,box-shadow .08s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #1a0610}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 #1a0610}
.btn-sm{padding:.7em 1em;font-size:.85rem}
.btn-ghost{background:rgba(255,241,220,.06);color:var(--cream);backdrop-filter:blur(10px)}
.btn-ghost:hover{background:rgba(255,241,220,.12)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

.top{position:fixed;inset:0 0 auto 0;z-index:40}
.strip{display:flex;justify-content:center;align-items:center;gap:.55em;padding:.42em 1em;font-size:.72rem;letter-spacing:.03em;color:var(--muted);
  background:rgba(12,6,20,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);text-align:center}
.strip b{color:var(--pump)}
.strip .dot{width:7px;height:7px;border-radius:50%;background:var(--hot);box-shadow:0 0 12px var(--hot);flex:none;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px clamp(10px,2vw,28px) 0;padding:8px 8px 8px 14px;border-radius:var(--pill);
  background:rgba(22,10,34,.7);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{border-radius:50%;box-shadow:0 0 0 2px rgba(255,241,220,.35)}
.brand span{font:400 .85rem var(--f-display);text-transform:uppercase}
.brand em{color:var(--pump);font-style:normal;font-family:var(--f-display)}
.nav-links{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav-links a{display:block;padding:.5em .85em;border-radius:var(--pill);text-decoration:none;font-weight:700;font-size:.85rem;color:var(--muted)}
.nav-links a:hover{color:var(--cream);background:rgba(255,241,220,.08)}
.nav-cta{display:flex;align-items:center;gap:8px}
.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,241,220,.08);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.icon-btn:hover{background:rgba(255,241,220,.16)}

.hero{min-height:100svh;display:flex;align-items:center;padding:140px 0 72px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 1.1rem;padding:0}
.chips li,.chips a{display:inline-flex;align-items:center;padding:.35em .75em;border-radius:var(--pill);font:700 .72rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  background:rgba(255,241,220,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}
.chip-hot{background:rgba(255,106,26,.18)!important;color:var(--pump)!important;box-shadow:inset 0 0 0 1px rgba(255,106,26,.45)!important}
.breaking{margin:0 0 .4rem;font:700 .75rem/1 var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--hot)}
.wordmark{font-size:clamp(2.6rem,7.5vw,5.8rem);margin-bottom:.6rem}
.wm-line{display:block}
.wm-line.accent{color:var(--pump);text-shadow:4px 4px 0 #1a0610,0 0 40px rgba(255,106,26,.35)}
.tagline{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--cream);max-width:38ch;margin:0 0 .8rem}
.bio{color:var(--muted);max-width:42ch;margin:0 0 1.2rem}
.ca{display:flex;align-items:center;gap:.65rem;padding:.35rem .35rem .35rem .85rem;max-width:100%;
  background:#160a22;border:3px solid #1a0610;border-radius:14px;box-shadow:4px 4px 0 var(--hot);margin-bottom:.5rem}
.ca-tag{font:700 .68rem/1 var(--f-mono);letter-spacing:.12em;color:var(--gold);flex:none}
.ca code{font:700 .78rem/1.2 var(--f-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ca-copy{flex:none;border:0;border-radius:10px;padding:.7em 1em;background:var(--hot);color:#fff;font:900 .75rem/1 var(--f-body);text-transform:uppercase}
.ca-copy:hover{filter:brightness(1.08)}
.ca-note{font-size:.78rem;color:var(--muted);margin:0 0 1.1rem}
.ca-note a{color:var(--gold)}

.hero-art{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}
.coin-wrap{position:relative;width:min(360px,78vw)}
.coin{width:100%;height:auto;filter:drop-shadow(0 18px 40px rgba(255,106,26,.35)) drop-shadow(0 0 0 #1a0610);animation:bob 4.5s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(-10px) rotate(-2deg)}}
.spark{position:absolute;font-size:1.4rem;color:var(--gold);animation:twinkle 2.2s ease-in-out infinite}
.s1{top:8%;left:4%;animation-delay:0s}
.s2{top:18%;right:0;animation-delay:.6s;color:var(--hot)}
.s3{bottom:16%;left:8%;animation-delay:1.1s;color:var(--pump)}
@keyframes twinkle{50%{opacity:.25;transform:scale(1.25)}}
.sticker-tag{display:inline-block;background:var(--cream);color:var(--night);padding:.35em .8em;font:400 .95rem var(--f-display);transform:rotate(-4deg);border:3px solid #1a0610;box-shadow:4px 4px 0 #1a0610}

.marquee{overflow:hidden;border-block:3px solid #1a0610;background:linear-gradient(90deg,var(--pump),var(--hot));transform:rotate(-1deg);margin:0 0 2px}
.track{display:flex;width:max-content;animation:crawl 28s linear infinite}
.track>*{padding:.55em 1.2em;font:400 1.25rem var(--f-display);white-space:nowrap;color:var(--pump-ink)}
@keyframes crawl{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track,.coin,.spark,.strip .dot{animation:none}}

.about{padding:clamp(72px,10vw,140px) 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.lead{font-size:1.15rem;margin:0 0 1rem}
.about-copy p{color:var(--muted);margin:0 0 1rem}
.about-copy .lead,.about-copy .disclaimer{color:var(--cream)}
.disclaimer{padding:1rem 1.1rem;border-radius:14px;background:rgba(255,61,154,.08);box-shadow:inset 0 0 0 1px rgba(255,61,154,.28);font-size:.92rem}
.src{font-size:.85rem}
.src a{color:var(--gold)}
.about-art{position:relative;min-height:420px}
.polaroid{position:relative;background:#fff;padding:12px 12px 40px;border:3px solid #1a0610;box-shadow:6px 6px 0 #1a0610;transform:rotate(var(--r,-2deg));width:min(280px,70%);margin:0;z-index:1}
.polaroid img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#ddd}
.polaroid figcaption{position:absolute;left:12px;right:12px;bottom:12px;font:700 .72rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#1a0610;text-align:center}
.polaroid.p2{position:absolute;right:0;top:48px;z-index:2;width:min(240px,62%)}

.banner-band{padding:0 0 clamp(40px,6vw,80px)}
.banner-frame{margin-inline:clamp(12px,3vw,48px);border:3px solid #1a0610;border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 #1a0610}
.banner-frame img{width:100%;height:auto;object-fit:cover;max-height:360px}

.token,.buy,.memes{padding:clamp(64px,9vw,120px) 0}
.tok-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tok-card{background:rgba(255,241,220,.05);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}
.tok-card.wide{grid-column:span 2}
.tok-card .k{font:700 .68rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tok-card .v{font-weight:900}
.tok-card .mono{font:700 .78rem/1.35 var(--f-mono);word-break:break-all}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:1.1rem 1.2rem;border-radius:14px;background:rgba(255,241,220,.05);border:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);font:400 1.4rem/1 var(--f-display);color:var(--pump);grid-row:span 2;align-self:center}
.steps b{font-size:1.05rem}
.steps span{color:var(--muted);grid-column:2}
.steps code{font-family:var(--f-mono);color:var(--gold)}
.scam{margin-top:1.2rem;color:var(--muted);font-size:.92rem}
.scam a{color:var(--gold)}
.soon{color:var(--muted);padding:1.4rem 1.2rem;border:2px dashed rgba(255,210,180,.25);border-radius:14px}

.foot{padding:48px 0 36px;border-top:1px solid var(--line);background:rgba(0,0,0,.25)}
.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:1.2rem}
.foot-tag{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}
.foot-links{display:flex;gap:14px;align-items:center}
.foot-links a{font-weight:800;text-decoration:none;padding:.45em .8em;border-radius:var(--pill);background:rgba(255,241,220,.06)}
.fine{font-size:.72rem;color:var(--muted);line-height:1.5;margin:0;max-width:90ch}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

@media (max-width:900px){
  .nav-links{display:none}
  .hero-grid,.about-grid{grid-template-columns:1fr}
  .hero{padding-top:120px;min-height:auto}
  .hero-art{order:-1}
  .about-art{min-height:360px}
  .tok-grid{grid-template-columns:1fr 1fr}
  .tok-card.wide{grid-column:span 2}
}
@media (max-width:520px){
  .tok-grid{grid-template-columns:1fr}
  .tok-card.wide{grid-column:span 1}
  .ca{flex-wrap:wrap}
  .ca code{width:100%}
}

/* ===== Phase 2 upgrades ===== */
.chip-live{display:inline-flex;align-items:center;gap:.4em;background:rgba(255,106,26,.16)!important;color:var(--pump)!important;box-shadow:inset 0 0 0 1px rgba(255,106,26,.4)!important}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--pump);box-shadow:0 0 10px var(--pump);animation:pulse 1.6s ease-in-out infinite}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1rem}
.stat{min-width:5.5rem;padding:.55rem .85rem;border-radius:12px;background:rgba(255,241,220,.05);border:1px solid var(--line);display:flex;flex-direction:column;gap:.2rem}
.stat .k{font:700 .62rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.stat .v{font:800 1rem/1.1 var(--f-display);color:var(--cream)}
.sticker-tag.tag-2{background:var(--hot);color:#fff;transform:rotate(3deg);margin-left:.4rem}
.bullets{margin:0 0 1rem;padding-left:1.1rem;color:var(--muted)}
.bullets li{margin:.35rem 0}
.tweet-embed{margin:1.2rem 0 1.4rem;max-width:550px}
.tweet-embed .twitter-tweet{margin:0!important}
.gallery{padding:clamp(64px,9vw,120px) 0;background:linear-gradient(180deg,transparent,rgba(255,61,154,.05),transparent)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:1.2rem}
.gal{margin:0;border:3px solid #1a0610;border-radius:16px;overflow:hidden;background:#160a22;box-shadow:5px 5px 0 #1a0610;transform:rotate(var(--r,0deg))}
.gal:nth-child(1){--r:-1.5deg}.gal:nth-child(2){--r:1.8deg}.gal:nth-child(3){--r:-2deg}.gal:nth-child(4){--r:1.2deg}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
.gal figcaption{padding:.7rem .85rem;font:700 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}
.narrow{max-width:820px}
.faq details{border:1px solid var(--line);border-radius:14px;background:rgba(255,241,220,.04);margin:10px 0;box-shadow:4px 4px 0 #1a0610}
.faq summary{cursor:pointer;font:400 1.25rem/1.2 var(--f-display);padding:16px 18px;list-style:none;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{border-bottom:1px solid var(--line);color:var(--pump)}
.faq details p{margin:0;padding:14px 18px 18px;color:var(--muted)}
.faq details a{color:var(--gold)}
.faq details code{font:700 .85rem var(--f-mono);color:var(--gold);word-break:break-all}
.vault{padding:clamp(64px,9vw,120px) 0}
.vault-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.vault-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vm{margin:0;border:3px solid #1a0610;border-radius:16px;overflow:hidden;background:#fff1dc;box-shadow:5px 5px 0 #1a0610;transform:rotate(var(--r,0deg));transition:transform .15s,box-shadow .15s;color:#1a0610}
.vm:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:7px 7px 0 #1a0610}
.vm-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;text-decoration:none}
.vm-btn img{width:100%;aspect-ratio:1;object-fit:cover}
.vm figcaption{font:700 .72rem/1.35 var(--f-mono);padding:10px 12px;border-top:2px solid #1a0610;min-height:3.4em}
.vm figcaption .mono{opacity:.55;margin-right:6px}
.vault-more{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
body.vault-page .vhero{padding:140px 0 28px}
body.vault-page .h2{font:400 clamp(2.4rem,7vw,5rem)/.95 var(--f-display);margin:0}
body.vault-page .h2 .accent{color:var(--pump);text-shadow:4px 4px 0 #1a0610}
.vcount{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.vcount .chip,.chips .chip{display:inline-flex;align-items:center;padding:.35em .75em;border-radius:var(--pill);font:700 .72rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,241,220,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}
.strip .hot{color:var(--hot);font-weight:800}
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,2,14,.9);display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none!important}
.lb-panel{position:relative;width:min(720px,94vw);background:var(--cream);border:3px solid #1a0610;border-radius:18px;box-shadow:10px 10px 0 var(--pump);overflow:hidden;color:#1a0610}
.lb-panel img{width:100%;aspect-ratio:1;object-fit:cover;background:#111}
.lb-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;border-top:3px solid #1a0610;font:700 .85rem/1.3 var(--f-mono)}
.lb-x,.lb-p,.lb-n{position:absolute;top:12px;border:3px solid #1a0610;background:var(--pump);color:var(--pump-ink);border-radius:999px;width:42px;height:42px;cursor:pointer;font:800 18px/1 var(--f-mono);box-shadow:3px 3px 0 #1a0610}
.lb-x{right:12px}.lb-p{left:12px;top:50%}.lb-n{right:12px;top:50%}
#sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.45}
@media (max-width:900px){
  .gal-grid,.vault-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .gal-grid{grid-template-columns:1fr 1fr;gap:10px}
}