/* Purpose: Dark centred conversion band with a textured backdrop. */

.invest {
  background: var(--color-navy);
  color: var(--color-on-dark);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.invest__texture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.06;
  pointer-events: none;
}

.invest .shell {
  position: relative;
  z-index: var(--z-raised);
}

/* Matches the approved build, where .invest p overrode the shared .kicker sizing. */
.invest .kicker {
  color: var(--color-text-faint);
  max-width: 64ch;
  margin: 0 auto var(--space-34);
  font-size: var(--fs-sub);
}

.invest__title {
  color: var(--color-on-dark);
  max-width: 19ch;
  margin: 0 auto var(--space-20);
}

.invest__title .hl {
  color: var(--color-primary);
  background: none;
  padding: 0;
}

.invest__text {
  max-width: 64ch;
  margin: 0 auto var(--space-34);
  color: var(--color-on-dark-mute);
  font-size: var(--fs-sub);
}

.invest__text b {
  color: var(--color-on-dark);
}