function StatsBand() {
  const stats = [
    { value: 1,   prefix: 'R$ ',  suffix: ' tri', dur: 1400, label: 'em compras públicas / ano' },
    { value: 800, suffix: ' mil',                 dur: 1800, label: 'fornecedores cadastrados' },
    { value: 2,   suffix: ' mi+',                 dur: 1600, label: 'editais publicados / ano' },
  ];
  return (
    <section style={{ background: 'var(--navy-900)', padding: '88px 0' }}>
      <div style={{ maxWidth: 1120, margin: '0 auto', padding: '0 32px' }} className="stats-grid-wrap">
        <div data-anim="fade-up" style={{ display: 'flex', alignItems: 'center', gap: 14, marginBottom: 40 }}>
          <Bars size={16}/>
          <span style={{ color: 'var(--magenta-400)', fontSize: 12, fontWeight: 600, letterSpacing: '0.18em', textTransform: 'uppercase' }}>O mercado em números</span>
        </div>
        <div className="stats-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 48 }}>
          {stats.map((s, i) => (
            <div key={i} data-anim="fade-up" data-anim-delay={i + 1} style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
              <div style={{ display: 'flex', alignItems: 'baseline', gap: 4 }}>
                <span
                  data-count={s.value}
                  data-count-suffix={s.suffix}
                  data-count-prefix={s.prefix || ''}
                  data-count-dur={s.dur}
                  style={{
                    fontFamily: 'var(--font-sans)', fontWeight: 700,
                    fontSize: 84, lineHeight: 0.95, letterSpacing: '-0.03em',
                    color: 'var(--cream-50)',
                    whiteSpace: 'nowrap',
                  }}
                >
                  {(s.prefix || '') + '0' + s.suffix}
                </span>
              </div>
              <div style={{ width: 32, height: 2, background: 'var(--magenta-500)', opacity: 0.7 }}></div>
              <p style={{ fontSize: 15, lineHeight: 1.5, color: 'var(--cream-200)', margin: 0, maxWidth: 280 }}>{s.label}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.StatsBand = StatsBand;