<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="60" x2="400" y2="60"/>
    <line x1="0" y1="120" x2="400" y2="120"/>
    <line x1="0" y1="180" x2="400" y2="180"/>
    <line x1="0" y1="240" x2="400" y2="240"/>
    <line x1="80" y1="0" x2="80" y2="300"/>
    <line x1="160" y1="0" x2="160" y2="300"/>
    <line x1="240" y1="0" x2="240" y2="300"/>
    <line x1="320" y1="0" x2="320" y2="300"/>
  </g>

  <!-- Radial glow from center -->
  <radialGradient id="d-glow" cx="200" cy="140" r="160" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#991B1B" stop-opacity="0.25"/>
    <stop offset="60%" stop-color="#991B1B" stop-opacity="0.06"/>
    <stop offset="100%" stop-color="#991B1B" stop-opacity="0"/>
  </radialGradient>
  <circle cx="200" cy="140" r="160" fill="url(#d-glow)"/>

  <!-- Outer radiation rings -->
  <circle cx="200" cy="140" r="30" stroke="rgba(255,255,255,0.08)" stroke-width="0.8" fill="none"/>
  <circle cx="200" cy="140" r="55" stroke="rgba(255,255,255,0.06)" stroke-width="0.6" fill="none"/>
  <circle cx="200" cy="140" r="85" stroke="rgba(255,255,255,0.05)" stroke-width="0.5" fill="none"/>
  <circle cx="200" cy="140" r="120" stroke="rgba(255,255,255,0.03)" stroke-width="0.4" fill="none"/>

  <!-- Center node -->
  <circle cx="200" cy="140" r="6" fill="#991B1B" opacity="0.4"/>
  <circle cx="200" cy="140" r="3" fill="white" opacity="0.5"/>

  <!-- Radiating connection lines from center to outer nodes -->
  <g stroke="rgba(255,255,255,0.1)" stroke-width="0.6">
    <line x1="200" y1="140" x2="145" y2="95"/>
    <line x1="200" y1="140" x2="260" y2="90"/>
    <line x1="200" y1="140" x2="280" y2="140"/>
    <line x1="200" y1="140" x2="255" y2="185"/>
    <line x1="200" y1="140" x2="150" y2="190"/>
    <line x1="200" y1="140" x2="120" y2="135"/>
    <line x1="200" y1="140" x2="175" y2="80"/>
    <line x1="200" y1="140" x2="230" y2="200"/>
  </g>

  <!-- Second-tier connection lines -->
  <g stroke="rgba(255,255,255,0.06)" stroke-width="0.4">
    <line x1="145" y1="95" x2="100" y2="60"/>
    <line x1="145" y1="95" x2="110" y2="110"/>
    <line x1="260" y1="90" x2="310" y2="55"/>
    <line x1="260" y1="90" x2="300" y2="105"/>
    <line x1="280" y1="140" x2="340" y2="130"/>
    <line x1="280" y1="140" x2="330" y2="165"/>
    <line x1="255" y1="185" x2="300" y2="220"/>
    <line x1="255" y1="185" x2="280" y2="230"/>
    <line x1="150" y1="190" x2="110" y2="225"/>
    <line x1="150" y1="190" x2="95" y2="195"/>
    <line x1="120" y1="135" x2="65" y2="120"/>
    <line x1="120" y1="135" x2="70" y2="160"/>
    <line x1="175" y1="80" x2="160" y2="40"/>
    <line x1="230" y1="200" x2="210" y2="240"/>
  </g>

  <!-- First ring nodes -->
  <g fill="white" opacity="0.15">
    <circle cx="145" cy="95" r="4"/>
    <circle cx="260" cy="90" r="4"/>
    <circle cx="280" cy="140" r="3.5"/>
    <circle cx="255" cy="185" r="4"/>
    <circle cx="150" cy="190" r="3.5"/>
    <circle cx="120" cy="135" r="3"/>
    <circle cx="175" cy="80" r="3"/>
    <circle cx="230" cy="200" r="3.5"/>
  </g>

  <!-- Second ring nodes (smaller, fainter) -->
  <g fill="white" opacity="0.08">
    <circle cx="100" cy="60" r="2.5"/>
    <circle cx="110" cy="110" r="2"/>
    <circle cx="310" cy="55" r="2.5"/>
    <circle cx="300" cy="105" r="2"/>
    <circle cx="340" cy="130" r="2.5"/>
    <circle cx="330" cy="165" r="2"/>
    <circle cx="300" cy="220" r="2.5"/>
    <circle cx="280" cy="230" r="2"/>
    <circle cx="110" cy="225" r="2.5"/>
    <circle cx="95" cy="195" r="2"/>
    <circle cx="65" cy="120" r="2.5"/>
    <circle cx="70" cy="160" r="2"/>
    <circle cx="160" cy="40" r="2.5"/>
    <circle cx="210" cy="240" r="2"/>
  </g>

  <!-- Growth curve at bottom -->
  <path d="M 40 260 Q 80 258 120 255 Q 160 250 200 240 Q 240 220 280 190 Q 320 155 360 110"
        stroke="#991B1B" stroke-opacity="0.3" stroke-width="1.5" fill="none"/>

  <!-- View count text fading -->
  <text x="60" y="270" font-family="system-ui" font-size="8" fill="white" opacity="0.15">1.2M</text>
  <text x="130" y="262" font-family="system-ui" font-size="8" fill="white" opacity="0.2">3.4M</text>
  <text x="200" y="248" font-family="system-ui" font-size="9" fill="white" opacity="0.28">6.8M</text>
  <text x="270" y="220" font-family="system-ui" font-size="9" fill="white" opacity="0.35">10.1M</text>
  <text x="335" y="125" font-family="system-ui" font-size="11" fill="white" opacity="0.45">14.2M</text>

  <!-- Time label -->
  <text x="340" y="275" font-family="system-ui" font-size="7" fill="white" opacity="0.2">90 DAYS</text>

  <!-- Subtle dots along growth curve -->
  <circle cx="120" cy="255" r="1.5" fill="#991B1B" opacity="0.25"/>
  <circle cx="200" cy="240" r="2" fill="#991B1B" opacity="0.3"/>
  <circle cx="280" cy="190" r="2.5" fill="#991B1B" opacity="0.35"/>
  <circle cx="360" cy="110" r="3" fill="#991B1B" opacity="0.4"/>
</svg>