:root { --ink:#1a1a1a; --muted:#6b7280; --line:#e6e6e3; --accent:#527cff; --bg:#faf9f6; --ok:#2ec29a; --down:#da4a50; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
.wrap { max-width:640px; margin:0 auto; padding:64px 24px; }
.brand { font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:0 0 8px; }
h1 { font-size:28px; font-weight:600; margin:0 0 12px; letter-spacing:-.01em; }
.lede { color:var(--muted); margin:0 0 40px; }
.card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px 24px 8px; }
.card h2 { font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 4px; }
.row { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-top:1px solid var(--line); }
.row:first-of-type { border-top:0; }
.row .k { color:var(--muted); }
.row .v { font-variant-numeric:tabular-nums; display:flex; align-items:center; gap:8px; }
.dot { width:9px; height:9px; border-radius:50%; display:inline-block; }
.dot.ok { background:var(--ok); } .dot.down { background:var(--down); }
.pill { font-size:12px; padding:3px 10px; border-radius:999px; border:1px solid var(--line); }
.pill.ok { color:var(--ok); border-color:var(--ok); } .pill.down { color:var(--down); border-color:var(--down); }
.pill.off { color:var(--muted); }
.foot { color:var(--muted); font-size:13px; margin-top:20px; display:flex; justify-content:space-between; }
a { color:var(--accent); }