/* ===== FINAL CTA SECTION + SOCIAL PROOF =============================
 * Shared by: StatusDraft-MarketingWebsite/index.html
 *            StatusDraft-MarketingWebsite/try/word-do-pdf.html
 * Requires CSS tokens: --aura-corner-wash, --aura-gradient, --font-display,
 *   --font-serif-italic, --fg-1, --fg-2, --white, --border-subtle,
 *   --main-accent, --main-accent-light
 * ===================================================================== */

/* ── Final CTA container ───────────────────────────────────────────── */
.final-cta {
  padding: 96px 24px;
  background: var(--aura-corner-wash);
  text-align: center;
}
.final-cta-inner { max-width: 720px; margin: 0 auto; }
.final-cta h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(32px, 4.5vw, 52px);
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0 0 16px;
  color: var(--fg-1);
  text-wrap: balance;
}
.final-cta h2 em { font-family: var(--font-serif-italic); font-style: italic; font-weight: 400; }
.final-cta h2 .aura-fill {
  background: var(--aura-gradient);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.final-cta-sub { font-size: 18px; color: var(--fg-2); margin: 0 0 36px; }
.final-upload { max-width: 480px; margin: 0 auto; }

/* ── Social proof (stacked logo row) ───────────────────────────────── */
.social-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 16px 0 0;
  flex-wrap: wrap;
  text-align: left;
}
.social-proof-logos {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.social-proof-logo {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--white);
  box-shadow: 0 0 0 1px var(--border-subtle), 0 1px 3px rgba(0,0,0,0.06);
  object-fit: contain;
  padding: 2px;
  margin-left: -10px;
  position: relative;
}
.social-proof-logo:first-child { margin-left: 0; }
.social-proof-text {
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.35;
}
.social-proof-text strong {
  color: var(--fg-1);
  font-weight: 600;
}
.social-proof-text .muted { color: var(--fg-3); }

@media (max-width: 880px) {
  .final-cta { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 480px) {
  .social-proof { gap: 10px; }
  .social-proof-logo { width: 28px; height: 28px; margin-left: -8px; }
  .social-proof-text { font-size: 12.5px; }
}