:root{
  --brand:#0d6efd; --brand-2:#5a8cff; --accent:#00b894; --ink:#0b1020; --muted:#6b7a90;
  --bg:#f6f9ff; --card:#ffffff; --shadow:0 12px 32px rgba(13,110,253,.08);
}
*{box-sizing:border-box}
html,body{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:#101828}
a{text-decoration:none}
/* Navbar */
.navbar-brand span{font-family:Montserrat, sans-serif; font-weight:700; letter-spacing:.3px}
.navbar .btn-cta{box-shadow:var(--shadow)}
.navbar .nav-link{font-weight:500}
.navbar .nav-link.active{color:var(--brand) !important}
/* Fancy underline */
.link-underline{position:relative}
.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--brand);transition:width .25s}
.link-underline:hover:after{width:100%}
/* Hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1200px 400px at -10% -10%, rgba(90,140,255,.25) 0%, rgba(255,255,255,0) 60%),
  radial-gradient(1200px 400px at 110% 120%, rgba(0,184,148,.18) 0%, rgba(255,255,255,0) 60%),
  linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);
}
.hero .blob{position:absolute;filter:blur(20px);opacity:.25;z-index:0}
.blob.b1{top:-80px;left:-80px;width:240px;height:240px;background:#5a8cff;border-radius:50%}
.blob.b2{bottom:-80px;right:-80px;width:260px;height:260px;background:#00b894;border-radius:50%}
.hero-inner{position:relative;z-index:1}
.badge-soft{background:rgba(13,110,253,.12);color:var(--brand);border:1px solid rgba(13,110,253,.2)}
/* Cards */
.card{border:1px solid #edf2ff;background:var(--card);box-shadow:0 4px 16px rgba(16,24,40,.04)}
.card-hover{transition:transform .2s ease, box-shadow .2s ease}
.card-hover:hover{transform:translateY(-6px); box-shadow:0 20px 40px rgba(16,24,40,.10)}
.icon-pill{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#eef4ff}
/* Sections */
.section-title{font-weight:700}
.section-sub{color:var(--muted)}
/* Footer */
.footer{background:linear-gradient(180deg,#0b1020 0%, #0f1733 100%);color:#e6edf3}
.footer a{color:#b9c4d8}
.footer .social a{display:inline-flex;align-items:center;gap:.4rem}
.footer .cta-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
/* Floating WhatsApp */
.fab-whatsapp{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#25d366;color:white;font-size:24px;
  box-shadow:0 12px 24px rgba(0,0,0,.25);z-index:1000}
.fab-whatsapp:hover{transform:translateY(-2px)}
/* Sticky mobile bottom bar */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;
  display:none;z-index:999;padding:.6rem .8rem}
.mobile-cta .btn{flex:1}
/* Dark mode */
.dark, .dark body{background:#0b1020 !important;color:#e6edf3}
.dark .card{background:#0f1733;border-color:#18224a}
.dark .hero{background:linear-gradient(180deg,#0b1020 0%, #0f1733 100%)}
.dark .section-sub{color:#a8b3cf}
.dark .navbar,.dark .offcanvas,.dark .dropdown-menu{background:#0e142a !important}
.dark .mobile-cta{background:#0e142a;border-color:#18224a}
/* Utilities */
.rounded-3xl{border-radius:1.25rem}
.shadow-soft{box-shadow:var(--shadow)}
/* Responsive tweaks */
@media (max-width: 991.98px){
  .mobile-cta{display:flex;gap:.6rem}
  .navbar .ms-lg-3{display:none !important}
}