<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 540" role="img" aria-label="Les quatre couches d'une stack de prospection moderne — data, enrichissement, envoi, CRM — plus la couche transverse d'orchestration n8n + Claude">
  <defs>
    <linearGradient id="otiumGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <linearGradient id="layerBg" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#fff" stop-opacity="0.96"/>
      <stop offset="100%" stop-color="#fff" stop-opacity="0.88"/>
    </linearGradient>
  </defs>
  <rect width="900" height="540" fill="#ffffff"/>
  <rect x="20" y="20" width="900" height="500" fill="url(#otiumGrad)" opacity="0.06"/>

  <text x="450" y="48" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="18" font-weight="700" fill="#1a1a1a">Les quatre couches d'une stack outbound — et la couche qui les relie</text>

  <!-- 4 layers stacked -->
  <g font-family="Montserrat, sans-serif">
    <!-- Layer 1: Data -->
    <rect x="60" y="80" width="600" height="90" rx="6" fill="url(#layerBg)" stroke="#7B2DB8" stroke-width="2"/>
    <text x="80" y="108" font-size="11" font-weight="700" fill="#7B2DB8" letter-spacing="2">COUCHE 1 — SOURCING &amp; DATA</text>
    <text x="80" y="132" font-size="14" font-weight="600" fill="#1a1a1a">Trouver les bons contacts. Adresses, postes, entreprises, signaux.</text>
    <text x="80" y="154" font-size="12" fill="#555" font-family="DM Mono, monospace">Apollo · Pharow (FR) · Kaspr · Sales Navigator · Dropcontact</text>

    <!-- Layer 2: Enrichment -->
    <rect x="60" y="190" width="600" height="90" rx="6" fill="url(#layerBg)" stroke="#A23086" stroke-width="2"/>
    <text x="80" y="218" font-size="11" font-weight="700" fill="#A23086" letter-spacing="2">COUCHE 2 — ENRICHISSEMENT</text>
    <text x="80" y="242" font-size="14" font-weight="600" fill="#1a1a1a">Compléter, vérifier, scorer. Email, téléphone, contexte, intent.</text>
    <text x="80" y="264" font-size="12" fill="#555" font-family="DM Mono, monospace">Clay · Dropcontact · FullEnrich · enrichers waterfall</text>

    <!-- Layer 3: Sending -->
    <rect x="60" y="300" width="600" height="90" rx="6" fill="url(#layerBg)" stroke="#C73252" stroke-width="2"/>
    <text x="80" y="328" font-size="11" font-weight="700" fill="#C73252" letter-spacing="2">COUCHE 3 — ENVOI &amp; DÉLIVRABILITÉ</text>
    <text x="80" y="352" font-size="14" font-weight="600" fill="#1a1a1a">Atterrir dans la boîte de réception. Warmup, rotation, IP, séquence.</text>
    <text x="80" y="374" font-size="12" fill="#555" font-family="DM Mono, monospace">Instantly · Smartlead · Lemlist · Salesforge · La Growth Machine</text>

    <!-- Layer 4: CRM -->
    <rect x="60" y="410" width="600" height="90" rx="6" fill="url(#layerBg)" stroke="#F05E2C" stroke-width="2"/>
    <text x="80" y="438" font-size="11" font-weight="700" fill="#F05E2C" letter-spacing="2">COUCHE 4 — CRM</text>
    <text x="80" y="462" font-size="14" font-weight="600" fill="#1a1a1a">Source de vérité unique. Pipeline, historique, attribution, reporting.</text>
    <text x="80" y="484" font-size="12" fill="#555" font-family="DM Mono, monospace">HubSpot · Pipedrive · Salesforce · Attio · Notion (early stage)</text>

    <!-- Transverse layer: Orchestration -->
    <rect x="690" y="80" width="170" height="420" rx="6" fill="url(#otiumGrad)" opacity="0.92"/>
    <text x="775" y="115" text-anchor="middle" font-size="11" font-weight="700" fill="#fff" letter-spacing="2">COUCHE TRANSVERSE</text>
    <text x="775" y="140" text-anchor="middle" font-size="14" font-weight="700" fill="#fff">Orchestration</text>
    <text x="775" y="172" text-anchor="middle" font-size="12" fill="#fff" font-family="DM Mono, monospace">n8n</text>
    <text x="775" y="192" text-anchor="middle" font-size="12" fill="#fff" font-family="DM Mono, monospace">+ Claude</text>
    <text x="775" y="240" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Trigger</text>
    <text x="775" y="270" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Scoring</text>
    <text x="775" y="300" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Copy perso</text>
    <text x="775" y="330" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Dédup CRM</text>
    <text x="775" y="360" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Routage</text>
    <text x="775" y="390" text-anchor="middle" font-size="11" fill="#fff" font-family="DM Mono, monospace">Alerte reply</text>
    <text x="775" y="455" text-anchor="middle" font-size="10" fill="#fff" opacity="0.85">n'achète pas la data,</text>
    <text x="775" y="472" text-anchor="middle" font-size="10" fill="#fff" opacity="0.85">elle relie les briques</text>
  </g>
</svg>
