:root{--navy:#14233A;--silver:#C9CDD2;--pewter:#9AA1A9;--white:#F2F3F5}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#1c2f4b 0%,var(--navy) 60%);color:var(--white);font-family:Inter,"Helvetica Neue",Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:center}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12vh 24px 6vh}
.logo img{display:block;width:min(420px,78vw);height:auto}
.rule{display:block;width:64px;height:1px;background:var(--silver);opacity:.7;margin:56px 0 28px}
.eyebrow{font-size:.8rem;letter-spacing:.42em;text-transform:uppercase;color:var(--silver);padding-left:.42em}
.lede{margin-top:18px;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:300;line-height:1.6;color:var(--white);opacity:.85;max-width:32ch}
footer{padding:28px 24px 36px;border-top:1px solid rgba(154,161,169,.25);font-size:.78rem;line-height:1.9;color:var(--pewter);letter-spacing:.04em}
footer .tagline{color:var(--silver);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;margin-bottom:6px}
footer .fine{opacity:.75}
a{color:var(--silver);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(201,205,210,.4)}
a:hover,a:focus-visible{color:#fff;text-decoration-color:#fff}
a:focus-visible{outline:1px solid var(--silver);outline-offset:3px}
@media (max-width:480px){.rule{margin:40px 0 22px}.hero{padding-top:10vh}}
.nw{white-space:nowrap}