/* CTA band
   A call-to-action band: eyebrow, two-tone heading, a checklist, an avatar
   group and a CTA button. Colour and type from tokens.css (marketing theme). */

.dp-cta-band {
  display: flex;
  align-items: center;
  gap: var(--dp-space-8);
  flex-wrap: wrap;
  padding: var(--dp-space-8) var(--dp-space-10);
  background: var(--dp-surface);
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius-xl);
}

.dp-cta-lead {
  flex: 1 1 18rem;
  padding-right: var(--dp-space-8);
  border-right: 1px solid var(--dp-border);
}

.dp-cta-eyebrow {
  margin: 0 0 var(--dp-space-3);
  font-size: var(--dp-text-sm);
  font-weight: var(--dp-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dp-link);
}

.dp-cta-heading {
  margin: 0;
  font-size: var(--dp-text-3xl);
  line-height: var(--dp-leading-tight);
  color: var(--dp-navy);
  font-weight: var(--dp-weight-bold);
}

.dp-cta-heading .light { font-weight: var(--dp-weight-light); }

.dp-cta-list {
  flex: 1 1 16rem;
  display: flex;
  flex-direction: column;
  gap: var(--dp-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dp-cta-item {
  display: flex;
  align-items: center;
  gap: var(--dp-space-3);
  color: var(--dp-text);
}

.dp-cta-item svg {
  width: 1.15rem;
  height: 1.15rem;
  flex: none;
  color: var(--dp-success);
}

.dp-cta-action {
  display: flex;
  align-items: center;
  gap: var(--dp-space-5);
  margin-left: auto;
}