:root{--bg:#070b16;--bg2:#12284f;--text:#e9f1ff;--muted:#aec2e8;--line:rgba(255,255,255,.16);--card:rgba(255,255,255,.06);--p1:#6bc0ff;--p2:#7f75ff}
*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 90% -20%,#2f5296 0%,transparent 55%),linear-gradient(155deg,var(--bg),var(--bg2))}
.container{width:min(1120px,92vw);margin:0 auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(circle at 20% 20%,#fff 1px,transparent 1px);background-size:3px 3px}
.header{position:sticky;top:0;z-index:30;background:rgba(5,10,23,.72);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;text-decoration:none}.brand img{width:40px;height:40px;object-fit:cover;border-radius:11px}
.menu{margin-left:auto;display:flex;gap:18px}.menu a{color:var(--muted);text-decoration:none;font-weight:600}.menu a:hover{color:#fff}
.menu-btn{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;text-decoration:none;font-weight:800;background:linear-gradient(120deg,var(--p1),var(--p2));color:#07132a}.btn.ghost{background:transparent;border:1px solid var(--line);color:#fff}
.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:22px;padding:58px 0 22px}.tag{display:inline-block;padding:7px 12px;border:1px solid #8ea4ff66;border-radius:999px;background:#8ea4ff22;font-size:.84rem;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:.6rem 0 1rem}.lead{color:var(--muted);line-height:1.75}
.cta{display:flex;gap:12px;margin:18px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.metrics b{display:block}.metrics span{color:var(--muted);font-size:.86rem}
.hero-card{display:grid;place-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.hero-card img{width:min(420px,100%);border-radius:20px;filter:drop-shadow(0 22px 32px rgba(64,130,255,.35))}
.section{padding:42px 0}h2{font-size:1.9rem;margin:0 0 15px}.grid{display:grid;gap:14px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.22)}.card p{color:var(--muted);line-height:1.6}.steps .card b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#82b3ff;color:#0a1a36}
.token h3{font-size:2rem;margin:.2rem 0}.footer{padding:24px 0 36px;color:var(--muted);text-align:center}
@media (max-width:980px){.hero{grid-template-columns:1fr}.metrics,.grid.three,.grid.four,.grid.two,.steps{grid-template-columns:1fr}.menu{display:none;position:absolute;top:72px;right:4vw;background:#0a1630;border:1px solid var(--line);padding:12px;border-radius:12px;flex-direction:column;min-width:180px}.menu.show{display:flex}.menu-btn{display:block}.nav>.btn.ghost{display:none}}