function CTA() {
  return (
    <section id="signup" className="lmc-surface" style={{ padding: '110px 0', borderBottom: '2px solid var(--lmc-black)' }}>
      <div className="container" style={{ textAlign: 'center', maxWidth: 760 }}>
        <span className="eyebrow">Ready when you are</span>
        <h2 style={{ fontSize: 84, fontWeight: 700, lineHeight: 0.95, letterSpacing: '-0.03em', margin: '20px 0 14px', textTransform: 'uppercase' }}>
          Sign Up <span className="marker" style={{ display: 'inline-block', fontSize: 96, transform: 'rotate(-3deg)', textTransform: 'none', color: 'var(--lmc-black)' }}>Now!</span>
        </h2>
        <p style={{ fontSize: 18, lineHeight: 1.5, fontWeight: 500, margin: '0 auto 32px', maxWidth: 540 }}>
          15-minute call. We'll tell you exactly what your launch will cost and how long it'll take — for free.
        </p>
        <form onSubmit={(e) => e.preventDefault()} style={{ display: 'flex', gap: 10, justifyContent: 'center', flexWrap: 'wrap' }}>
          <input
            type="email"
            placeholder="you@cannabiz.co"
            style={{ flex: '1 1 320px', maxWidth: 380, fontFamily: 'var(--font-main)', fontSize: 16, padding: '14px 18px', border: '2px solid var(--lmc-black)', borderRadius: 10, background: 'var(--lmc-white)', outline: 'none' }}
          />
          <button type="submit" className="btn-pop dark">Book my call →</button>
        </form>
      </div>
    </section>
  );
}
window.CTA = CTA;