:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; grid-template-rows: 1fr auto; background: #080808; color: #fff; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 75% 15%, rgba(210,0,0,.16), transparent 34%); }
.shell { width: min(1120px, calc(100% - 40px)); margin: auto; padding: 56px 0; }
.hero { max-width: 760px; padding: clamp(30px, 5vw, 72px); border: 1px solid #2b2b2b; border-radius: 28px; background: rgba(20,20,20,.92); box-shadow: 0 26px 80px rgba(0,0,0,.45); }
.eyebrow { margin: 0 0 18px; color: #ef1919; font-weight: 800; letter-spacing: .22em; font-size: .78rem; }
h1 { margin: 0; font-size: clamp(3.3rem, 10vw, 7rem); line-height: .9; letter-spacing: -.065em; }
.lead { max-width: 650px; margin: 28px 0 34px; color: #d2d2d2; font-size: clamp(1.15rem, 2.5vw, 1.55rem); line-height: 1.5; }
.status { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 999px; background: #191919; border: 1px solid #303030; font-weight: 750; }
.status span { width: 10px; height: 10px; border-radius: 50%; background: #56e58a; box-shadow: 0 0 18px rgba(86,229,138,.65); }
.note { margin: 30px 0 0; color: #999; line-height: 1.6; }
footer { padding: 20px; text-align: center; color: #666; font-size: .86rem; }