/* ═══════════════════════════════════════════════
   WAJHA AGENCY — PAIN-POINTS.CSS
   Rule: Section-specific styling only. Uses tokens for colors/sizes.
   ═══════════════════════════════════════════════ */

#pain-points {
  background-color: var(--color-bg-page);
  border-top: 1px solid var(--color-border-subtle);
}

.pain-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background-color: var(--color-accent-tint-10);
  margin-bottom: var(--space-4);
  border: 1px solid rgba(var(--color-brand-accent-rgb), 0.2);
}