<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 480" width="100%" height="100%">
  <defs>
    <style>
      .bg { fill: #fbfbf9; }
      .card { fill: #ffffff; stroke: #e6e6df; stroke-width: 1.5; rx: 4px; }
      .card-accent { fill: #fef3c7; stroke: #b45309; stroke-width: 1.5; rx: 4px; }
      .card-teal { fill: #ccfbf1; stroke: #0f766e; stroke-width: 1.5; rx: 4px; }
      .title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 800; font-size: 14px; fill: #111315; text-transform: uppercase; letter-spacing: 0.05em; }
      .label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 12px; fill: #3b3e44; }
      .mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 11px; fill: #6c727d; }
      .badge-text { font-family: "SFMono-Regular", Consolas, monospace; font-size: 10px; font-weight: 700; }
      .meter-credit { fill: #0f766e; }
      .meter-action { fill: #b45309; }
      .line { stroke: #9aa0a6; stroke-width: 1.5; stroke-dasharray: 4,4; }
      .solid-line { stroke: #111315; stroke-width: 1.5; }
      .arrow { fill: #111315; }
    </style>
    <marker id="arrow" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
      <path d="M 0 1 L 8 5 L 0 9 z" class="arrow" />
    </marker>
  </defs>

  <rect width="800" height="480" class="bg" />
  
  <!-- Header / Caption -->
  <text x="40" y="38" class="title" fill="#111315">CLAY DUAL-METER WATERFALL TOPOLOGY</text>
  <text x="40" y="58" class="mono">Simultaneous Meter Drawdown Across a 3-Tier Enrichment Cascade (5,000 Rows)</text>

  <!-- Step 1: Input List -->
  <rect x="40" y="90" width="180" height="95" class="card" />
  <text x="55" y="115" class="title">1. Raw Prospect List</text>
  <text x="55" y="135" class="label">5,000 Prospect Records</text>
  <text x="55" y="155" class="mono">Company domain + Name</text>
  <rect x="55" y="162" width="145" height="15" fill="#f4f4f0" rx="2" />
  <text x="60" y="173" class="badge-text meter-action">BASE: 5,000 Actions</text>

  <!-- Arrow 1 to 2 -->
  <line x1="220" y1="137" x2="270" y2="137" class="solid-line" marker-end="url(#arrow)" />

  <!-- Step 2: Waterfall Provider 1 -->
  <rect x="275" y="90" width="220" height="110" class="card-accent" />
  <text x="290" y="115" class="title">2. Primary Email Provider</text>
  <text x="290" y="135" class="label">50% Match Rate (2,500 Valid)</text>
  <text x="290" y="155" class="mono">5,000 Checked / 2,500 Misses</text>
  <rect x="290" y="165" width="190" height="24" fill="#ffffff" stroke="#b45309" stroke-width="1" rx="2" />
  <text x="296" y="181" class="badge-text meter-action">2,500 Credits + 5,000 Actions</text>

  <!-- Branch Success (Top right) -->
  <line x1="495" y1="125" x2="560" y2="125" class="solid-line" marker-end="url(#arrow)" />
  <rect x="565" y="90" width="195" height="80" class="card-teal" />
  <text x="578" y="115" class="title">Verified Leads (2,500)</text>
  <text x="578" y="135" class="label">Route to CRM / Campaign</text>
  <text x="578" y="153" class="badge-text meter-credit">COST PER LEAD: ~$0.04</text>

  <!-- Branch Fallback (Down) -->
  <line x1="385" y1="200" x2="385" y2="245" class="solid-line" marker-end="url(#arrow)" />
  <text x="395" y="228" class="mono">2,500 Fallback Rows</text>

  <!-- Step 3: Waterfall Provider 2 -->
  <rect x="275" y="250" width="220" height="110" class="card" />
  <text x="290" y="275" class="title">3. Secondary Provider</text>
  <text x="290" y="295" class="label">30% Match Rate (750 Valid)</text>
  <text x="290" y="315" class="mono">1,750 Unresolved Misses</text>
  <rect x="290" y="325" width="190" height="24" fill="#f4f4f0" rx="2" />
  <text x="296" y="341" class="badge-text meter-action">750 Credits + 2,500 Actions</text>

  <!-- Branch Fallback (Down to AI / Scrape) -->
  <line x1="385" y1="360" x2="385" y2="395" class="solid-line" marker-end="url(#arrow)" />

  <!-- Step 4: AI Qualification / Scrape -->
  <rect x="275" y="400" width="220" height="65" class="card" />
  <text x="290" y="423" class="title">4. AI Agent Research</text>
  <text x="290" y="442" class="mono">1,750 LinkedIn/Web Scrapes</text>
  <text x="290" y="456" class="badge-text meter-action">1,750 Credits + 3,500 Actions</text>

  <!-- Summary Box (Bottom Right) -->
  <rect x="535" y="250" width="225" height="190" class="card" fill="#ffffff" />
  <text x="550" y="275" class="title">TOTAL BATCH CONSUMPTION</text>
  <line x1="550" y1="285" x2="740" y2="285" stroke="#eeeee8" />
  <text x="550" y="308" class="label">Total Prospect Rows: 5,000</text>
  <text x="550" y="328" class="label">Data Credits: 5,000</text>
  <text x="550" y="348" class="label">Platform Actions: 16,000</text>
  <line x1="550" y1="360" x2="740" y2="360" stroke="#eeeee8" />
  <text x="550" y="380" class="mono">Action-to-Credit Ratio:</text>
  <text x="550" y="400" class="title" fill="#b45309">3.2 : 1 ACTIONS PER CREDIT</text>
  <text x="550" y="423" class="badge-text meter-credit">Blended Unit Cost: ~$0.14 / lead</text>
</svg>
