@font-face{font-family:Montserrat;src:url('/montserrat.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#f7f8fa;--ink:#132640;--blue:#06f;--muted:#7c899a;--line:#dbe1e8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.6 Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button{cursor:pointer;color:inherit}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.skip{position:absolute;top:-100px;padding:14px;z-index:10;background:white}.skip:focus{top:10px;left:10px}
header{border-bottom:1px solid var(--line)}.topbar{max-width:1200px;margin:auto;padding:0 40px;height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px}.brand img{display:block;width:146px;height:auto;mix-blend-mode:multiply}.brand-divider{width:1px;height:26px;background:#cfd8e4}.brand-status{font-size:18px;font-weight:450;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:27px;font-size:11px;color:#6b7d94}.header-right select{border:0;color:var(--ink);background:transparent;padding:8px 0;cursor:pointer}
main{max-width:1200px;padding:0 40px 24px;margin:auto}.status-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;height:285px;isolation:isolate}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#8392a5;margin-bottom:18px}.eyebrow i{width:5px;height:5px;background:#06f;border-radius:50%}h1{font-size:clamp(36px,4vw,54px);font-weight:450;letter-spacing:-2.8px;line-height:1.2}h1 span{color:var(--blue)}.feed{display:inline-flex;gap:15px;font-size:10px;color:#728298;margin-top:22px}.spatial-scene{height:270px;position:relative;perspective:850px;transform-style:preserve-3d;overflow:hidden;pointer-events:none}.ecosystem{position:absolute;left:50%;top:-90px;width:480px;height:480px;transform:translateX(-50%) rotateX(7deg) rotateY(-9deg);object-fit:contain;filter:drop-shadow(0 32px 16px #16468712);animation:float 9s ease-in-out infinite}.scene-grid{position:absolute;width:340px;height:270px;left:50%;top:28px;transform:translateX(-50%) rotateX(70deg) rotateZ(-19deg);background-image:linear-gradient(#5695e31c 1px,transparent 1px),linear-gradient(90deg,#5695e31c 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}.scene-orbit{position:absolute;border:1px solid #2a75e32b;border-radius:50%;width:340px;height:100px;left:50%;top:125px;transform:translateX(-50%) rotate(-19deg);box-shadow:0 0 35px #3d84ff04}.orbit-two{width:370px;height:140px;top:111px;transform:translateX(-50%) rotate(17deg);border-color:#2a75e315}.scene-node{position:absolute;width:6px;height:6px;box-shadow:0 0 0 5px #06f07;border-radius:50%;background:#65a3ff}.node-one{left:8%;top:54%;animation:node 8s ease-in-out infinite}.node-two{right:7%;top:41%;animation:node 8s ease-in-out infinite reverse}.node-three{left:65%;top:80%;width:4px;height:4px}@keyframes float{0%,100%{transform:translateX(-50%) translateY(0) rotateX(7deg) rotateY(-9deg)}50%{transform:translateX(-50%) translateY(-9px) rotateX(3deg) rotateY(-4deg)}}@keyframes node{50%{transform:translateY(-7px)}}
.overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:3px;background:#ffffffa6}.overview-main{display:flex;align-items:center;gap:16px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#b2bcc9}.overview-main>.status-dot{width:10px;height:10px;box-shadow:0 0 0 6px #e8edf3}.overview h2{font-size:15px;letter-spacing:-.4px;font-weight:550}.overview p{font-size:9px;color:#8593a5;margin-top:3px}.refresh{display:flex;align-items:center;gap:8px;font-size:9px;color:#8491a4;white-space:nowrap}.refresh button{border:0;background:transparent;font-size:21px;color:#7c8ca3;padding:0 0 0 7px}.live-dot{width:4px;height:4px;border-radius:50%;background:#6399e7}.connection-error{padding:12px 20px;background:#fff4e3;color:#946e3b;font-size:11px;margin:12px 0}.tabs{display:flex;gap:32px;margin-top:20px;border-bottom:1px solid var(--line)}.tabs a{padding:16px 0 12px;color:#7b899d;font-size:12px;position:relative}.tabs a[aria-current=page]{color:var(--ink);font-weight:600}.tabs a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--blue);left:0;right:0}.workspace{display:block;margin-top:24px}aside{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;margin-bottom:22px}aside>label,aside>h2,.sidebar-note{display:none}input[type=search]{background:transparent;border:1px solid var(--line);border-radius:3px;width:100%;min-width:0;padding:10px 13px;font-size:11px;outline-offset:2px}#products{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:5px 0}#products button{display:flex;gap:7px;align-items:center;background:transparent;border:0;padding:6px 9px;white-space:nowrap;font-size:10px;color:#7b8a9e;border-radius:3px}#products button.active{background:#e7efff;color:#06f}.count{font-size:8px;color:#a0acbd}.section-heading{display:none}.group{background:#ffffff65;border-top:1px solid var(--line)}.group:last-child{border-bottom:1px solid var(--line)}.group>summary{list-style:none;padding:19px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.group>summary::-webkit-details-marker{display:none}.group>summary:hover{background:#fff}.group h3{font-size:14px;font-weight:500;letter-spacing:-.3px}.group-summary-right{display:flex;gap:22px;align-items:center}.group-summary-right>small{width:45px;text-align:right;font-size:9px;color:#99a5b5}.group-chevron{font-size:18px;font-style:normal;font-weight:300;color:#8ca0bb;width:13px;text-align:center;transition:transform .2s}.group[open] .group-chevron{transform:rotate(45deg)}.group[open]>summary{border-bottom:1px solid #e6ebf3;background:#f0f4fa}.service-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 130px;gap:16px;align-items:center;padding:12px 18px 12px 32px;border-top:1px solid #e9edf4;background:#ffffffa0}.service-row:first-of-type{border-top:0}.service-name{display:flex;gap:10px;align-items:center;text-align:left;font-size:11px;border:0;background:none;padding:1px 0}.service-name .label{overflow-wrap:anywhere}.service-name:hover .label{text-decoration:underline}.service-name small{display:none}.latency{font-size:10px;color:#8c9bad;text-align:right}.latency small{font-size:8px;margin-left:3px}.pill{display:inline-flex;align-items:center;gap:7px;justify-content:flex-end;font-size:10px;font-weight:400;white-space:nowrap;background:transparent}.status-dot.operational{background:#249d7c}.status-dot.degraded{background:#d99431}.status-dot.outage{background:#d55769}.status-dot.maintenance{background:#3c7cda}.status-dot.planned{background:#d0d7e2}.status-dot.unknown{background:#a8b4c3}.pill.operational{color:#26846e}.pill.degraded{color:#b68234}.pill.outage{color:#bc4d5c}.pill.maintenance{color:#3a73c2}.pill.planned,.pill.unknown{color:#95a1b3}.notice{border-left:2px solid #6a98d5;background:#eef3fc90;padding:12px 16px;margin-bottom:16px}.notice>summary{cursor:pointer;display:flex;align-items:center;gap:13px;list-style:none}.notice>summary:after{content:"+";margin-left:auto;color:#748cae}.notice[open]>summary:after{content:"−"}.notice>summary::-webkit-details-marker{display:none}.notice h3{font-size:11px;font-weight:500;display:inline}.notice .phase{font-size:9px;color:#6a88b0}.notice p{font-size:11px;color:#6d829e;white-space:pre-wrap;margin-top:10px;overflow-wrap:anywhere}.notice time,.notice .targets{font-size:9px;color:#8a9cb3}.notice.outage,.notice.degraded{border-color:#d39a4f;background:#fff7e9}.notice details{font-size:10px;margin-top:12px}.empty{padding:26px;border:1px dashed var(--line);font-size:11px;color:#8b99ac;text-align:center}.regions{display:flex;gap:8px;flex-wrap:wrap;margin:3px 0 24px}.regions button{border:1px solid var(--line);background:transparent;font-size:11px;color:#8291a5;padding:8px 18px;border-radius:3px}.regions button.active{border-color:#9abcf5;background:#edf3fe;color:#06f}.region-note{font-size:10px;color:#8e9bb0;margin-bottom:18px;max-width:790px}.server-card{position:relative;border-top:1px solid var(--line);padding:22px 16px;background:#ffffff65}.server-card h3{font-size:14px;font-weight:500;margin-bottom:7px}.server-card p{font-size:10px;color:#8c9bb0;margin-top:9px}.server-icon{float:right;font-size:23px;color:#a3bce4;transform:perspective(90px) rotateY(-20deg);text-shadow:3px 3px 0 #d9e6f9}.server-meta{font-size:10px;display:flex;gap:22px;color:#8d9cb0}.server-meta .pill{font-size:10px}.server-card p:last-child{display:none}.state-caption{font-size:10px;color:#91a1b7;margin:20px 0 15px}.collector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collector-card{border:1px solid var(--line);padding:16px;background:#ffffff65}.collector-card h3{font-size:10px;font-weight:500;margin-bottom:9px}.collector-card p{font-size:9px;color:#9aa9bd;margin-top:6px}.method{margin-top:24px;border-top:1px solid var(--line);padding:16px 0;font-size:10px;color:#94a1b3}.method>summary{cursor:pointer;width:fit-content}.method p{font-size:10px;color:#8291a7;margin:16px 0;max-width:860px}.legend{display:flex;flex-wrap:wrap;gap:18px}.legend>span{display:flex;align-items:center;gap:6px;font-size:9px}.legend .status-dot{width:5px;height:5px}footer{max-width:1120px;padding:22px 0 30px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#94a1b2;font-size:10px}footer nav{display:flex;gap:22px}.footer-brand{font-size:10px}dialog{width:calc(100% - 32px);max-width:570px;max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:5px;padding:25px;color:var(--ink);background:#f7f9fc}dialog::backdrop{background:#09264d50;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:18px;font-weight:500}.dialog-top button{border:0;background:transparent;font-size:28px;color:#92a1b4;font-weight:300}#detail-body p{font-size:11px;color:#8291a6;margin:13px 0 18px}.detail-check{border-bottom:1px solid var(--line);padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;flex-wrap:wrap}.detail-check strong{font-weight:500}.detail-check time{color:#94a4ba}.history{display:flex;gap:3px;height:35px;margin-top:20px}.history span{flex:1;border-radius:1px;background:#dfe5ee}.history span.ok{background:#58ad95}.history span.bad{background:#ce9b71}.history-key{display:flex;justify-content:space-between;color:#98a8be;font-size:9px;margin-top:7px}.loading{font-size:11px;color:#91a0b5;padding:18px 0}
@media(max-width:900px){.topbar,main{padding-left:28px;padding-right:28px}.status-hero{height:255px}.spatial-scene{height:245px}.ecosystem{width:420px;height:420px;top:-75px}.overview{padding:18px}.overview h2{font-size:13px}.refresh{font-size:8px}aside{grid-template-columns:190px minmax(0,1fr);gap:15px}footer{margin:0 28px}.scene-orbit{width:290px}.orbit-two{width:320px}}
@media(max-width:600px){.topbar{height:77px;padding:0 22px}.brand{gap:12px}.brand img{width:119px}.brand-status{font-size:15px}.brand-divider{height:21px}.header-right{gap:0}.header-right>a{display:none}.header-right select{font-size:10px;max-width:78px}main{padding:0 22px 18px}.status-hero{height:224px;display:block;overflow:hidden}.hero-copy{padding-top:47px;width:100%}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:15px}h1{font-size:38px;max-width:260px;letter-spacing:-1.8px;line-height:1.15}h1 span{display:block}.feed{margin-top:16px;font-size:9px}.spatial-scene{position:absolute;right:-48px;top:9px;width:230px;height:216px;z-index:-1;opacity:.25}.ecosystem{width:330px;height:330px;top:-30px}.scene-grid,.scene-orbit,.scene-node{display:none}.overview{padding:17px 16px;gap:12px;align-items:flex-start}.overview-main{gap:13px}.overview h2{font-size:12px}.overview p{font-size:8px;line-height:1.8;max-width:230px}.overview-main>.status-dot{width:8px;height:8px;margin-top:5px}.refresh{font-size:0}.refresh .live-dot{display:none}.refresh button{font-size:21px;line-height:1;padding-left:0}.tabs{gap:29px;margin-top:16px}.tabs a{font-size:11px;padding-bottom:13px}.workspace{margin-top:19px}aside{display:block;margin-bottom:17px}input[type=search]{font-size:10px}#products{margin-top:9px;padding-bottom:7px}#products button{font-size:9px;padding-left:8px;padding-right:8px}#products .count{display:none}.group>summary{padding:17px 10px}.group h3{font-size:12px}.group-summary-right{gap:14px}.group-summary-right>small{display:none}.pill{font-size:9px;gap:6px}.status-dot{width:5px;height:5px}.service-row{padding:12px 12px 12px 20px;grid-template-columns:minmax(0,1fr) 90px;gap:10px}.service-name{font-size:10px;gap:8px}.latency{display:none}.notice>summary{gap:9px;align-items:flex-start}.notice h3{font-size:10px}.notice .phase{font-size:8px;white-space:nowrap;margin-top:2px}.notice{padding:11px 13px}.regions{gap:7px;margin-bottom:18px}.regions button{font-size:10px;padding:7px 12px}.server-card{padding:18px 12px}.server-card h3{font-size:12px}.server-meta{font-size:9px;gap:14px;flex-wrap:wrap}.collector-grid{grid-template-columns:1fr;gap:9px}.collector-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px}.collector-card h3{margin:0;font-size:9px}.collector-card p{display:none}.state-caption,.region-note{font-size:9px}.method{font-size:9px}footer{margin:0 22px;font-size:9px;padding:20px 0 26px}footer nav{gap:15px}.footer-brand{font-size:9px}.dialog-top h2{font-size:15px}.detail-check{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the compact layout readable: primary information never depends on color. */
.eyebrow,#products{display:none}aside{display:block}input[type=search]{max-width:420px}.hero-copy{padding-bottom:4px}.feed{color:#62758f}
.region-note,.state-caption{display:none}
.group h3{font-size:15px}.pill{font-size:12px}.service-name{font-size:13px}.latency{font-size:11px}.overview h2{font-size:16px}.overview p{font-size:11px;color:#687a91}.tabs a{font-size:13px}input[type=search]{font-size:12px}#products button{font-size:11px;color:#62758f}.group-summary-right>small{font-size:11px;color:#71839d}.pill.unknown,.pill.planned{color:#74849a}.notice h3{font-size:12px}.notice .phase{font-size:11px}.notice p,.server-card p,.region-note{font-size:12px;color:#687c97}.server-meta{font-size:11px}.server-meta .pill{font-size:11px}.collector-card h3,.collector-card p{font-size:11px}.state-caption{font-size:11px}.method,.method p{font-size:11px;color:#6b7e97}footer,.footer-brand{font-size:11px}
@media(max-width:600px){.group h3{font-size:14px}.pill{font-size:11px}.service-name{font-size:12px}.overview h2{font-size:14px}.overview p{font-size:10px}.tabs a{font-size:12px}#products button{font-size:11px}input[type=search]{font-size:12px}.notice h3{font-size:11px}.notice .phase{font-size:10px}.notice>summary{flex-wrap:wrap}.notice p,.server-card p,.region-note{font-size:11px}.collector-card h3{font-size:11px}.state-caption{font-size:11px}.server-card h3{font-size:14px}.server-meta{font-size:11px}.service-row{grid-template-columns:minmax(0,1fr) 102px}.group-summary-right{gap:12px}.header-right select{font-size:11px}}