.status-page{width:min(1180px,90vw);margin:auto}
.status-hero{padding:110px 0 80px;border-top:0}
.status-hero h1{max-width:980px}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.status-grid article{border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(145deg,rgba(83,213,255,.035),rgba(255,255,255,.01))}
.status-grid h2{font-size:1.45rem;margin:24px 0 10px}
.status-grid p{color:var(--muted)}
.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.72rem;border:1px solid var(--line)}
.status-pill.active{color:var(--accent)}
.status-pill.planned{color:var(--accent2)}
.status-pill.pending{color:#f4c96b}
.status-pill.future{color:var(--muted)}
.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.milestones div{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}
.milestones b{color:var(--accent);font-size:1.25rem}
.milestones span{color:#d5e1e7}
@media(max-width:900px){.status-grid,.milestones{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.status-grid,.milestones{grid-template-columns:1fr}}