// Problem section - market gap framing
function Problem() {
  const items = [
    {
      tag: '01',
      title: 'Scanners create noise.',
      desc: 'Automated tools dump thousands of duplicates, low-confidence hits, and irrelevant findings. Your security team becomes a triage team.',
      stat: '~80%',
      statLabel: 'of scanner output is noise',
    },
    {
      tag: '02',
      title: 'Manual pentests are periodic.',
      desc: 'A pentest once a quarter, or once a year, leaves months of attack surface untested. By the time the report lands, the code has moved.',
      stat: '180 days',
      statLabel: 'avg. gap between traditional pentests',
    },
    {
      tag: '03',
      title: 'You need both speed and judgment.',
      desc: 'Modern teams ship daily. Security testing has to keep pace, but findings still need a human to confirm exploitability and business impact.',
      stat: 'Daily',
      statLabel: 'deploy cadence in modern teams',
    },
  ];
  return (
    <section className="section" id="problem">
      <div className="container">
        <div className="section-head">
          <div className="section-head__title">
            <span className="eyebrow">01 · The Gap</span>
            <h2 style={{ marginTop: 18 }}>Traditional security testing<br/>is either too noisy or too slow.</h2>
          </div>
          <div className="section-head__meta">[ the case for AI + human ]</div>
        </div>

        <div className="problem">
          {items.map((p, i) => (
            <div key={i} className="problem__card">
              <div className="problem__tag">{p.tag}</div>
              <div className="problem__title">{p.title}</div>
              <p className="problem__desc">{p.desc}</p>
              <div className="problem__stat">
                <div className="problem__stat-n">{p.stat}</div>
                <div className="problem__stat-l">{p.statLabel}</div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Problem });