:root{--ink:#191a18;--muted:#676b63;--paper:#f6f5ef;--card:#fff;--line:#deddd5;--sage:#65715e;--sagep:#e8ece5;--amber:#b98332;--amberp:#f5ead7;--red:#ad4e45;--redp:#f5e3e0;--gray:#8b8d87;--grayp:#ecece9;--shadow:0 18px 60px #1c211917}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.header{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:42px;padding:58px 0 38px;border-bottom:1px solid var(--line);position:relative}.header:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:2%;top:-135px;background:var(--sagep);z-index:-1}.header img{width:140px}.kicker,.role{margin:0 0 8px;color:var(--sage);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.header h1{font:500 clamp(34px,5vw,58px)/1.02 Georgia,serif;margin:0 0 13px}.header p:last-child{margin:0;color:var(--muted);max-width:680px}.maintenance{margin-top:24px;padding:14px 18px;border-radius:12px;background:var(--amberp);color:#684513;border:1px solid #e6c992;font-weight:650}.overall{display:flex;align-items:center;gap:18px;margin:32px 0 22px;padding:22px 25px;background:var(--ink);color:#fff;border-radius:18px;box-shadow:var(--shadow)}.pulse{width:17px;height:17px;border-radius:50%;background:var(--gray);box-shadow:0 0 0 7px #ffffff18}.pulse.operational{background:#9cbd91}.pulse.contingency,.pulse.degraded{background:#efbd68}.pulse.failed{background:#ef8b81}.overall span,.overall small{display:block;color:#ffffffa8;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.overall strong{display:block;font:500 24px Georgia,serif;margin:2px 0}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.link-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 8px 30px #1c21190a}.link-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.role{font-size:9px}.link-card h2{font:500 28px Georgia,serif;margin:0}.badge{font-size:10px;font-weight:800;padding:6px 9px;border-radius:99px;white-space:nowrap}.badge.operational{background:var(--sagep);color:#4d6148}.badge.unstable{background:var(--amberp);color:#805718}.badge.failed{background:var(--redp);color:#873a33}.badge.stale{background:var(--grayp);color:#60625e}.metric{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 18px;padding:15px 0;display:flex;align-items:end;justify-content:space-between}.metric span,.history-head span,.last-seen{color:var(--muted);font-size:11px}.metric strong{font:500 23px Georgia,serif}.history-head{display:flex;justify-content:space-between;margin-bottom:9px}.history-head strong{font-size:12px}.timeline{display:grid;grid-template-columns:repeat(48,1fr);gap:2px;height:26px}.timeline i{display:block;border-radius:3px;background:var(--grayp)}.timeline i.operational{background:#879b80}.timeline i.unstable{background:#d5a654}.timeline i.failed{background:#ca7068}.timeline i.stale{background:#c8cac5}.last-seen{display:block;margin-top:10px}.speed{margin:28px 0 42px;background:#e9e3d7;border-radius:20px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:28px}.speed h2{font:500 26px Georgia,serif;margin:0 0 5px}.speed p:last-child{margin:0;color:var(--muted)}.speed a{background:var(--ink);color:#fff;text-decoration:none;border-radius:12px;padding:14px 18px;font-weight:800;white-space:nowrap}.speed a:focus-visible{outline:3px solid #a3b69b;outline-offset:3px}footer{border-top:1px solid var(--line);padding:20px 0 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
@media(max-width:850px){.links{grid-template-columns:1fr}.header{grid-template-columns:100px 1fr;gap:25px}.header img{width:100px}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1120px)}.header{grid-template-columns:1fr;padding-top:34px}.header img{width:108px}.overall{padding:18px}.speed{align-items:flex-start;flex-direction:column}.speed a{width:100%;text-align:center}footer{flex-direction:column;gap:5px}.link-card{padding:19px}}
@media(prefers-reduced-motion:no-preference){.pulse.operational{animation:pulse 2.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #9cbd9120}}}