*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b0e12;color:#f6f6f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{width:min(1120px,92%);margin:0 auto}
.nav{position:sticky;top:0;background:#0b0e12cc;backdrop-filter:blur(8px);border-bottom:1px solid #1b1f26;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:900;color:#ffd54a;text-decoration:none;font-size:18px;letter-spacing:.5px}
.nav a{color:#d9dbe0;margin-left:16px;text-decoration:none;font-size:14px}
.nav a:hover{color:#fff}
.hero{padding:28px 0 6px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}}
.hero-media{display:flex;justify-content:center}
.hero-media img{width:min(780px,100%);border-radius:14px;border:1px solid #1b1f26;box-shadow:0 12px 50px rgba(0,0,0,.55)}
.hero-copy h1{font-size:42px;margin:8px 0 6px}
.ticker{color:#ffd54a}
.tagline{opacity:.9;line-height:1.5}
.cta{display:flex;gap:12px;margin:16px 0 12px;flex-wrap:wrap}
.btn{border:1px solid #2a313b;padding:10px 16px;border-radius:12px;color:#e9ecf1;text-decoration:none}
.btn:hover{border-color:#566072}
.btn.primary{background:#ffd54a;color:#0b0e12;border-color:#ffd54a;font-weight:800}
.contract{display:flex;align-items:center;gap:10px;font-family:ui-monospace,Menlo,monospace;color:#c3c9d4}
.contract code{background:#0f1319;border:1px solid #1b1f26;padding:6px 8px;border-radius:8px}
.copy{background:#131923;color:#e9ecf1;border:1px solid #273041;border-radius:8px;padding:6px 10px;cursor:pointer}
.section{padding:44px 0}
.section.alt{background:#0e1218;border-top:1px solid #171c24;border-bottom:1px solid #171c24}
h2{font-size:28px;margin:0 0 14px}
.token-list{list-style:disc;margin-left:20px;line-height:1.85}
.tok{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:950px){.tok{grid-template-columns:1fr}}
.tokenomics-media{display:flex;justify-content:center;align-items:center}
.tokenomics-media img{width:min(680px,100%);border:1px solid #1b1f26;border-radius:14px}
.steps{line-height:1.85}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#101625;border:1px solid #1b2330;border-radius:14px;padding:16px}
.roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.rm{background:#101625;border:1px solid #1b2330;border-radius:14px;padding:16px}
.footer{padding:40px 0;color:#aab3c2;text-align:center;border-top:1px solid #171c24;background:#0b0e12}
.doc{max-width:900px}
.doc h1{font-size:34px}
