*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}
body{color:#1a2a4a}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.logo{display:flex;gap:10px;align-items:center}
.logo-icon{width:45px;height:45px;background:#0a1f44;color:#c5a23d;border:2px solid #c5a23d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}
.logo h2{color:#0a1f44;line-height:1} .logo span{color:#c5a23d;font-size:12px;letter-spacing:1px}
nav a{margin-left:20px;text-decoration:none;color:#0a1f44;font-weight:600}
.btn-gold{background:#d4a017;color:#0a1f44;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700}
.btn-blue{background:#0a1f44;color:white;padding:12px 20px;border-radius:6px;text-decoration:none;display:inline-block;margin-right:10px}
.btn-outline{border:2px solid #d4a017;color:#0a1f44;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}
.hero{display:flex;gap:30px;padding:50px 5%;align-items:center}
.hero-text{flex:1} .hero-img{flex:1} .hero-img img{width:100%;border-radius:12px}
.badge{background:#fff8e1;color:#8c6d0f;border:1px solid #f0d060;padding:5px 12px;border-radius:20px;font-size:11px;display:inline-block;margin-bottom:15px}
.hero h1{font-size:38px;color:#0a1f44;line-height:1.1;margin-bottom:15px}
.hero p{margin-bottom:20px;color:#555}
.trust{margin-top:20px;display:flex;gap:15px;font-size:13px;font-weight:600;color:#0a1f44}
.section-title{text-align:center;font-size:28px;color:#0a1f44;margin-bottom:30px}
#services{padding:60px 5%}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid #eee;padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.03)}
.card h3{margin-bottom:10px;color:#0a1f44}
.grey{background:#f7f8fa;padding:60px 5%}
.project-card{background:white;padding:20px;border-radius:10px;position:relative}
.tag{background:#d4a017;color:#0a1f44;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;position:absolute;top:15px;right:15px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:60px 5%;background:#0a1f44;color:white}
.contact input,.contact select{width:100%;padding:12px;margin:8px 0;border-radius:6px;border:none}
.full{width:100%;border:none;cursor:pointer;padding:12px}
footer{text-align:center;padding:15px;background:#06122a;color:#ccc;font-size:13px}
.hamburger{display:none;font-size:26px;cursor:pointer}
@media(max-width:800px){
  .hero{flex-direction:column} .grid3{grid-template-columns:1fr} .contact{grid-template-columns:1fr}
  nav{display:none;flex-direction:column;position:absolute;top:70px;right:0;background:white;width:100%;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.1)}
  nav.active{display:flex} .hamburger{display:block}
}