/* Use your existing styles.css from v2.1 if preferred */
:root{--navy:#0F2747;--navy-deep:#081A31;--blue:#2D8CFF;--white:#F6F8FB;--muted:rgba(246,248,251,.72);--line:rgba(246,248,251,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Aptos,Segoe UI,Arial,sans-serif;color:var(--white);background:linear-gradient(135deg,var(--navy-deep),var(--navy))}
.shell{width:min(calc(100% - 40px),1080px);min-height:100vh;margin:auto;display:grid;grid-template-rows:auto 1fr auto}
.header,.footer{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:84px}.footer{border-top:1px solid var(--line);border-bottom:none;color:#b7c0cf;font-size:.9rem}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff}.wordmark{letter-spacing:.35em;font-weight:700}
.hero{align-self:center;padding:96px 0}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:.8rem;font-weight:700}.intro{max-width:700px;color:var(--muted);line-height:1.6}
.button{display:inline-block;background:var(--blue);padding:14px 22px;border-radius:3px;color:#fff;text-decoration:none;font-weight:700}