<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none">
  <rect width="400" height="300" fill="#0A0A0A"/>

  <!-- Subtle grid -->
  <g stroke="rgba(255,255,255,0.03)" stroke-width="0.5">
    <line x1="0" y1="50" x2="400" y2="50"/>
    <line x1="0" y1="100" x2="400" y2="100"/>
    <line x1="0" y1="150" x2="400" y2="150"/>
    <line x1="0" y1="200" x2="400" y2="200"/>
    <line x1="0" y1="250" x2="400" y2="250"/>
    <line x1="66" y1="0" x2="66" y2="300"/>
    <line x1="133" y1="0" x2="133" y2="300"/>
    <line x1="200" y1="0" x2="200" y2="300"/>
    <line x1="266" y1="0" x2="266" y2="300"/>
    <line x1="333" y1="0" x2="333" y2="300"/>
  </g>

  <!-- Background mesh glow -->
  <radialGradient id="c-glow1" cx="130" cy="120" r="120" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#991B1B" stop-opacity="0.15"/>
    <stop offset="100%" stop-color="#991B1B" stop-opacity="0"/>
  </radialGradient>
  <circle cx="130" cy="120" r="120" fill="url(#c-glow1)"/>

  <radialGradient id="c-glow2" cx="290" cy="180" r="100" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#991B1B" stop-opacity="0.12"/>
    <stop offset="100%" stop-color="#991B1B" stop-opacity="0"/>
  </radialGradient>
  <circle cx="290" cy="180" r="100" fill="url(#c-glow2)"/>

  <!-- Network mesh connections (the clipper distribution topology) -->
  <g stroke="rgba(255,255,255,0.07)" stroke-width="0.5">
    <!-- Central hub connections -->
    <line x1="200" y1="135" x2="130" y2="80"/>
    <line x1="200" y1="135" x2="270" y2="75"/>
    <line x1="200" y1="135" x2="310" y2="130"/>
    <line x1="200" y1="135" x2="290" y2="200"/>
    <line x1="200" y1="135" x2="200" y2="210"/>
    <line x1="200" y1="135" x2="110" y2="190"/>
    <line x1="200" y1="135" x2="90" y2="130"/>

    <!-- Secondary hub from 130,80 -->
    <line x1="130" y1="80" x2="70" y2="45"/>
    <line x1="130" y1="80" x2="80" y2="80"/>
    <line x1="130" y1="80" x2="130" y2="35"/>
    <line x1="130" y1="80" x2="165" y2="50"/>

    <!-- Secondary hub from 270,75 -->
    <line x1="270" y1="75" x2="310" y2="40"/>
    <line x1="270" y1="75" x2="340" y2="70"/>
    <line x1="270" y1="75" x2="250" y2="35"/>

    <!-- Secondary hub from 310,130 -->
    <line x1="310" y1="130" x2="360" y2="100"/>
    <line x1="310" y1="130" x2="370" y2="140"/>
    <line x1="310" y1="130" x2="350" y2="170"/>

    <!-- Secondary hub from 290,200 -->
    <line x1="290" y1="200" x2="340" y2="220"/>
    <line x1="290" y1="200" x2="320" y2="250"/>
    <line x1="290" y1="200" x2="270" y2="245"/>

    <!-- Secondary hub from 200,210 -->
    <line x1="200" y1="210" x2="200" y2="260"/>
    <line x1="200" y1="210" x2="160" y2="245"/>
    <line x1="200" y1="210" x2="235" y2="250"/>

    <!-- Secondary hub from 110,190 -->
    <line x1="110" y1="190" x2="60" y2="210"/>
    <line x1="110" y1="190" x2="80" y2="240"/>
    <line x1="110" y1="190" x2="130" y2="240"/>

    <!-- Secondary hub from 90,130 -->
    <line x1="90" y1="130" x2="40" y2="110"/>
    <line x1="90" y1="130" x2="35" y2="150"/>
    <line x1="90" y1="130" x2="55" y2="170"/>

    <!-- Cross connections between secondary hubs -->
    <line x1="130" y1="80" x2="270" y2="75"/>
    <line x1="270" y1="75" x2="310" y2="130"/>
    <line x1="310" y1="130" x2="290" y2="200"/>
    <line x1="290" y1="200" x2="200" y2="210"/>
    <line x1="200" y1="210" x2="110" y2="190"/>
    <line x1="110" y1="190" x2="90" y2="130"/>
    <line x1="90" y1="130" x2="130" y2="80"/>
  </g>

  <!-- Flow arrows (small triangles on key connections) -->
  <g fill="#991B1B" opacity="0.3">
    <polygon points="165,107 170,112 162,112" />
    <polygon points="235,105 240,110 232,110" />
    <polygon points="255,168 260,173 252,173" />
    <polygon points="155,163 160,168 152,168" />
    <polygon points="200,172 205,177 195,177" />
    <polygon points="145,108 150,103 150,113" />
    <polygon points="260,105 265,100 265,110" />
  </g>

  <!-- Central hub node -->
  <circle cx="200" cy="135" r="8" fill="#991B1B" opacity="0.35"/>
  <circle cx="200" cy="135" r="4" fill="white" opacity="0.4"/>

  <!-- Secondary hub nodes -->
  <g>
    <circle cx="130" cy="80" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="130" cy="80" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="270" cy="75" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="270" cy="75" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="310" cy="130" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="310" cy="130" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="290" cy="200" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="290" cy="200" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="200" cy="210" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="200" cy="210" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="110" cy="190" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="110" cy="190" r="2.5" fill="white" opacity="0.2"/>
    <circle cx="90" cy="130" r="5" fill="#991B1B" opacity="0.25"/>
    <circle cx="90" cy="130" r="2.5" fill="white" opacity="0.2"/>
  </g>

  <!-- Tertiary leaf nodes -->
  <g fill="white" opacity="0.1">
    <circle cx="70" cy="45" r="2"/>
    <circle cx="80" cy="80" r="2"/>
    <circle cx="130" cy="35" r="2"/>
    <circle cx="165" cy="50" r="2"/>
    <circle cx="310" cy="40" r="2"/>
    <circle cx="340" cy="70" r="2"/>
    <circle cx="250" cy="35" r="2"/>
    <circle cx="360" cy="100" r="2"/>
    <circle cx="370" cy="140" r="2"/>
    <circle cx="350" cy="170" r="2"/>
    <circle cx="340" cy="220" r="2"/>
    <circle cx="320" cy="250" r="2"/>
    <circle cx="270" cy="245" r="2"/>
    <circle cx="200" cy="260" r="2"/>
    <circle cx="160" cy="245" r="2"/>
    <circle cx="235" cy="250" r="2"/>
    <circle cx="60" cy="210" r="2"/>
    <circle cx="80" cy="240" r="2"/>
    <circle cx="130" cy="240" r="2"/>
    <circle cx="40" cy="110" r="2"/>
    <circle cx="35" cy="150" r="2"/>
    <circle cx="55" cy="170" r="2"/>
  </g>

  <!-- Aggregate view labels -->
  <text x="192" y="125" font-family="system-ui" font-size="6" fill="white" opacity="0.3" text-anchor="middle">CENTRAL</text>

  <!-- View counts at hub nodes -->
  <text x="130" y="70" font-family="system-ui" font-size="7" fill="white" opacity="0.25" text-anchor="middle">8.2M</text>
  <text x="270" y="65" font-family="system-ui" font-size="7" fill="white" opacity="0.25" text-anchor="middle">11.4M</text>
  <text x="325" y="125" font-family="system-ui" font-size="7" fill="white" opacity="0.25">9.7M</text>
  <text x="295" y="195" font-family="system-ui" font-size="7" fill="white" opacity="0.25">7.1M</text>
  <text x="200" y="225" font-family="system-ui" font-size="7" fill="white" opacity="0.25" text-anchor="middle">6.3M</text>
  <text x="100" y="205" font-family="system-ui" font-size="7" fill="white" opacity="0.25" text-anchor="end">5.8M</text>
  <text x="80" y="125" font-family="system-ui" font-size="7" fill="white" opacity="0.25" text-anchor="end">9.1M</text>

  <!-- Total aggregate -->
  <text x="200" y="285" font-family="system-ui" font-size="10" fill="white" opacity="0.4" text-anchor="middle" font-weight="300">57.6M VIEWS</text>
  <line x1="150" y1="289" x2="250" y2="289" stroke="rgba(255,255,255,0.08)" stroke-width="0.5"/>
</svg>