* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
body {background:#f8f9fa;color:#222;line-height:1.6}
.top-bar {background:#0a1931;color:#fff;padding:8px 40px;font-size:12px;text-align:center}
.nav {background:#fff;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.08);position:sticky;top:0;z-index:100}
.nav-left {display:flex;align-items:center;gap:12px}
.logo {width:52px;height:52px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid #eee;display:block}
.brand span {font-weight:800;color:#1e2a5a;font-size:15px;letter-spacing:0.3px;white-space:nowrap}
.brand small {display:block;font-size:10px;color:#666;letter-spacing:0.5px;margin-top:1px;white-space:nowrap}
.nav-links {display:flex;gap:18px;align-items:center}
.nav-links a {text-decoration:none;color:#444;font-size:13px;font-weight:500}
.btn-rfq {background:#1e2a5a;color:#fff !important;padding:8px 16px;border-radius:20px;font-weight:700 !important}
.hero {background:linear-gradient(135deg,#0a1931 0%,#1e3a5f 50%,#2a4a7a 100%);color:#fff;padding:60px 40px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:30px;align-items:center}
.hero h1 {font-size:36px;line-height:1.2;margin-bottom:14px;font-weight:800}
.btn {padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:14px;display:inline-block;margin-right:10px}
.btn-primary {background:#fff;color:#1e2a5a}.btn-outline {border:2px solid #fff;color:#fff}
.section {padding:50px 40px}.section h2 {font-size:26px;margin-bottom:10px}
.cards {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.cards.grid {grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card {background:#fff;padding:22px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid #eef}
.card h3 {color:#1e2a5a;font-size:15px;margin-bottom:8px}.card p {font-size:13px;color:#555;line-height:1.6}
.footer {background:#0a1931;color:#fff;padding:30px 40px;text-align:center;font-size:13px;margin-top:30px}.footer a {color:#25D366}
.whatsapp-float {position:fixed;bottom:22px;right:22px;background:#25D366;color:#fff;padding:12px 18px;border-radius:50px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 4px 15px rgba(37,211,102,0.4);z-index:999}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:30px 20px}.nav{padding:12px 15px}.nav-links{gap:10px}.brand span{font-size:13px}.cards{grid-template-columns:1fr}.section{padding:30px 20px}}