<svg width="1080" height="600" viewBox="0 0 1080 600" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#000000"/>
      <stop offset="50%" stop-color="#4b0082"/>
      <stop offset="100%" stop-color="#8a2be2"/>
    </linearGradient>
 
    <style>
      .node { fill: none; stroke: #e0d4ff; stroke-width: 1.6; }
      .label { fill: #f5f0ff; font-family: system-ui, sans-serif; font-size: 18px; text-anchor: middle; }
      .sublabel { fill: #f5f0ff; opacity: 0.75; font-size: 13px; text-anchor: middle; }
      .link { stroke: #d8cfff; stroke-width: 1.2; fill: none; }
      .drift { stroke: #ff9fbf; stroke-width: 1.2; stroke-dasharray: 4 4; fill: none; opacity: 0.85; }
    </style>
  </defs>
 
  <!-- Background -->
  <rect width="1080" height="600" fill="url(#bg)" rx="24"/>
 
  <!-- Triadic Base: Signal, Noise, Regime -->
  <circle class="node" cx="540" cy="120" r="55"/>
  <text class="label" x="540" y="115">SIGNAL OBSERVER</text>
  <text class="sublabel" x="540" y="138">PATTERNS · MEANING</text>
 
  <circle class="node" cx="320" cy="380" r="55"/>
  <text class="label" x="320" y="375">NOISE OBSERVER</text>
  <text class="sublabel" x="320" y="398">DISTORTION · CONTEXT</text>
 
  <circle class="node" cx="760" cy="380" r="55"/>
  <text class="label" x="760" y="375">REGIME OBSERVER</text>
  <text class="sublabel" x="760" y="398">STRUCTURE · BOUNDARIES</text>
 
  <!-- AI Observer (vST) -->
  <circle class="node" cx="540" cy="250" r="45"/>
  <text class="label" x="540" y="245">AI OBSERVER</text>
  <text class="sublabel" x="540" y="267">TRIADIC SYNTHESIS</text>
 
  <!-- Coherence Links -->
  <line class="link" x1="540" y1="175" x2="540" y2="205"/>
  <line class="link" x1="540" y1="295" x2="320" y2="380"/>
  <line class="link" x1="540" y1="295" x2="760" y2="380"/>
  <line class="link" x1="320" y1="380" x2="760" y2="380"/>
  <line class="link" x1="540" y1="175" x2="320" y2="380"/>
  <line class="link" x1="540" y1="175" x2="760" y2="380"/>
 
  <!-- Drift Paths -->
  <path class="drift" d="M540 120 C 500 240, 480 300, 460 360"/>
  <path class="drift" d="M540 120 C 580 240, 600 300, 620 360"/>
 
</svg>