body.audience-hub-body {
  --problem-accent: #0f766e;
  --problem-accent-mid: #2dd4bf;
  --problem-accent-soft: rgba(15, 118, 110, 0.12);
  --problem-accent-glow: rgba(15, 118, 110, 0.22);
}

body.audience-page-body.audience-page--qa-teams {
  --problem-accent: #1d6b9a;
  --problem-accent-mid: #38bdf8;
  --problem-accent-soft: rgba(29, 107, 154, 0.1);
  --problem-accent-glow: rgba(29, 107, 154, 0.22);
}

body.audience-page-body.audience-page--startups {
  --problem-accent: #ea580c;
  --problem-accent-mid: #fb923c;
  --problem-accent-soft: rgba(234, 88, 12, 0.11);
  --problem-accent-glow: rgba(234, 88, 12, 0.24);
}

body.audience-page-body.audience-page--enterprise {
  --problem-accent: #4338ca;
  --problem-accent-mid: #818cf8;
  --problem-accent-soft: rgba(67, 56, 202, 0.1);
  --problem-accent-glow: rgba(67, 56, 202, 0.22);
}

body.audience-page-body.audience-page--agile-teams {
  --problem-accent: #059669;
  --problem-accent-mid: #34d399;
  --problem-accent-soft: rgba(5, 150, 105, 0.1);
  --problem-accent-glow: rgba(5, 150, 105, 0.22);
}

body.audience-page-body.audience-page--non-technical {
  --problem-accent: #c026d3;
  --problem-accent-mid: #e879f9;
  --problem-accent-soft: rgba(192, 38, 211, 0.1);
  --problem-accent-glow: rgba(192, 38, 211, 0.22);
}

body.audience-page-body.audience-page--saas {
  --problem-accent: #0891b2;
  --problem-accent-mid: #22d3ee;
  --problem-accent-soft: rgba(8, 145, 178, 0.1);
  --problem-accent-glow: rgba(8, 145, 178, 0.22);
}

body.audience-page-body.audience-page--product-teams {
  --problem-accent: #be185d;
  --problem-accent-mid: #f472b6;
  --problem-accent-soft: rgba(190, 24, 93, 0.1);
  --problem-accent-glow: rgba(190, 24, 93, 0.22);
}

body.audience-hub-body .problems-page__hub-card--qa-teams {
  --hub-accent: #1d6b9a;
  --hub-accent-mid: #38bdf8;
  --hub-accent-soft: rgba(29, 107, 154, 0.14);
}

body.audience-hub-body .problems-page__hub-card--startups {
  --hub-accent: #ea580c;
  --hub-accent-mid: #fb923c;
  --hub-accent-soft: rgba(234, 88, 12, 0.16);
}

body.audience-hub-body .problems-page__hub-card--enterprise {
  --hub-accent: #4338ca;
  --hub-accent-mid: #818cf8;
  --hub-accent-soft: rgba(67, 56, 202, 0.14);
}

body.audience-hub-body .problems-page__hub-card--agile-teams {
  --hub-accent: #059669;
  --hub-accent-mid: #34d399;
  --hub-accent-soft: rgba(5, 150, 105, 0.14);
}

body.audience-hub-body .problems-page__hub-card--non-technical {
  --hub-accent: #c026d3;
  --hub-accent-mid: #e879f9;
  --hub-accent-soft: rgba(192, 38, 211, 0.14);
}

body.audience-hub-body .problems-page__hub-card--saas {
  --hub-accent: #0891b2;
  --hub-accent-mid: #22d3ee;
  --hub-accent-soft: rgba(8, 145, 178, 0.14);
}

body.audience-hub-body .problems-page__hub-card--product-teams {
  --hub-accent: #be185d;
  --hub-accent-mid: #f472b6;
  --hub-accent-soft: rgba(190, 24, 93, 0.14);
}

body.audience-hub-body .problems-page__hero--hub .problems-page__orb--1 {
  background: linear-gradient(145deg, #a7f3d0, #d1fae5);
}

body.audience-hub-body .problems-page__hero--hub .problems-page__orb--2 {
  background: linear-gradient(160deg, #ccfbf1, var(--problem-accent-soft));
}

@media (prefers-reduced-motion: reduce) {
  body.audience-hub-body .problems-page__hub-card-link:hover .problems-page__hub-card-cta::after {
    transform: none !important;
  }
}