.simple-status-page{background:#000;color:#fff}
.simple-status-page .site-header{border-bottom:none;background:rgba(0,0,0,.92)}
.simple-status-page .footer{background:#000}
.simple-status-page .footer-top{border-top:1px solid rgba(255,255,255,.10)}

.status-simple-hero{padding:150px 0 40px;background:#000}
.status-simple-hero .page-shell{display:flex;justify-content:center;text-align:center}
.status-simple-hero h1{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(78px,10vw,146px);font-weight:500;letter-spacing:-.065em;line-height:.82;color:#fff}

.status-simple-section{padding:0 0 110px;background:#000}
.status-overall{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,#090909,#050505);margin:0 auto 18px;max-width:960px}
.status-overall-left{display:flex;align-items:center;gap:12px;min-width:0}
.status-overall strong{font-size:15px;font-weight:650;letter-spacing:-.01em}
.status-overall-right{font:500 11px/1.4 'DM Mono',monospace;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.08em}
.status-light{width:10px;height:10px;border-radius:999px;background:#9a9a9a;box-shadow:0 0 0 6px rgba(255,255,255,.05);flex:0 0 auto}

.status-list{max-width:960px;margin:0 auto;border:1px solid rgba(255,255,255,.10);border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#070707,#020202)}
.status-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.status-row:last-child{border-bottom:none}
.status-row-left{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:520;letter-spacing:-.01em}
.status-row-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;text-align:right}
.status-state{font-size:15px;font-weight:650;letter-spacing:-.01em;color:#fff}
.status-dot{width:12px;height:12px;border-radius:999px;background:#6b6b6b;box-shadow:0 0 0 6px rgba(255,255,255,.035);flex:0 0 auto}
.status-row[data-state="operational"] .status-dot,.status-overall[data-state="operational"] .status-light{background:#f4f4f4;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.status-row[data-state="degraded"] .status-dot,.status-overall[data-state="degraded"] .status-light{background:#b9b9b9}
.status-row[data-state="unavailable"] .status-dot,.status-overall[data-state="unavailable"] .status-light{background:#7e7e7e}
.status-row[data-state="checking"] .status-dot,.status-overall[data-state="checking"] .status-light{animation:statusPulse 1.2s infinite}
.status-row[data-state="preview"] .status-dot,.status-overall[data-state="preview"] .status-light{background:#9a9a9a}
.status-row[data-state="operational"] .status-state{color:#fff}
.status-row[data-state="degraded"] .status-state{color:#d6d6d6}
.status-row[data-state="unavailable"] .status-state{color:#a8a8a8}
.status-row[data-state="preview"] .status-state{color:#cfcfcf}

.status-actions{max-width:960px;margin:18px auto 0;display:flex;justify-content:flex-end}
.status-refresh{min-height:46px;padding-inline:20px}

@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.45}}

@media (max-width: 900px){
  .status-simple-hero{padding:124px 0 30px}
  .status-overall,.status-list{max-width:100%}
}

@media (max-width: 640px){
  .status-simple-hero{padding:112px 0 26px}
  .status-simple-hero h1{font-size:68px}
  .status-overall{flex-direction:column;align-items:flex-start;padding:16px 18px;border-radius:18px}
  .status-overall-right{font-size:10px}
  .status-row{padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.08);align-items:flex-start}
  .status-row-left{font-size:16px}
  .status-state{font-size:14px}
  .status-list{border-radius:20px}
  .status-actions{justify-content:stretch}.status-refresh{width:100%}
}