function Hero() {
  return (
    <section className="site-section" style={{ paddingTop: 64, paddingBottom: 56, maxWidth: 900, margin: '0 auto', fontFamily: 'var(--font-body)' }}>
      <div style={{ fontFamily: 'var(--font-mono)', fontSize: 12, textTransform: 'uppercase', letterSpacing: 'var(--tracking-widest)', color: 'var(--text-secondary)', marginBottom: 20 }}>An AI company creation platform</div>
      <h1 className="hero-title" style={{ fontFamily: 'var(--font-display)', fontWeight: 800, fontSize: 'var(--text-display-xl)', lineHeight: 'var(--leading-tight)', color: 'var(--ink-950)', margin: 0, letterSpacing: '-0.01em' }}>
        We ideate, build, fund, and launch AI-native companies.
      </h1>
      <p style={{ fontSize: 18, color: 'var(--text-secondary)', lineHeight: 'var(--leading-normal)', marginTop: 24, maxWidth: 640 }}>
        We accelerate time to first revenue by having AI build the company before the founders arrive.
      </p>
      <div style={{ display: 'flex', gap: 12, marginTop: 32, flexWrap: 'wrap' }}>
        <a href="#themes" style={{ fontFamily: 'var(--font-body)', fontWeight: 700, fontSize: 15, background: 'var(--ink-950)', color: '#fff', border: 'none', borderRadius: 'var(--radius-pill)', padding: '13px 26px', cursor: 'pointer', textDecoration: 'none', display: 'inline-block' }}>See where we invest</a>
        <a href="#thesis" style={{ fontFamily: 'var(--font-body)', fontWeight: 700, fontSize: 15, background: 'var(--lime-500)', color: 'var(--ink-950)', border: 'none', borderRadius: 'var(--radius-pill)', padding: '13px 26px', cursor: 'pointer', textDecoration: 'none', display: 'inline-block' }}>Read the thesis</a>
      </div>
    </section>
  );
}