/* global React */
/* =====================================================================
   AI Native Law Firm — Visualization
   弁護士 × AI Agent = AI Native Law Firm の数式表示
   ===================================================================== */

function AINativeViz() {
  return (
    <div className="ainv reveal reveal--delay-1">
      <div className="viz-eq" aria-label="弁護士 × AI Agent = AI Native Law Firm">
        <div className="viz-eq__row">
          <div className="viz-eq__term viz-eq__term--a">
            <strong>弁護士</strong>
            <em>Attorney</em>
          </div>
          <span className="viz-eq__op viz-eq__op--mul" aria-hidden="true">×</span>
          <div className="viz-eq__term viz-eq__term--b">
            <strong>AI Agent</strong>
            <em>self-hosted</em>
          </div>
          <span className="viz-eq__op viz-eq__op--eq" aria-hidden="true">=</span>
          <div className="viz-eq__term viz-eq__term--c">
            <strong>AI Native Law Firm</strong>
            <em>Legal Agent</em>
            <span className="viz-eq__underline" aria-hidden="true" />
          </div>
        </div>
      </div>
    </div>
  );
}

window.AINativeViz = AINativeViz;