:root{
  --primary:#0ea5e9; 
  --secondary:#fbbf24; 
  --dark:#0f172a;
  --muted:#6b7280;
}
body{font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
.navbar{box-shadow: 0 4px 24px rgba(15,23,42,.06);}
.navbar-brand img{height:32px}
.hero{
  position:relative;
  min-height:60vh;
  display:grid;
  place-items:center;
  color:#fff;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
}
.hero .content{position:relative; z-index:1;}
.hero .badge{background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.3); backdrop-filter: blur(6px);}
.section{padding:0px 0;}
.section-title{font-weight:800; color:var(--dark);}
.lead-muted{color:#334155}
.card{border:1px solid #eef2f7; box-shadow: 0 6px 20px rgba(2,6,23,.06);}
.icon-bullet{width:40px; height:40px; display:inline-grid; place-items:center; border-radius:50%; background:#eff6ff; color:#0c4a6e;}
.kpi{display:flex; gap:8px; align-items:center;}
.kpi .num{font-weight:800; font-size:1.4rem; color:var(--dark);}
.kpi .label{color:#64748b; font-size:.9rem;}
.gradient-box{
  background: linear-gradient(90deg, #2dd4bf, #22c55e, #f59e0b);
  border-radius: 18px;
  color:#fff;
  padding:28px;
}
.faq .accordion-button:not(.collapsed){background:#f8fafc; color:#0f172a;}
.footer{background:#0b1220; color:#cbd5e1;}
.footer a{color:#93c5fd; text-decoration:none;}
.small-muted{color:#6b7280; font-size:.875rem;}
.btn-primary{background:var(--primary); border-color:var(--primary);}
.badge-soft{background:#f1f5f9; color:#0f172a; border:1px solid #e2e8f0;}
.rounded-2xl{border-radius:1rem;}

.fab{
  position: fixed; right:16px; bottom:16px; z-index:9999; display:flex; flex-direction:column; gap:12px;
}
.fab .btn{border-radius:999px; box-shadow:0 10px 24px rgba(2,6,23,.18);}