/* Carbon Chonks — placeholder splash. Self-contained, no external fonts/CDN. */
:root{
  --bg:#0a0d0a; --panel:#11150f; --line:#1f261d;
  --green:#46c87c; --green-dim:#2f9d5e; --green-glow:rgba(70,200,124,.25);
  --text:#e9f0ea; --muted:#97a399;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
strong{color:#fff}

/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;
  padding:20px clamp(20px,5vw,56px);position:sticky;top:0;z-index:5;
  background:linear-gradient(180deg,var(--bg),rgba(10,13,10,.7) 70%,transparent);backdrop-filter:blur(6px)}
.brand{color:#fff;font-weight:800;letter-spacing:.14em;font-size:.95rem}
.badge{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);
  border:1px solid var(--green-dim);border-radius:999px;padding:5px 11px}

/* hero */
.hero{min-height:78vh;display:flex;align-items:center;
  padding:40px clamp(20px,5vw,56px) 64px;
  background:radial-gradient(60% 80% at 50% 0%,rgba(70,200,124,.10),transparent 70%)}
.hero-inner{max-width:760px;margin:0 auto;text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:var(--green);margin-bottom:18px}
h1{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.07;font-weight:800;letter-spacing:-.02em;color:#fff}
.sub{margin:22px auto 0;max-width:620px;font-size:1.08rem;color:var(--muted)}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-block;padding:14px 26px;border-radius:12px;font-weight:700;font-size:.98rem;cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#06250f;box-shadow:0 8px 30px var(--green-glow)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--green-dim)}
.micro{margin-top:18px;font-size:.8rem;color:var(--muted)}

/* the chonk motif (CSS-only black ball going green) */
.chonk{width:84px;height:84px;margin:0 auto 26px;border-radius:30% 70% 64% 36%/40% 38% 62% 60%;
  background:radial-gradient(40% 40% at 35% 30%,var(--green),var(--green-dim) 45%,#0e1410 78%);
  box-shadow:0 0 0 1px rgba(70,200,124,.25),0 14px 50px var(--green-glow);
  animation:morph 9s ease-in-out infinite}
@keyframes morph{0%,100%{border-radius:30% 70% 64% 36%/40% 38% 62% 60%}
  50%{border-radius:62% 38% 40% 60%/55% 60% 40% 45%}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{background:var(--bg);padding:30px clamp(16px,3vw,28px);text-align:center}
.num{display:block;font-size:1.5rem;font-weight:800;color:var(--green)}
.lbl{display:block;margin-top:8px;font-size:.84rem;color:var(--muted)}

/* info cards */
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  max-width:1040px;margin:64px auto;padding:0 clamp(20px,5vw,56px)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}
.card h3{color:#fff;font-size:1.05rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.96rem}

/* trade */
.trade{max-width:680px;margin:0 auto 72px;padding:0 clamp(20px,5vw,56px);text-align:center}
.trade h2{font-size:1.7rem;color:#fff;letter-spacing:-.01em}
.trade p{color:var(--muted);margin:14px auto 26px;max-width:520px}

/* footer */
.foot{border-top:1px solid var(--line);padding:40px clamp(20px,5vw,56px);
  text-align:center;font-size:.86rem;color:var(--muted)}
.foot p{margin:0 auto 14px;max-width:680px}
.disclaimer{color:#cdd6cf;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:14px 18px}
.foot .links a{margin:0 4px}
.gb-only,.copy{font-size:.78rem}

/* legal pages */
.legal{max-width:760px;margin:0 auto;padding:48px clamp(20px,5vw,56px) 80px}
.legal h1{font-size:2rem;margin-bottom:6px}
.legal .draft{display:inline-block;margin-bottom:24px;font-size:.74rem;letter-spacing:.1em;
  text-transform:uppercase;color:#f0c040;border:1px solid #6a5a16;border-radius:999px;padding:5px 11px}
.legal h2{color:#fff;font-size:1.15rem;margin:28px 0 8px}
.legal p,.legal li{color:var(--muted);font-size:.96rem}
.legal ul{margin:8px 0 8px 22px}
.legal .back{display:inline-block;margin-bottom:28px}

@media (max-width:760px){
  .stats{grid-template-columns:1fr}
  .info{grid-template-columns:1fr}
}