:root {
  --ink: #f6f2e8;
  --muted: #aaa69d;
  --paper: #090909;
  --surface: #151515;
  --line: #34332f;
  --yellow: #ffcc00;
  --green: #8bd450;
  --red: #ef5b4d;
  --warning: #f1b84b;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); }
a { color: inherit; text-decoration: none; }
.status-header { align-items: center; border-bottom: 1px solid rgba(255, 204, 0, 0.32); display: flex; justify-content: space-between; min-height: 72px; padding: 0 5vw; }
.brand { align-items: center; display: inline-flex; font-size: 0.86rem; font-weight: 800; gap: 10px; }.brand img { display: block; height: 32px; width: 32px; }.back-link { color: var(--muted); font-size: 0.9rem; }.back-link:hover { color: var(--yellow); }
main { margin: 0 auto; max-width: 1240px; padding: 0 5vw; }.status-overview { border-bottom: 1px solid var(--line); padding: 110px 0 64px; }.eyebrow { color: var(--yellow); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.1em; margin: 0 0 18px; text-transform: uppercase; }
h1, h2, p { margin-top: 0; }h1 { font-size: clamp(3rem, 7vw, 6.2rem); letter-spacing: 0; line-height: 0.92; margin-bottom: 30px; }h2 { font-size: clamp(1.8rem, 3vw, 3rem); letter-spacing: 0; line-height: 1; margin-bottom: 0; }
.overall-state { align-items: center; color: var(--green); display: flex; font-size: 1.22rem; font-weight: 800; gap: 10px; margin-bottom: 12px; }.overall-state i, .service-state i { background: currentColor; border-radius: 50%; display: inline-block; height: 9px; width: 9px; }.overall-state.is-down { color: var(--red); }.overall-state.is-pending { color: var(--warning); }.updated { color: var(--muted); font-size: 0.9rem; margin-bottom: 0; }
.services { padding: 70px 0 100px; }.section-title { margin-bottom: 32px; }.section-title .eyebrow { margin-bottom: 12px; }.service-grid { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, 1fr); }
.service { align-items: center; background: var(--surface); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; min-height: 92px; padding: 18px 22px; }.service:nth-child(odd) { border-right: 1px solid var(--line); }.service-name { font-size: 1.05rem; font-weight: 800; margin: 0 0 6px; }.service-detail { color: var(--muted); font-size: 0.82rem; margin: 0; }.service-state { align-items: center; color: var(--green); display: inline-flex; font-size: 0.82rem; font-weight: 800; gap: 7px; }.service.is-down .service-state { color: var(--red); }.service.is-pending .service-state { color: var(--warning); }
footer { border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: 0.82rem; justify-content: space-between; padding: 30px 5vw; }
@media (max-width: 700px) { .status-header { min-height: 62px; padding: 0 20px; }main { padding: 0 20px; }.status-overview { padding: 78px 0 48px; }.services { padding: 58px 0 78px; }.service-grid { grid-template-columns: 1fr; }.service:nth-child(odd) { border-right: 0; }footer { gap: 14px; padding: 25px 20px; } }