:root{--indigo:#211c57;--blue:#1769ff;--charcoal:#20242b;--silver:#e8ebf0;--white:#fff}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:var(--charcoal);background:#fafbfc}
header{display:flex;justify-content:space-between;gap:2rem;padding:1rem 6vw;background:var(--indigo);color:white}
nav a{color:white;text-decoration:none;margin-left:1rem}.hero{padding:7rem 6vw;background:linear-gradient(135deg,var(--indigo),#292e69);color:white}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;max-width:900px}.eyebrow{letter-spacing:.18em}
.cta{display:inline-block;margin-top:1rem;padding:.8rem 1.2rem;background:var(--blue);color:white;text-decoration:none;border-radius:.5rem}
section:not(.hero){padding:4rem 6vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:white;border:1px solid var(--silver);padding:1.25rem;border-radius:.75rem}footer{padding:2rem 6vw;background:#11151b;color:#ccd1da}