// Lightweight Nadi mention. Nadi is Megan's own women's health product;
// this section is a secondary touch-point under the consulting pitch.
function Nadi() {
  return (
    <section id="nadi" style={{ background: 'var(--beige-soft)', borderTop: '1px solid var(--rule)', padding: '80px 0' }}>
      <div className="container">
        <div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto', gap: 40, alignItems: 'center' }} className="nadi-light">
          <div>
            <div className="eyebrow" style={{ marginBottom: 0 }}>Founder</div>
          </div>
          <div>
            <h3 style={{ fontFamily: "'Playfair Display', serif", fontSize: 'clamp(22px, 2.4vw, 30px)', lineHeight: 1.35, color: 'var(--ink)', marginBottom: 8 }}>
              I also founded <span className="serif-it" style={{ color: 'var(--navy)' }}>Nadi</span><span style={{ color: 'var(--navy)' }}>.</span>
            </h3>
            <p style={{ color: 'var(--body)', fontSize: 16, lineHeight: 1.55, maxWidth: 640 }}>
              A women's health product built to give people clearer answers about their bodies, their cycles, and what matters to them.
            </p>
          </div>
          <div>
            <a href="https://nadi.health" target="_blank" rel="noopener noreferrer" className="btn-link" style={{ whiteSpace: 'nowrap' }}>
              Visit nadi.health
              <svg width="12" height="12" viewBox="0 0 14 14" fill="none"><path d="M3 7h8m0 0L7 3m4 4l-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>
            </a>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Nadi = Nadi;