body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1f2937}
.container{width:min(1200px,92%);margin:auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.logo{font-size:34px;font-weight:800;color:#0076ce}
nav a{text-decoration:none;color:#111827;margin-left:34px}
.hero{background:linear-gradient(rgba(2,12,40,.72),rgba(2,12,40,.82)),url('../pics/hero.jpg');background-size:cover;color:#fff;padding:120px 0}
.hero-grid{min-height:500px;display:flex;align-items:center}
h1{font-size:68px;max-width:650px}
.hero p{font-size:28px;max-width:700px}
.btns{margin-top:30px}.btn{padding:14px 26px;border:1px solid #fff;color:#fff;text-decoration:none;border-radius:8px;margin-right:10px}
.primary{background:#0076ce;border-color:#0076ce}
.section{padding:90px 0}.eyebrow{text-align:center;color:#0076ce;font-weight:700}
h2{text-align:center;font-size:46px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.card img{width:100%;height:220px;object-fit:cover}.card h3,.card p{padding:0 20px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about img{width:100%;border-radius:12px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.alt{background:#f8fafc}
.center{text-align:center}
.email{display:block;font-size:64px;font-weight:800;color:#0076ce;text-decoration:none;margin:30px 0}
.contactbox{display:flex;justify-content:center;gap:60px;background:#fff;padding:30px;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
footer{background:#081b4b;color:#fff;text-align:center;padding:30px}
@media(max-width:900px){.cards,.about,.features{grid-template-columns:1fr}.contactbox{flex-direction:column}.email{font-size:42px}h1{font-size:44px}}