function Who() {
  const items = [
    { title: 'Payment gateways',     body: 'Processing outgoing payouts across multiple chains',
      icon: <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><rect x="2" y="6" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg> },
    { title: 'B2B billing platforms', body: 'Periodic high-volume batches with stable patterns',
      icon: <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="7" r="4"/><path d="M5 21v-2a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v2"/></svg> },
    { title: 'Affiliate marketplaces', body: 'Long-tail merchants, mixed risk profiles',
      icon: <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 3h18v4H3z"/><path d="M3 11h18v4H3z"/><path d="M3 19h18v2H3z"/></svg> },
    { title: 'Wallet providers',     body: 'Insider risk, account-takeover, periodic audits',
      icon: <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M12 2v20"/><path d="M5 9h14"/><path d="M5 15h14"/></svg> },
  ];

  return (
    <section className="section" id="who">
      <div className="container">
        <div className="who-grid">
          <div>
            <div className="section-num">04 · WHO IT'S FOR</div>
            <h2 className="section-h" style={{ fontSize: 'clamp(32px, 4.6vw, 60px)' }}>Built for processors handling outgoing crypto for businesses.</h2>
            <p className="section-lead">
              If your customers move other people's money, the cost of
              being wrong is asymmetric: a missed fraud is real, a false
              positive is a churned merchant. Dipoli is built for that
              asymmetry.
            </p>
          </div>
          <div className="who-list">
            {items.map((w) => (
              <div className="who-item" key={w.title}>
                <span className="who-ic">{w.icon}</span>
                <div>
                  <h5>{w.title}</h5>
                  <span>{w.body}</span>
                </div>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}
