:root{--bg:#0f0e17;--bg2:#1a1a24;--bg3:#13121c;--surface:#1e1d2b;--surface2:#25243a;--accent:#e65616;--accent2:#f00069;--white:#fffffe;--muted:#6b6b82;--muted2:#3d3d52;--font-head:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif;--radius:10px;--radius-lg:18px;--max:1200px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--glow-accent:0 0 40px rgba(230,86,22,.25);--glow-pink:0 0 40px rgba(240,0,105,.2);--ok:#3ddc97;--ok-dim:#1f6b4b;--text-soft:#b9b8cc;--tone:var(--ok)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:88px}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:none;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.tone-operational{--tone:var(--ok)}.tone-degraded{--tone:var(--accent)}.tone-outage{--tone:var(--accent2)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}main{flex:1 1;padding-top:72px}.header{position:fixed;inset:0 0 auto 0;z-index:50;height:72px;background:rgba(15,14,23,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--muted2)}.header .container{height:100%;justify-content:space-between;gap:24px}.brand,.header .container{display:flex;align-items:center}.brand{gap:12px;font-family:var(--font-head);font-size:26px;letter-spacing:.04em}.brand-mark{width:30px;height:30px;border-radius:7px;background:var(--accent);display:grid;place-items:center;box-shadow:var(--glow-accent)}.brand-mark svg{width:16px;height:16px}.nav{gap:32px;height:72px;margin-left:40px;margin-right:auto}.nav,.nav a{display:flex}.nav a{align-items:center;height:100%;font-family:var(--font-head);font-size:22px;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.nav a:hover{color:var(--white)}.nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--muted2);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--tone);flex:none;box-shadow:0 0 10px var(--tone)}.dot.live{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.notice{margin-top:24px;padding:14px 18px;border-radius:var(--radius);background:var(--surface);border:1px dashed var(--muted2);color:var(--text-soft);font-size:14px}.notice strong{color:var(--white)}.notice code{background:var(--bg3);padding:1px 6px;border-radius:4px;font-size:13px}.notice.error{border-color:var(--accent2)}.banner{position:relative;overflow:hidden;margin-top:24px;padding:36px 40px;border-radius:var(--radius-lg);background:var(--surface2);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border-top:2px solid var(--tone)}.banner:before{content:"";position:absolute;width:320px;height:320px;left:-120px;top:-160px;border-radius:50%;background:var(--tone);opacity:.18;filter:blur(90px);pointer-events:none}.banner>*{position:relative}.banner h1{font-family:var(--font-head);font-weight:400;font-size:clamp(40px,7vw,64px);line-height:1;letter-spacing:.05em}.banner p{margin-top:10px;color:var(--text-soft);max-width:52ch}.banner-stat{text-align:right}.banner-stat .big{font-family:var(--font-head);font-size:48px;line-height:1;letter-spacing:.02em}.banner-stat .cap,.label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-gap:24px;gap:24px;margin:40px 0 64px;align-items:start}.section-title{font-family:var(--font-head);font-weight:400;font-size:32px;letter-spacing:.03em;line-height:1.2;margin-bottom:14px}.stack{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:22px 24px}.card.alert{border-top:2px solid var(--tone)}.service-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.service-name{font-family:var(--font-head);font-size:26px;letter-spacing:.04em;line-height:1.1}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent)}.meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.meta,.meta b{font-weight:500}.meta b{color:var(--white)}.bars{display:flex;gap:2px;height:36px}.bar{position:relative;flex:1 1;min-width:0;border-radius:2px;background:var(--ok-dim);transition:transform .15s,filter .15s}.bar.ok{background:var(--ok);opacity:.55}.bar.degraded{background:var(--accent)}.bar.outage{background:var(--accent2);box-shadow:0 0 10px rgba(240,0,105,.6)}.bar:hover{opacity:1;filter:brightness(1.2);transform:scaleY(1.12);z-index:3}.bar:after,.cell:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--muted2);color:var(--white);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;white-space:pre;pointer-events:none;opacity:0;transition:opacity .15s;z-index:20;text-align:left}.bar:hover:after,.cell:hover:after{opacity:1}.bar:nth-child(-n+10):after,.cell:nth-child(-n+8):after{left:0;transform:none}.bar:nth-last-child(-n+10):after,.cell:nth-last-child(-n+8):after{left:auto;right:0;transform:none}.bars-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted)}.timeline{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:var(--muted2)}.incident{position:relative;background:var(--surface);border-radius:var(--radius);padding:16px 18px;border-left:2px solid var(--muted2)}.incident:before{content:"";position:absolute;left:-27px;top:20px;width:11px;height:11px;border-radius:50%;background:var(--muted);border:2px solid var(--bg)}.incident.active{border-left-color:var(--accent2)}.incident.active:before{background:var(--accent2);box-shadow:var(--glow-pink),0 0 10px var(--accent2)}.incident-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:6px}.tag{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--surface2);color:var(--text-soft)}.tag.outage{color:var(--accent2);background:rgba(240,0,105,.12)}.tag.degraded{color:var(--accent);background:rgba(230,86,22,.12)}.incident h3{font-family:var(--font-head);font-weight:400;font-size:22px;letter-spacing:.04em;line-height:1.2}.incident p{color:var(--text-soft);font-size:14px;margin-top:4px}.incident time{margin-left:auto;font-size:12px;color:var(--muted);font-weight:500}.empty{color:var(--text-soft);background:var(--surface);padding:24px;font-size:15px}.btn,.empty{border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;font-family:var(--font-head);font-size:20px;letter-spacing:.06em;border:1px solid var(--muted2);transition:all var(--transition)}.btn:hover{color:var(--accent)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--white);box-shadow:var(--glow-accent)}.btn.primary:hover{color:var(--white);filter:brightness(1.1)}.side-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px}.side-card .btn{width:100%;margin-top:16px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:48px 0 8px}.page-head h1{font-family:var(--font-head);font-weight:400;font-size:clamp(44px,8vw,64px);line-height:1;letter-spacing:.05em}.page-head h1:after{content:"";display:block;width:120px;height:3px;margin-top:12px;background:linear-gradient(90deg,var(--accent2),transparent)}.page-head p{color:var(--text-soft);margin-top:14px;max-width:56ch}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--surface2);border-radius:var(--radius)}.seg button{padding:8px 18px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:all var(--transition)}.seg button:hover{color:var(--white)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--white)}.stats{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:16px;gap:16px;margin:28px 0}.stat{background:var(--surface);border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;gap:10px}.stat .num{font-family:var(--font-head);font-size:52px;line-height:1;letter-spacing:.02em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:8px;background:var(--bg3);font-size:13px;font-weight:500;color:var(--text-soft);border:1px solid transparent;transition:all var(--transition)}.chip:hover{border-color:var(--muted2);color:var(--white)}.chip[aria-pressed=true]{background:var(--accent);color:var(--white)}.matrix{background:var(--surface);border-radius:var(--radius-lg);padding:28px;margin-bottom:48px}.matrix-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.matrix-head .section-title{margin:0}.legend{display:flex;gap:18px;font-size:13px;color:var(--text-soft)}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:12px;height:12px;border-radius:3px;display:block}.scroll{overflow-x:auto;padding-top:44px;margin-top:-44px}.mrow{display:grid;grid-template-columns:150px minmax(480px,1fr) 70px;grid-gap:16px;gap:16px;align-items:center;margin-bottom:12px}.mrow .name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrow .pct{font-size:13px;text-align:right;color:var(--text-soft)}.cells{display:grid;grid-gap:3px;gap:3px}.cell{position:relative;height:30px;border-radius:4px;background:var(--ok);opacity:.55}.cell.degraded{background:var(--accent);opacity:1}.cell.outage{background:var(--accent2);opacity:1;box-shadow:0 0 12px rgba(240,0,105,.6)}.cell:hover{opacity:1}.footer{border-top:1px solid var(--muted2);background:var(--bg3);padding:48px 0}.footer .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.footer .brand{font-size:24px}.footer p{color:var(--text-soft);font-size:14px;max-width:36ch;margin-top:10px}.perf{list-style:none}.perf li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--muted2);font-size:14px;color:var(--text-soft)}.perf li b{color:var(--white);font-weight:500}.perf .label{display:block;margin-bottom:8px}.foot-note{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}@media (max-width:880px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.nav{gap:20px;margin-left:20px}.header .pill span.txt{display:none}.banner{padding:28px 24px}.banner-stat{text-align:left}.footer .container{grid-template-columns:1fr}}@media (max-width:520px){.container{padding:0 16px}.brand span.name{display:none}.card{padding:18px 16px}.matrix{padding:20px 16px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}