/* Section 11 — Final CTA. Echoes hero (light/center) with one-line body. */
function FinalCTA() {
  return (
    <section className="section--light section-pad" data-screen-label="11 Final CTA" style={{
      borderTop: '1px solid var(--border)',
    }}>
      <div className="container" style={{ textAlign: 'center' }}>
        <p className="eyebrow">Get started</p>
        <h2 className="h-section" style={{
          marginBottom: 20,
          fontSize: 'clamp(40px, 4.6vw, 64px)',
        }}>
          One relationship can change your business.
        </h2>
        <p className="lede" style={{ margin: '0 auto 40px', maxWidth: '46ch' }}>
          Find out what's available in your territory.
        </p>
        <div style={{ display: 'flex', justifyContent: 'center' }}>
          <CTAButton id="final-cta" source="finalcta" />
        </div>
      </div>
    </section>
  );
}

window.FinalCTA = FinalCTA;