// FinalCTA — closing emotional line + CTA.
function FinalCTA({ setRoute }) {
  return (
    <Section tone="dark" tight>
      <div style={{ textAlign: 'center', maxWidth: '40rem', margin: '0 auto' }}>
        <h2
          style={{
            fontFamily: 'var(--font-display)',
            fontSize: 'clamp(2rem, 4.5vw, 3rem)',
            fontWeight: 500,
            lineHeight: 1.15,
            letterSpacing: '-0.02em',
            color: '#fff',
            margin: 0,
            textWrap: 'balance',
          }}
        >
          Gardez les appels qui comptent.<br />
          Filtrez ceux qui vous mettent en danger.
        </h2>
        <div style={{ display: 'flex', justifyContent: 'center', gap: 12, marginTop: 36, flexWrap: 'wrap' }}>
          <button className="kg-btn kg-btn--primary-dark" onClick={() => setRoute('waitlist')}>
            Rejoindre la liste d'attente
          </button>
        </div>
        <p style={{ marginTop: 20, color: 'var(--charcoal-300)', fontSize: 'var(--fs-sm)' }}>
          Service en cours de développement — accès par liste d'attente.
        </p>
      </div>
    </Section>
  );
}

window.FinalCTA = FinalCTA;