function Scale() {
  return (
    <section className="section scale" id="scale">
      <div className="wrap">
        <div className="section-head">
          <div>
            <div className="eyebrow eyebrow-indigo">05 / Built for scale</div>
            <h2>Run it for yourself.<br/>Or run it for clients.</h2>
          </div>
          <p className="lede">
            Whether you're a founder doing your own outbound or an agency operating dozens of
            client seats, AiDA scales with rate limits, caps, and per-profile schedules built in.
          </p>
        </div>

        <div className="stat-row">
          <div className="stat-cell featured">
            <div className="n">&lt; 10<span className="u"> min</span></div>
            <div className="l">From signup to your first signal-driven campaign. AiDA does the prep work the moment you connect LinkedIn.</div>
          </div>
          <div className="stat-cell">
            <div className="n">∞<span className="u"> profiles</span></div>
            <div className="l">Multiple LinkedIn profiles with per-profile sending limits and schedules.</div>
          </div>
          <div className="stat-cell">
            <div className="n">1<span className="u"> CRM</span></div>
            <div className="l">GoHighLevel integration with calendar booking, leads land where you work.</div>
          </div>
          <div className="stat-cell">
            <div className="n">24/7</div>
            <div className="l">Automated daily signal runs. New leads found while you sleep.</div>
          </div>
        </div>

        <div style={{marginTop:24, display:'grid', gridTemplateColumns:'1fr 1fr', gap:20}} className="scale-extra">
          <div style={{background:'var(--bg-card)', border:'1px solid var(--line)', borderRadius:14, padding:24, display:'flex', gap:16, alignItems:'flex-start'}}>
            <div style={{width:38, height:38, borderRadius:9, background:'var(--indigo-soft)', color:'var(--indigo)', display:'grid', placeItems:'center', flexShrink:0}}>
              <IBuilding size={18}/>
            </div>
            <div>
              <h4>Per-company caps</h4>
              <p style={{margin:'6px 0 0', color:'var(--ink-mute)', fontSize:14.5, lineHeight:1.55}}>
                Cap outreach by company so a single 5,000-person enterprise doesn't crowd out the rest of your pipeline.
              </p>
            </div>
          </div>
          <div style={{background:'var(--bg-card)', border:'1px solid var(--line)', borderRadius:14, padding:24, display:'flex', gap:16, alignItems:'flex-start'}}>
            <div style={{width:38, height:38, borderRadius:9, background:'var(--indigo-soft)', color:'var(--indigo)', display:'grid', placeItems:'center', flexShrink:0}}>
              <ILoop size={18}/>
            </div>
            <div>
              <h4>Global deduplication</h4>
              <p style={{margin:'6px 0 0', color:'var(--ink-mute)', fontSize:14.5, lineHeight:1.55}}>
                Across signals, campaigns, and seats, no prospect is ever touched twice. Reputation stays intact.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Scale = Scale;