<svg xmlns="http://www.w3.org/2000/svg" width="760" height="390" viewBox="0 0 760 390">
  <defs>
    <filter id="sh" x="-10%" y="-10%" width="120%" height="120%">
      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.25"/>
    </filter>
    <marker id="mS" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 Z" fill="#475569"/>
    </marker>
    <marker id="mB" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 Z" fill="#3b82f6"/>
    </marker>
    <marker id="mA" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 Z" fill="#f59e0b"/>
    </marker>
  </defs>

  <!-- Background -->
  <rect width="760" height="390" fill="#0f172a" rx="12"/>

  <!-- ═══════════════════════════════════════════
       2015 PATTERN
  ═══════════════════════════════════════════ -->
  <text x="20" y="29" font-family="system-ui,sans-serif" font-size="10"
        fill="#475569" font-weight="700" letter-spacing="2">2015 PATTERN</text>

  <!-- Boxes: y=38, h=66, w=120, gap=20 | x: 20, 160, 300, 440, 580 -->

  <!-- Box 1: Process Model -->
  <rect x="20" y="38" width="120" height="66" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="80" y="68" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">PROCESS</text>
  <text x="80" y="84" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">MODEL</text>
  <line x1="140" y1="71" x2="158" y2="71" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 2: Services -->
  <rect x="160" y="38" width="120" height="66" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="220" y="76" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">SERVICES</text>
  <line x1="280" y1="71" x2="298" y2="71" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 3: Tasks -->
  <rect x="300" y="38" width="120" height="66" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="360" y="76" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">TASKS</text>
  <line x1="420" y1="71" x2="438" y2="71" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 4: Activities -->
  <rect x="440" y="38" width="120" height="66" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="500" y="68" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">VALUE-ADD</text>
  <text x="500" y="84" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">ACTIVITIES</text>
  <line x1="560" y1="71" x2="578" y2="71" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 5: Business Model -->
  <rect x="580" y="38" width="120" height="66" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="640" y="68" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">BUSINESS</text>
  <text x="640" y="84" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">MODEL</text>

  <!-- Divider -->
  <line x1="20" y1="122" x2="740" y2="122" stroke="#1e293b" stroke-width="1.5"/>

  <!-- ═══════════════════════════════════════════
       2026 PATTERN
  ═══════════════════════════════════════════ -->
  <text x="20" y="147" font-family="system-ui,sans-serif" font-size="10"
        fill="#475569" font-weight="700" letter-spacing="2">2026 PATTERN</text>

  <!-- Standard boxes: y=157, h=75. Center y=194.5. -->
  <!-- Worker box:     y=150, h=89. Center y=194.5. -->

  <!-- Box 1: Process Model (2026) -->
  <rect x="20" y="157" width="120" height="75" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="80" y="192" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">PROCESS</text>
  <text x="80" y="208" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">MODEL</text>
  <line x1="140" y1="194" x2="158" y2="194" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 2: Worker cluster (taller, 3 pills) -->
  <!-- y=150, h=89. Pills y: 158, 185, 212. All h=22. Box bottom=239. -->
  <rect x="160" y="150" width="120" height="89" rx="6" fill="#1e293b" filter="url(#sh)"/>

  <rect x="165" y="157" width="110" height="22" rx="4" fill="#334155"/>
  <text x="220" y="172" font-family="system-ui,sans-serif" font-size="8" fill="#94a3b8"
        font-weight="600" text-anchor="middle">HUMAN WORKERS</text>

  <rect x="165" y="184" width="110" height="22" rx="4" fill="#334155"/>
  <text x="220" y="199" font-family="system-ui,sans-serif" font-size="8" fill="#94a3b8"
        font-weight="600" text-anchor="middle">SYSTEM SERVICES</text>

  <rect x="165" y="211" width="110" height="22" rx="4" fill="#1d4ed8"/>
  <text x="220" y="226" font-family="system-ui,sans-serif" font-size="8" fill="#bfdbfe"
        font-weight="700" text-anchor="middle">AUTONOMOUS AGENTS</text>

  <line x1="280" y1="194" x2="298" y2="194" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 3: Tasks (2026) -->
  <rect x="300" y="157" width="120" height="75" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="360" y="198" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">TASKS</text>
  <line x1="420" y1="194" x2="438" y2="194" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 4: Activities (2026) -->
  <rect x="440" y="157" width="120" height="75" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="500" y="191" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">VALUE-ADD</text>
  <text x="500" y="207" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">ACTIVITIES</text>
  <line x1="560" y1="194" x2="578" y2="194" stroke="#334155" stroke-width="1.5" marker-end="url(#mS)"/>

  <!-- Box 5: Business Model (2026) -->
  <rect x="580" y="157" width="120" height="75" rx="6" fill="#1e293b" filter="url(#sh)"/>
  <text x="640" y="191" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">BUSINESS</text>
  <text x="640" y="207" font-family="system-ui,sans-serif" font-size="9.5" fill="#94a3b8"
        font-weight="700" text-anchor="middle" letter-spacing="0.5">MODEL</text>

  <!-- ── NEW WORKER CLASS callout ──
       Line from bottom center of Autonomous Agents pill (220, 233) downward. -->
  <line x1="220" y1="239" x2="220" y2="278" stroke="#3b82f6" stroke-width="1.2"
        stroke-dasharray="4 3" marker-end="url(#mB)"/>
  <rect x="151" y="281" width="138" height="26" rx="5" fill="#1e3a8a"/>
  <text x="220" y="298" font-family="system-ui,sans-serif" font-size="8.5" fill="#bfdbfe"
        font-weight="700" text-anchor="middle" letter-spacing="1">NEW WORKER CLASS</text>

  <!-- ── REQUIRES callout ──
       Line from bottom center of Business Model box (640, 232) downward. -->
  <line x1="640" y1="232" x2="640" y2="278" stroke="#f59e0b" stroke-width="1.2"
        stroke-dasharray="4 3" marker-end="url(#mA)"/>
  <rect x="546" y="281" width="188" height="82" rx="6" fill="#1c1400"
        stroke="#f59e0b" stroke-width="1" stroke-opacity="0.5"/>
  <text x="557" y="299" font-family="system-ui,sans-serif" font-size="9" fill="#f59e0b"
        font-weight="700" letter-spacing="0.5">REQUIRES:</text>
  <text x="557" y="316" font-family="system-ui,sans-serif" font-size="9" fill="#a8a29e">confidence gating</text>
  <text x="557" y="332" font-family="system-ui,sans-serif" font-size="9" fill="#a8a29e">semantic lineage</text>
  <text x="557" y="348" font-family="system-ui,sans-serif" font-size="9" fill="#a8a29e">engine-aware protocol</text>

</svg>
