*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(123,85,255,.16),transparent 30%),#050506;color:#f7f7fb;font-family:Inter,system-ui,sans-serif}main{width:min(1120px,calc(100% - 32px));margin:auto;padding:52px 0}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}header h1{font-size:clamp(36px,6vw,70px);margin:8px 0}header p{color:#c6c6d1}header a{color:white;text-decoration:none;border:1px solid #2b2b35;padding:11px 14px;border-radius:12px}.eyebrow{color:#a989ff;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.summary{display:flex;gap:15px;align-items:center;margin:34px 0;padding:22px;border:1px solid #24242d;border-radius:22px;background:rgba(20,20,27,.72);backdrop-filter:blur(20px)}.summary b,.summary span{display:block}.summary span{color:#aaaab7;margin-top:4px}.pulse{width:13px;height:13px;border-radius:50%;background:#52e3b2;box-shadow:0 0 20px #52e3b2}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.services article,.incidents article,.empty{padding:22px;border:1px solid #24242d;border-radius:22px;background:rgba(16,16,22,.74)}.service-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.service-top h2{font-size:18px}.state{padding:6px 9px;border-radius:999px;font-size:11px;text-transform:uppercase}.operational,.resolved{color:#69edbd;background:rgba(82,227,178,.1)}.down,.investigating{color:#ff7891;background:rgba(255,72,105,.1)}.unknown,.monitoring{color:#ffe17a;background:rgba(255,213,80,.1)}.services p,.incidents p{color:#bdbdc8}.metric{display:flex;justify-content:space-between}.bar{height:6px;background:#17171e;border-radius:99px;overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7957ff,#48dec9)}small{color:#858594}.incidents{margin-top:34px}.incidents article{display:flex;gap:16px;margin-bottom:12px}.incidents h3{margin:0}footer{text-align:center;color:#777785;padding:28px}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}.services{grid-template-columns:1fr}main{padding-top:28px}}