:root{--navy:#0c2034;--ink:#122536;--muted:#6a7782;--line:#e3e8eb;--green:#24a66a;--green-soft:#eaf8f1;--amber:#d99018;--red:#d84b4b;--paper:#f7f8f7}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{height:84px;padding:0 max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:#fff;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand strong{font:800 17px/1 Manrope,sans-serif;letter-spacing:.08em}.brand small{margin-top:5px;color:#74808a;font-size:9px;font-weight:700;letter-spacing:.13em}.top-status{display:flex;align-items:center;gap:9px;color:#63717c;font-size:13px;font-weight:600}.dot,.service-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.dot.pending{background:#aab2b8;box-shadow:0 0 0 4px #eef0f1}.dot.degraded,.service-dot.degraded{background:var(--amber);box-shadow:0 0 0 4px #fff4dd}.dot.down,.service-dot.down{background:var(--red);box-shadow:0 0 0 4px #fdeaea}.hero{padding:72px 32px 122px;color:#fff;text-align:center;background:var(--navy);background-image:radial-gradient(circle at 50% 0%,#23445c 0,transparent 46%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.025) 48% 52%,transparent 52%)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;color:#7fd6aa;font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow svg{width:16px}.hero h1{margin:18px 0 13px;font:800 clamp(38px,6vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-.045em}.hero p{margin:0 auto;max-width:600px;color:#b8c5ce;font-size:16px;line-height:1.7}.content{width:min(920px,calc(100% - 40px));margin:-65px auto 80px;position:relative}.summary{min-height:130px;display:flex;align-items:center;gap:22px;padding:28px 32px;border:1px solid #cce8da;border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(14,36,52,.08)}.summary.pending{border-color:var(--line)}.summary.degraded{border-color:#efdcae}.summary.down{border-color:#efcaca}.summary-icon{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft)}.summary-icon span{width:20px;height:11px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg) translate(2px,-2px)}.summary.pending .summary-icon{background:#eef0f1}.summary.pending .summary-icon span{width:20px;height:20px;border:3px solid #9ba4aa;border-right-color:transparent;border-radius:50%;transform:none;animation:spin .8s linear infinite}.summary.degraded .summary-icon{background:#fff4dd}.summary.degraded .summary-icon span{width:4px;height:22px;border:0;background:var(--amber);transform:none;border-radius:4px}.summary.down .summary-icon{background:#fdeaea}.summary.down .summary-icon span{width:22px;height:3px;border:0;background:var(--red);transform:rotate(45deg)}.summary h2{margin:0 0 7px;font:700 20px/1.3 Manrope,sans-serif}.summary p{margin:0;color:var(--muted);font-size:14px}.section-heading{margin:54px 0 18px;display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:0 0 5px;font:700 21px Manrope,sans-serif}.section-heading p{margin:0;color:#7b8790;font-size:13px}button{display:flex;align-items:center;gap:8px;border:1px solid #d8dfe3;border-radius:9px;background:#fff;padding:10px 14px;color:#3f515f;font:600 12px "DM Sans";cursor:pointer}button:disabled{opacity:.65;cursor:wait}button svg{width:15px;height:15px}.refreshing svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.service-list{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 24px rgba(14,36,52,.04)}.loading{padding:48px;text-align:center;color:#7b8790;font-size:13px}.loading.error{color:var(--red)}.service{min-height:108px;display:grid;grid-template-columns:minmax(230px,1fr) 180px 250px;align-items:center;gap:24px;padding:24px 26px;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.service-main{display:flex;align-items:center;gap:16px;min-width:0}.service-dot{flex:0 0 auto}.service h3{margin:0 0 5px;font:700 15px Manrope,sans-serif}.service p{margin:0;color:#7b8790;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history{height:28px;display:flex;align-items:center;gap:3px}.history span{flex:1;height:20px;border-radius:2px;background:var(--green);opacity:.88}.history span.degraded{background:var(--amber)}.history span.down{background:var(--red)}.history span.empty{background:#edf0f1}.metrics{display:flex;align-items:center;justify-content:flex-end;gap:24px;color:#52616d;font-size:12px}.metrics>span:first-child{min-width:55px;text-align:right;font-weight:700}.metrics small{display:block;margin-top:3px;color:#9aa3aa;font-size:9px;font-weight:500}.state{min-width:115px;padding:7px 10px;border-radius:99px;text-align:center;color:#168753;background:var(--green-soft);font-size:11px;font-weight:700}.state.degraded{color:#a56508;background:#fff4dd}.state.down{color:#b83232;background:#fdeaea}.metrics a{display:grid;place-items:center;color:#84909a}.metrics a:hover{color:var(--ink)}.last-check{margin:17px 4px 0;color:#8a949b;text-align:right;font-size:11px}.last-check strong{color:#687680}.last-check.error{color:var(--red)}footer{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:25px 0 35px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#8a949c;font-size:11px}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.top-status span:last-child{display:none}.hero{padding:58px 22px 110px}.content{width:calc(100% - 28px)}.summary{padding:24px 20px}.summary-icon{width:46px;height:46px}.service{grid-template-columns:1fr auto;gap:17px;padding:22px 20px}.history{grid-row:2;grid-column:1/-1;width:100%}.metrics{gap:13px}.state{min-width:auto}.service p{white-space:normal}.section-heading{align-items:center}footer{width:calc(100% - 40px);gap:10px;flex-direction:column}.last-check{text-align:center}}@media(max-width:480px){.brand small{display:none}.summary{align-items:flex-start}.summary h2{font-size:17px}.summary p{line-height:1.5}.section-heading button span{display:none}.section-heading button{padding:10px}.service{grid-template-columns:1fr}.metrics{grid-row:3;justify-content:space-between}.history{grid-row:2}.state{margin-left:auto}}