:root{
--blue1:#0b2e59;--blue2:#114b8c;--blue3:#2a7cc7;--turq:#2ec4c7;--gray:#f4f7fa;
}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#1f2937;line-height:1.7}
nav{position:sticky;top:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:16px 8%;display:flex;justify-content:space-between}
nav a{text-decoration:none;color:var(--blue1);margin:0 10px;font-weight:600}
.hero{background:linear-gradient(135deg,var(--blue1),var(--blue3));color:white;padding:110px 8%}
.hero h1{font-size:56px;max-width:900px}
.btn{background:var(--turq);padding:14px 24px;border-radius:8px;color:white;text-decoration:none;font-weight:bold}
.section{padding:80px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.card{background:var(--gray);padding:24px;border-radius:12px}
.cta{background:var(--blue1);color:white;text-align:center;padding:80px 8%}
footer{background:#081c34;color:white;padding:40px 8%}