:root{color-scheme:dark;--bg:#0a0a0a;--panel:#0b0b0b;--text:#fafafa;--muted:#a2a2a2;--line:#242424;--subtle:#151515;--tab:#252525;--up:#00c568;--down:#f26666;--unknown:#747478;--mixed:#ddb357;--wash:rgba(0,197,104,.10);--accent:var(--up)}
:root[data-theme=light]{color-scheme:light;--bg:#fafafa;--panel:#fff;--text:#151515;--muted:#626262;--line:#dedede;--subtle:#f3f3f3;--tab:#e6e6e6;--up:#008745;--down:#bd3434;--unknown:#767680;--mixed:#99600c;--wash:rgba(0,146,76,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 "Instrument Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,summary{cursor:pointer}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}.wrap{width:100%;max-width:1440px;padding:0 16px;margin:auto}header,.crumb,footer{border-bottom:1px solid var(--line)}.topbar,.actions,.main-nav,.main-nav a,.actions a,.actions button,.crumb nav,.section-head,.periods,.metrics,.metrics dd,.card-title,.stats,.bar-caption,.stamp{display:flex;align-items:center}.topbar{height:64px;gap:56px}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px}.brand span{color:#ef4b52}.main-nav{gap:36px}.main-nav a,.actions a,.actions button{gap:8px;font-size:14px;font-weight:550}.icon{width:17px;height:17px;flex:none}.actions{gap:8px;margin-left:auto}.actions a,.actions button{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--subtle)}.actions button{width:36px;justify-content:center;padding:0}.actions .login{color:var(--bg);background:var(--text);border-color:transparent}.crumb nav{height:48px;gap:13px;font-size:14px}.crumb a,.crumb span,.sub,dt,.bar-caption,.stamp,.method,.group-sub,.average small,.meta-label,.card-url,.footer-grid a,.copyright{color:var(--muted)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:58% 42%;align-items:center;min-height:clamp(445px,42.2vw,565px);margin-top:32px;padding:40px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse 34% 78% at 80% 52%,var(--wash),transparent 85%),linear-gradient(150deg,var(--panel) 45%,var(--bg) 75%,var(--subtle))}.hero[data-state=down]{--accent:var(--down);--wash:rgba(239,70,70,.09)}.hero[data-state=unknown]{--accent:var(--unknown);--wash:rgba(130,130,148,.07)}h1,h2,h3,h4,p,dd,dl{margin:0}h1{font-size:clamp(36px,3.75vw,56px);line-height:1.08;letter-spacing:-1.7px;font-weight:720}.sub{margin-top:12px}.health-badge{display:inline-flex;align-items:center;gap:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);padding:8px 15px;margin-top:20px;border-radius:999px;font-weight:650;font-size:14px}.health-badge:before,.group-sub:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.metrics{gap:12px;margin-top:30px}.metrics>div{align-self:stretch;flex:1;min-width:0;min-height:120px;padding:19px 20px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 75%,transparent)}dt{font-size:13px}.metrics dd{margin:6px 0 2px;color:var(--up);line-height:1.15;font-size:clamp(23px,2.4vw,34px);font-weight:700;letter-spacing:-.9px}.metrics dd.empty{color:var(--muted)}#online{color:var(--text);gap:7px}#online span{color:var(--muted)}.metrics small{color:var(--accent);font-size:12px}.orbit{display:grid;place-items:center;min-width:0;color:var(--accent);background:radial-gradient(circle,var(--wash),transparent 62%)}.orbit svg{width:min(100%,400px);height:auto;overflow:visible}.orbit text{fill:var(--muted);font:600 9px system-ui;letter-spacing:1.4px}.orbit .orbit-group{transform-origin:200px 200px;animation:rotate 150s linear infinite}.orbit .track{fill:none;stroke:currentColor;opacity:.12}.orbit .center-ring{fill:none;stroke:currentColor;stroke-width:1.5}@keyframes rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.orbit .orbit-group{animation:none}}
.services{margin-top:48px}.section-head{justify-content:space-between;margin-bottom:30px;gap:12px}h2{font-size:20px;line-height:1.2;letter-spacing:-.45px}.periods{padding:3px;gap:2px;border-radius:7px;background:var(--tab)}.periods button{padding:8px 13px;border:0;background:transparent;border-radius:5px;color:var(--muted);font-size:13px;font-weight:600}.periods [aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 4px #0003}
.group{margin-bottom:23px}.group-toggle{display:flex;align-items:center;width:100%;text-align:left;gap:16px;padding:16px 19px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.chevron{color:var(--muted);font-size:17px;transition:transform .16s}.group-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.group-name{font-size:18px;letter-spacing:-.4px;font-weight:620}.group-sub{display:flex;align-items:center;gap:7px;font-size:13px}.average{margin-left:auto;text-align:right;display:grid;white-space:nowrap}.average b,.metric-pct{color:var(--up)}.average small{font-size:11px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}.card-title{gap:10px}.mark{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.7px solid var(--accent);color:var(--accent);font-size:12px;font-weight:800}.card-title h4{font-size:16px;letter-spacing:-.3px;line-height:1.25}.card-url{font-size:12px}.pill{font-size:11px;border-radius:100px;font-weight:650;padding:3px 10px;margin-left:auto;align-self:flex-start;background:var(--text);color:var(--bg)}[data-state=down]{--accent:var(--down)}[data-state=unknown]{--accent:var(--unknown)}.stats{font-size:13px;gap:14px;flex-wrap:wrap;margin:15px 0 12px}.stats b{margin-left:4px}.protocol{margin-left:auto;border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:10px}.bars{display:flex;align-items:stretch;background:var(--subtle);padding:5px;gap:2px;border-radius:7px;min-height:31px}.bars button{border:0;border-radius:2px;padding:0;flex:1;min-width:0;background:var(--unknown)}.bars .up,.dot.up{background:var(--up)}.bars .down,.dot.down{background:var(--down)}.bars .mixed{background:var(--mixed)}.bars .unknown,.dot.unknown{background:var(--unknown);opacity:.38}.bar-caption{justify-content:space-between;font-size:11px;margin-top:5px}.dots{display:flex;gap:6px;padding:10px 12px;flex-wrap:wrap}.dot{width:9px;height:9px;display:inline-block;border-radius:50%}.stamp{justify-content:center;gap:16px;flex-wrap:wrap;margin:27px 0;font-size:13px}#detail:empty{display:none}#detail,#incidents,.method{font-size:13px}#detail{margin:12px 0;color:var(--muted)}#history{margin-top:26px}#incidents{margin-top:9px;color:var(--muted)}#incidents p{padding:6px 0}.method{border-top:1px solid var(--line);padding:18px 0;margin-bottom:22px}.method p{margin:8px 0;max-width:78ch}footer{border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:32px;padding-bottom:32px}.footer-grid>div{display:grid;align-content:start;gap:7px}.footer-grid strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.footer-grid a,.copyright{font-size:13px}.copyright{padding-top:14px;padding-bottom:18px;border-top:1px solid var(--line)}
@media(max-width:900px){.topbar{gap:24px}.main-nav{gap:15px}.hero{padding:30px;grid-template-columns:60% 40%}.metrics>div{padding:14px 12px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.main-nav{display:none}.topbar{height:56px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:25px 20px;min-height:0;margin-top:20px;gap:10px}.orbit svg{width:225px}.metrics{margin-top:18px;gap:6px}.metrics>div{padding:12px 8px;min-height:82px;border-radius:10px}.metrics small,dt{font-size:11px}.metrics dd{font-size:21px}h1{font-size:35px}.sub{font-size:14px}.services{margin-top:28px}.section-head{margin-bottom:18px}.cards{grid-template-columns:1fr}.group-toggle{gap:10px;padding:14px}.periods button{padding:7px 9px}.stamp{gap:4px 12px}.footer-grid{gap:18px}}
@media(max-width:370px){.wrap{padding-left:10px;padding-right:10px}.hero{padding:18px 12px}.actions a{padding:0 7px}.metrics dd{font-size:18px}}
/* Keep the mobile layout in the same reading order as the reference. */
.mobile-menu{display:none}.menu-panel{position:absolute;top:56px;left:16px;z-index:3;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 40px #0004}.menu-panel a,.menu-panel button{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;padding:10px;border-radius:6px}.menu-panel a:hover,.menu-panel button:hover{background:var(--subtle)}.menu-panel[hidden],.notice[hidden]{display:none}
.notice{margin-top:32px;padding:22px 18px;border:1px solid color-mix(in srgb,var(--mixed) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--mixed) 6%,var(--bg));color:var(--mixed);font-size:14px}.orbit .center-ring{stroke:var(--text);opacity:.12;stroke-width:2}.orbit .center-icon{fill:none;stroke:currentColor;stroke-width:4.5}.orbit .center-symbol{font:600 32px system-ui;fill:currentColor}.orbit text{font-weight:700;font-size:10px;letter-spacing:1px}.metrics .coverage{display:block;font-size:11px;color:var(--muted)}.metrics>div{min-height:120px}.metrics dd{line-height:1.05}
@media(max-width:700px){.topbar{height:64px;gap:10px;position:relative}.topbar .brand{font-size:29px}.topbar .actions>button,.topbar .actions>.switch{display:none}.mobile-menu{display:grid;place-items:center;background:transparent;border:0;padding:4px;width:32px;height:36px;font-size:25px;line-height:1}.hero{margin-top:32px;padding:24px;gap:24px;text-align:center;background:radial-gradient(ellipse 80% 35% at 50% 19%,var(--wash),transparent),var(--panel)}.orbit{grid-row:1}.orbit svg{width:min(100%,320px)}.orbit text:not(.center-symbol){display:none}.hero-copy{min-width:0}.hero h1{font-size:30px;letter-spacing:-.9px}.sub{font-size:15px;line-height:1.55;margin:15px auto 0;max-width:34ch}.health-badge{margin-top:20px;padding:7px 14px}.metrics{display:grid;gap:12px;margin-top:30px}.metrics>div{min-height:90px;padding:16px;display:grid;align-content:center;justify-items:center;border-radius:16px}.metrics dd{font-size:25px}.metrics dt{font-size:13px}.section-head{flex-wrap:wrap}.orbit{background:radial-gradient(circle,var(--wash),transparent 65%)}}