:root { color-scheme: light dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#f5f4ef; color:#171713; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0, #dbe9ff 0, transparent 34%), #f5f4ef; }
main { width:min(1040px, calc(100% - 40px)); margin:auto; padding:24px 0 72px; }
header { display:flex; align-items:center; gap:10px; font:600 13px/1 ui-monospace, monospace; border-bottom:1px solid #d9d7ce; padding-bottom:18px; }
.mark { width:10px; height:10px; background:#2878d3; border-radius:3px; }
.hero { padding:clamp(72px, 13vw, 150px) 0 70px; max-width:760px; }
.eyebrow { color:#69717d; font:650 11px/1.4 ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:14px 0 22px; font-size:clamp(44px, 8vw, 82px); line-height:.96; letter-spacing:-.055em; }
.hero>p:last-child { max-width:620px; color:#55554f; font-size:19px; line-height:1.6; }
.status { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; padding:28px; border:1px solid #d9d7ce; border-radius:18px; background:rgba(255,255,255,.58); }
.status h2 { margin:5px 0 0; font-size:24px; }.status>p { margin:0; color:#55554f; line-height:1.7; }
@media(max-width:650px){.status{grid-template-columns:1fr;gap:18px}main{width:min(100% - 28px,1040px)}}
@media(prefers-color-scheme:dark){:root{background:#111;color:#f5f5f0}.status{background:#1b1b19;border-color:#333}.hero>p:last-child,.status>p{color:#aaa}.eyebrow{color:#8da7c6}body{background:radial-gradient(circle at 80% 0,#17263c 0,transparent 34%),#111}header{border-color:#333}}