:root{--navy:#232F3E;--orange:#FF9900;--blue:#146EB4;}
*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:#333;line-height:1.6}
.container{max-width:1100px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{font-family:Poppins,sans-serif;font-weight:700;color:var(--navy)}
nav a{text-decoration:none;color:#444;margin-left:20px}
.hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:110px 0;text-align:center}
.hero h1{font-family:Poppins,sans-serif;font-size:3rem;margin:0}
.btn{display:inline-block;margin-top:25px;background:var(--orange);color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600}
section{padding:70px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.alt{background:#f7f9fc}
footer{background:var(--navy);color:#fff;text-align:center;padding:40px 0}
@media(max-width:700px){.hero h1{font-size:2.2rem}.nav{flex-direction:column}nav{margin-top:10px}}