/* Company.jsx — #company — built by TaxAim, credibility + cross-link for pros */
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 the team behind <strong style={{ color: 'var(--fg-1)', fontWeight: 600 }}>TaxAim</strong> —
              the professional platform trusted by Canadian tax preparers — and from front-line tax
              experience helping Canadians file.
            </p>
            <p style={{ font: 'var(--t-body)', color: 'var(--fg-2)', margin: 0 }}>
              TaxTrail runs on the same calculation engine and accuracy the team relies on for professional
              preparers — repackaged into a guided 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>

            {/* Cross-link to TaxAim */}
            <a href="https://taxaim.ca" style={{
              display: 'flex', alignItems: 'center', gap: 14, marginTop: 8, padding: '18px 20px',
              background: 'var(--mist)', border: '1px solid var(--line)', borderRadius: 14, textDecoration: 'none',
            }}>
              <span style={{ width: 44, height: 44, borderRadius: 10, background: 'var(--navy-800)', display: 'grid', placeItems: 'center', flexShrink: 0 }}>
                <img src="assets/taxaim-mark-white.svg" alt="" style={{ height: 26 }} />
              </span>
              <span style={{ flex: 1 }}>
                <span style={{ display: 'block', font: '600 15px/1.2 var(--font-sans)', color: 'var(--fg-1)' }}>Are you a professional preparer?</span>
                <span style={{ display: 'block', font: '400 13px/1.3 var(--font-sans)', color: 'var(--fg-2)', marginTop: 3 }}>Visit TaxAim — our EFILE platform for firms and offices.</span>
              </span>
              <Icon name="arrow-up-right" size={20} style={{ color: 'var(--teal-600)' }} />
            </a>
          </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',
              }}>SC</span>
              <span>
                <span style={{ display: 'block', font: '600 15px/1.2 var(--font-sans)', color: '#fff' }}>Steve Chisholm</span>
                <span style={{ display: 'block', font: '400 13px/1.2 var(--font-sans)', color: 'var(--fg-on-dark-3)' }}>Founder, TaxTrail &amp; TaxAim</span>
              </span>
            </figcaption>
          </figure>
        </div>

      </Container>
    </Section>
  );
}

window.Company = Company;