// Closing CTA
function Closing({ onBook }) {
  return (
    <section style={{
      padding: '120px 32px',
      background: 'var(--ink)',
      color: 'var(--paper)',
      borderBottom: '1px solid var(--ink)',
      position: 'relative', overflow: 'hidden',
    }}>
      <div style={{ maxWidth: 1000, margin: '0 auto', textAlign: 'center', position: 'relative' }}>
        <div className="mono" style={{
          fontSize: 12, letterSpacing: '0.12em', textTransform: 'uppercase',
          color: 'color-mix(in oklab, var(--paper) 60%, transparent)',
        }}>
          Get in touch
        </div>
        <h2 style={{
          fontFamily: "'Instrument Serif', serif",
          fontWeight: 400,
          fontSize: 'clamp(48px, 6.6vw, 84px)',
          lineHeight: 1.02, letterSpacing: '-0.02em',
          margin: '20px auto 0', maxWidth: 900,
        }}>
          Let’s talk.
        </h2>
        <p style={{
          margin: '32px auto 0', maxWidth: 760,
          fontSize: 17, lineHeight: 1.6,
          color: 'color-mix(in oklab, var(--paper) 75%, transparent)',
        }}>
          A 30-minute intro is the easiest way to figure out if I can help.
          We’ll talk through where finance is today and what would actually move the
          needle.
        </p>
        <div style={{ marginTop: 40, display: 'flex', gap: 12, justifyContent: 'center', flexWrap: 'wrap' }}>
          <button onClick={onBook} style={{
            background: 'var(--paper)', color: 'var(--ink)',
            border: 'none', borderRadius: 999,
            padding: '15px 28px', fontSize: 15, fontWeight: 500,
          }}>
            Book a 30-min intro →
          </button>
          <a href="mailto:hello@numberline.co" style={{
            background: 'transparent', color: 'var(--paper)',
            border: '1px solid color-mix(in oklab, var(--paper) 30%, transparent)',
            borderRadius: 999,
            padding: '15px 28px', fontSize: 15, fontWeight: 500,
          }}>
            hello@numberline.co
          </a>
        </div>
      </div>
    </section>
  );
}
window.Closing = Closing;