<svg xmlns="http://www.w3.org/2000/svg" width="820" height="400" viewBox="0 0 820 400" font-family="'General Sans', system-ui, -apple-system, Segoe UI, sans-serif">
  <defs>
    <linearGradient id="barg" x1="0" y1="1" x2="1" y2="0">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="55%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
  </defs>
  <rect width="820" height="400" fill="#ffffff"/>
  <text x="40" y="46" fill="#1a1a1a" font-size="23" font-weight="700">Forfait fixe contre facturation au token</text>
  <text x="40" y="72" fill="#8a8a8a" font-size="13" font-family="'DM Mono', monospace" letter-spacing="1">COÛT MENSUEL PAR DÉVELOPPEUR · $/MOIS</text>

  <!-- Y axis ticks with $ values -->
  <line x1="118" y1="100" x2="118" y2="340" stroke="rgba(0,0,0,0.18)" stroke-width="1.5"/>
  <line x1="118" y1="340" x2="772" y2="340" stroke="rgba(0,0,0,0.18)" stroke-width="1.5"/>
  <!-- gridlines + labels: 0,500,1000,1500,2000 over 240px (y340->y100) -->
  <text x="106" y="345" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" text-anchor="end">0</text>
  <line x1="118" y1="280" x2="772" y2="280" stroke="rgba(0,0,0,0.06)" stroke-width="1"/>
  <text x="106" y="285" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" text-anchor="end">500</text>
  <line x1="118" y1="220" x2="772" y2="220" stroke="rgba(0,0,0,0.06)" stroke-width="1"/>
  <text x="106" y="225" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" text-anchor="end">1 000</text>
  <line x1="118" y1="160" x2="772" y2="160" stroke="rgba(0,0,0,0.06)" stroke-width="1"/>
  <text x="106" y="165" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" text-anchor="end">1 500</text>
  <line x1="118" y1="100" x2="772" y2="100" stroke="rgba(0,0,0,0.06)" stroke-width="1"/>
  <text x="106" y="105" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" text-anchor="end">2 000</text>
  <text x="118" y="372" fill="#8a8a8a" font-size="12" font-family="'DM Mono', monospace" letter-spacing="1">INTENSITÉ D'USAGE →</text>

  <!-- forfait fixe : ~150 $/mois (y = 340 - 150/2000*240 = 322) -->
  <line x1="118" y1="322" x2="772" y2="322" stroke="#7B2DB8" stroke-width="4"/>
  <circle cx="772" cy="322" r="5" fill="#7B2DB8"/>
  <text x="130" y="312" fill="#7B2DB8" font-size="15" font-weight="600">Forfait Max ≈ 100–200 $/mois</text>

  <!-- usage curve : from ~ (118, 332)= ~100$ to (772, 100)= 2000$ -->
  <path d="M 118 332 C 360 322, 520 250, 640 180 S 740 120, 772 100" fill="none" stroke="url(#barg)" stroke-width="5" stroke-linecap="round"/>
  <circle cx="772" cy="100" r="5" fill="#F05E2C"/>
  <text x="470" y="150" fill="#C73252" font-size="15" font-weight="700">Facturation à l'usage</text>
  <text x="470" y="172" fill="#8a8a8a" font-size="13" font-weight="500">500 → 2 000 $/mois (constaté Uber)</text>

  <!-- crossover (where curve = 322) around x=255 -->
  <circle cx="255" cy="322" r="6" fill="none" stroke="#1a1a1a" stroke-width="2"/>
  <text x="318" y="262" fill="#1a1a1a" font-size="12" font-family="'DM Mono', monospace">SEUIL DE BASCULE</text>
  <line x1="316" y1="258" x2="262" y2="316" stroke="rgba(0,0,0,0.35)" stroke-width="1" stroke-dasharray="3 3"/>

  <text x="40" y="396" fill="#8a8a8a" font-size="11" font-family="'DM Mono', monospace" letter-spacing="1">GARTNER : INFÉRENCE −90 % D'ICI 2030, MAIS AGENTIQUE = 5–30× PLUS DE TOKENS/TÂCHE</text>
</svg>
