body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102131;background:#fff;line-height:1.55}
header{background:#071d31;color:#fff;padding:16px 24px;position:sticky;top:0}
nav{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center}
nav a{color:#d9e8f3;text-decoration:none;margin-left:18px}
.hero{background:linear-gradient(145deg,#071d31,#0b3554);color:#fff;padding:90px 24px}
.wrap{max-width:1100px;margin:auto}
h1{font-size:64px;line-height:1.02;margin:10px 0 18px}
h2{font-size:38px}
.accent{color:#30cd68}
.btn{display:inline-block;padding:14px 18px;border-radius:12px;background:#30cd68;color:#082132;text-decoration:none;font-weight:700}
section{padding:70px 24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#f4f8fb;border:1px solid #dbe4ec;border-radius:18px;padding:22px}
footer{background:#071d31;color:#c9d7e1;padding:32px 24px}
.pagehero{background:linear-gradient(145deg,#071d31,#0b3554);color:#fff;padding:54px 24px}
.content{max-width:900px;margin:auto;padding:50px 24px}
@media(max-width:800px){h1{font-size:44px}.grid{grid-template-columns:1fr}.links{display:none}}