.stp{background:var(--bg);min-height:100vh}.stp-wrap{max-width:880px;margin:0 auto;padding:0 24px}.stp section{padding:0}.stp-hero{position:relative;padding:clamp(132px,16vw,184px) 0 36px;overflow:hidden}.stp-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:420px;pointer-events:none;z-index:0;background:radial-gradient(900px 360px at 50% -120px,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}.stp-hero>.stp-wrap{position:relative;z-index:1}.stp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.stp-title{font-size:clamp(36px,5.5vw,56px);line-height:1.04;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}.stp-sub{font-size:clamp(17px,2vw,20px);line-height:1.45;color:var(--ink-soft);letter-spacing:-.01em;margin:16px 0 0;max-width:600px;text-wrap:pretty}.stp-pulse{width:9px;height:9px;border-radius:50%;flex:none}.stp-pulse.up{background:#22c55e}.stp-pulse.degraded{background:#f59e0b}.stp-pulse.down{background:#ef4444}.stp-pulse.unknown{background:var(--ink-soft)}.stp-banner{display:flex;align-items:center;gap:16px;padding:22px 24px;margin-top:32px;border-radius:var(--radius-card,24px);border:1px solid var(--border);background:var(--surface)}.stp-banner.up{background:color-mix(in srgb,#22c55e 8%,var(--surface));border-color:color-mix(in srgb,#22c55e 30%,var(--border))}.stp-banner.degraded{background:color-mix(in srgb,#f59e0b 9%,var(--surface));border-color:color-mix(in srgb,#f59e0b 32%,var(--border))}.stp-banner.down{background:color-mix(in srgb,#ef4444 8%,var(--surface));border-color:color-mix(in srgb,#ef4444 30%,var(--border))}.stp-banner-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none}.stp-banner.up .stp-banner-ic{color:#15a34a;background:color-mix(in srgb,#22c55e 16%,transparent)}.stp-banner.degraded .stp-banner-ic{color:#d08700;background:color-mix(in srgb,#f59e0b 18%,transparent)}.stp-banner.down .stp-banner-ic{color:#e0322f;background:color-mix(in srgb,#ef4444 16%,transparent)}.stp-banner.unknown .stp-banner-ic{color:var(--ink-soft);background:var(--bg-alt)}.stp-banner-txt{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.stp-banner-txt b{font-size:19px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.stp-banner-txt span{font-size:13.5px;color:var(--ink-soft)}.stp-main{padding-top:8px;padding-bottom:100px}.stp-range-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 16px;flex-wrap:wrap}.stp-range-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.stp-ranges{display:inline-flex;gap:3px;padding:4px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--border)}.stp-range{appearance:none;border:0;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.stp-range.on,.stp-range:hover{color:var(--ink)}.stp-range.on{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12)}.stp-comps{display:flex;flex-direction:column;gap:16px;margin-top:8px}.stp-comp{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:22px 24px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.stp-comp:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.08)}.stp-comp-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stp-comp-head .stp-dot{width:11px;height:11px;border-radius:50%;flex:none}.stp-comp-name{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink);flex:1 1;min-width:0;margin:0}.stp-comp-latency{font-size:13px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stp-comp-uptime{font-size:13px;font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:999px;background:var(--bg-alt)}.stp-state-pill{font-size:12.5px;font-weight:600;white-space:nowrap}.stp-dot.up{background:#22c55e}.stp-dot.degraded{background:#f59e0b}.stp-dot.down{background:#ef4444}.stp-dot.unknown{background:var(--ink-soft)}.stp-state-pill.up{color:#15a34a}.stp-state-pill.degraded{color:#d08700}.stp-state-pill.down{color:#e0322f}.stp-state-pill.unknown{color:var(--ink-soft)}.stp-bars{display:flex;gap:2px;align-items:stretch;height:38px}.stp-bar{flex:1 1;min-width:0;border-radius:3px;background:var(--border);transition:opacity .15s,transform .15s}.stp-bar:hover{transform:scaleY(1.12)}.stp-bar.up{background:#22c55e}.stp-bar.degraded{background:#f59e0b}.stp-bar.down{background:#ef4444}.stp-bar.none{background:color-mix(in srgb,var(--ink-soft) 18%,transparent)}.stp-bars-legend{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--ink-soft)}.stp-section{margin:36px 0 0}.stp-h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:650;color:var(--ink);margin:0 0 14px;letter-spacing:-.01em}.stp-inc{border:1px solid var(--border);border-left:3px solid var(--ink-soft);border-radius:16px;background:var(--surface);padding:18px 20px;margin-bottom:12px}.stp-inc.down{border-left-color:#ef4444}.stp-inc.degraded{border-left-color:#f59e0b}.stp-inc.maintenance{border-left-color:var(--accent)}.stp-inc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stp-inc-head b{font-size:15.5px;font-weight:650;color:var(--ink);flex:1 1;min-width:0}.stp-inc-state{font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.stp-inc-state.ok{color:#15a34a}.stp-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px}.stp-tag.down{color:#e0322f;background:color-mix(in srgb,#ef4444 13%,var(--surface))}.stp-tag.degraded{color:#d08700;background:color-mix(in srgb,#f59e0b 14%,var(--surface))}.stp-tag.maintenance{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.stp-inc-meta{font-size:13px;color:var(--ink-soft);margin:9px 0 0}.stp-inc-updates{list-style:none;margin:13px 0 0;padding:13px 0 0;border-top:1px solid var(--border-soft,var(--border));display:flex;flex-direction:column;gap:9px}.stp-inc-updates li{font-size:13.5px;color:var(--ink);line-height:1.5}.stp-inc-updates b{font-weight:600}.stp-inc-utime{font-size:12px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:5px}.stp-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;font-size:13px}.stp-empty,.stp-note{color:var(--ink-soft);text-align:center}.stp-empty{border:1px dashed var(--border-strong);border-radius:20px;padding:40px;font-size:15px}@media (prefers-reduced-motion:no-preference){.stp-banner,.stp-comp,.stp-eyebrow,.stp-inc,.stp-section,.stp-sub,.stp-title{animation:stp-rise .55s var(--ease) both}.stp-title{animation-delay:.04s}.stp-sub{animation-delay:.08s}.stp-banner{animation-delay:.12s}.stp-comps .stp-comp:first-child{animation-delay:.16s}.stp-comps .stp-comp:nth-child(2){animation-delay:.21s}.stp-comps .stp-comp:nth-child(3){animation-delay:.26s}.stp-comps .stp-comp:nth-child(4){animation-delay:.31s}@keyframes stp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stp-pulse.up{animation:stp-ping 2.2s ease-out infinite}@keyframes stp-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,#22c55e 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}}@media (max-width:600px){.stp-comp-head{flex-wrap:wrap;gap:8px 12px}.stp-bars{height:32px;gap:1.5px}.stp-range-row{justify-content:flex-start}}