function Stats() {
  const data = [
    { v: '1 млн+', l: 'обработано отзывов, жалоб, комментариев и обращений' },
    { v: '30+', l: 'готовых источников и интеграций' },
    { v: '7 дней', l: 'от договора до первых инсайтов' },
    { v: '1 месяц', l: 'среднее время окупа и получения пользы от Фидли' },
  ];
  return (
    <section style={{ background: 'var(--ink)', color: 'var(--bg)', padding: '0' }}>
      <div className="container">
        {/* Yandex AI Startup Lab — верхний слой того же тёмного блока */}
        <div style={{
          padding: '40px 28px',
          display: 'flex', alignItems: 'center', justifyContent: 'space-between',
          gap: 48, flexWrap: 'wrap',
          borderBottom: '1px solid rgba(245,243,238,0.16)',
        }}>
          <img
            src="uploads/yandexlogo.webp"
            alt="Yandex AI Startup Lab"
            loading="lazy"
            decoding="async"
            className="yandex-resident-logo"
            style={{ height: 224, width: 'auto', display: 'block' }}
          />
          <style>{`
            @media (max-width: 860px) {
              .yandex-resident-logo {
                height: auto !important;
                width: auto !important;
                max-width: 100% !important;
                min-width: 0 !important;
                max-height: 130px !important;
                background: transparent !important;
                padding: 0 !important;
                border-radius: 0 !important;
                margin: 0 !important;
                align-self: flex-start;
              }
            }
          `}</style>

          <div className="display" style={{
            fontSize: 22, fontWeight: 700, lineHeight: 1.25,
            color: 'var(--bg)', letterSpacing: '-0.02em',
          }}>
            Фидли в экосистеме ИИ-стартапов{' '}
            <span style={{ color: '#FC3F1D' }}>Яндекса</span>.
          </div>
        </div>

        {/* Metrics row */}
        <div style={{
          display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)',
          borderLeft: '1px solid rgba(245,243,238,0.16)',
        }}>
          {data.map((d, i) => (
            <div key={d.l} style={{
              padding: '48px 28px',
              borderRight: '1px solid rgba(245,243,238,0.16)',
            }}>
              <div className="display" style={{
                fontSize: 56, fontWeight: 800,
                color: 'var(--bg)', lineHeight: 1, letterSpacing: '-0.035em',
              }}>{d.v}</div>
              <div style={{ fontSize: 13.5, color: 'rgba(245,243,238,0.6)', marginTop: 12, maxWidth: 220 }}>
                {d.l}
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Stats = Stats;