// TrustedBy.jsx — neutral trust strip. Client names are not published (NDA), so this
// names the industries we work in; the list mirrors the Industries section below.
const TrustedBy = () => {
  const sectors = [
    'Financial services', 'Healthcare', 'SaaS & AI platforms',
    'Critical infrastructure', 'Public sector & defense', 'Retail & e-commerce',
  ];
  return (
    <section style={{ padding: '64px 32px 80px', borderTop: '1px solid #1a1b1e' }}>
      <div style={{ maxWidth: 1280, margin: '0 auto' }}>
        <p style={{
          textAlign: 'center', fontSize: 12, color: '#62666d',
          letterSpacing: '0.6px', textTransform: 'uppercase', fontWeight: 500,
          marginBottom: 20,
        }}>Trusted by security and engineering teams across regulated industries</p>

        <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', gap: 8 }}>
          {sectors.map(s => (
            <span key={s} style={{
              fontFamily: 'var(--font-mono)', fontSize: 11, fontWeight: 500,
              color: '#8a8f98', letterSpacing: '0.4px', textTransform: 'uppercase',
              background: '#0f1011', border: '1px solid #23252a', borderRadius: 9999,
              padding: '7px 14px', whiteSpace: 'nowrap',
            }}>{s}</span>
          ))}
        </div>
        <p style={{ textAlign: 'center', fontSize: 12, color: '#62666d', marginTop: 18 }}>
          Client names are withheld under NDA. References are available on request during scoping.
        </p>
      </div>
    </section>
  );
};

Object.assign(window, { TrustedBy });