:root{
  --bg-a:#060911;
  --bg-b:#0d1020;
  --bg-c:#17112d;
  --card:rgba(10,12,24,.66);
  --stroke:rgba(255,255,255,.10);
  --text:#f6f7ff;
  --muted:#b7bdd6;
  --accent:#a86dff;
  --accent-2:#4fe0ff;
  --accent-3:#ffb35d;
  --shadow:0 18px 60px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg-a),var(--bg-b),var(--bg-c));overflow-x:hidden;transition:background .6s ease}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}
.site-backdrop,.noise,.scanlines,.grid-overlay{position:fixed;inset:0;pointer-events:none}
.site-backdrop{z-index:-4;background-size:cover;background-position:center;opacity:.28;filter:saturate(1.04) contrast(1.02);transform:scale(1.03);transition:background-image .75s ease, opacity .45s ease}
.noise{z-index:-3;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:flicker .25s steps(2) infinite}
.scanlines{z-index:-2;opacity:.08;background:repeating-linear-gradient(to bottom, rgba(255,255,255,.10) 0 1px, transparent 1px 4px)}
.grid-overlay{z-index:-1;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);background-size:44px 44px}
@keyframes flicker{0%,100%{transform:translate(0,0)}25%{transform:translate(.5px,-.4px)}50%{transform:translate(-.5px,.4px)}75%{transform:translate(.4px,.3px)}}
.shell{width:min(1220px,calc(100% - 38px));margin:0 auto}
.glass{background:var(--card);backdrop-filter:blur(16px);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:28px}.pad{padding:28px}
.nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px 0;background:rgba(6,7,18,.56);backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand img{width:40px;height:40px;border-radius:10px;object-fit:cover}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav-links a{padding:10px 14px;border-radius:999px;color:var(--muted)}.nav-links a:hover{background:rgba(255,255,255,.06);color:var(--text)}.nav-links .pill{border:1px solid var(--stroke);color:var(--text)}.nav-links .buy{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#130d24;font-weight:800;border:none}.menu-toggle{display:none;background:transparent;border:1px solid var(--stroke);color:var(--text);border-radius:12px;padding:10px 12px}
.hero{padding:34px 0 28px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;min-height:calc(100vh - 110px)}
.eyebrow,.section-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2);margin-bottom:14px}
h1{font-size:clamp(3rem,8vw,6rem);line-height:.95;margin:0 0 14px;font-weight:950}.glitch{position:relative;display:inline-block}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none}.glitch::before{transform:translate(1.6px,0);color:#7ee7ff;mix-blend-mode:screen;animation:glitchA 2.4s infinite alternate}.glitch::after{transform:translate(-1.6px,0);color:#ff90d1;mix-blend-mode:screen;animation:glitchB 1.7s infinite alternate}
@keyframes glitchA{0%,100%{clip-path:inset(0 0 0 0)}20%{clip-path:inset(10% 0 70% 0)}50%{clip-path:inset(65% 0 8% 0)}80%{clip-path:inset(34% 0 38% 0)}}
@keyframes glitchB{0%,100%{clip-path:inset(0 0 0 0)}30%{clip-path:inset(76% 0 4% 0)}60%{clip-path:inset(20% 0 48% 0)}90%{clip-path:inset(4% 0 82% 0)}}
.ticker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 20px;color:#dbeef1}.ticker{padding:8px 14px;border-radius:999px;border:1px solid rgba(168,109,255,.35);background:rgba(168,109,255,.08);font-weight:900}.dot{width:10px;height:10px;border-radius:999px;background:var(--accent-3);box-shadow:0 0 14px var(--accent-3)}
.lead{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:60ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-actions.centered{justify-content:center}.cta{padding:14px 18px;border-radius:16px;border:1px solid var(--stroke);cursor:pointer;transition:.25s ease;background:transparent;color:var(--text)}.cta:hover{transform:translateY(-2px)}.cta.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#130d24;font-weight:900;border:none}.cta.secondary{background:rgba(255,255,255,.05)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat-row div{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--stroke)}.stat-row strong{display:block;font-size:.8rem;margin-bottom:5px}.stat-row span{color:var(--muted)}
.hero-visual{position:relative}.hero-card{overflow:hidden;padding:8px}.hero-card img{width:100%;border-radius:22px;aspect-ratio:3/2;object-fit:cover}.floaty{animation:floaty 4s ease-in-out infinite}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.floating-tag{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(7,10,18,.78);border:1px solid var(--stroke);box-shadow:var(--shadow)}.floating-tag.one{left:-8px;bottom:65px}.floating-tag.two{right:-8px;top:22px}
.marquee{overflow:hidden;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.marquee-track{display:flex;gap:34px;padding:14px 0;white-space:nowrap;min-width:max-content;font-weight:800;text-transform:uppercase;letter-spacing:.12em;animation:marquee 26s linear infinite}.marquee-track span::before{content:"✦";margin-right:16px;color:var(--accent-3)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:92px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.two-col-section h2,.section h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 14px}.two-col-section p,.section p{color:var(--muted);line-height:1.8}
.story-card{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px;align-items:center}.story-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px}.story-card-text h3{margin:0 0 8px}.story-card-text p{margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:24px}.feature h3{margin:0 0 10px}.feature p{margin:0}
.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scene-card{overflow:hidden}.scene-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.scene-card figcaption{padding:16px 18px}.scene-card span{color:var(--muted)}
.profile-grid,.reel-grid,.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.profile-image-wrap{padding:10px}.profile-image-wrap img{border-radius:22px;aspect-ratio:3/1;object-fit:cover;width:100%}
.terminal-output{padding:16px;border-radius:18px;background:#0a1020;border:1px solid rgba(168,109,255,.18);color:#eef5ff;min-height:92px;line-height:1.7}.reel-box{overflow:hidden;position:relative}.reel-box img{width:100%;aspect-ratio:1/1;object-fit:cover}.reel-caption{position:absolute;left:14px;bottom:14px;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}
.market-grid .link-list{display:grid;gap:10px}.link-list a{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--stroke)}.ca-box{display:block;width:100%;text-align:left;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--stroke);color:var(--text);cursor:pointer;margin:8px 0;font-weight:700}
.center-block{text-align:center;padding:28px;max-width:860px;margin:0 auto}.footer{padding:26px 0 50px;border-top:1px solid var(--stroke);background:rgba(0,0,0,.18)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px}.footer-logo{font-weight:900;letter-spacing:.1em;margin-bottom:8px}.footer p,.footer small,.footer a,.disclaimer{color:var(--muted);line-height:1.8}.footer a{display:block;margin-bottom:8px}.disclaimer{margin-top:18px}
body.theme-hero{--bg-a:#050916;--bg-b:#0b1022;--bg-c:#161033;--accent:#a86dff;--accent-2:#4fe0ff;--accent-3:#ffb35d}
body.theme-cosmos{--bg-a:#0a0818;--bg-b:#140f2d;--bg-c:#1d103b;--accent:#b074ff;--accent-2:#54d8ff;--accent-3:#ffbe67}
body.theme-story{--bg-a:#0f0a1b;--bg-b:#17102a;--bg-c:#221238;--accent:#d28fff;--accent-2:#60dbff;--accent-3:#ffc56b}
body.theme-world{--bg-a:#0b1323;--bg-b:#101733;--bg-c:#141c40;--accent:#8a7dff;--accent-2:#4fe0ff;--accent-3:#ffbb6f}
body.theme-gallery{--bg-a:#10081b;--bg-b:#1a0e2d;--bg-c:#27134a;--accent:#bd72ff;--accent-2:#50deff;--accent-3:#ffba69}
body.theme-header{--bg-a:#130a1b;--bg-b:#22102f;--bg-c:#2c1638;--accent:#c37bff;--accent-2:#6fe6ff;--accent-3:#ffc15e}
body.theme-tea{--bg-a:#1a1011;--bg-b:#231522;--bg-c:#2e1b2a;--accent:#e085ff;--accent-2:#70dfff;--accent-3:#ffc56d}
body.theme-market{--bg-a:#090c14;--bg-b:#111627;--bg-c:#171a29;--accent:#8f8cff;--accent-2:#55ddff;--accent-3:#ffcb6a}
body.theme-final{--bg-a:#070911;--bg-b:#100f23;--bg-c:#180f31;--accent:#b37aff;--accent-2:#5be0ff;--accent-3:#ffc06f}
@media (max-width:1080px){.hero-grid,.two-col,.profile-grid,.reel-grid,.market-grid,.footer-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(2,1fr)}.story-card{grid-template-columns:1fr}.hero-card img{aspect-ratio:16/10}}
@media (max-width:760px){.nav-links{display:none;position:absolute;left:19px;right:19px;top:68px;flex-direction:column;align-items:stretch;background:rgba(6,9,18,.96);padding:14px;border-radius:20px;border:1px solid var(--stroke)}.nav.open .nav-links{display:flex}.menu-toggle{display:block}.feature-grid,.scene-grid,.stat-row{grid-template-columns:1fr}.heading-row{flex-direction:column;align-items:flex-start}.floating-tag{display:none}.profile-image-wrap img{aspect-ratio:16/7}.shell{width:min(1220px,calc(100% - 24px))}}