:root{
  --wh-bg: #0b1220;
  --wh-bg2:#121a2e;
  --wh-accent:#2563eb;
}
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.hero{
  padding: 80px 0;
  background: linear-gradient(135deg,var(--wh-bg),var(--wh-bg2));
  color:#fff;
}
.badge-soft{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  color:#fff;
}
.section{ padding: 64px 0; }
.card{ border-radius: 16px; }
.rounded-4{ border-radius: 16px !important; }
.feature-icon{
  width:44px;height:44px;border-radius: 12px;
  display:flex;align-items:center;justify-content:center;
  background:#f3f6ff;
}
.footer{
  background: var(--wh-bg);
  color:#cbd5e1;
}
.footer a{ color:#cbd5e1; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }
.kpi{
  border:1px solid #e5e7eb;
  border-radius: 16px;
  padding: 14px 16px;
}
.small-muted{ color:#64748b; }
.price{
  font-size: 1.75rem;
  font-weight: 800;
}
.plan-badge{
  font-size: .75rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}