body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#fff;color:#24324a}
.wrap{width:min(1200px,92%);margin:auto}
.nav{position:sticky;top:0;background:#ffffffdd;backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{height:70px}
nav a{margin-left:22px;color:#123b8f;text-decoration:none;font-weight:700}
.hero{padding:90px 0;background:linear-gradient(180deg,#fff,#eef5ff)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.badge{display:inline-block;background:#fff3cf;color:#9b6b00;padding:8px 14px;border-radius:999px}
h1{font-size:64px;color:#123b8f;margin:18px 0 6px}
h2{color:#d4af37;margin:0 0 20px}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;margin-right:12px;text-decoration:none;font-weight:700}
.primary{background:#123b8f;color:#fff}
.secondary{border:2px solid #123b8f;color:#123b8f}
.hero-logo img{max-width:420px;width:100%}
.services{padding:70px 0}
.services h3{text-align:center;font-size:36px;color:#123b8f}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:35px}
.card{padding:28px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);font-weight:700}
footer{background:#0b245a;color:#fff;text-align:center;padding:40px}
footer a{color:#d4af37}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-logo{order:-1}nav{display:none}h1{font-size:44px}}