function Detection() {
  const signals = [
    { n: '01', title: 'IP & Geo',    body: 'Known offender pools, anonymous networks, country mismatch, datacenter ASNs.' },
    { n: '02', title: 'Time',        body: "Merchant business hours, weekends, holidays, off-hours combinations against the customer's baseline." },
    { n: '03', title: 'Amount',      body: "Drift from the customer's individual baseline. Structuring patterns. Round-number bias." },
    { n: '04', title: 'Velocity',    body: 'Frequency, daily volume, burst detection across windows from 1 minute to 30 days.' },
    { n: '05', title: 'Session',     body: 'New destination wallet, new device, impossible-travel pairs in the same session.' },
    { n: '06', title: 'AI anomaly',  body: 'Hybrid score: deterministic rules combined with ML patterns trained on your historical traffic.' },
  ];
  return (
    <section className="section" id="signals">
      <div className="container">
        <div className="section-num">03 · DETECTION</div>
        <h2 className="section-h">Six dimensions<br />of context.</h2>
        <p className="section-lead">We weight each signal independently and aggregate them into a single risk score — a hybrid of deterministic rules and behavioral patterns.</p>

        <div className="signal-grid">
          {signals.map((s) => (
            <div className="signal" key={s.n}>
              <span className="num">→ {s.n}</span>
              <h4>{s.title}</h4>
              <p>{s.body}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}