:root{color-scheme:light;--peach: #f9a891;--peach-deep: #d2603a;--navy: #0b1233;--page: #f0f2f5;--surface: #ffffff;--ink: #0b1233;--ink-2: #4a5375;--ink-muted: #6b7280;--border: #e5e7eb;--border-strong: #d5d9e0;--up: #22c55e;--up-ink: #15803d;--up-wash: #ecfdf3;--part: #f59e0b;--part-ink: #b45309;--part-wash: #fffbeb;--down: #ef4444;--down-ink: #b91c1c;--down-wash: #fef2f2;--none: #e5e7eb;--radius: 8px;--shadow: 0 1px 2px rgba(11, 18, 51, .05), 0 4px 14px -10px rgba(11, 18, 51, .22);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;background:var(--page);color:var(--ink)}body{font-size:15px;line-height:1.5}.app{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--peach);outline-offset:2px}.topbar{background:var(--navy)}.topbar__inner{max-width:1080px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand__logo{display:block;height:22px;width:auto;object-fit:contain}.brand__dot{width:10px;height:10px;border-radius:50%;flex:none}.brand__dot--operational{background:var(--up);box-shadow:0 0 0 4px #22c55e2e}.brand__dot--degraded{background:var(--part);box-shadow:0 0 0 4px #f59e0b33}.brand__dot--down{background:var(--down);box-shadow:0 0 0 4px #ef444433}.brand__name{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap}.brand__name-accent{color:var(--peach)}.topbar__right{display:flex;align-items:center;gap:14px;min-width:0}.topbar__meta{text-align:right;min-width:0}.topbar__title{margin:0;font-size:14px;font-weight:600;color:#fff;line-height:1.3}.topbar__sub{margin:2px 0 0;font-size:12.5px;line-height:1.3;color:#ffffffa8;font-variant-numeric:tabular-nums}.topbar__sep{margin:0 7px;color:#ffffff57}.bell{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius);border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffd1}.page{max-width:1080px;margin:0 auto;padding:24px 24px 56px}.section{margin-top:32px}.section__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section__title{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--navy)}.section__bar .section__title{margin:0}.section__icon{color:var(--ink-muted)}.pill{padding:5px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap}.empty{margin:0;padding:26px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink-muted);text-align:center;font-size:14px}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:11px 14px;border:1px solid #fcd9a4;border-radius:var(--radius);background:var(--part-wash);color:var(--part-ink);font-size:13.5px}.btn{font:inherit;font-size:13px;padding:6px 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--navy);cursor:pointer}.btn:hover{border-color:var(--peach)}.hero{display:flex;align-items:center;gap:18px;padding:26px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero__mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;color:#fff}.hero--operational .hero__mark{background:var(--up);box-shadow:0 0 0 6px #22c55e1f}.hero--degraded .hero__mark{background:var(--part);box-shadow:0 0 0 6px #f59e0b24}.hero--down .hero__mark{background:var(--down);box-shadow:0 0 0 6px #ef444421}.hero__headline{margin:0;font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--navy)}.services{display:grid;gap:10px}.service{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr) auto;grid-template-areas:"name strip figure";align-items:center;gap:22px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.service__name{grid-area:name;margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--navy);overflow-wrap:anywhere}.strip{grid-area:strip;display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:30px}.strip__bar{border-radius:2px;background:var(--none)}.strip__bar--up{background:var(--up)}.strip__bar--part{background:var(--part)}.strip__bar--down{background:var(--down)}.strip__empty{grid-area:strip;margin:0;font-size:13px;color:var(--ink-muted)}.service__figure{grid-area:figure;display:flex;align-items:center;justify-content:flex-end;gap:14px}.service__pct{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:7px;flex:none;padding:4px 11px 4px 9px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.chip--operational{background:var(--up-wash);color:var(--up-ink);border-color:#22c55e47}.chip--degraded{background:var(--part-wash);color:var(--part-ink);border-color:#f59e0b57}.chip--down{background:var(--down-wash);color:var(--down-ink);border-color:#ef444447}.overall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.overall__box{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 16px;text-align:center}.overall__box+.overall__box{border-left:1px solid var(--border)}.overall__value{font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--navy);font-variant-numeric:tabular-nums}.overall__label{font-size:12.5px;color:var(--ink-muted)}.incidents{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.incident{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr) auto;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.incident:last-child{border-bottom:0}.incident__main{display:flex;align-items:center;gap:8px;min-width:0}.incident__name{font-weight:600;color:var(--navy);overflow-wrap:anywhere}.tag{flex:none;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tag--ongoing{background:var(--down-wash);color:var(--down-ink);border:1px solid rgba(239,68,68,.26)}.incident__times{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:13px;color:var(--ink-2)}.incident__key{color:var(--ink-muted);margin-right:4px}.incident__duration{font-size:13.5px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;text-align:right}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--ink-2)}.footer__item{display:inline-flex;align-items:center;gap:7px}.footer__item--muted{color:var(--ink-muted)}@media(max-width:860px){.service{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name figure" "strip strip";gap:14px 16px}.strip{gap:1px;height:26px}}@media(max-width:640px){.topbar__inner{padding:12px 16px;gap:12px}.brand__name{font-size:17px}.topbar__sub{font-size:11.5px}.topbar__sep{margin:0 5px}.bell{width:30px;height:30px}.page{padding:20px 16px 40px}.hero{padding:20px;gap:14px}.hero__headline{font-size:21px}.overall{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.overall__box{padding:14px 8px}.overall__box+.overall__box{border-left:0}.overall__box:nth-child(2n){border-left:1px solid var(--border)}.overall__box:nth-child(n+3){border-top:1px solid var(--border)}.overall__value{font-size:22px}.incident{grid-template-columns:1fr auto;align-items:start}.incident__times{grid-column:1 / -1}}@media(max-width:420px){.topbar__inner{flex-wrap:wrap}.topbar__right{width:100%;justify-content:space-between}.topbar__meta{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}