:root{--bg:#07131f;--panel:#091a28;--line:rgba(136,176,200,.16);--line2:rgba(136,176,200,.26);--text:#edf5f8;--muted:#8fa8b8;--green:#38e18e;--green2:#8df8bd;--cyan:#24bdf1;--shadow:0 24px 70px rgba(0,0,0,.27)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.status-shell{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:28px 0 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 28px}.brand img{display:block;width:285px;max-width:42vw}.top-actions{display:flex;align-items:center;gap:10px}.ghost-link,.primary-link{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.09em;border:1px solid var(--line2)}.ghost-link{color:#dce9f0;background:transparent}.primary-link{color:#f6fbfd;background:#0d2c41;border-color:rgba(36,189,241,.25)}.card,.status-hero{background:linear-gradient(180deg,rgba(9,26,40,.97),rgba(8,23,35,.97));border:1px solid var(--line);box-shadow:var(--shadow)}.status-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;padding:38px 40px;border-radius:26px;margin-bottom:16px}.eyebrow,.section-head>div>span{display:block;color:#7fa0b3;font-size:10px;font-weight:900;letter-spacing:.19em;margin-bottom:12px}.status-intro h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.055em;line-height:.95;margin:0 0 20px}.status-intro>p{max-width:700px;color:#9bb2c0;line-height:1.65;font-size:15px;margin:15px 0 0}.all-good{display:inline-flex;align-items:center;gap:11px;padding:12px 15px;border-radius:999px;border:1px solid rgba(56,225,142,.23);background:rgba(56,225,142,.07);color:var(--green2)}.all-good i,.healthy-badge i,.live-dot,.component-row>div>i,.no-incident>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(56,225,142,.75);flex:0 0 auto}.live-digital{padding:24px;border-radius:20px;border:1px solid rgba(56,225,142,.20);background:#081722;min-height:190px}.live-head{display:flex;align-items:center;gap:9px;color:#8feeba;font-size:10px;font-weight:900;letter-spacing:.15em}.live-clock{font-family:"Courier New",ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.8vw,62px);font-weight:800;letter-spacing:.04em;line-height:1;margin:24px 0 14px}.live-date-line{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}.live-date-line strong{font-size:14px}.live-date-line span,.live-digital small{color:var(--muted);font-size:12px}.live-digital small{display:block;margin-top:13px}.card{border-radius:22px}.availability-card{padding:24px 26px;margin-bottom:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:25px;letter-spacing:-.035em}.availability-score{text-align:right}.availability-score strong{display:block;font-size:26px}.availability-score small{color:var(--muted);font-size:11px}.availability-strip{display:grid;grid-template-columns:repeat(90,minmax(3px,1fr));gap:3px}.availability-strip i{height:28px;border-radius:4px;background:linear-gradient(180deg,#46e99b,#2bc97d)}.availability-strip i:nth-child(13n){opacity:.88}.availability-strip i:nth-child(17n){opacity:.78}.strip-labels{display:flex;justify-content:space-between;color:#6f8b9b;font-size:10px;margin-top:9px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-card{padding:19px 20px}.metric-card>span{display:block;color:#7695a8;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:10px}.metric-card strong{display:block;font-size:32px;line-height:1;margin-bottom:8px}.metric-card small{color:#8da8b8;font-size:12px;line-height:1.45}.content-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.components-card{padding:25px}.healthy-badge,.live-mini{display:inline-flex;align-items:center;gap:8px;color:var(--green2);font-size:9px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.component-group{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.component-group h3{margin:0 0 9px;color:#7090a3;font-size:9px;letter-spacing:.18em}.component-row{display:grid;grid-template-columns:minmax(0,1fr) 82px 112px;gap:16px;align-items:center;padding:15px 4px;border-top:1px solid rgba(136,176,200,.09)}.component-row:first-of-type{border-top:0}.component-row>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center}.component-row>div>i{grid-row:1/3}.component-row strong{font-size:14px}.component-row small{color:#7e9aaa;font-size:11px;margin-top:3px}.component-row>span{color:#d5e5ed;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.component-row>b{justify-self:end;color:#80efb0;font-size:9px;letter-spacing:.12em}.right-stack{display:grid;gap:16px}.response-card,.health-card,.incidents-card{padding:25px}.chart-wrap{position:relative;border-radius:16px;background:#071722;border:1px solid rgba(136,176,200,.10);overflow:hidden;padding:10px}.chart-wrap svg{display:block;width:100%;height:auto}.grid-lines line{stroke:rgba(136,176,200,.10)}.line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round}.area{fill:url(#areaFill)}.last-point{fill:var(--green);filter:drop-shadow(0 0 7px rgba(56,225,142,.75))}.hover-line{stroke:rgba(255,255,255,.30);stroke-width:1}.chart-axis{display:flex;justify-content:space-between;color:#718d9e;font-size:9px;margin-top:8px}.chart-tooltip{position:absolute;display:none;min-width:128px;padding:10px 11px;border-radius:10px;background:#101c28;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 32px rgba(0,0,0,.35);pointer-events:none}.chart-tooltip.show{display:grid}.chart-tooltip b{font-size:11px}.chart-tooltip span{color:#839cac;font-size:9px;margin:4px 0}.chart-tooltip strong{font-size:16px;color:#dff7e8}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-grid>div{padding:15px;border-radius:14px;background:#071722;border:1px solid rgba(136,176,200,.10)}.health-grid span{display:block;color:#7896a8;font-size:10px;margin-bottom:7px}.health-grid strong{font-size:20px}.no-incident{display:flex;gap:13px;padding:16px;border-radius:14px;background:rgba(56,225,142,.06);border:1px solid rgba(56,225,142,.18)}.no-incident>i{margin-top:4px}.no-incident strong{font-size:14px}.no-incident p{margin:5px 0 0;color:#8aa5b5;font-size:12px;line-height:1.55}.event-list{margin-top:13px}.event-list>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(136,176,200,.09)}.event-list time{color:#7897aa;font-size:9px;font-weight:800}.event-list p{margin:0;color:#9cb2bf;font-size:12px;line-height:1.5}
@media(max-width:1080px){.status-hero,.content-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.status-shell{width:min(100% - 24px,1420px);padding-top:16px}.topbar{align-items:flex-start;flex-direction:column}.brand img{width:230px;max-width:70vw}.top-actions{width:100%}.ghost-link,.primary-link{height:40px;padding:0 13px;font-size:9px}.status-hero{padding:25px 20px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:16px}.availability-card,.components-card,.response-card,.health-card,.incidents-card{padding:19px 16px}.availability-strip{gap:2px}.availability-strip i{height:22px}.component-row{grid-template-columns:minmax(0,1fr) auto}.component-row>b{display:none}.component-row>span{min-width:65px}.section-head{gap:10px}.healthy-badge{font-size:7px}.health-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.metrics-grid{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}.status-intro h1{font-size:42px}.live-clock{font-size:43px}.component-row{gap:8px}.component-row small{display:block}.event-list>div{grid-template-columns:1fr;gap:4px}}