/* Public feature pages share the homepage's deep red palette. */
body.wf-feature-marketing {
  --brand-red: #7f1d1d;
  --brand-red-dark: #5b1420;
  --brand-ink: #251316;
  --brand-border: #ead8d5;
  --theme-color-text_link: var(--brand-red);
  --theme-color-text_hover: var(--brand-red-dark);
  --e-global-color-primary: var(--brand-red);
  --e-global-color-accent: var(--brand-red);
  background: #fffaf8;
  color: var(--brand-ink);
  accent-color: var(--brand-red);
}

body.wf-feature-marketing ::selection {
  background: var(--brand-red);
  color: #fff;
}
body.wf-feature-marketing :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--brand-red);
  outline-offset: 3px;
}

body.wf-feature-marketing #site-header {
  background: rgba(255, 250, 248, .98);
  border-bottom: 1px solid #f0ddda;
  box-shadow: 0 4px 24px rgba(69, 10, 10, .06);
}
body.wf-feature-marketing #site-header .cta-button,
body.wf-feature-marketing #site-header .cta-button-mobile {
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(127, 29, 29, .18);
}

body.wf-feature-marketing #feature-hero,
body.wf-feature-marketing .wf-feature-cta {
  background:
    radial-gradient(ellipse at 12% 15%, rgba(251, 113, 133, .24), transparent 52%),
    radial-gradient(ellipse at 90% 85%, rgba(69, 10, 10, .4), transparent 55%),
    linear-gradient(135deg, #b91c1c 0%, #991b1b 55%, #7f1d1d 100%) !important;
  isolation: isolate;
}
body.wf-feature-marketing #feature-hero a,
body.wf-feature-marketing .wf-feature-cta a {
  border-radius: 12px !important;
}

body.wf-feature-marketing .feature-card {
  border-color: var(--brand-border);
  border-radius: 20px;
  box-shadow: 0 3px 16px rgba(69, 10, 10, .03);
}
body.wf-feature-marketing .feature-card:hover {
  border-color: #dcaeae;
  box-shadow: 0 14px 36px rgba(153, 27, 27, .1);
}
body.wf-feature-marketing .feature-card.featured {
  background: linear-gradient(180deg, #fff1f2, #fff);
  border-color: var(--brand-red);
}

body.wf-feature-marketing .wf-expert-interviews {
  background: #251316;
  color: #fff;
  margin: 0 -20px;
  padding: 64px 20px;
}
body.wf-feature-marketing .wf-expert-interviews-inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
body.wf-feature-marketing .wf-expert-eyebrow {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid #85434b;
  border-radius: 999px;
  background: rgba(185, 28, 28, .16);
  color: #ffd9d4;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.wf-feature-marketing .wf-expert-interviews h3 {
  color: #fff;
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin: 20px 0 8px;
}
body.wf-feature-marketing .wf-expert-interviews-inner > p {
  color: #dcc9c8;
  margin: 0 0 32px;
}
body.wf-feature-marketing .wf-expert-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
body.wf-feature-marketing .wf-expert-card {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 112px;
  padding: 24px;
  border: 1px solid #5b3038;
  border-radius: 16px;
  background: #352026;
  text-align: left;
}
body.wf-feature-marketing .wf-expert-initials {
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: #7f1d1d;
  color: #fff;
  font-weight: 800;
}
body.wf-feature-marketing .wf-expert-card h4 { color: #fff; margin: 0 0 5px; font-size: 1.05rem; }
body.wf-feature-marketing .wf-expert-card p { color: #dcc9c8; margin: 0; font-size: 14px; }
body.wf-feature-marketing #site-footer { background: var(--brand-ink) !important; }

@media (max-width: 640px) {
  body.wf-feature-marketing .wf-expert-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  body.wf-feature-marketing .feature-card,
  body.wf-feature-marketing #site-header {
    transition-duration: .01ms !important;
  }
}