body{margin:0;font-family:Arial,sans-serif;color:#16314f;background:#f5f7fa}
.container{max-width:1100px;margin:auto;padding:0 20px}
.topbar{background:#072f57;color:#fff;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.logo{font-size:28px;font-weight:700;color:#55c33f}
nav a{color:#fff;text-decoration:none;margin:0 12px}
.call-btn,.cta{background:#55c33f;color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:700}
.hero{position:relative;min-height:520px;background:url('hero.jpg') center/cover no-repeat;display:flex;align-items:center}
.overlay{position:absolute;inset:0;background:rgba(7,47,87,.55)}
.hero-content{position:relative;color:#fff;max-width:650px}
.hero h1{font-size:54px;line-height:1.1;margin:0 0 15px}
.hero p{font-size:28px;margin-bottom:25px}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#0a3968;color:#fff;text-align:center;padding:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:50px 20px}
.card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.contact{text-align:center;padding:60px 20px;background:#e9f7e7}
footer{text-align:center;padding:20px;background:#072f57;color:#fff}
@media(max-width:768px){.hero h1{font-size:36px}.nav{flex-direction:column;gap:12px}}