:root { --bg:#eef3f8; --panel:#fff; --ink:#172033; --muted:#657389; --line:#d8e1eb; --blue:#2364aa; --green:#1c9b72; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 20% 0%,rgba(35,100,170,.16),transparent 32%),var(--bg); color:var(--ink); }
.shell { width:min(980px,calc(100% - 32px)); margin:9vh auto; }
.hero { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; padding:38px; background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 45px rgba(23,32,51,.08); }
.eyebrow { display:inline-flex; margin-bottom:18px; color:var(--blue); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1.02; letter-spacing:0; }
p { max-width:620px; margin:18px 0 0; color:var(--muted); font-size:18px; line-height:1.6; }
.status { display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; padding:12px 14px; border:1px solid rgba(28,155,114,.24); border-radius:8px; background:rgba(28,155,114,.08); color:#12664d; }
.dot { width:10px; height:10px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(28,155,114,.15); }
@media (max-width:720px) { .shell{margin:24px auto;} .hero{flex-direction:column;padding:26px;} }