<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 844">
  <defs>
    <linearGradient id="funnelGrad1" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.9"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.4"/>
    </linearGradient>
    <linearGradient id="funnelGrad2" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.75"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.3"/>
    </linearGradient>
    <linearGradient id="funnelGrad3" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.2"/>
    </linearGradient>
    <linearGradient id="funnelGrad4" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.45"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.15"/>
    </linearGradient>
    <linearGradient id="funnelGrad5" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#22C55E" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#22C55E" stop-opacity="0.2"/>
    </linearGradient>
    <clipPath id="screenClip">
      <rect x="0" y="0" width="390" height="844" rx="44"/>
    </clipPath>
  </defs>

  <!-- Phone frame -->
  <rect width="390" height="844" rx="44" fill="#0A0A0C"/>

  <g clip-path="url(#screenClip)">
    <!-- Status bar -->
    <text x="36" y="58" fill="rgba(255,255,255,0.6)" font-family="sans-serif" font-size="14" font-weight="600">9:41</text>
    <rect x="300" y="48" width="4" height="6" rx="1" fill="rgba(255,255,255,0.4)"/>
    <rect x="307" y="45" width="4" height="9" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="314" y="42" width="4" height="12" rx="1" fill="rgba(255,255,255,0.6)"/>
    <rect x="321" y="39" width="4" height="15" rx="1" fill="rgba(255,255,255,0.7)"/>
    <rect x="338" y="43" width="22" height="11" rx="2.5" stroke="rgba(255,255,255,0.5)" stroke-width="1" fill="none"/>
    <rect x="340" y="45.5" width="16" height="6" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="361" y="47" width="1.5" height="3" rx="0.5" fill="rgba(255,255,255,0.3)"/>

    <!-- Nav bar -->
    <text x="28" y="105" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="15" font-weight="500">&#8592; Pipeline</text>
    <circle cx="360" cy="100" r="14" fill="rgba(255,255,255,0.06)"/>
    <text x="355" y="105" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="14">&#8942;</text>

    <!-- Title -->
    <text x="28" y="150" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="13" letter-spacing="2">SALES PIPELINE</text>
    <text x="28" y="185" fill="white" font-family="sans-serif" font-size="24" font-weight="700">Conversion Funnel</text>
    <text x="28" y="210" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="13">Last 90 days  ·  All sources</text>

    <line x1="28" y1="230" x2="362" y2="230" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>

    <!-- Funnel Stage 1: Leads -->
    <rect x="28" y="252" width="334" height="70" rx="10" fill="url(#funnelGrad1)"/>
    <text x="48" y="280" fill="white" font-family="sans-serif" font-size="14" font-weight="600">Leads Captured</text>
    <text x="48" y="304" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Inbound + Outbound</text>
    <text x="310" y="290" fill="white" font-family="monospace" font-size="24" font-weight="700" text-anchor="end">4,218</text>
    <!-- Conversion arrow -->
    <text x="195" y="340" fill="rgba(255,255,255,0.2)" font-family="sans-serif" font-size="10" text-anchor="middle">68.2%  &#8595;</text>

    <!-- Funnel Stage 2: Qualified -->
    <rect x="52" y="352" width="286" height="70" rx="10" fill="url(#funnelGrad2)"/>
    <text x="72" y="380" fill="white" font-family="sans-serif" font-size="14" font-weight="600">Qualified</text>
    <text x="72" y="404" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Passed screening</text>
    <text x="290" y="390" fill="white" font-family="monospace" font-size="24" font-weight="700" text-anchor="end">2,876</text>
    <!-- Conversion arrow -->
    <text x="195" y="440" fill="rgba(255,255,255,0.2)" font-family="sans-serif" font-size="10" text-anchor="middle">42.1%  &#8595;</text>

    <!-- Funnel Stage 3: Calls Booked -->
    <rect x="76" y="452" width="238" height="70" rx="10" fill="url(#funnelGrad3)"/>
    <text x="96" y="480" fill="white" font-family="sans-serif" font-size="14" font-weight="600">Calls Booked</text>
    <text x="96" y="504" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Scheduled meetings</text>
    <text x="268" y="490" fill="white" font-family="monospace" font-size="24" font-weight="700" text-anchor="end">1,211</text>
    <!-- Conversion arrow -->
    <text x="195" y="540" fill="rgba(255,255,255,0.2)" font-family="sans-serif" font-size="10" text-anchor="middle">54.7%  &#8595;</text>

    <!-- Funnel Stage 4: Proposals -->
    <rect x="100" y="552" width="190" height="70" rx="10" fill="url(#funnelGrad4)"/>
    <text x="120" y="580" fill="white" font-family="sans-serif" font-size="14" font-weight="600">Proposals Sent</text>
    <text x="120" y="604" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Active deals</text>
    <text x="250" y="590" fill="white" font-family="monospace" font-size="24" font-weight="700" text-anchor="end">662</text>
    <!-- Conversion arrow -->
    <text x="195" y="640" fill="rgba(255,255,255,0.2)" font-family="sans-serif" font-size="10" text-anchor="middle">38.5%  &#8595;</text>

    <!-- Funnel Stage 5: Closed Won -->
    <rect x="130" y="652" width="130" height="70" rx="10" fill="url(#funnelGrad5)"/>
    <text x="148" y="680" fill="white" font-family="sans-serif" font-size="14" font-weight="600">Closed Won</text>
    <text x="148" y="704" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Revenue</text>
    <text x="230" y="690" fill="#22C55E" font-family="monospace" font-size="20" font-weight="700" text-anchor="end">255</text>

    <!-- Overall conversion -->
    <line x1="28" y1="746" x2="362" y2="746" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="195" y="774" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12" text-anchor="middle">Overall Conversion Rate</text>
    <text x="195" y="800" fill="white" font-family="monospace" font-size="28" font-weight="700" text-anchor="middle">6.04%</text>

    <!-- Home indicator -->
    <rect x="130" y="832" width="130" height="4" rx="2" fill="rgba(255,255,255,0.15)"/>
  </g>

  <!-- Phone border -->
  <rect width="390" height="844" rx="44" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
</svg>