/* ============================================================
   Founder note — a warm, personal word.
   ============================================================ */
function Founder() {
  return (
    <Section id="founder" data-screen-label="Founder note">
      <Reveal>
        <div style={{ position: 'relative', maxWidth: '880px', margin: '0 auto', padding: 'clamp(40px,6vw,72px) clamp(28px,5vw,72px)', borderRadius: '30px', border: '1px solid rgba(255,255,255,0.1)', background: 'rgba(255,255,255,0.035)', overflow: 'hidden' }}>
          <div style={{ position: 'absolute', inset: 0, background: 'radial-gradient(600px 300px at 100% 0%, rgba(139,92,246,0.12), transparent 60%), radial-gradient(500px 280px at 0% 100%, rgba(74,200,200,0.1), transparent 60%)', pointerEvents: 'none' }} />
          <div style={{ position: 'relative' }}>
            <span style={{ fontFamily: 'var(--font-heading)', fontSize: '5rem', lineHeight: 0.6, color: 'rgba(155,232,221,0.4)', display: 'block', height: '40px' }}>"</span>
            <p style={{ fontFamily: 'var(--font-heading)', fontWeight: 700, fontSize: 'clamp(1.5rem, 3.2vw, 2.1rem)', lineHeight: 1.32, letterSpacing: '-0.015em', color: '#fff', margin: '0 0 28px', textWrap: 'balance' }}>
              We started Tayhami Labs to give growing businesses the kind of digital presence and systems they'd be proud to put their name on — and to keep <span className="grad-text">building the tools</span> that make good work easier.
            </p>
            <p style={{ fontSize: 'clamp(1rem,1.7vw,1.12rem)', lineHeight: 1.66, color: 'rgba(236,234,242,0.76)', margin: '0 0 32px' }}>
              Every business owner earns trust the hard way — through service, quality and consistency.
              Our job is to make sure your online presence and customer flows support that trust:
              a better website, faster WhatsApp replies, cleaner follow-ups and systems that reduce
              manual work. The same care goes into the products we're building next. We'd love to do that for you.
            </p>
            <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
              <img src="assets/tayhami-logo-trans.png" alt="Tayhami Labs" style={{ height: '46px', width: 'auto', filter: 'drop-shadow(0 2px 10px rgba(0,0,0,0.4))' }} />
              <div>
                <div style={{ fontWeight: 700, fontSize: '1rem', color: '#fff' }}>The Founding Team</div>
                <div style={{ fontSize: '0.88rem', color: 'rgba(236,234,242,0.6)' }}>Tayhami Labs Private Limited</div>
              </div>
            </div>
          </div>
        </div>
      </Reveal>
    </Section>
  );
}

Object.assign(window, { Founder });