/* ============ Final CTA — premium conversion card ============
   Additive layer scoped to .ampd-final--card (index-v3) — the shared
   .ampd-final styles in styles.css keep serving the other pages
   untouched. The section background stays as the page's warm ramp; the
   card floats on it as an elevated, self-contained conversion block. */

.ampd-final--card {
  /* Full-width card — no side gutters; the card spans edge to edge. */
  padding: 56px 0 64px;
  /* The FAQ no longer sits between this section and the footer, so end
     the ramp on the footer's grey instead of tint-20 — no tonal jump. */
  background: linear-gradient(180deg, var(--bg-results) 0%, var(--tint-10) 50%, var(--bg-footer) 100%);
}

.ampd-final__card {
  /* Warm cream — one soft step off the page whites so the card reads as
     its own object. Accent-derived, so it re-themes with the scheme. */
  background: color-mix(in srgb, var(--accent-primary) 4%, white);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(11, 11, 14, 0.05), 0 20px 48px rgba(11, 11, 14, 0.10);
}

/* Full-width lifestyle image, rounded top corners come free from the
   card's overflow clip. */
.ampd-final__img { aspect-ratio: 4 / 3; background: #E9EAEF; }
.ampd-final__img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  /* Portrait source — keep faces in frame. */
  object-position: center 22%;
}

.ampd-final__card-body { padding: 28px 24px 30px; }

/* Checklist — left-aligned, larger type, roomier line height. */
.ampd-final--card .ampd-final__checklist {
  max-width: none;
  margin: 24px 0 0;
  gap: 13px;
  text-align: left;
}
.ampd-final--card .ampd-final__checklist li {
  font-size: 14.5px;
  line-height: 1.5;
  align-items: flex-start;
}
.ampd-final--card .ampd-final__checklist svg {
  width: 15px; height: 15px;
  margin-top: 3px;
}

/* Block CTA — full-width, touch-friendly, generous clearance. */
.ampd-final--card .ampd-btn-primary {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 26px;
}
.ampd-final--card .ampd-final__note { margin-top: 14px; }
