.status-hero{padding-block:var(--space-3xl) var(--space-2xl)}.status-banner{margin-top:var(--space-md);background:linear-gradient(135deg,#0596692e,#05966914);border:1px solid rgba(5,150,105,.4);border-radius:var(--radius-2xl);padding:var(--space-xl);display:flex;gap:var(--space-md);align-items:center;color:#fff}.status-banner__dot{width:16px;height:16px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:pulseDotStatus 2s infinite;flex-shrink:0}@keyframes pulseDotStatus{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 12px #34d39900}to{box-shadow:0 0 #34d39900}}.status-banner h2{color:#fff;font-size:clamp(22px,3vw,28px);margin-bottom:4px}.status-banner p{color:#ffffffc7;font-size:14px}.status-banner__meta{margin-left:auto;text-align:end;font-size:12px;color:#ffffffa6}.status-banner__meta strong{font-family:var(--font-heading);display:block;color:#fff;font-size:18px}.components{padding-block:0 var(--space-4xl);background:var(--surface-white);margin-top:calc(-1 * var(--space-2xl))}.components__head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.components__title{color:var(--color-navy);font-size:22px}html.dark .components__title{color:var(--ink)}.legend{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:12px;color:var(--ink-muted)}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.legend i.ok{background:var(--color-emerald)}.legend i.warn{background:#f59e0b}.legend i.fail{background:var(--color-danger)}.legend i.miss{background:var(--surface-slate-deep)}.comp-list{display:grid;gap:12px}.comp{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);display:grid;gap:var(--space-md);grid-template-columns:1fr;align-items:center}@media (min-width: 760px){.comp{grid-template-columns:220px 1fr 120px}}.comp__name{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-navy);font-weight:700;font-size:16px}html.dark .comp__name{color:var(--ink)}.comp__icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-slate);color:var(--color-navy);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}html.dark .comp__icon{background:var(--surface-slate-deep);color:var(--color-gold)}.uptime{display:flex;gap:2px;height:36px}.uptime i{flex:1;border-radius:2px;background:var(--color-emerald);transition:filter .2s ease;cursor:pointer}.uptime i:hover{filter:brightness(1.2)}.uptime i.degraded{background:#f59e0b}.uptime i.outage{background:var(--color-danger)}.uptime i.no-data{background:var(--surface-slate-deep)}.comp__status{display:flex;flex-direction:column;align-items:end;gap:2px}.comp__pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:800;letter-spacing:.04em}.comp__pill--ok{background:#0596691f;color:var(--color-emerald-text)}.comp__pill--warn{background:#f59e0b24;color:#b45309}.comp__pill--fail{background:#ef44441a;color:var(--color-danger)}.comp__pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.comp__uptime{font-size:11px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.metrics{display:grid;gap:var(--space-md);grid-template-columns:1fr;margin-top:var(--space-2xl)}@media (min-width: 720px){.metrics{grid-template-columns:repeat(4,1fr)}}.metric{background:var(--surface-slate);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg)}.metric__label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.metric__value{font-family:var(--font-heading);font-weight:800;font-size:clamp(22px,3vw,28px);color:var(--color-navy);font-variant-numeric:tabular-nums}html.dark .metric__value{color:var(--ink)}.metric__delta{font-size:12px;color:var(--color-emerald-text);margin-top:4px;font-weight:700}.incidents{padding-block:var(--space-4xl);background:var(--surface-slate)}.incident{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-inline-start:4px solid var(--color-emerald);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:grid;gap:6px}.incident--warn{border-inline-start-color:#f59e0b}.incident--fail{border-inline-start-color:var(--color-danger)}.incident__head{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.incident__date{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:700}.incident__title{font-weight:700;color:var(--color-navy);font-size:15px;flex:1;min-width:200px}html.dark .incident__title{color:var(--ink)}.incident__pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:800;letter-spacing:.05em;background:#0596691f;color:var(--color-emerald-text)}.incident__pill--warn{background:#f59e0b24;color:#b45309}.incident__body{font-size:14px;color:var(--ink-muted);line-height:1.55}.incidents__list{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.no-incidents{text-align:center;padding:var(--space-2xl);background:var(--surface-white);border:1px dashed var(--surface-slate-deep);border-radius:var(--radius-xl);margin-top:var(--space-md)}.no-incidents svg{width:80px;height:80px;margin:0 auto var(--space-md);color:var(--color-emerald)}.no-incidents h3{color:var(--color-navy);font-size:18px;margin-bottom:4px}html.dark .no-incidents h3{color:var(--ink)}.no-incidents p{color:var(--ink-muted);font-size:14px}.subscribe{padding-block:var(--space-3xl);background:var(--surface-white)}.subscribe__inner{background:linear-gradient(135deg,var(--color-navy),var(--color-navy-shade));color:#fff;border-radius:var(--radius-2xl);padding:var(--space-2xl);display:grid;gap:var(--space-md) var(--space-xl);grid-template-columns:1fr;align-items:center;overflow:hidden;position:relative}.subscribe__inner:before{content:"";position:absolute;inset:-30% -10% auto auto;width:400px;height:400px;background:radial-gradient(circle,rgba(224,138,17,.22),transparent 70%)}@media (min-width: 760px){.subscribe__inner{grid-template-columns:1fr auto}}.subscribe__form{display:flex;gap:8px;flex-wrap:wrap;position:relative}.subscribe__form input{flex:1;min-width:220px;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-xl);color:#fff;font-size:14px;font-family:inherit;min-height:48px}.subscribe__form input::placeholder{color:#ffffff80}.subscribe__form input:focus{outline:0;border-color:var(--color-gold)}