function ReachStats() {
  const stats = [
    { big: '100.000+', lbl: 'folgen über alle Plattformen' },
    { big: '60.000+', lbl: 'auf LinkedIn' },
    { big: '40.000+', lbl: 'Newsletter-Leser' },
    { big: '10.000+', lbl: 'YouTube-Abonnenten' },
  ];
  const oems = [
    { src: 'assets/logos/Mercedes-Benz.svg', alt: 'Mercedes-Benz' },
    { src: 'assets/logos/Bosch.svg', alt: 'Bosch' },
    { src: 'assets/logos/VW.svg', alt: 'Volkswagen' },
    { src: 'assets/logos/BYD.svg', alt: 'BYD' },
    { src: 'assets/logos/BMW.svg', alt: 'BMW' },
    { src: 'assets/logos/Tesla.svg', alt: 'Tesla' },
  ];
  const press = [
    { src: 'assets/press/tagesschau24.svg',    alt: 'tagesschau24' },
    { src: 'assets/press/focus.png',            alt: 'Focus Online' },
    { src: 'assets/press/deutsche-welle.svg',   alt: 'Deutsche Welle' },
    { src: 'assets/press/washington-post.svg',  alt: 'Washington Post' },
  ];
  return (
    <section className="section reach">
      <div className="container-narrow">
        <div className="section-eyebrow"><span className="kicker-line"></span>Reichweite</div>
        <h2 className="section-title">Gelesen in der ganzen Branche</h2>
        <div className="reach-row">
          {stats.map((s, i) => (
            <div key={i} className="reach-stat">
              <span className="reach-stat-big">{s.big}</span>
              <span className="reach-stat-lbl">{s.lbl}</span>
            </div>
          ))}
        </div>
        <div className="reach-logos">
          <span className="reach-logos-label">Gelesen von Entscheidern bei</span>
          <div className="reach-logos-row">
            {oems.map((l) => (
              <div key={l.alt} className="reach-logo-tile reach-logo-oem"><img src={l.src} alt={l.alt} loading="lazy" /></div>
            ))}
          </div>
        </div>
        <div className="reach-logos">
          <span className="reach-logos-label">Auch bekannt aus</span>
          <div className="reach-logos-row">
            {press.map((l) => (
              <div key={l.alt} className="reach-logo-tile reach-logo-press"><img src={l.src} alt={l.alt} loading="lazy" /></div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}
window.ReachStats = ReachStats;