body{margin:0;font-family:Arial,sans-serif;color:#0a1b3d;background:#fbfaf8}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo{font-weight:bold;font-size:24px}.logo span{color:#a8998f}
nav a{margin-left:20px;text-decoration:none;color:#0a1b3d}
.hero{background:#071a3b;color:#fff;padding:100px 0;text-align:center}
.hero h1{font-size:48px}
.section{padding:80px 0}
.alt{background:#fff}
.dark{background:#071a3b;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border:1px solid #ddd}
footer{background:#071a3b;color:#fff;padding:25px;text-align:center}