:root {
  --void: #10042a;
  --void-soft: #1a0a3e;
  --ink: #fff7ea;
  --muted: #c7b9d9;
  --gold: #ffcf63;
  --gold-soft: #f0a934;
  --magenta: #f054ff;
  --red: #ec344e;
  --violet: #8d54ff;
  --line: rgba(255, 247, 234, .16);
  --card: rgba(41, 15, 81, .78);
  --shadow: 0 24px 72px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--void); }
body { margin: 0; min-width: 320px; background: var(--void); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
a { color: inherit; }
.site-shell { position: relative; overflow: hidden; }
.cosmic-grid { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(#000 0%, transparent 58%); }
.orb { position: absolute; z-index: 0; width: 28rem; height: 28rem; filter: blur(35px); border-radius: 999px; pointer-events: none; opacity: .32; }
.orb-one { top: 8rem; left: -18rem; background: var(--magenta); }
.orb-two { top: 42rem; right: -16rem; background: #1957ff; }
.site-header, main, .site-footer { position: relative; z-index: 1; }
.site-header { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 900; letter-spacing: -.04em; font-size: 1.2rem; }
.brand-lockup img { width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(255,255,255,.28); object-fit: cover; }
.brand-dot { color: var(--gold); }
nav { display: flex; gap: 22px; font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 750; color: var(--muted); }
nav a { text-decoration: none; transition: color .2s ease; } nav a:hover { color: var(--gold); }
.section-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.hero { min-height: min(790px, calc(100svh - 90px)); padding: 74px 0 96px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); align-items: center; gap: 44px; }
.eyebrow, .section-kicker { margin: 0 0 19px; color: var(--gold); font-size: .72rem; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; font-weight: 850; }
.eyebrow { display: flex; align-items: center; gap: 9px; } .eyebrow span { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(236,52,78,.18); }
h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; }
h1 { max-width: 730px; margin-bottom: 22px; font-size: clamp(3.7rem, 8vw, 7.5rem); letter-spacing: -.085em; line-height: .83; }
h1 em { display: block; margin-top: 22px; color: var(--gold); font-style: normal; font-size: .32em; letter-spacing: -.045em; line-height: 1; }
.hero-lede { max-width: 530px; margin-bottom: 13px; font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 700; color: var(--ink); }
.hero-note { max-width: 485px; color: var(--muted); font-size: .96rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px; }
.button { display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 17px; border-radius: 999px; text-decoration: none; text-transform: uppercase; font-size: .72rem; letter-spacing: .09em; font-weight: 850; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--gold); color: #2b0a32; box-shadow: 0 13px 30px rgba(255,207,99,.22); }
.button-secondary { background: var(--red); color: #fff9ef; box-shadow: 0 13px 30px rgba(236,52,78,.22); }
.button-ghost { border: 1px solid var(--line); color: var(--ink); background: rgba(255,255,255,.03); }
.pending-notice { min-height: 22px; margin: 16px 0 0; color: #aa98c6; font-size: .79rem; }
.hero-art { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 555px; }
.hero-art::before { content: ""; position: absolute; z-index: -1; width: min(95%, 575px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 45%, rgba(240,84,255,.4), rgba(75,18,155,.17) 43%, transparent 70%); filter: blur(8px); }
.hero-art img { position: relative; z-index: 2; width: min(100%, 590px); border-radius: 50%; border: 2px solid rgba(255, 207, 99, .88); box-shadow: var(--shadow), 0 0 0 14px rgba(255,207,99,.06); animation: float 7s ease-in-out infinite; }
.hero-ring { position: absolute; z-index: 1; border: 1px solid rgba(255,207,99,.65); border-radius: 50%; transform: rotate(-20deg); }
.ring-a { width: 91%; height: 63%; } .ring-b { width: 67%; height: 104%; border-color: rgba(240,84,255,.55); transform: rotate(44deg); }
.art-stamp { position: absolute; z-index: 3; padding: 7px 11px; border: 1px solid rgba(255,247,234,.34); border-radius: 999px; background: rgba(16,4,42,.72); color: var(--ink); font-size: .63rem; font-weight: 850; letter-spacing: .11em; backdrop-filter: blur(6px); }
.stamp-top { top: 9%; right: 5%; } .stamp-bottom { bottom: 8%; left: 3%; color: var(--gold); }
.story-section { padding: 116px 0; border-top: 1px solid var(--line); }
.story-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(32px, 7vw, 104px); align-items: start; }
h2 { margin-bottom: 21px; font-size: clamp(2.25rem, 5vw, 4.7rem); letter-spacing: -.06em; line-height: .94; } h2 span { color: var(--magenta); }
.story-grid > div > p { max-width: 690px; color: var(--muted); font-size: 1.05rem; }
.lab-note { padding: 31px; border-radius: 26px; background: linear-gradient(145deg, rgba(240,84,255,.15), rgba(240,84,255,.03)), var(--card); border: 1px solid rgba(240,84,255,.28); box-shadow: var(--shadow); }
.note-label { color: var(--gold); letter-spacing: .15em; font-size: .68rem; font-weight: 850; }.note-quote { margin: 22px 0; font-family: ui-rounded, sans-serif; font-size: 1.85rem; line-height: 1; letter-spacing: -.04em; }.note-copy { margin: 0; color: var(--muted); font-size: .9rem; }
.tokenomics-section { padding: 116px 0; }.section-heading-row { display: flex; justify-content: space-between; gap: 30px; align-items: end; }.section-heading-row h2 { max-width: 700px; margin: 0; }.section-heading-row > p { max-width: 350px; margin: 0 0 7px; color: var(--muted); }
.fact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 42px; }.fact-card { min-height: 243px; padding: 23px; border: 1px solid var(--line); border-radius: 19px; background: rgba(255,255,255,.035); display: flex; flex-direction: column; transition: transform .2s ease, border-color .2s ease; }.fact-card:hover { transform: translateY(-4px); border-color: rgba(255,207,99,.6); }.fact-label { color: var(--gold); font-size: .66rem; letter-spacing: .13em; font-weight: 850; }.fact-card strong { display: block; margin: auto 0 15px; color: var(--ink); font-family: ui-rounded, sans-serif; font-size: 1.33rem; letter-spacing: -.04em; line-height: .95; }.fact-card small { color: var(--muted); font-size: .8rem; }
.meme-section { position: relative; z-index: 1; width: min(1240px, calc(100% - 24px)); margin: 20px auto 0; padding: 25px; display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(25px, 5vw, 76px); align-items: center; border: 1px solid rgba(255,207,99,.24); border-radius: 33px; background: #180935; overflow: hidden; }.meme-visual { position: relative; min-height: 380px; border-radius: 22px; overflow: hidden; background: radial-gradient(circle, #5d1e97, #15052d); }.meme-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(24,9,53,.4), transparent 60%); pointer-events: none; }.meme-visual img { width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; }.meme-caption { position: absolute; z-index: 1; bottom: 20px; left: 20px; right: 20px; font-family: ui-rounded, sans-serif; font-weight: 850; font-size: 1.4rem; letter-spacing: -.03em; }.meme-copy { padding: 25px 26px 25px 0; }.meme-copy h2 { font-size: clamp(2rem, 4vw, 3.5rem); }.meme-copy > p { color: var(--muted); }.meme-prompts { margin-top: 28px; }.meme-prompts p { display: flex; gap: 10px; padding: 12px 0; margin: 0; border-top: 1px solid var(--line); font-weight: 630; }.meme-prompts span { color: var(--gold); font-size: .72rem; letter-spacing: .1em; }
.roadmap-section { padding: 126px 0; }.roadmap-section > h2 { max-width: 820px; }.roadmap-track { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 39px; border-top: 1px solid var(--line); }.roadmap-track article { min-height: 268px; padding: 22px 18px 17px; border-right: 1px solid var(--line); }.roadmap-track article:first-child { padding-left: 0; }.roadmap-track article:last-child { border-right: 0; }.roadmap-track span { color: var(--gold); font-size: .65rem; letter-spacing: .12em; font-weight: 850; }.roadmap-track h3 { margin: 22px 0 13px; font-size: 1.33rem; letter-spacing: -.04em; line-height: 1; }.roadmap-track p { color: var(--muted); font-size: .89rem; }
.transparency-section { padding: 0 0 110px; }.transparency-panel { padding: clamp(28px, 5vw, 66px); border-radius: 31px; display: grid; grid-template-columns: 1fr .82fr; gap: 45px; background: linear-gradient(125deg, #f23f55, #9c234c 50%, #522163); box-shadow: var(--shadow); }.transparency-panel h2 { max-width: 620px; }.transparency-panel > div > p { max-width: 540px; margin: 0; color: rgba(255,250,245,.84); }.verify-list { display: grid; align-content: center; gap: 0; }.verify-list p { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.25); color: #fff !important; font-size: .75rem; letter-spacing: .08em; }.verify-list span { font-weight: 750; }.verify-list b { color: #ffed9d; font-size: .68rem; }.integrity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }.integrity-grid article { min-height: 165px; padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.035); }.integrity-grid span { color: var(--gold); font-size: .64rem; letter-spacing: .12em; font-weight: 850; }.integrity-grid p { margin: 15px 0 0; color: var(--muted); font-size: .84rem; }
.site-footer { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 42px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 22px; }.site-footer p { margin: 0; color: var(--muted); font-size: .82rem; }.site-footer > a { color: var(--gold); text-decoration: none; font-size: .79rem; font-weight: 800; }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-10px) rotate(1deg); } }
@media (max-width: 920px) { .hero { grid-template-columns: 1fr; padding-top: 48px; }.hero-copy { max-width: 720px; }.hero-art { min-height: 510px; order: -1; }.hero-art img { max-width: 500px; }.story-grid, .transparency-panel, .meme-section { grid-template-columns: 1fr; }.meme-copy { padding: 18px 7px 20px; }.fact-grid { grid-template-columns: repeat(2, 1fr); }.roadmap-track { grid-template-columns: repeat(2, 1fr); }.roadmap-track article:nth-child(2n) { border-right: 0; }.roadmap-track article:first-child { padding-left: 18px; }.integrity-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .site-header, .section-wrap, .site-footer { width: min(100% - 32px, 1180px); }.site-header { padding: 16px 0; }.site-header nav { display: none; }.hero { min-height: 0; padding: 36px 0 72px; gap: 20px; }.hero-art { min-height: 350px; }.hero-art img { width: min(95%, 390px); }.art-stamp { font-size: .54rem; padding: 6px 8px; }.stamp-top { right: 0; }.stamp-bottom { left: 0; }.hero-actions { display: grid; grid-template-columns: 1fr; }.button { justify-content: space-between; }.story-section, .tokenomics-section, .roadmap-section { padding: 76px 0; }.section-heading-row { display: block; }.section-heading-row > p { margin-top: -4px; }.fact-grid, .integrity-grid { grid-template-columns: 1fr; }.fact-card { min-height: 180px; }.meme-section { width: min(100% - 20px, 1240px); padding: 10px; border-radius: 22px; }.meme-visual, .meme-visual img { min-height: 270px; }.meme-caption { left: 14px; bottom: 13px; font-size: 1.15rem; }.roadmap-track { grid-template-columns: 1fr; }.roadmap-track article, .roadmap-track article:nth-child(2n) { min-height: auto; padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }.roadmap-track article:first-child { padding-left: 0; }.transparency-panel { gap: 22px; padding: 28px 20px; border-radius: 23px; }.verify-list p { display: block; }.verify-list b { display: block; margin-top: 6px; }.site-footer { flex-direction: column; align-items: flex-start; }.site-footer p { max-width: 280px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }
@media print { body { background: #fff; color: #190b32; } .site-shell { background: #fff; } .cosmic-grid, .orb, .hero-ring, .hero-actions, .pending-notice, nav { display: none !important; } .site-header, .section-wrap, .site-footer { width: 100%; } .hero, .story-grid, .transparency-panel, .meme-section { display: block; } .hero { min-height: auto; padding: 20px 0; } .hero-art { min-height: auto; margin-top: 20px; } .hero-art img { width: 260px; } .fact-grid, .roadmap-track, .integrity-grid { grid-template-columns: repeat(2, 1fr); } .fact-card, .lab-note, .meme-section, .transparency-panel, .integrity-grid article { break-inside: avoid; box-shadow: none; background: #f6efff; color: #190b32; } .meme-copy, .meme-caption, .story-grid > div > p, .section-heading-row > p, .fact-card small, .roadmap-track p, .integrity-grid p, .site-footer p { color: #46395d; } }