<svg viewBox="0 0 900 250" xmlns="http://www.w3.org/2000/svg" font-family="Archivo, 'Helvetica Neue', Arial, sans-serif">
  <defs>
    <marker id="ah2" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#C3FFFD"/>
    </marker>
  </defs>
  <rect width="900" height="250" fill="#000000"/>
  <rect x="1" y="1" width="898" height="248" fill="none" stroke="#2a2b30"/>
  <text x="24" y="36" fill="#C3FFFD" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="13" letter-spacing="1.5">THE SECURITY / UX TRADEOFF</text>
  <rect x="24" y="46" width="120" height="2" fill="#C3FFFD"/>

  <line x1="150" y1="140" x2="750" y2="140" stroke="#C3FFFD" stroke-width="2" marker-start="url(#ah2)" marker-end="url(#ah2)"/>

  <!-- left pole: allow everything -->
  <text x="150" y="112" fill="#FF3B4D" text-anchor="middle" font-size="15" font-weight="600">security risk</text>
  <text x="150" y="180" fill="#F9F9F9" text-anchor="middle" font-size="16">ALLOW EVERYTHING</text>
  <text x="150" y="202" fill="#9BA4A6" text-anchor="middle" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="11">agent does anything</text>

  <!-- right pole: allow nothing -->
  <text x="750" y="112" fill="#9BA4A6" text-anchor="middle" font-size="15" font-weight="600">productivity lost</text>
  <text x="750" y="180" fill="#F9F9F9" text-anchor="middle" font-size="16">ALLOW NOTHING</text>
  <text x="750" y="202" fill="#9BA4A6" text-anchor="middle" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="11">approve every action</text>

  <rect x="449" y="139" width="2" height="2" fill="#C3FFFD"/>
</svg>
