function Proof() {
  const industries = [
    'IT Services', 'B2B SaaS', 'Professional Services',
    'Consulting', 'Telecom', 'Staffing', 'Marketing Agencies'
  ];
  return (
    <section className="section section-tight" id="proof">
      <div className="wrap">
        <div style={{textAlign:'center', marginBottom:48}}>
          <div className="eyebrow eyebrow-indigo">Trusted across B2B services</div>
          <h2 style={{marginTop:14, maxWidth:'18ch', marginLeft:'auto', marginRight:'auto'}}>
            Revenue leaders running<br/>AiDA on their own profile.
          </h2>
        </div>

        <div style={{
          display:'flex', justifyContent:'center', flexWrap:'wrap', gap:'10px 14px',
          marginBottom: 56,
        }}>
          {industries.map(i => (
            <span key={i} style={{
              fontFamily:'var(--mono)', fontSize:12, letterSpacing:'0.04em',
              padding:'8px 14px', borderRadius:999,
              background:'var(--bg-soft)', border:'1px solid var(--line)', color:'var(--ink-soft)'
            }}>{i}</span>
          ))}
        </div>

        <div className="proof-grid">
          <div className="quote">
            <div className="q">
              We had AiDA live on my profile inside ten minutes. By the end of the second week
              we'd booked more demos than the previous quarter combined — every conversation
              opened with a real reason we were reaching out.
            </div>
            <div className="a">
              <div className="av av-1">JM</div>
              <div className="meta">
                <div className="n">Jordan Mahalik</div>
                <div className="r">VP Sales · IT Services firm, 60 employees</div>
              </div>
            </div>
          </div>
          <div className="quote">
            <div className="q">
              The signal piece is the unlock. We were sending good messages to bad-timing people.
              Now every conversation starts with a real reason to be talking.
            </div>
            <div className="a">
              <div className="av av-2">RP</div>
              <div className="meta">
                <div className="n">Reese Patel</div>
                <div className="r">CRO · B2B SaaS, Series B</div>
              </div>
            </div>
          </div>
          <div className="quote">
            <div className="q">
              We run 14 client seats through AiDA. White-label, separate inboxes, separate caps.
              Our agency margin doubled and the team isn't drowning in Sales Nav exports anymore.
            </div>
            <div className="a">
              <div className="av av-3">SK</div>
              <div className="meta">
                <div className="n">Sasha Kowalski</div>
                <div className="r">Founder · Outbound agency</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Proof = Proof;