/* Closing.jsx — questions block + sign-off */

const QUESTIONS = [
  { q: 'Does the diagnosis ring true?',
    sub: 'Three-tempo decomposition vs how you actually see institutional response work. Is there a tempo I have missed?' },
  { q: 'Are there obvious blind spots in the analysis?',
    sub: 'What would a thoughtful insurance person read and want to push back on?' },
  { q: 'Of the five offerings, which feels most investible?',
    sub: 'Not most exciting — most investible. Where would you want to see traction first?' },
  { q: 'What would have to be true before this conversation became a real one?',
    sub: 'Milestones that shift this from interesting-to-watch to interesting-to-fund.' },
  { q: 'What would change your mind?',
    sub: 'A particular pilot result, partnership, or regulatory development.' },
  { q: 'Is there anyone in your network who should see this?',
    sub: 'A clinician, an actuary, an investor with domain experience.' },
];

function Closing() {
  return (
    <section id="close" className="closing">
      <div className="container">
        <div className="section-tag" style={{ color: '#ff8a8a' }}>
          <span className="num" style={{ color: '#888' }}>—</span>
          <span>What I would value your read on</span>
          <span className="rule" style={{ background: '#333' }} />
        </div>
        <h2>Six questions, openings — not closed asks.</h2>
        <p className="body-text" style={{ maxWidth: '60ch', marginBottom: 40 }}>
          These are the questions I would most value your reading on. They are not closed asks.
          They are openings for the kind of conversation that helps me think more clearly about what to do next.
        </p>

        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 1, background: '#222' }}>
          {QUESTIONS.map((q, i) => (
            <div key={i} style={{ background: '#0e0e0e', padding: '28px 28px' }}>
              <div className="mono" style={{ fontSize: 11, color: '#888', marginBottom: 10 }}>
                Q{(i+1).toString().padStart(2, '0')}
              </div>
              <div style={{ fontFamily: 'Source Serif 4', fontSize: 20, lineHeight: 1.3, letterSpacing: '-.01em', color: '#fff', marginBottom: 8 }}>
                {q.q}
              </div>
              <div style={{ fontSize: 13, color: 'rgba(255,255,255,0.6)', lineHeight: 1.55 }}>
                {q.sub}
              </div>
            </div>
          ))}
        </div>

        <div style={{ marginTop: 64, paddingTop: 32, borderTop: '1px solid #2a2a2a',
                      display: 'grid', gridTemplateColumns: '2fr 1fr', gap: 32, alignItems: 'end' }}>
          <div>
            <blockquote className="pull" style={{ color: '#fff', borderColor: '#ff8a8a', maxWidth: '52ch' }}>
              The intersection is not contrived. The framework explanatorily covers all three because they share the same underlying mathematical structure.
            </blockquote>
            <div className="body-text" style={{ marginTop: 24, maxWidth: '60ch' }}>
              <p>
                Whether that intersection becomes a venture worth building depends on whether the domain has
                a real gap that the methodology can fill at a price point a buyer will pay with a sales
                motion we can sustain. The first three look plausibly true. The fourth is where I most
                want a collaborator's perspective.
              </p>
              <p>
                I would value a thirty-minute conversation in the next two weeks if your reading suggests
                the conversation is worth having. If your reading suggests it is not, that is also useful
                information and I will not pursue this without revisiting the analysis.
              </p>
              <p>Either way, thank you for the time spent reading this far.</p>
            </div>
          </div>

          <div style={{ borderLeft: '1px solid #2a2a2a', paddingLeft: 24 }}>
            <div className="byline" style={{ marginBottom: 4 }}>
              <strong>Regan Duff</strong>
            </div>
            <div className="byline">CEO, Axiom Intelligence</div>
            <div className="byline" style={{ marginTop: 14 }}>regan@axiomintelligence.co.nz</div>
            <div className="byline">027 953 6627</div>
            <div style={{ marginTop: 24, display: 'flex', gap: 8 }}>
              <button className="btn" style={{ background: '#ff8a8a', color: '#000', borderColor: '#ff8a8a' }}>
                Reply with thoughts
              </button>
              <button className="btn ghost" style={{ color: '#fff', borderColor: '#444' }}>
                Book 30 min
              </button>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Closing = Closing;