<svg viewBox="0 0 1000 480" xmlns="http://www.w3.org/2000/svg">
  <rect width="1000" height="480" fill="#050b10"/>
  <text x="30" y="40" font-family="IBM Plex Mono, monospace" font-size="13" letter-spacing="2" fill="#1de9b6" font-weight="600">CUSTO MENSAL · META BUSINESS AGENT VS DIY N8N + GROQ</text>

  <!-- axes -->
  <g stroke="#8fa8a5" stroke-width="1" opacity="0.4">
    <line x1="90" y1="60" x2="90" y2="400"/>
    <line x1="90" y1="400" x2="950" y2="400"/>
  </g>

  <!-- gridlines -->
  <g stroke="#8fa8a5" stroke-width="0.5" opacity="0.15">
    <line x1="90" y1="330" x2="950" y2="330"/>
    <line x1="90" y1="260" x2="950" y2="260"/>
    <line x1="90" y1="190" x2="950" y2="190"/>
    <line x1="90" y1="120" x2="950" y2="120"/>
  </g>

  <!-- y labels -->
  <g font-family="IBM Plex Mono, monospace" font-size="11" fill="#8fa8a5" text-anchor="end">
    <text x="80" y="404">US$0</text>
    <text x="80" y="334">US$25</text>
    <text x="80" y="264">US$50</text>
    <text x="80" y="194">US$75</text>
    <text x="80" y="124">US$100</text>
  </g>

  <!-- x labels -->
  <g font-family="IBM Plex Mono, monospace" font-size="11" fill="#8fa8a5" text-anchor="middle">
    <text x="90" y="420">0</text>
    <text x="304" y="420">500</text>
    <text x="519" y="420">1.000</text>
    <text x="734" y="420">1.500</text>
    <text x="950" y="420">2.000 msgs/mês</text>
  </g>

  <!-- Meta line: y = vol * 0.05, capped at 100 for scale -->
  <polyline points="90,400 304,330 519,260 605,230 734,180 800,155 950,90"
    fill="none" stroke="#2b8ce0" stroke-width="3"/>

  <!-- DIY line: y = 6.49 + vol*(0.0068+0.0136) -->
  <polyline points="90,382 304,350 519,318 734,286 950,254"
    fill="none" stroke="#1de9b6" stroke-width="3"/>

  <!-- breakeven marker at ~219 msgs -->
  <line x1="185" y1="60" x2="185" y2="400" stroke="#f0f7f6" stroke-width="1.5" stroke-dasharray="5 4" opacity="0.6"/>
  <circle cx="185" cy="367" r="6" fill="#f0f7f6"/>
  <rect x="130" y="65" width="220" height="60" rx="8" fill="#0c1720" stroke="rgba(240,247,246,0.3)"/>
  <text x="240" y="87" font-family="Inter, sans-serif" font-size="12" font-weight="700" fill="#f0f7f6" text-anchor="middle">Ponto de equilíbrio</text>
  <text x="240" y="107" font-family="IBM Plex Mono, monospace" font-size="14" font-weight="700" fill="#1de9b6" text-anchor="middle">~219 mensagens/mês</text>

  <!-- legend -->
  <g transform="translate(700,60)">
    <line x1="0" y1="0" x2="24" y2="0" stroke="#2b8ce0" stroke-width="3"/>
    <text x="32" y="4" font-family="Inter, sans-serif" font-size="12" fill="#f0f7f6">Meta Business Agent</text>
    <line x1="0" y1="22" x2="24" y2="22" stroke="#1de9b6" stroke-width="3"/>
    <text x="32" y="26" font-family="Inter, sans-serif" font-size="12" fill="#f0f7f6">DIY n8n + Groq</text>
  </g>

  <text x="500" y="450" font-family="Inter, sans-serif" font-size="12" fill="#8fa8a5" text-anchor="middle">Acima de ~219 mensagens/mês, o custo fixo do VPS no DIY compensa o preço por token da Meta</text>
</svg>
