/* Company.jsx — #company — credibility section */
function Company() {
  return (
    <Section id="company">
      <Container>
        <div style={{ maxWidth: 760 }}>
          <Eyebrow>Built by Tax Professionals</Eyebrow>
          <SectionHeading style={{ marginTop: 18 }}>Professional Tax Expertise, Now in Your Hands.</SectionHeading>
        </div>

        <div className="company-grid" style={{
          display: 'grid', gridTemplateColumns: '1.2fr 1fr', gap: 'clamp(40px, 6vw, 80px)',
          alignItems: 'start', marginTop: 'clamp(32px, 4vw, 48px)',
        }}>
          <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
            <p style={{ font: 'var(--t-body)', color: 'var(--fg-2)', margin: 0 }}>
              TaxTrail comes from a team with deep professional tax-preparation experience — and from
              front-line work helping Canadians file their returns.
            </p>
            <p style={{ font: 'var(--t-body)', color: 'var(--fg-2)', margin: 0 }}>
              TaxTrail is being built around the calculation rigor and accuracy a tax return demands —
              wrapped in a guided, plain-language experience designed for individuals filing their own taxes.
            </p>
            <p style={{ font: 'var(--t-body)', color: 'var(--fg-2)', margin: 0 }}>
              The idea is simple: the rigor professionals depend on shouldn’t be locked behind expensive
              software. If you’re filing your own return, you deserve the same confidence.
            </p>
          </div>

          {/* Founder quote card */}
          <figure style={{
            margin: 0, background: 'var(--navy-800)', borderRadius: 18, padding: 32,
            position: 'relative', overflow: 'hidden', color: '#fff',
          }}>
            <TopoBg opacity={0.16} color="var(--teal-300)" />
            <blockquote style={{
              position: 'relative', font: 'var(--t-quote)', fontStyle: 'italic', color: 'var(--teal-200)',
              margin: 0, letterSpacing: '-0.01em', textWrap: 'balance',
            }}>
              &ldquo;We built the tools the pros use every day. TaxTrail puts that same accuracy in your hands.&rdquo;
            </blockquote>
            <figcaption style={{ position: 'relative', marginTop: 22, display: 'flex', alignItems: 'center', gap: 12 }}>
              <span style={{
                width: 40, height: 40, borderRadius: 999, background: 'var(--teal-500)',
                display: 'grid', placeItems: 'center', font: '700 15px/1 var(--font-display)', color: '#fff',
              }}>TT</span>
              <span>
                <span style={{ display: 'block', font: '600 15px/1.2 var(--font-sans)', color: '#fff' }}>TaxTrail Development Team</span>
                <span style={{ display: 'block', font: '400 13px/1.2 var(--font-sans)', color: 'var(--fg-on-dark-3)' }}>Built by tax professionals</span>
              </span>
            </figcaption>
          </figure>
        </div>

      </Container>
    </Section>
  );
}

window.Company = Company;