/* ── site-wide usage statistics ─────────────────────────────── */
.usage{padding:110px 4.2vw;border-top:1px solid var(--line);background:#080808}
.usage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:44px 0 0;background:var(--line);border:1px solid var(--line)}
.usage-stats article{background:#0b0b0b;padding:26px 24px 24px}
.usage-stats small{display:block;color:#8a8a8a;font:500 11px DM Mono,monospace;letter-spacing:.1em}
.usage-stats strong{display:block;margin:18px 0 8px;font-size:38px;line-height:1;letter-spacing:-.05em;font-weight:800}
.usage-stats span{color:#6f6f6f;font:400 11px DM Mono,monospace;letter-spacing:.06em}
.usage-charts{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}
.usage-panel{background:#0b0b0b;padding:22px 24px 18px;min-width:0}
.usage-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.usage-panel h3{margin:0;font:600 13px DM Mono,monospace;letter-spacing:.1em;color:#f4f4f0;text-transform:uppercase}
.usage-panel header b{font:400 11px DM Mono,monospace;letter-spacing:.08em;color:#6f6f6f}
.usage-chart{height:300px;width:100%}
.usage-note{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#6f6f6f;font:400 11px/1.7 DM Mono,monospace;letter-spacing:.05em}
.usage-note i{width:6px;height:6px;border-radius:50%;background:#8a8a8a;flex:none}
.usage-note.is-live i{background:#fff;box-shadow:0 0 12px #fff}
@media(max-width:1100px){.usage-stats{grid-template-columns:repeat(2,1fr)}.usage-charts{grid-template-columns:1fr}}
@media(max-width:800px){.usage{padding:74px 20px}.usage-stats strong{font-size:30px}.usage-chart{height:260px}}