
:root{
  --bg:#070906;
  --panel:#10140e;
  --panel2:#151b12;
  --text:#f0f2e8;
  --muted:#8f9888;
  --acid:#b7ff18;
  --line:#25301f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 80% 10%,rgba(183,255,24,.08),transparent 26%),
    radial-gradient(circle at 10% 45%,rgba(183,255,24,.035),transparent 20%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:48px 48px;
}
a{color:inherit;text-decoration:none}
.nav{
  max-width:1180px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;
}
.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:.08em}
.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--acid)}
.nav nav{display:flex;gap:24px;color:var(--muted);font-size:14px}
.nav nav a:hover{color:var(--acid)}
main{max-width:1180px;margin:0 auto;padding:0 28px 80px}
.hero{min-height:680px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:48px}
.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--acid);font-weight:800}
h1{font-size:clamp(70px,10vw,150px);line-height:.78;margin:18px 0 18px;letter-spacing:-.07em}
h1 span{color:var(--acid)}
.lead{font-size:34px;font-weight:800;margin:0 0 18px}
.sub{max-width:690px;color:#bec6b8;font-size:18px;line-height:1.65}
.cta-row{display:flex;gap:12px;margin:30px 0}
.btn{padding:14px 18px;border-radius:12px;border:1px solid var(--line);font-weight:800}
.btn.primary{background:var(--acid);color:#0a0d08;border-color:var(--acid)}
.btn.ghost:hover{border-color:var(--acid)}
.launch-card{
  display:grid;grid-template-columns:.7fr 1.6fr auto;gap:16px;align-items:center;
  border:1px solid var(--line);background:rgba(16,20,14,.85);padding:16px;border-radius:16px;max-width:720px
}
.launch-card span,.metrics span,.mini-grid span,.official-link span{
  display:block;color:var(--muted);font-size:11px;letter-spacing:.13em
}
.launch-card strong{display:block;margin-top:6px}
.launch-card button{
  border:0;border-radius:10px;padding:10px 14px;background:#222820;color:#5e6858;font-weight:800
}
.warning{max-width:720px;color:#7f8978;font-size:13px;line-height:1.5}
.hero-art{display:flex;justify-content:center}
.hero-art img{
  width:min(100%,470px);aspect-ratio:1;border-radius:28px;object-fit:cover;
  box-shadow:0 0 90px rgba(183,255,24,.16);border:1px solid rgba(183,255,24,.5)
}
.ticker{
  margin:20px 0 70px;padding:18px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:18px;justify-content:center;color:#dbe5d3;font-weight:900;letter-spacing:.08em
}
.ticker b{color:var(--acid)}
.section{padding:72px 0}
.section-title{max-width:720px}
h2{font-size:clamp(42px,6vw,78px);line-height:.95;margin:12px 0 22px;letter-spacing:-.045em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps article,.feature-grid article{
  border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#10140e,#0b0e0a)
}
.steps article>span{color:var(--acid);font-weight:900}
.steps h3,.feature-grid h3{font-size:23px;margin:38px 0 8px}
.steps p,.feature-grid p{color:var(--muted);line-height:1.55}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.image-card,.copy-card,.bucket-preview,.official-link,.v2-note{
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,24,15,.96),rgba(10,13,9,.96));border-radius:22px
}
.image-card{overflow:hidden}
.image-card img{width:100%;height:100%;object-fit:cover;min-height:430px}
.copy-card{padding:34px}
.copy-card p{color:#b9c2b2;line-height:1.65}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.mini-grid div,.metrics div{
  padding:16px;border:1px solid #1f281a;border-radius:14px;background:#0b0e0a
}
.mini-grid strong,.metrics strong{display:block;margin-top:8px}
.note{margin-top:20px}
.muted{color:var(--muted)}
.bucket-preview{padding:30px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start}
.pill{border:1px solid var(--line);padding:8px 12px;border-radius:999px;color:var(--muted);font-size:12px}
.meter{height:18px;background:#20271c;border-radius:999px;overflow:hidden;margin:26px 0 18px}
.meter-fill{height:100%;width:0;background:var(--acid)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v2{padding-top:100px}
.v2-copy{max-width:820px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.feature-grid .icon{font-size:30px}
.feature-grid h3{margin-top:26px}
.v2-note{padding:18px 20px;margin-top:18px;color:#adb6a7;line-height:1.55}
.v2-note strong{color:var(--acid)}
.manifesto{padding-top:110px;padding-bottom:110px}
.manifesto h2 span{color:var(--acid)}
.manifesto p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.6}
.official{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.link-grid{display:grid;gap:12px}
.official-link{padding:22px;transition:.2s}
.official-link:hover{border-color:var(--acid);transform:translateY(-2px)}
.official-link strong{display:block;margin-top:8px}
footer{
  border-top:1px solid var(--line);padding:30px max(28px,calc((100vw - 1180px)/2));
  display:grid;gap:12px;color:var(--muted);font-size:13px
}
.brand.small img{width:34px;height:34px}
.risk{max-width:720px}
@media (max-width:900px){
  .nav nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}
  .hero-art{order:-1}
  .hero-art img{width:300px}
  .steps,.feature-grid{grid-template-columns:1fr 1fr}
  .split,.official{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr}
  .launch-card{grid-template-columns:1fr}
}
@media (max-width:540px){
  main{padding-left:18px;padding-right:18px}
  .nav{padding:18px}
  h1{font-size:66px}
  .lead{font-size:28px}
  .steps,.feature-grid,.mini-grid{grid-template-columns:1fr}
  .ticker{font-size:12px;gap:10px}
}
