// About Us - origin, principles, leadership
function About() {
  return (
    <section className="section" id="about">
      <div className="container">
        <div className="section-head">
          <div className="section-head__title">
            <span className="eyebrow">09 · About Ciphryn</span>
            <h2 style={{ marginTop: 18 }}>Built by operators who got tired<br/>of the once-a-year pentest.</h2>
          </div>
          <div className="section-head__meta">[ est. 2024 · san francisco / berlin ]</div>
        </div>

        <div className="about">
          <div className="about__lead">
            <p style={{ fontSize: 18, color: 'var(--text)', lineHeight: 1.55, maxWidth: 720 }}>
              Ciphryn started in a shared apartment in Berlin after the founders, both ex-red-teamers, kept watching the same story play out: a brilliant team ships a beautiful product, runs one pentest a year for compliance, and gets owned six weeks after launch.
            </p>
            <p style={{ marginTop: 18, maxWidth: 720, fontSize: 15 }}>
              Modern engineering teams deploy hundreds of times a week. Their security testing should keep up. Ciphryn is the platform we wished existed: autonomous agents that probe relentlessly, senior humans who validate the things that matter, and a single console where engineering teams can actually act on what they find.
            </p>
          </div>

          <div className="about__principles">
            {[
              { k: '01', t: 'Signal over volume', d: 'A scanner that returns 10,000 findings is broken. We ship the 18 that matter, validated and ranked.' },
              { k: '02', t: 'Audit-grade AI', d: 'Every tool call, every payload, every decision is logged. If you can\'t replay it, we didn\'t do it.' },
              { k: '03', t: 'Humans for hard things', d: 'AI is a force multiplier for senior pentesters, not a replacement. Business-logic flaws still need someone who has shipped real software.' },
              { k: '04', t: 'Continuous by default', d: 'Annual pentests are theater. Security is a property of every deploy, not a deliverable.' },
            ].map((p) => (
              <div key={p.k} className="principle">
                <div className="principle__k">{p.k}</div>
                <div>
                  <div className="principle__t">{p.t}</div>
                  <div className="principle__d">{p.d}</div>
                </div>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { About });