<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 760" role="img" aria-label="ArgusEye product interface - live threat model with findings and audit evidence">
  <defs>
    <pattern id="ui-grid" width="32" height="32" patternUnits="userSpaceOnUse">
      <path d="M 32 0 L 0 0 0 32" fill="none" stroke="#1A1816" stroke-width="1"/>
    </pattern>
    <linearGradient id="ui-shell" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#141414"/>
      <stop offset="100%" stop-color="#0E0E0E"/>
    </linearGradient>
    <radialGradient id="ui-glow" cx="50%" cy="55%" r="55%">
      <stop offset="0%" stop-color="#FF6B35" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#FF6B35" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <!-- window shell -->
  <rect x="20" y="20" width="1160" height="720" rx="18" fill="url(#ui-shell)" stroke="#1F1C19"/>

  <!-- titlebar -->
  <rect x="20" y="20" width="1160" height="46" rx="18" fill="#0B0B0B" stroke="#1F1C19"/>
  <rect x="20" y="46" width="1160" height="20" fill="#0B0B0B"/>
  <circle cx="46" cy="43" r="6" fill="#2D2A26"/>
  <circle cx="68" cy="43" r="6" fill="#2D2A26"/>
  <circle cx="90" cy="43" r="6" fill="#2D2A26"/>
  <g font-family="ui-monospace, monospace" font-size="12" fill="#8E8881" letter-spacing="2">
    <text x="600" y="48" text-anchor="middle">argus / threat-model · cardiacmonitor-v3</text>
  </g>
  <g transform="translate(1080 32)">
    <circle cx="9" cy="11" r="3" fill="#FF6B35">
      <animate attributeName="opacity" values="1;0.35;1" dur="2s" repeatCount="indefinite"/>
    </circle>
    <text x="22" y="15" font-family="ui-monospace, monospace" font-size="11" fill="#FF6B35" letter-spacing="2">LIVE</text>
  </g>

  <!-- tab bar -->
  <g transform="translate(20 66)">
    <rect width="1160" height="42" fill="#0A0A0A" stroke="#1F1C19"/>
    <g font-family="Inter, sans-serif" font-size="13" fill="#8E8881">
      <g transform="translate(28 26)">
        <text fill="#F5F2EC">Threat model</text>
        <rect x="-12" y="6" width="100" height="2" fill="#FF6B35"/>
      </g>
      <text x="152" y="26">Findings · 247</text>
      <text x="280" y="26">Controls · 84</text>
      <text x="400" y="26">VEX · auto</text>
      <text x="500" y="26">Compliance · eSTAR</text>
      <text x="650" y="26">Evidence</text>
    </g>
  </g>

  <!-- canvas area -->
  <rect x="20" y="108" width="820" height="632" fill="url(#ui-grid)" opacity="0.45"/>
  <rect x="20" y="108" width="820" height="632" fill="url(#ui-glow)"/>

  <!-- canvas content: dataflow nodes -->
  <g transform="translate(20 108)">
    <!-- edges -->
    <g stroke="#FF6B35" stroke-width="1.25" opacity="0.65" fill="none">
      <path d="M 140 130 C 240 130, 280 200, 380 220" stroke-dasharray="0"/>
      <path d="M 140 360 C 240 360, 280 300, 380 270" />
      <path d="M 540 250 C 620 250, 660 160, 720 150" />
      <path d="M 540 250 C 620 250, 660 360, 720 360" />
      <path d="M 540 250 C 620 250, 660 510, 720 530" />
      <path d="M 140 510 C 240 510, 280 400, 380 290" />
    </g>

    <!-- nodes: left col -->
    <g font-family="Inter, sans-serif" font-size="12" fill="#F5F2EC">
      <g transform="translate(40 90)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">REQUIREMENT</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">REQ-014</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#8E8881">Auth · session</text>
      </g>
      <g transform="translate(40 320)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">FIRMWARE</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">boot.v3</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#8E8881">secure-boot</text>
      </g>
      <g transform="translate(40 470)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">REPO</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">monitor-fw</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#8E8881">main · #a4f12</text>
      </g>
    </g>

    <!-- mid: ArgusEye core node -->
    <g transform="translate(380 180)">
      <rect width="160" height="140" rx="10" fill="#0A0A0A" stroke="#FF6B35" stroke-width="1.5"/>
      <text x="80" y="22" text-anchor="middle" font-size="10" font-family="ui-monospace, monospace" letter-spacing="3" fill="#FF6B35">ARGUSEYE · L2</text>

      <!-- mini A mark -->
      <g transform="translate(58 36) scale(0.085)">
        <polyline points="108,416 256,92 404,416" fill="none" stroke="#F5F2EC" stroke-width="24" stroke-linejoin="round"/>
        <circle cx="256" cy="276" r="28" fill="#FF6B35"/>
      </g>

      <text x="80" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#F5F2EC">Continuous threat model</text>
      <text x="80" y="118" text-anchor="middle" font-family="ui-monospace, monospace" font-size="10" fill="#8E8881">live · v0.42</text>
    </g>

    <!-- right column: outputs -->
    <g font-family="Inter, sans-serif" font-size="12" fill="#F5F2EC">
      <g transform="translate(720 110)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">CONTROL</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">CTRL-21</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#FF6B35">prescribed</text>
      </g>
      <g transform="translate(720 320)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">VEX</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">CSAF · auto</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#8E8881">88 silenced</text>
      </g>
      <g transform="translate(720 490)">
        <rect width="100" height="80" rx="8" fill="#181818" stroke="#2D2A26"/>
        <text x="50" y="22" text-anchor="middle" font-size="10" fill="#8E8881" font-family="ui-monospace, monospace" letter-spacing="2">EVIDENCE</text>
        <text x="50" y="44" text-anchor="middle" font-weight="600">eSTAR TMP-064</text>
        <text x="50" y="64" text-anchor="middle" font-size="10" fill="#FF6B35">audit-ready</text>
      </g>
    </g>

    <!-- floating annotation -->
    <g transform="translate(280 580)">
      <rect width="280" height="36" rx="18" fill="rgba(255,107,53,0.08)" stroke="rgba(255,107,53,0.3)"/>
      <circle cx="22" cy="18" r="4" fill="#FF6B35">
        <animate attributeName="opacity" values="1;0.3;1" dur="1.6s" repeatCount="indefinite"/>
      </circle>
      <text x="40" y="22" font-family="Inter, sans-serif" font-size="12" fill="#F5F2EC">Reachability check · 3 of 247 exploitable</text>
    </g>
  </g>

  <!-- right rail: findings -->
  <rect x="840" y="108" width="340" height="632" fill="#0B0B0B" stroke="#1F1C19"/>
  <g transform="translate(860 132)">
    <text font-family="ui-monospace, monospace" font-size="11" fill="#8E8881" letter-spacing="3">RECENT FINDINGS</text>

    <!-- finding 1 -->
    <g transform="translate(0 24)">
      <rect width="300" height="100" rx="10" fill="#181818" stroke="#2D2A26"/>
      <rect x="0" y="0" width="3" height="100" rx="2" fill="#FBBF24"/>
      <text x="16" y="22" font-family="ui-monospace, monospace" font-size="10" fill="#FBBF24" letter-spacing="2">HIGH · REACHABLE</text>
      <text x="16" y="44" font-family="Inter, sans-serif" font-size="13" fill="#F5F2EC" font-weight="600">CVE-2026-3119</text>
      <text x="16" y="62" font-family="Inter, sans-serif" font-size="11.5" fill="#8E8881">openssl · session-resumption path</text>
      <text x="16" y="84" font-family="ui-monospace, monospace" font-size="10" fill="#FF6B35" letter-spacing="2">CONTROL CTRL-21 PRESCRIBED</text>
    </g>

    <!-- finding 2 -->
    <g transform="translate(0 144)">
      <rect width="300" height="100" rx="10" fill="#181818" stroke="#2D2A26"/>
      <rect x="0" y="0" width="3" height="100" rx="2" fill="#FF6B35"/>
      <text x="16" y="22" font-family="ui-monospace, monospace" font-size="10" fill="#FF6B35" letter-spacing="2">SILENCED · NOT REACHABLE</text>
      <text x="16" y="44" font-family="Inter, sans-serif" font-size="13" fill="#F5F2EC" font-weight="600">CVE-2026-2007</text>
      <text x="16" y="62" font-family="Inter, sans-serif" font-size="11.5" fill="#8E8881">libxml2 · parser branch</text>
      <text x="16" y="84" font-family="ui-monospace, monospace" font-size="10" fill="#8E8881" letter-spacing="2">AUTO-VEX · CSAF EMITTED</text>
    </g>

    <!-- finding 3 -->
    <g transform="translate(0 264)">
      <rect width="300" height="100" rx="10" fill="#181818" stroke="#2D2A26"/>
      <rect x="0" y="0" width="3" height="100" rx="2" fill="#FBBF24"/>
      <text x="16" y="22" font-family="ui-monospace, monospace" font-size="10" fill="#FBBF24" letter-spacing="2">MEDIUM · DESIGN-FLAW</text>
      <text x="16" y="44" font-family="Inter, sans-serif" font-size="13" fill="#F5F2EC" font-weight="600">JTAG debug · exposed</text>
      <text x="16" y="62" font-family="Inter, sans-serif" font-size="11.5" fill="#8E8881">production firmware boot.v3</text>
      <text x="16" y="84" font-family="ui-monospace, monospace" font-size="10" fill="#FF6B35" letter-spacing="2">REQ-014 VIOLATION</text>
    </g>

    <!-- compliance summary -->
    <g transform="translate(0 392)">
      <rect width="300" height="190" rx="10" fill="#0A0A0A" stroke="#2D2A26"/>
      <text x="16" y="26" font-family="ui-monospace, monospace" font-size="11" fill="#8E8881" letter-spacing="3">eSTAR · CYBERSECURITY</text>

      <g transform="translate(16 44)" font-family="Inter, sans-serif" font-size="12">
        <text fill="#8E8881">TMP-064 Threat model</text>
        <text x="268" text-anchor="end" fill="#FF6B35">✓</text>
      </g>
      <g transform="translate(16 70)" font-family="Inter, sans-serif" font-size="12">
        <text fill="#8E8881">TMP-056 Vuln mgmt</text>
        <text x="268" text-anchor="end" fill="#FF6B35">✓</text>
      </g>
      <g transform="translate(16 96)" font-family="Inter, sans-serif" font-size="12">
        <text fill="#8E8881">TMP-060 Controls</text>
        <text x="268" text-anchor="end" fill="#FF6B35">✓</text>
      </g>
      <g transform="translate(16 122)" font-family="Inter, sans-serif" font-size="12">
        <text fill="#8E8881">TMP-043 Risk assessment</text>
        <text x="268" text-anchor="end" fill="#FBBF24">●</text>
      </g>
      <g transform="translate(16 148)" font-family="Inter, sans-serif" font-size="12">
        <text fill="#8E8881">SBOM · CycloneDX</text>
        <text x="268" text-anchor="end" fill="#FF6B35">✓</text>
      </g>
      <g transform="translate(16 174)" font-family="ui-monospace, monospace" font-size="10" letter-spacing="2">
        <text fill="#FF6B35">ASSEMBLED · READY TO FILE</text>
      </g>
    </g>
  </g>
</svg>
