:root{color-scheme:light;--bg:#f5f4ef;--panel:#fff;--text:#18231f;--muted:#56615c;--brand:#275344;--green:#23825d;--warn:#b78325;--bad:#a12828;--line:#deded7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -16%,rgb(103 158 129 / 14%),transparent 34rem),var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}header,footer{display:flex;gap:1.2rem;justify-content:space-between;padding:1.2rem 5vw;background:linear-gradient(180deg,#19392f,#122d26);border-bottom:1px solid #285344;color:#fff}footer{border-top:1px solid #285344;border-bottom:0;justify-content:flex-start}a{color:#d6ebdf}main{width:min(980px,90vw);margin:3rem auto;display:grid;gap:1.2rem}.hero,.card,.service{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:0 12px 30px rgb(23 42 36 / 8%)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.service{display:flex;justify-content:space-between;align-items:center}.badge{border-radius:999px;padding:.25rem .65rem;font-weight:700;font-size:.82rem}.operational{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}.degraded{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.outage{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}h1{font-size:clamp(2rem,6vw,4rem);margin:.2rem 0}h2,h3{margin:.2rem 0}.muted,#updated{color:var(--muted)}