:root{
  --sw-primary:#0b6efd;
  --sw-dark:#0f172a;
  --sw-muted:#64748b;
  --sw-bg:#f8fafc;
}

body{ background: var(--sw-bg); }
.navbar-brand{ letter-spacing:.5px; font-weight:700; }
.hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(11,110,253,.25), transparent 55%),
              radial-gradient(1000px 500px at 90% 20%, rgba(34,197,94,.18), transparent 55%),
              linear-gradient(180deg, #ffffff, #f8fafc);
}
.hero h1{ color: var(--sw-dark); }
.hero p{ color: var(--sw-muted); }
.badge-tech{
  display:inline-flex; gap:.5rem; align-items:center;
  padding:.5rem .75rem; border:1px solid #e2e8f0; border-radius:999px;
  background:#fff;
}
.card{ border:1px solid #e2e8f0; border-radius:16px; }
.card-shadow{ box-shadow: 0 10px 30px rgba(2,6,23,.06); }
.section-title{ color: var(--sw-dark); }
.section-subtitle{ color: var(--sw-muted); }
.footer{
  background:#0b1220; color:#cbd5e1;
}
.footer a{ color:#cbd5e1; text-decoration:none; }
.footer a:hover{ color:#fff; }
.kpi{
  background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:1rem;
}
.small-muted{ color: var(--sw-muted); font-size:.95rem; }