@font-face{font-family:Outfit;src:url('/fonts/Outfit-VariableFont_wght.ttf') format('truetype');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f1f5f2;color:#111412;font-family:Outfit,system-ui,sans-serif}.page{min-height:100vh}.brandbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:auto;padding:0 30px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand img{width:54px;height:54px;border-radius:14px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:19px;letter-spacing:-.02em}.brand small{margin-top:2px;color:#68716b;font-size:12px;font-weight:600}button{font:inherit}#refresh{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid rgba(17,20,18,.1);border-radius:999px;background:#fff;color:#111412;padding:0 16px;font-weight:700;cursor:pointer}#refresh svg{width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#refresh[disabled] svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:radial-gradient(circle at 90% 15%,rgba(0,128,55,.34),transparent 32%),linear-gradient(135deg,#07150d,#102d1d 70%,#008037);color:#fff;min-height:430px;padding:78px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);gap:70px;align-items:center}.eyebrow{margin:0;color:#44d17f;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:16px 0 22px;font-size:clamp(48px,7vw,86px);line-height:.92;letter-spacing:-.06em}.hero h1 span{color:#74d69b}.hero-copy>p:last-child{max-width:660px;margin:0;color:rgba(255,255,255,.72);font-size:18px;line-height:1.6}.overall{display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.09);padding:28px;backdrop-filter:blur(15px)}.pulse{width:20px;height:20px;border-radius:50%;background:#c5cdc8;box-shadow:0 0 0 8px rgba(255,255,255,.08);flex:0 0 auto}.overall.operational .pulse{background:#54e48f}.overall.degraded .pulse{background:#ffbf47}.overall.outage .pulse{background:#ff625e}.overall.maintenance .pulse{background:#76b8ff}.overall small,.overall strong,.overall time{display:block}.overall small{color:rgba(255,255,255,.6);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.overall strong{margin-top:5px;font-size:23px}.overall time{margin-top:5px;color:rgba(255,255,255,.6);font-size:12px}.systems,.incidents{max-width:1240px;margin:auto;padding:80px 30px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:7px 0 0;font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}.section-heading>p{margin:0;color:#707872;font-size:13px}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.component{min-height:190px;border:1px solid rgba(17,20,18,.08);border-radius:25px;background:#fff;padding:23px;box-shadow:0 10px 40px rgba(14,34,21,.04)}.component-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.component h3{margin:0;font-size:20px;letter-spacing:-.02em}.component p{margin:28px 0 0;color:#68716b;line-height:1.55}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.operational{background:#e3f5ea;color:#007a34}.badge.degraded{background:#fff1d3;color:#9b6200}.badge.outage{background:#fee4e2;color:#b72f2b}.badge.maintenance{background:#e7f1ff;color:#2264a7}.skeleton{background:linear-gradient(100deg,#fff 20%,#f4f6f4 40%,#fff 60%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.incidents{padding-bottom:80px}.incident-card,.all-good,.quiet{border-radius:25px;background:#fff;padding:24px;border:1px solid rgba(17,20,18,.08)}.all-good{display:flex;align-items:center;gap:14px}.all-good .check{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#e3f5ea;color:#008037;font-size:22px;font-weight:800}.all-good strong,.all-good span{display:block}.all-good span{margin-top:2px;color:#68716b;font-size:13px}.incident-card{margin-top:12px}.incident-card .badge{margin-right:12px}.incident-card strong{font-size:18px}.incident-card p{margin:8px 0 0;color:#68716b}.quiet{color:#68716b}footer{display:flex;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;border-top:1px solid rgba(17,20,18,.08);padding:30px}footer p{margin:0;color:#68716b}footer a{color:#007b35;font-weight:800;text-decoration:none}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:60px}.component-grid{grid-template-columns:1fr 1fr}.overall{max-width:520px}}@media(max-width:600px){.brandbar{height:82px;padding:0 18px}.brand img{width:46px;height:46px}.brand small{display:none}#refresh span{display:none}#refresh{width:44px;padding:0;justify-content:center}.hero{padding:50px 20px}.hero h1{font-size:49px}.hero-copy>p:last-child{font-size:16px}.overall{padding:21px;border-radius:23px}.overall strong{font-size:19px}.systems,.incidents{padding-left:18px;padding-right:18px;padding-top:58px}.section-heading{align-items:start;flex-direction:column}.component-grid{grid-template-columns:1fr}.component{min-height:160px}.incidents{padding-bottom:58px}footer{padding:25px 18px;flex-direction:column;font-size:13px}}@media(prefers-color-scheme:dark){body{background:#08100b;color:#f5f8f6}.brandbar{background:#0b130e}.brand small,.section-heading>p,footer p{color:#aeb7b1}#refresh{border-color:rgba(255,255,255,.12);background:#121a15;color:#fff}.component,.incident-card,.all-good,.quiet{border-color:rgba(255,255,255,.08);background:#111a14}.component p,.incident-card p,.all-good span,.quiet{color:#aeb7b1}footer{border-color:rgba(255,255,255,.09)}.skeleton{background:linear-gradient(100deg,#111a14 20%,#17231b 40%,#111a14 60%);background-size:200% 100%}}