<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; }
      .card-danger { fill: #fee2e2; stroke: #b91c1c; stroke-width: 1.5; rx: 4px; }
      .title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 800; font-size: 13px; fill: #111315; text-transform: uppercase; letter-spacing: 0.05em; }
      .label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 11.5px; 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; }
    </style>
  </defs>

  <rect width="800" height="480" class="bg" />

  <!-- Header -->
  <text x="40" y="38" class="title" font-size="15">THE SAAS GROSS MARGIN INVERSION UNDER AGENTIC WORKLOADS</text>
  <text x="40" y="58" class="mono">Unit Economics of a $50/Seat/Month SaaS Application Across Token Consumption Tiers</text>

  <!-- Left: Light User (Traditional SaaS Math) -->
  <rect x="40" y="90" width="220" height="340" class="card-teal" />
  <rect x="40" y="90" width="220" height="30" fill="#0f766e" />
  <text x="52" y="110" class="title" fill="#ffffff">TIER 1: LIGHT / CHAT</text>

  <text x="55" y="145" class="title">5 Queries / Day</text>
  <text x="55" y="165" class="mono">300k Tokens / Month</text>

  <rect x="55" y="185" width="190" height="110" class="card" />
  <text x="68" y="208" class="label">Subscription Rev: $50.00</text>
  <text x="68" y="228" class="label">Base Cloud COGS: $5.00</text>
  <text x="68" y="248" class="label">LLM Compute: $0.41</text>
  <text x="68" y="275" class="title" fill="#0f766e">TOTAL COGS: $5.41</text>

  <rect x="55" y="310" width="190" height="105" class="card" />
  <text x="68" y="335" class="badge-text" fill="#0f766e">GROSS PROFIT: $44.59</text>
  <text x="68" y="365" class="title" font-size="20" fill="#0f766e">89.2% MARGIN</text>
  <text x="68" y="395" class="mono">Healthy Software Unit Math</text>

  <!-- Middle: Power User (Multi-Turn Loops) -->
  <rect x="290" y="90" width="220" height="340" class="card-accent" />
  <rect x="290" y="90" width="220" height="30" fill="#b45309" />
  <text x="302" y="110" class="title" fill="#ffffff">TIER 2: AGENTIC LOOPS</text>

  <text x="305" y="145" class="title">3 Workflows / Day</text>
  <text x="305" y="165" class="mono">22.5M Tokens / Month</text>

  <rect x="305" y="185" width="190" height="110" class="card" />
  <text x="318" y="208" class="label">Subscription Rev: $50.00</text>
  <text x="318" y="228" class="label">Base Cloud COGS: $5.00</text>
  <text x="318" y="248" class="label">LLM Compute: $33.75</text>
  <text x="318" y="275" class="title" fill="#b45309">TOTAL COGS: $38.75</text>

  <rect x="305" y="310" width="190" height="105" class="card" />
  <text x="318" y="335" class="badge-text" fill="#b45309">GROSS PROFIT: $11.25</text>
  <text x="318" y="365" class="title" font-size="20" fill="#b45309">22.5% MARGIN</text>
  <text x="318" y="395" class="mono">Severe Margin Compression</text>

  <!-- Right: Heavy Autonomous Loop (Margin Inversion) -->
  <rect x="540" y="90" width="220" height="340" class="card-danger" />
  <rect x="540" y="90" width="220" height="30" fill="#b91c1c" />
  <text x="552" y="110" class="title" fill="#ffffff">TIER 3: AUTONOMOUS AGENT</text>

  <text x="555" y="145" class="title">Continuous Execution</text>
  <text x="555" y="165" class="mono">50M Tokens / Month</text>

  <rect x="555" y="185" width="190" height="110" class="card" />
  <text x="568" y="208" class="label">Subscription Rev: $50.00</text>
  <text x="568" y="228" class="label">Base Cloud COGS: $5.00</text>
  <text x="568" y="248" class="label">LLM Compute: $75.00</text>
  <text x="568" y="275" class="title" fill="#b91c1c">TOTAL COGS: $80.00</text>

  <rect x="555" y="310" width="190" height="105" class="card" />
  <text x="568" y="335" class="badge-text" fill="#b91c1c">GROSS PROFIT: -$30.00</text>
  <text x="568" y="365" class="title" font-size="20" fill="#b91c1c">-60.0% MARGIN</text>
  <text x="568" y="395" class="mono" fill="#b91c1c">FLAT SEAT INVERSION</text>
</svg>
