body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f7fb;color:#1d2a3a;}
.topbar{background:#0f3f66;color:white;font-size:14px;padding:8px 0;}
.container{max-width:1200px;margin:auto;padding:0 20px;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.menu{display:flex;gap:30px;list-style:none;}
.menu a{text-decoration:none;color:#1d2a3a;font-weight:600;}
.btn{background:#2e6fb8;color:white;padding:12px 22px;border-radius:6px;text-decoration:none;}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 0;background:linear-gradient(#f4f7fb,#ffffff);}
.hero h1{font-size:44px;margin-bottom:20px;}
.hero p{font-size:18px;color:#4a5a6a;}
.hero-buttons{margin-top:25px;display:flex;gap:15px;}
.section{padding:80px 0;}
.center{text-align:center;}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;}
.card{background:white;padding:30px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.05);text-align:center;}
.card img{width:90px;margin-bottom:15px;}
.service{background:white;padding:25px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.05);text-align:center;}
footer{background:#0f3f66;color:white;text-align:center;padding:40px;margin-top:60px;}