<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 320" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: auto; max-width: 100%;" role="img" aria-label="FrameworX Platform Architecture">
  <style>
    .box{fill:#fff;stroke:#d1d5db;stroke-width:1.5;rx:6}
    .accent-box{fill:#f3f0ff;stroke:#703BE2;stroke-width:2;rx:6}
    .h{font:600 14px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#111827}
    .sh{font:600 12px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#374151}
    .t{font:11px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#4b5563}
    .accent{fill:#703BE2}
    .arrow{stroke:#9ca3af;stroke-width:2;fill:none;marker-end:url(#arrowhead)}
    .pillar-flow{stroke:#703BE2;stroke-width:2;fill:none;stroke-dasharray:3,3}
  </style>
  
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
      <polygon points="0 0, 10 3.5, 0 7" fill="#9ca3af"/>
    </marker>
  </defs>

  <!-- Title -->
  <text class="h" x="380" y="22" text-anchor="middle" style="font-size:15px;fill:#703BE2">FrameworX Unified Platform</text>
  
  <!-- Inputs Section -->
  <rect class="box" x="15" y="40" width="180" height="115"/>
  <text class="sh" x="22" y="58">Data Sources</text>
  <text class="t" x="22" y="75" style="font-size:11px">• 100+ Native Connectors</text>
  <text class="t" x="22" y="90" style="font-size:11px">• OPC UA Server/Client</text>
  <text class="t" x="22" y="105" style="font-size:11px">• MQTT Broker/Client (SpB)</text>
  <text class="t" x="22" y="120" style="font-size:11px">• SQL Databases</text>
  <text class="t" x="22" y="135" style="font-size:11px">• REST APIs</text>
  <text class="t" x="22" y="150" style="font-size:11px">• Python/.NET SDKs</text>
  
  <!-- Core Platform -->
  <rect class="accent-box" x="215" y="40" width="330" height="190"/>
  <text class="h" x="380" y="63" text-anchor="middle">FrameworX Core</text>
  
  <!-- Engineering Environment -->
  <rect class="box" x="225" y="75" width="310" height="45"/>
  <text class="sh" x="235" y="93">Unified Designer</text>
  <text class="t" x="235" y="108" style="font-size:10px">Single tool • All modules • Git/JSON • Change tracking</text>
  
  <!-- Four Pillars with flow -->
  <rect class="box" x="225" y="130" width="310" height="90"/>
  <text class="sh" x="235" y="148">Four Pillars Methodology</text>
  
  <rect class="box" x="235" y="160" width="70" height="48" style="fill:#e0e7ff"/>
  <text class="t" x="270" y="178" text-anchor="middle">UNS</text>
  <text class="t" x="270" y="193" text-anchor="middle" style="font-size:9px">Data Model</text>
  
  <rect class="box" x="315" y="160" width="70" height="48" style="fill:#e0e7ff"/>
  <text class="t" x="350" y="178" text-anchor="middle">Process</text>
  <text class="t" x="350" y="193" text-anchor="middle" style="font-size:9px">Devices/Ops</text>
  
  <rect class="box" x="395" y="160" width="70" height="48" style="fill:#e0e7ff"/>
  <text class="t" x="430" y="178" text-anchor="middle">Business</text>
  <text class="t" x="430" y="193" text-anchor="middle" style="font-size:9px">Logic/Data</text>
  
  <rect class="box" x="475" y="160" width="50" height="48" style="fill:#e0e7ff"/>
  <text class="t" x="500" y="178" text-anchor="middle">UI</text>
  <text class="t" x="500" y="193" text-anchor="middle" style="font-size:9px">Displays</text>
  
  <!-- Flow arrows between pillars -->
  <path class="pillar-flow" d="M 305,184 L 315,184"/>
  <path class="pillar-flow" d="M 385,184 L 395,184"/>
  <path class="pillar-flow" d="M 465,184 L 475,184"/>
  
  <!-- Outputs Section -->
  <rect class="box" x="565" y="40" width="180" height="115"/>
  <text class="sh" x="572" y="58">Applications</text>
  <text class="t" x="572" y="75" style="font-size:11px">• SCADA Systems</text>
  <text class="t" x="572" y="90" style="font-size:11px">• HMI Solutions</text>
  <text class="t" x="572" y="105" style="font-size:11px">• MES Integration</text>
  <text class="t" x="572" y="120" style="font-size:11px">• IIoT Platforms</text>
  <text class="t" x="572" y="135" style="font-size:11px">• Edge Analytics</text>
  <text class="t" x="572" y="150" style="font-size:11px">• Enterprise Dashboards</text>
  
  <!-- Features Section -->
  <rect class="box" x="15" y="165" width="180" height="65"/>
  <text class="sh" x="22" y="183">Built-in Features</text>
  <text class="t" x="22" y="198" style="font-size:11px">Historian • Alarms • Reports</text>
  <text class="t" x="22" y="212" style="font-size:11px">Security • Scripting • Datasets</text>
  <text class="t" x="22" y="226" style="font-size:11px">Hot-standby • Store-forward</text>
  
  <!-- Client Section -->
  <rect class="box" x="565" y="165" width="180" height="65"/>
  <text class="sh" x="572" y="183">Client Technologies</text>
  <text class="t" x="572" y="198" style="font-size:11px">• WPF Desktop (Windows)</text>
  <text class="t" x="572" y="212" style="font-size:11px">• WebAssembly (Browser)</text>
  <text class="t" x="572" y="226" style="font-size:11px">• HTML5 (Web/Mobile)</text>
  
  <!-- Deployment Targets -->
  <rect class="box" x="15" y="250" width="730" height="45"/>
  <text class="sh" x="22" y="268">Deployment Targets</text>
  <text class="t" x="22" y="285" style="font-size:11px">.NET 8 (Windows/Linux/macOS) • .NET 4.8 (Windows Legacy) • Docker/Kubernetes • Edge Devices • Cloud • On-Premise</text>
  
  <!-- Connection arrows -->
  <path class="arrow" d="M 195,97 L 215,97"/>
  <path class="arrow" d="M 545,97 L 565,97"/>
  <path class="arrow" d="M 195,197 L 225,197"/>
  <path class="arrow" d="M 525,197 L 565,197"/>
  
  <!-- Accent bars -->
  <rect x="210" y="40" width="5" height="190" class="accent"/>
  <rect x="545" y="40" width="5" height="190" class="accent"/>
</svg>