:root{
  --bg:#070A12;
  --bg2:#05060C;
  --surface:rgba(255,255,255,.04);
  --surface-2:rgba(255,255,255,.055);
  --text:#E9EEF8;
  --muted:rgba(233,238,248,.68);
  --gold:#FFD700;
  --gold2:#FFB800;
  --blue:#58A6FF;
  --border:rgba(255,255,255,.08);
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 50% -10%, rgba(88,166,255,.16), transparent 60%),
    radial-gradient(900px 600px at 15% 15%, rgba(255,215,0,.11), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.8}
.page{padding-top:88px}
.section{max-width:1280px;margin:0 auto;padding:28px 20px 40px}
.section--tight{padding-top:10px}
.section__head{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.h2{margin:0;font:700 clamp(30px,4vw,44px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.02em}
.p{margin:0;max-width:760px;color:var(--muted);line-height:1.7}
.kicker{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.8);margin-bottom:14px}
.title{margin:0 0 12px;font:700 clamp(42px,7vw,76px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.04em;max-width:780px}
.glow{background:linear-gradient(90deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(255,215,0,.18)}
.subtitle{font-size:18px;margin:0 0 12px;color:rgba(233,238,248,.92)}
.lead{max-width:700px;margin:0 0 18px;color:rgba(233,238,248,.76);line-height:1.75}
.glass{background:rgba(255,255,255,.03);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.35);border-radius:var(--radius)}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(180deg,rgba(7,10,18,.88),rgba(7,10,18,.58));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav__inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav__brand{display:flex;align-items:center;gap:14px;min-width:0}
.nav__mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);padding:8px;box-shadow:var(--shadow);flex:0 0 auto}
.nav__eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.nav__name{display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px}
.nav__links{display:flex;gap:18px;flex-wrap:wrap;color:rgba(233,238,248,.75);font-size:14px}
.nav__links a:hover{color:#fff}
.nav__cta{display:flex;gap:10px;align-items:center}
.nav__burger{display:none;background:transparent;border:0;padding:0;flex-direction:column;gap:5px}
.nav__burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
.nav__mobile{display:none;padding:0 20px 18px;max-width:1280px;margin:0 auto}
.nav__mobile a{display:block;padding:10px 0;color:rgba(233,238,248,.86)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;align-items:stretch}
.hero__copy,.hero__panel{padding:28px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 18px}
.hero__badges{display:flex;gap:10px;flex-wrap:wrap}
.badge{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);min-width:138px}
.badge__label{font-size:12px;color:rgba(233,238,248,.65)}
.badge__value{font-size:14px;margin-top:4px;color:#fff;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 18px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn--gold{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#111;box-shadow:0 10px 30px rgba(255,184,0,.22)}
.btn--ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#fff}
.btn--mini{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1)}
.panel__head,.panel__foot,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.panel__title,.card__title{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px}
.panel__hint,.muted,.helper{font-size:13px;color:var(--muted)}
.statuspill{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.statuspill.good{background:rgba(30,196,120,.15);color:#b7ffd8;border-color:rgba(30,196,120,.25)}
.statuspill.bad{background:rgba(255,100,100,.16);color:#ffd1d1;border-color:rgba(255,100,100,.25)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stats--hero{margin:18px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.stats--miner{margin:16px 0 22px}
.stat{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);min-height:114px}
.stat__k,.fact__k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,238,248,.64);margin-bottom:10px}
.stat__v,.fact__v{font-weight:700;font-size:clamp(20px,2.6vw,30px);line-height:1.05;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.stat__s,.fact__s{margin-top:10px;color:var(--muted);font-size:13px}
.factgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fact,.card,.chartcard,.tablecard,.faqcard,.minersearch{padding:20px}
.connectgrid,.chartgrid,.faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.chartgrid--single{grid-template-columns:1fr}
.card__title--table{margin-bottom:12px}
.endpointlist{display:grid;gap:12px;margin-top:12px}
.endpoint{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);flex-wrap:wrap}
.endpoint code{font-size:14px;color:#fff}
.copyblock{margin-top:16px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.copyblock__label{font-size:13px;color:var(--muted);margin-bottom:8px}
.copyblock pre{margin:0 0 12px;white-space:pre-wrap;word-break:break-word;color:#fff}
.chartcard{min-height:320px;display:flex;flex-direction:column}
.chartcard--wide{min-height:340px}
.chartcard__sub{margin:6px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}
.chartcard canvas{display:block;width:100% !important;height:240px !important;max-height:240px !important}
.tablewrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{text-align:left;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;vertical-align:top}
th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,238,248,.66)}
.empty{text-align:center;color:var(--muted);padding:20px}
.searchrow{display:flex;gap:12px}
.searchrow input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:14px;padding:14px 16px;outline:none}
.searchrow input:focus{border-color:rgba(255,215,0,.35);box-shadow:0 0 0 4px rgba(255,215,0,.08)}
.inputlabel{display:block;font-weight:600;margin-bottom:10px}
.minerbox{display:grid;gap:18px}
.minerresults{display:grid;gap:18px}
.footer{padding:24px 20px 44px}
.footer__inner{max-width:1280px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted)}
.footer__links{display:flex;gap:14px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}
.reveal.is-on{opacity:1;transform:none}
.gap-sm{gap:8px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.goodtext{color:#9df0b9}
.warntext{color:#ffd48a}
.badtext{color:#ffb5b5}
@media (max-width:1100px){
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:flex}
  .nav__mobile[hidden]{display:none}
  .nav__mobile:not([hidden]){display:block}
  .hero__grid,.connectgrid,.chartgrid,.faqgrid,.factgrid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .section{padding-inline:14px}
  .hero__copy,.hero__panel,.fact,.card,.chartcard,.tablecard,.faqcard,.minersearch{padding:16px}
  .stats{grid-template-columns:1fr}
  .searchrow{flex-direction:column}
  table{min-width:620px}
}