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

  <!-- Email envelope -->
  <g transform="translate(120, 60)">
    <rect x="0" y="20" width="160" height="100" rx="8" fill="#3b82f6"/>
    <path d="M 0 20 L 80 80 L 160 20" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M 0 20 L 80 80 L 160 20" fill="#1e40af"/>
  </g>

  <!-- Metrics funnel -->
  <g transform="translate(60, 150)">
    <rect x="0" y="0" width="280" height="140" rx="10" fill="white" stroke="#d1d5db" stroke-width="2"/>

    <g transform="translate(20, 20)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Emails Sent</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#3b82f6" font-weight="bold">10,000</text>
    </g>

    <g transform="translate(120, 20)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Opens</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#10b981" font-weight="bold">2,500</text>
    </g>

    <g transform="translate(200" y="20)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Clicks</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#f59e0b" font-weight="bold">500</text>
    </g>

    <g transform="translate(20, 65)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Conversions</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#8b5cf6" font-weight="bold">50</text>
    </g>

    <g transform="translate(120, 65)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Revenue</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#10b981" font-weight="bold">$5,000</text>
    </g>

    <g transform="translate(200, 65)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Cost</text>
      <text x="0" y="20" font-family="system-ui" font-size="16" fill="#ef4444" font-weight="bold">$500</text>
    </g>

    <line x1="20" y1="105" x2="260" y2="105" stroke="#e5e7eb" stroke-width="1"/>

    <g transform="translate(85, 110)">
      <text x="0" y="15" font-family="system-ui" font-size="12" fill="#6b7280">ROI</text>
      <text x="55" y="15" font-family="system-ui" font-size="20" fill="#10b981" font-weight="bold">900%</text>
    </g>
  </g>

  <!-- Result badge -->
  <g transform="translate(100, 310)">
    <rect x="0" y="0" width="200" height="60" rx="10" fill="#10b981"/>
    <text x="100" y="25" text-anchor="middle" font-family="system-ui" font-size="14" fill="white">Campaign ROI</text>
    <text x="100" y="48" text-anchor="middle" font-family="system-ui" font-size="24" fill="white" font-weight="bold">900%</text>
  </g>

  <text x="200" y="390" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Email Marketing ROI Calculator</text>
</svg>
