<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" role="img" aria-label="Agentic Engineering cover">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#0a1220"/>
      <stop offset="100%" stop-color="#060a12"/>
    </linearGradient>
    <filter id="glow" x="-60%" y="-60%" width="220%" height="220%">
      <feGaussianBlur stdDeviation="10" result="b"/>
      <feMerge>
        <feMergeNode in="b"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <rect width="1200" height="750" fill="url(#bg)"/>

  <!-- subtle grid -->
  <g stroke="#16202f" stroke-width="1">
    <path d="M0,125 H1200"/><path d="M0,250 H1200"/><path d="M0,375 H1200"/><path d="M0,500 H1200"/><path d="M0,625 H1200"/>
    <path d="M150,0 V750"/><path d="M300,0 V750"/><path d="M450,0 V750"/><path d="M600,0 V750"/><path d="M750,0 V750"/><path d="M900,0 V750"/><path d="M1050,0 V750"/>
  </g>

  <!-- orchestration graph -->
  <g transform="translate(790,410)">
    <!-- edges from engineer node to agents -->
    <g stroke="#1f4f4a" stroke-width="4">
      <path d="M-170,0 L60,-160"/>
      <path d="M-170,0 L120,0"/>
      <path d="M-170,0 L60,160"/>
    </g>
    <!-- edges agents -> verified outcome -->
    <g stroke="#2dd4bf" stroke-width="4" stroke-dasharray="8 8" opacity="0.7">
      <path d="M60,-160 L270,-60"/>
      <path d="M120,0 L270,-60"/>
      <path d="M60,160 L270,-60"/>
    </g>

    <!-- engineer node: framed square (human owns outcome) -->
    <g transform="translate(-170,0)">
      <rect x="-46" y="-46" width="92" height="92" rx="10" fill="#0d1626" stroke="#f2f5f7" stroke-width="5"/>
      <!-- person glyph -->
      <circle cy="-12" r="12" fill="#2dd4bf"/>
      <path d="M-20,26 C-20,6 20,6 20,26 Z" fill="#2dd4bf"/>
      <text y="86" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="22" font-weight="600" letter-spacing="3" fill="#f2f5f7">ENGINEER</text>
    </g>

    <!-- agent nodes -->
    <g transform="translate(60,-160)">
      <circle r="19" fill="#2dd4bf" filter="url(#glow)"/>
      <text y="-36" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="22" font-weight="600" letter-spacing="3" fill="#8b98a5">PLAN</text>
    </g>
    <g transform="translate(120,0)">
      <circle r="19" fill="#2dd4bf" filter="url(#glow)"/>
      <text y="44" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="22" font-weight="600" letter-spacing="3" fill="#8b98a5">BUILD</text>
    </g>
    <g transform="translate(60,160)">
      <circle r="19" fill="#2dd4bf" filter="url(#glow)"/>
      <text y="52" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="22" font-weight="600" letter-spacing="3" fill="#8b98a5">TEST</text>
    </g>

    <!-- verified outcome node with check -->
    <g transform="translate(270,-60)">
      <circle r="34" fill="#0d1626" stroke="#2dd4bf" stroke-width="5" filter="url(#glow)"/>
      <path d="M-14,0 L-4,12 L18,-12" fill="none" stroke="#2dd4bf" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
      <text y="66" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="22" font-weight="600" letter-spacing="3" fill="#2dd4bf">EVIDENCE</text>
    </g>
  </g>

  <!-- copy -->
  <text x="70" y="120" font-family="'Segoe UI', system-ui, sans-serif" font-size="72" font-weight="700" letter-spacing="-1" fill="#f2f5f7">Agentic Engineering</text>
  <text x="73" y="178" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="27" font-weight="600" letter-spacing="6" fill="#2dd4bf">ORCHESTRATION &#8226; OVERSIGHT &#8226; OWNERSHIP</text>

  <text x="70" y="690" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="26" font-weight="600" letter-spacing="6" fill="#2dd4bf">AGENTS EXECUTE</text>
  <text x="1130" y="690" text-anchor="end" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="26" font-weight="600" letter-spacing="6" fill="#8b98a5">HUMANS OWN THE OUTCOME</text>
</svg>
