:root{
  --brand: #0ea5e9;
  --ink: #0f172a;
  --acid:#ef4444; --direct:#f59e0b; --solvent:#10b981; --inter:#8b5cf6;
}
body{ color: var(--ink); }
.btn-brand{ background: var(--brand); border-color: var(--brand); color:#fff; border-radius:999px; }
.btn-brand:hover{ filter:brightness(.95); color:#fff; }
.gradient-hero{
  background: radial-gradient(900px 360px at -10% -20%, rgba(14,165,233,.2) 0%, transparent 60%),
              radial-gradient(700px 280px at 120% -10%, rgba(139,92,246,.18) 0%, transparent 65%);
}
.text-gradient{
  background: linear-gradient(90deg, var(--brand), var(--inter));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.card.cat-acid{ border-left: 4px solid var(--acid); }
.card.cat-direct{ border-left: 4px solid var(--direct); }
.card.cat-solvent{ border-left: 4px solid var(--solvent); }
.card.cat-inter{ border-left: 4px solid var(--inter); }
.kpi .kpi-number{ font-size: 1.6rem; font-weight: 800; line-height: 1; }
.kpi .kpi-label{ color:#64748b; font-weight: 600; }
footer{ background:#0b0f19; }