:root { color-scheme: light; --ink: #172033; --muted: #62708a; --accent: #d97745; --surface: #fff; --wash: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: radial-gradient(circle at 15% 10%, #fff 0, transparent 35%), linear-gradient(135deg, #edf3fa, #fdfaf6); }
.page-shell { min-height: 100vh; display: grid; place-items: center; padding: 2rem 1.25rem; }
.hero-card { width: min(100%, 760px); padding: clamp(2.5rem, 8vw, 5.5rem) clamp(1.5rem, 8vw, 5.5rem); text-align: center; background: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.8); border-radius: 28px; box-shadow: 0 24px 70px rgba(38,57,84,.13); }
.brand-mark { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 1.75rem; color: #fff; background: var(--ink); border-radius: 18px; font-size: .8rem; font-weight: 800; letter-spacing: .08em; }
.eyebrow { margin: 0 0 1rem; color: var(--accent); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { max-width: 620px; margin: 0 auto; font-size: clamp(2.1rem, 6vw, 4.2rem); line-height: 1.08; letter-spacing: -.045em; }
.status-pill { display: inline-block; margin: 2rem 0 1.25rem; padding: .7rem 1.3rem; color: #9a4c22; background: #fff0e8; border-radius: 999px; font-size: .9rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.intro { max-width: 510px; margin: 0 auto; color: var(--muted); font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.7; }
.accent-line { width: 58px; height: 4px; margin: 2rem auto 1.25rem; background: var(--accent); border-radius: 99px; }
.footnote { margin: 0; color: #8994a7; font-size: .9rem; }