@font-face{font-family:"Messina Sans";src:url("/public/fonts/MessinaSans-Book.woff2") format("woff2");font-weight:350;font-style:normal;font-display:swap}
@font-face{font-family:"Messina Sans";src:url("/public/fonts/MessinaSans-Regular.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Messina Sans";src:url("/public/fonts/MessinaSans-SemiBold.woff2") format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cingulum Mono";src:url("/public/fonts/CingulumMono-Regular.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}

:root{
  --ink:#1B3B3C;--moss:#317253;--sage:#418D69;--warn:#C0803A;--crit:#B85454;--info:#2F6B8F;
  --bg:#F7F6F3;--surface:#FCF7F1;--raised:#FFFFFF;--fg:#1B3B3C;--fg2:#4B463F;--fg3:#655F57;
  --rule:rgb(27 59 60 / .14);--rule-strong:rgb(27 59 60 / .24);
  --ok-wash:rgb(65 141 105 / .11);--warn-wash:rgb(192 128 58 / .12);--crit-wash:rgb(184 84 84 / .11);--info-wash:rgb(47 107 143 / .11);
  color-scheme:light;
}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#161F20;--surface:#1B3233;--raised:#1B3B3C;--fg:#FCF7F1;--fg2:#CDC9C5;--fg3:#AFADAA;
    --rule:rgb(237 233 226 / .12);--rule-strong:rgb(237 233 226 / .22);--sage:#ADCBBD;
    --ok-wash:rgb(173 203 189 / .12);--warn-wash:rgb(211 166 117 / .12);--crit-wash:rgb(216 161 161 / .12);--info-wash:rgb(149 204 255 / .12);
    color-scheme:dark;
  }
  .wordmark-light{display:none!important}.wordmark-dark{display:block!important}
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:"Messina Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.status-shell,.dynamic-status{max-width:1060px;margin:0 auto;padding-left:28px;padding-right:28px}
.status-shell{padding-bottom:26px}
.status-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule)}
.brand{display:flex;align-items:center;gap:14px;min-width:0}.wordmark{display:block;width:156px;height:auto}.wordmark-dark{display:none}.brand-divider{height:26px;width:1px;background:var(--rule-strong)}
.header-label,.eyebrow,.mono-label,.freshness{font-family:"Cingulum Mono",ui-monospace,monospace;font-weight:300;letter-spacing:.1em;text-transform:uppercase}
.header-label{font-size:11px;color:var(--fg3);white-space:nowrap}
.subscribe{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:10px;background:var(--raised);font-size:13px;font-weight:600;text-decoration:none}
.hero{padding:58px 0 24px}.eyebrow{font-size:10px;color:var(--fg3);margin:0 0 12px}
.hero h1{font-size:clamp(36px,6vw,54px);line-height:1.04;font-weight:350;letter-spacing:-.045em;margin:0;max-width:780px}
.hero h1:empty::before{content:"Last known status"}
.hero-copy{max-width:700px;margin:16px 0 0;color:var(--fg2);font-size:18px;line-height:1.5}
.overall-banner{margin-top:30px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}
.status-dot{width:11px;height:11px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 5px var(--ok-wash);flex:0 0 auto}
.overall-banner strong{font-size:15px}.freshness{font-size:10px;color:var(--fg3);margin:4px 0 0}.freshness:empty::before{content:"Awaiting first independent publication"}
.last-known-copy{padding:0 0 18px;color:var(--fg3);font-size:13px;max-width:720px}
.dynamic-status{padding-bottom:80px}
.live-banner{border:1px solid var(--rule);border-radius:14px;background:var(--surface);padding:20px;margin:14px 0 16px}
.live-banner h2{font-size:22px;line-height:1.2;margin:4px 0 0;font-weight:600;letter-spacing:-.02em}
.mono-label{font-size:10px;color:var(--fg3);margin:0}
.component-list{display:grid;gap:10px}
.component-card{border:1px solid var(--rule);border-radius:12px;background:var(--surface);padding:16px 18px}
.component-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.component-head h3{font-size:16px;margin:0 0 3px;font-weight:600}.component-head p{font-size:12px;color:var(--fg3);margin:0}
.state-label{font-family:"Cingulum Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:7px 9px;border-radius:7px;white-space:nowrap}
.state-ok{color:var(--sage);background:var(--ok-wash)}.state-warn{color:var(--warn);background:var(--warn-wash)}.state-crit{color:var(--crit);background:var(--crit-wash)}.state-info{color:var(--info);background:var(--info-wash)}
.uptime-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 7px;font-family:"Cingulum Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.04em;color:var(--fg3)}
.uptime-meta strong{font-weight:300;color:var(--fg)}
.uptime-bar{display:flex;gap:2px;height:27px}
.uptime-day{flex:1 1 0;min-width:1px;border-radius:2px;background:var(--rule)}
.uptime-ok{background:rgb(65 141 105 / .72)}.uptime-warn{background:var(--warn)}.uptime-crit{background:var(--crit)}.uptime-info{background:var(--info)}.uptime-unknown{background:var(--rule)}
.latency-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;color:var(--fg3);font-family:"Cingulum Mono",ui-monospace,monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.prerender-components{max-width:1060px;margin:0 auto;padding:0 28px 8px}
body:has(.dynamic-status .component-list) .prerender-components{display:none}
.loading-note{color:var(--fg3);font-size:13px}
@media(max-width:720px){
  .status-shell,.dynamic-status,.prerender-components{padding-left:18px;padding-right:18px}.status-header{height:74px}.wordmark{width:126px}.brand-divider,.header-label,.subscribe{display:none}.hero{padding:40px 0 20px}.hero-copy{font-size:16px}.component-head{align-items:flex-start;flex-direction:column;gap:10px}.uptime-bar{gap:1px;height:24px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}