function Stats() {
  const stats = [
    { n: '1.400+', color: '#537EBE', label: 'Clienti',       sub: 'Avvocati e Studi Legali in tutta Italia' },
    { n: '98,3%',  color: '#E3AC21', label: 'Customer retention', sub: 'I nostri clienti rinnovano ogni anno' },
    { n: '4h',     color: '#D3482F', label: 'SLA garantito', sub: 'Unici in Italia sul PCT' },
    { n: '1\u00B0', color: '#009458', label: 'Partner TeamSystem Legal', sub: 'Premiati nel 2016 e 2017' },
  ];
  return (
    <section id="stats" className="stats">
      <div className="container">
        <div className="stats-grid">
          {stats.map((s, i) => (
            <div key={i} className="stat">
              <div className="stat-bar" style={{background: s.color}}></div>
              <div className="stat-n" style={{color: s.color}}>{s.n}</div>
              <div className="stat-label">{s.label}</div>
              <div className="stat-sub">{s.sub}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Stats = Stats;