<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="57" y1="0" x2="57" y2="300"/>
    <line x1="114" y1="0" x2="114" y2="300"/>
    <line x1="171" y1="0" x2="171" y2="300"/>
    <line x1="228" y1="0" x2="228" y2="300"/>
    <line x1="285" y1="0" x2="285" y2="300"/>
    <line x1="342" y1="0" x2="342" y2="300"/>
  </g>

  <!-- Background glow -->
  <radialGradient id="m-glow" cx="330" cy="100" r="160" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#991B1B" stop-opacity="0.18"/>
    <stop offset="50%" stop-color="#991B1B" stop-opacity="0.06"/>
    <stop offset="100%" stop-color="#991B1B" stop-opacity="0"/>
  </radialGradient>
  <circle cx="330" cy="100" r="160" fill="url(#m-glow)"/>

  <!-- Y-axis reference lines with labels -->
  <g>
    <line x1="45" y1="230" x2="375" y2="230" stroke="rgba(255,255,255,0.04)" stroke-width="0.3" stroke-dasharray="3,5"/>
    <line x1="45" y1="190" x2="375" y2="190" stroke="rgba(255,255,255,0.04)" stroke-width="0.3" stroke-dasharray="3,5"/>
    <line x1="45" y1="150" x2="375" y2="150" stroke="rgba(255,255,255,0.04)" stroke-width="0.3" stroke-dasharray="3,5"/>
    <line x1="45" y1="110" x2="375" y2="110" stroke="rgba(255,255,255,0.04)" stroke-width="0.3" stroke-dasharray="3,5"/>
    <line x1="45" y1="70" x2="375" y2="70" stroke="rgba(255,255,255,0.04)" stroke-width="0.3" stroke-dasharray="3,5"/>
  </g>

  <!-- Y-axis scale labels -->
  <g font-family="system-ui" font-size="6" fill="white" opacity="0.12" text-anchor="end">
    <text x="40" y="252">$0</text>
    <text x="40" y="232">$125K</text>
    <text x="40" y="192">$250K</text>
    <text x="40" y="152">$375K</text>
    <text x="40" y="112">$500K</text>
    <text x="40" y="72">$750K</text>
  </g>

  <!-- 6 Monthly bars -->
  <!-- Month 1 -->
  <rect x="62" y="228" width="40" height="22" rx="2" fill="white" opacity="0.08"/>
  <rect x="62" y="228" width="40" height="22" rx="2" fill="#991B1B" opacity="0.12"/>

  <!-- Month 2 -->
  <rect x="119" y="210" width="40" height="40" rx="2" fill="white" opacity="0.09"/>
  <rect x="119" y="210" width="40" height="40" rx="2" fill="#991B1B" opacity="0.14"/>

  <!-- Month 3 -->
  <rect x="176" y="185" width="40" height="65" rx="2" fill="white" opacity="0.1"/>
  <rect x="176" y="185" width="40" height="65" rx="2" fill="#991B1B" opacity="0.16"/>

  <!-- Month 4 -->
  <rect x="233" y="155" width="40" height="95" rx="2" fill="white" opacity="0.11"/>
  <rect x="233" y="155" width="40" height="95" rx="2" fill="#991B1B" opacity="0.18"/>

  <!-- Month 5 -->
  <rect x="290" y="118" width="40" height="132" rx="2" fill="white" opacity="0.12"/>
  <rect x="290" y="118" width="40" height="132" rx="2" fill="#991B1B" opacity="0.22"/>

  <!-- Month 6 -->
  <rect x="347" y="80" width="40" height="170" rx="2" fill="white" opacity="0.14"/>
  <rect x="347" y="80" width="40" height="170" rx="2" fill="#991B1B" opacity="0.28"/>

  <!-- Monthly revenue labels on bars -->
  <g font-family="system-ui" font-size="7" fill="white" text-anchor="middle">
    <text x="82" y="224" opacity="0.2">$48K</text>
    <text x="139" y="206" opacity="0.22">$85K</text>
    <text x="196" y="181" opacity="0.25">$112K</text>
    <text x="253" y="151" opacity="0.28">$145K</text>
    <text x="310" y="114" opacity="0.32">$168K</text>
    <text x="367" y="75" opacity="0.4">$190K</text>
  </g>

  <!-- Cumulative line overlay -->
  <path d="M 82 228 L 139 210 L 196 185 L 253 145 L 310 102 L 367 55"
        stroke="white" stroke-opacity="0.25" stroke-width="1.2" fill="none"/>

  <!-- Cumulative fill -->
  <linearGradient id="m-cumfill" x1="225" y1="55" x2="225" y2="250" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="white" stop-opacity="0.04"/>
    <stop offset="100%" stop-color="white" stop-opacity="0"/>
  </linearGradient>
  <path d="M 82 228 L 139 210 L 196 185 L 253 145 L 310 102 L 367 55 L 367 250 L 82 250 Z"
        fill="url(#m-cumfill)"/>

  <!-- Cumulative dots -->
  <g fill="white">
    <circle cx="82" cy="228" r="2" opacity="0.15"/>
    <circle cx="139" cy="210" r="2" opacity="0.18"/>
    <circle cx="196" cy="185" r="2.5" opacity="0.2"/>
    <circle cx="253" cy="145" r="2.5" opacity="0.22"/>
    <circle cx="310" cy="102" r="3" opacity="0.28"/>
    <circle cx="367" cy="55" r="3.5" opacity="0.35"/>
  </g>

  <!-- Cumulative line labels (running total) -->
  <g font-family="system-ui" font-size="6" fill="white" opacity="0.18">
    <text x="92" y="240">$48K</text>
    <text x="149" y="222">$133K</text>
    <text x="206" y="197">$245K</text>
    <text x="263" y="157">$390K</text>
    <text x="320" y="114">$558K</text>
  </g>

  <!-- Final cumulative total -->
  <text x="367" y="44" font-family="system-ui" font-size="13" fill="white" opacity="0.5" text-anchor="middle" font-weight="300">$748K</text>

  <!-- Top accent dot at peak -->
  <circle cx="367" cy="55" r="5" fill="#991B1B" opacity="0.3"/>
  <circle cx="367" cy="55" r="2.5" fill="white" opacity="0.35"/>

  <!-- Baseline -->
  <line x1="50" y1="250" x2="390" y2="250" stroke="rgba(255,255,255,0.08)" stroke-width="0.5"/>

  <!-- Month labels -->
  <g font-family="system-ui" font-size="7" fill="white" opacity="0.2" text-anchor="middle">
    <text x="82" y="264">M1</text>
    <text x="139" y="264">M2</text>
    <text x="196" y="264">M3</text>
    <text x="253" y="264">M4</text>
    <text x="310" y="264">M5</text>
    <text x="367" y="264">M6</text>
  </g>

  <!-- "6 MONTHS" label -->
  <text x="225" y="285" font-family="system-ui" font-size="7" fill="white" opacity="0.15" text-anchor="middle" letter-spacing="2">6 MONTHS</text>
</svg>