<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 450" width="800" height="450">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#060a18"/>
      <stop offset="100%" style="stop-color:#0c1538"/>
    </linearGradient>
    <linearGradient id="grow" x1="0%" y1="100%" x2="0%" y2="0%">
      <stop offset="0%" style="stop-color:#e93a3a;stop-opacity:0"/>
      <stop offset="100%" style="stop-color:#e93a3a;stop-opacity:0.4"/>
    </linearGradient>
  </defs>
  <rect width="800" height="450" fill="url(#bg)"/>
  <!-- Exponential growth curve -->
  <path d="M80,380 Q200,375 300,340 Q400,295 480,230 Q560,165 640,100 Q680,80 720,65" fill="none" stroke="#e93a3a" stroke-width="2.5"/>
  <path d="M80,380 Q200,375 300,340 Q400,295 480,230 Q560,165 640,100 Q680,80 720,65 L720,380 Z" fill="url(#grow)"/>
  <!-- Scale markers (sites) -->
  <circle cx="200" cy="375" r="7" fill="rgba(233,58,58,0.6)" stroke="#e93a3a" stroke-width="1.5"/>
  <text x="200" y="395" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.4)">Site 1</text>
  <circle cx="360" cy="318" r="8" fill="rgba(233,58,58,0.75)" stroke="#e93a3a" stroke-width="1.5"/>
  <text x="360" y="338" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.4)">Site 2</text>
  <circle cx="500" cy="215" r="9" fill="rgba(233,58,58,0.9)" stroke="#e93a3a" stroke-width="2"/>
  <text x="500" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.5)">Site 3</text>
  <circle cx="650" cy="90" r="11" fill="#e93a3a" stroke="#ff5252" stroke-width="2"/>
  <text x="650" y="110" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="700" fill="#fff">Site 5</text>
  <!-- System layers -->
  <rect x="80" y="50" width="160" height="30" rx="6" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
  <text x="160" y="70" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.4)">Infrastructure IA</text>
  <rect x="80" y="88" width="160" height="30" rx="6" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
  <text x="160" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.35)">Acquisition payante</text>
  <rect x="80" y="126" width="160" height="30" rx="6" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
  <text x="160" y="146" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="rgba(255,255,255,0.3)">SEO + Contenu</text>
  <!-- Revenue label -->
  <text x="680" y="52" font-family="Arial, sans-serif" font-size="11" fill="rgba(255,255,255,0.3)">CA mensuel</text>
  <text x="680" y="38" font-family="Arial, sans-serif" font-size="22" font-weight="800" fill="#e93a3a">×8</text>
  <text x="40" y="440" font-family="Arial, sans-serif" font-size="11" fill="rgba(255,255,255,0.25)" letter-spacing="2">SYSTÈME SCALABLE · ACQUISITION PARE-BRISE</text>
</svg>