@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,700&family=Space+Grotesk:wght@400;500;600&display=swap");

:root { --red:#ec3750; --red-light:#ff5d79; --app:#101217; --deep:#131316; --panel:#17171d; --sidebar:#1c1c21; --white:#fff; --text:#e0e6ed; --soft:#c3cada; --muted:#94a3b8; --border:rgba(214,225,255,.16); --green:#43c781; --yellow:#facc15; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; background:var(--app); color:var(--text); font-family:"Space Grotesk",sans-serif; }
main { width:min(calc(100% - 2rem),960px); margin:auto; padding:1.25rem 0 3rem; }
.topbar { height:3.5rem; padding:0 1rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--deep); border-bottom:1px solid var(--border); font:600 .67rem/1 "JetBrains Mono",monospace; letter-spacing:.065em; }.wordmark { color:var(--white); text-decoration:none; font:700 1.15rem/1 "JetBrains Mono",monospace; font-style:italic; letter-spacing:-.08em; }.wordmark span { margin:0 .22em; color:var(--red); }.topbar p { margin:0; display:flex; align-items:center; color:var(--muted); font-size:.6rem; }.topbar i,.orb { display:block; width:.48rem; height:.48rem; border-radius:50%; background:var(--yellow); }.topbar i { margin-right:.5rem; box-shadow:0 0 0 4px rgba(250,204,21,.12); }.spinner { background:transparent !important; border:2px solid rgba(250,204,21,.24); border-top-color:var(--yellow); animation:spin .76s linear infinite; }.topbar i.spinner { box-shadow:none; }.orb.spinner { width:1rem; height:1rem; border-width:2px; box-shadow:none; }

.hero { min-height:27rem; padding:clamp(2rem,8vw,5.75rem) clamp(1.35rem,7vw,5rem); position:relative; display:flex; flex-direction:column; justify-content:center; background:var(--panel); border-bottom:1px solid var(--border); overflow:hidden; }.hero::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--red); }.hero-mark { position:absolute; top:1.25rem; right:1.25rem; display:flex; align-items:center; gap:.7rem; color:var(--muted); font:500 .65rem/1 "JetBrains Mono",monospace; }.orb { box-shadow:0 0 0 6px rgba(250,204,21,.12); }.eyebrow { margin:0 0 1.1rem; color:var(--muted); font:500 .64rem/1.45 "JetBrains Mono",monospace; letter-spacing:.08em; }.hero h1,h2 { margin:0; color:var(--white); font-family:"JetBrains Mono",monospace; letter-spacing:-.08em; }.hero h1 { max-width:800px; font-size:clamp(3.25rem,9.7vw,7.3rem); font-style:italic; line-height:.86; }.hero > div:last-child > p:last-child { max-width:39rem; margin:1.6rem 0 0; color:var(--soft); font-size:1.05rem; line-height:1.55; }
.outage-panel { padding:clamp(1.35rem,4vw,2.5rem) clamp(1.35rem,7vw,5rem); background:#231419; border-bottom:1px solid rgba(236,55,80,.55); }.outage-heading { display:flex; align-items:center; gap:1rem; }.outage-icon { width:2.75rem; height:2.75rem; flex:0 0 auto; display:grid; place-items:center; border:1px solid var(--red); color:var(--white); font:700 1.5rem/1 "JetBrains Mono",monospace; }.outage-panel .eyebrow { color:var(--red-light); margin-bottom:.5rem; }.outage-panel h2 { color:var(--white); font:700 clamp(1.4rem,3vw,2.25rem)/.95 "JetBrains Mono",monospace; letter-spacing:-.07em; }.outage-panel > p { max-width:43rem; margin:1.3rem 0 0; color:var(--soft); font-size:1rem; line-height:1.55; }.failover-steps { margin:1.7rem 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem 1.5rem; list-style:none; }.failover-steps li { color:var(--muted); font:500 .7rem/1.4 "JetBrains Mono",monospace; }.failover-steps li::before { content:"○"; margin-right:.55rem; color:var(--muted); }.failover-steps li.complete { color:var(--soft); }.failover-steps li.complete::before { content:"✓"; color:var(--green); }.failover-steps li.active { color:var(--white); }.failover-steps li.active::before { content:"◌"; color:var(--yellow); display:inline-block; animation:spin .76s linear infinite; }

.services { border-bottom:1px solid var(--border); background:var(--deep); }.services article { min-height:6.8rem; padding:1.25rem clamp(1.35rem,7vw,5rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--border); }.services article:last-child { border-bottom:0; }.services article div { display:grid; gap:.55rem; }.services span,.services small,.services b { font-family:"JetBrains Mono",monospace; }.services span { color:var(--white); font-size:.76rem; font-weight:700; letter-spacing:.035em; }.services small { color:var(--muted); font-size:.6rem; letter-spacing:.045em; }.services b { flex:0 0 auto; color:var(--text); font-size:.68rem; letter-spacing:.07em; }.services b::before { content:""; width:.46rem; height:.46rem; display:inline-block; margin-right:.55rem; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 4px rgba(250,204,21,.11); vertical-align:.02rem; }.services b.checking::before,.services b.unknown::before { border:2px solid rgba(250,204,21,.24); border-top-color:var(--yellow); background:transparent; box-shadow:none; animation:spin .76s linear infinite; }.services b.operational::before { background:var(--green); box-shadow:0 0 0 4px rgba(67,199,129,.1); }.services b.outage::before { background:var(--red); box-shadow:0 0 0 4px rgba(236,55,80,.13); }.services b.degraded::before { background:var(--yellow); }
.services b.inactive::before { background:var(--green); box-shadow:0 0 0 4px rgba(67,199,129,.1); }.services b.failed::before { background:var(--red); box-shadow:0 0 0 4px rgba(236,55,80,.13); }.services b.provisioning::before,.services b.ready::before,.services b.active::before,.services b.recovering::before { background:var(--yellow); }

.story { margin-top:4.5rem; border:1px solid var(--border); background:var(--panel); }.story > div { min-height:15rem; padding:clamp(1.35rem,4vw,2.5rem); }.story h2 { max-width:32rem; font-size:clamp(1.55rem,3vw,2.45rem); line-height:.98; }.incident-acknowledged { width:max-content; max-width:100%; margin:1rem 0 0; padding:.45rem .6rem; color:var(--green); background:rgba(67,199,129,.08); border:1px solid rgba(67,199,129,.28); font:600 .62rem/1.4 "JetBrains Mono",monospace; letter-spacing:.035em; }.story ol { margin:1.9rem 0 0; padding:0; list-style:none; }.story li { padding:0 0 .85rem; color:var(--soft); font-size:.92rem; line-height:1.55; }.story li.team-note { padding:.85rem 1rem; margin-bottom:.7rem; background:rgba(255,255,255,.035); border-left:2px solid var(--red); }.story li.team-note b { display:block; margin-bottom:.35rem; color:var(--red-light); font:600 .58rem/1 "JetBrains Mono",monospace; letter-spacing:.08em; }.story li small { color:var(--muted); font:500 .6rem/1 "JetBrains Mono",monospace; }
.history { margin-top:4.5rem; padding-top:1rem; border-top:1px solid var(--border); }.history > div { display:grid; }.history > div > p { margin:1rem 0 0; color:var(--muted); font-size:.9rem; }.incident { padding:1rem 0; display:flex; justify-content:space-between; gap:1rem; color:var(--soft); border-top:1px solid var(--border); font:500 .7rem/1.4 "JetBrains Mono",monospace; }.incident:first-child { margin-top:1rem; }.incident div { display:grid; gap:.35rem; }.incident small { max-width:42rem; color:var(--muted); font:400 .72rem/1.45 "Space Grotesk",sans-serif; }.incident time { color:var(--muted); white-space:nowrap; }
.history-heading { display:flex !important; align-items:center; justify-content:space-between; gap:1rem; }.history-heading .eyebrow { margin:0; }.history-heading #uptime { margin:0; color:var(--muted); font:500 .6rem/1.4 "JetBrains Mono",monospace; text-align:right; }
footer { margin-top:2.8rem; display:flex; justify-content:space-between; gap:1rem; color:var(--muted); font:500 .6rem/1.3 "JetBrains Mono",monospace; letter-spacing:.06em; }footer a { color:var(--red-light); text-decoration:none; }footer a:hover { color:var(--white); }
.topbar i.failed,.orb.failed { background:var(--red) !important; box-shadow:0 0 0 5px rgba(236,55,80,.13); }
@keyframes spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spinner,.services b.checking::before,.services b.unknown::before { animation:none; } }
@media(max-width:680px) { main { width:min(calc(100% - 1.25rem),960px); padding-top:.65rem; }.hero { min-height:23rem; padding:5rem 1.35rem 2.4rem; }.hero h1 { font-size:clamp(3rem,13vw,5.3rem); }.outage-panel { padding:1.35rem; }.failover-steps { grid-template-columns:1fr; }.services article { min-height:6.6rem; padding:1.1rem 1.35rem; }.story { margin-top:3rem; }.story > div { min-height:auto; }.history { margin-top:3rem; } }
@media(max-width:440px) { .topbar p { max-width:9.4rem; line-height:1.35; }.services article { align-items:flex-start; flex-direction:column; gap:.8rem; }.services b { margin-left:0; }.story > div { padding:1.35rem; } footer { flex-direction:column; } }