:root{
  --navy:#0b1f3b;
  --sky:#eaf3ff;
  --blue:#1f64ff;
  --blue2:#0b52ff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#dbe6f4;
  --card:#ffffff;
  --graybg:#f6f8fb;
  --shadow:0 10px 25px rgba(2,10,30,.08);
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{background:var(--graybg);color:var(--text);line-height:1.45;}
a{text-decoration:none;color:inherit;}
.container{max-width:1180px;margin:0 auto;padding:0 18px;}
.btn{
  padding:12px 18px;border-radius:10px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;cursor:pointer;transition:.2s;
  gap:8px;font-size:14px;
}
.btn-primary{background:var(--navy);color:#fff;}
.btn-primary:hover{background:#06162b;}
.btn-blue{background:var(--blue);color:white;}
.btn-blue:hover{background:var(--blue2);}
.btn-outline{background:#fff;border-color:var(--border);color:var(--navy);}
.btn-outline:hover{border-color:var(--navy);}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);}

/* Top strip */
.top-strip{background:var(--navy);color:#dbeafe;font-size:13px;padding:9px 0;}
.top-strip .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.top-strip .left,.top-strip .right{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

/* Nav */
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);}
nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);font-size:16px;}
.logo span{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;}
.nav-links{display:flex;gap:18px;align-items:center;color:var(--muted);font-weight:700;font-size:13.5px;}
.nav-links a:hover{color:var(--navy);}
.nav-actions{display:flex;gap:10px;align-items:center;}

/* Floating WhatsApp */
.whatsapp-float{
  position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:999px;
  display:grid;place-items:center;background:#25D366;box-shadow:var(--shadow);
  z-index:999;color:white;font-size:24px;font-weight:900;
}
.whatsapp-float:hover{filter:brightness(0.95);}

/* Basic sections (useful for Elementor HTML blocks too) */
.section{padding:38px 0;}
.section-title{text-align:center;max-width:860px;margin:0 auto 18px;}
.section-title h2{color:var(--navy);font-size:24px;margin-bottom:8px;}
.section-title p{color:var(--muted);font-size:14px;}

footer{background:var(--navy);color:#cbd5e1;padding:34px 0;margin-top:20px;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px;}
footer h4{color:#fff;margin-bottom:10px;}
footer a{display:block;margin:7px 0;color:#cbd5e1;font-size:13px;}
footer a:hover{color:#fff;}
.footnote{margin-top:18px;color:#94a3b8;font-size:12px;}

@media (max-width: 980px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
}