.status-hero{border-bottom:1px solid var(--color-hairline);padding:120px 0 64px}
.status-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}
.status-hero__eyebrow .dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;display:inline-block}
.status-hero__h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0 0 18px;font-size:clamp(34px,5vw,52px);font-weight:600;line-height:1.05}
.status-hero__sub{color:var(--color-ink-2);max-width:56ch;margin:0;font-size:17px;line-height:1.55}

.status-banner{border:1px solid var(--color-hairline-2);background:var(--color-bg);border-radius:12px;align-items:flex-start;gap:16px;margin-top:40px;padding:24px 28px;display:flex}
.status-banner--up{border-color:#14672033;background:#f3fbf5}
.status-banner--down{border-color:#b4231833;background:#fff6f5}
.status-banner--maintenance{border-color:#c2410c33;background:#fff8f3}
.status-banner__icon{flex-shrink:0;place-items:center;width:40px;height:40px;border-radius:10px;display:grid}
.status-banner--up .status-banner__icon{color:#146720;background:#1467201a}
.status-banner--down .status-banner__icon{color:#b42318;background:#b423181a}
.status-banner--maintenance .status-banner__icon{color:#c2410c;background:#c2410c1a}
.status-banner__title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.2}
.status-banner__desc{color:var(--color-ink-2);margin:0;font-size:14px;line-height:1.5}

.status-sec{border-bottom:1px solid var(--color-hairline);padding:72px 0}
.status-sec--alt{background:var(--color-bg-2)}
.status-sec__head{max-width:720px;margin-bottom:32px}
.status-sec__eyebrow{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;display:flex}
.status-sec__eyebrow .dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;display:inline-block}
.status-sec__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.1}

.status-monitors{flex-direction:column;gap:16px;display:flex}
.status-monitor{border:1px solid var(--color-hairline-2);background:var(--color-bg);border-radius:10px;overflow:hidden}
.status-monitor__head{border-bottom:1px solid var(--color-hairline);padding:20px 24px}
.status-monitor__cat{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:17px;font-weight:600}
.status-monitor__list{margin:0;padding:0;list-style:none}
.status-monitor__item{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}
.status-monitor__item:last-child{border-bottom:0}
.status-monitor__name{color:var(--color-ink-2);font-size:14px;line-height:1.4}
.status-monitor__state{flex-shrink:0;align-items:center;gap:8px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500;display:inline-flex}
.status-monitor__state svg{width:14px;height:14px;flex-shrink:0}
.status-monitor__state--up{color:#146720}
.status-monitor__state--down{color:#b42318}
.status-monitor__state--maintenance{color:#c2410c}

.status-incidents{flex-direction:column;gap:20px;display:flex}
.status-incident{border:1px solid var(--color-hairline-2);background:var(--color-bg);border-radius:10px;padding:24px}
.status-incident--today{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 1px #5148ff1f}
.status-incident--translating{opacity:.72}
.status-incident__date{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:12px;font-size:11px}
.status-incident--today .status-incident__date{color:var(--color-primary)}
.status-incident__title{font-family:var(--font-display);color:var(--color-primary);margin:0 0 14px;font-size:16px;font-weight:600}
.status-incident__entry{border-top:1px dashed var(--color-hairline);padding-top:12px;margin-top:12px}
.status-incident__entry:first-of-type{border-top:0;padding-top:0;margin-top:0}
.status-incident__entry-title{color:var(--color-ink);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.45}
.status-incident__entry-body{color:var(--color-ink-2);margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap}
.status-incident__entry-time{font-family:var(--font-mono);color:var(--color-ink-4);margin-top:6px;font-size:11px}
.status-incident__tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}
.status-incident__tag{font-family:var(--font-mono);color:var(--color-primary);background:#5148ff14;border:1px solid #5148ff2e;border-radius:999px;padding:4px 10px;font-size:10px;letter-spacing:.03em}

.status-empty{color:var(--color-ink-3);font-size:14px;line-height:1.5}
.status-pagination{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}
.status-pagination__info{font-family:var(--font-mono);color:var(--color-ink-3);font-size:12px}
.status-pagination .btn{min-width:120px}
.status-pagination .btn:disabled{opacity:.45;cursor:not-allowed}

.fantasy-landing .status-sec__eyebrow .dot,.fantasy-landing .status-hero__eyebrow .dot{display:inline-block}
