function CTA({ ctaLabel }) {
  return (
    <section className="section" id="cta">
      <div className="wrap">
        <div className="final">
          <div className="bg-bars">
            <span style={{ height: '45%' }}/>
            <span style={{ height: '68%' }}/>
            <span style={{ height: '90%' }}/>
          </div>
          <div style={{ position: 'relative', zIndex: 2, maxWidth: 780 }}>
            <Label>See Clearmetric on your own metrics</Label>
            <h2>Defined Intelligence for the <span className="serif-it accent">AI era.</span></h2>
            <p>A 30-minute walkthrough on your stack. We'll govern three of your KPIs, explore them on Canvas, and connect them to an AI agent via MCP — live.</p>
            <div className="actions">
              <a href={BOOK_DEMO_URL} onClick={openBookDemo} className="btn btn--primary btn--lg">{ctaLabel} <Arrow/></a>
              <a href="mailto:support@clearmetric.ai" className="btn btn--ghost btn--lg">Talk to sales</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.CTA = CTA;