<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" role="img" aria-label="Workflow d'orchestration n8n + Claude appliqué à la prospection : déclencheur signal, enrichissement Clay, qualification et copy par Claude, envoi Instantly, mise à jour HubSpot, alerte sur réponse positive">
  <defs>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="#1a1a1a"/>
    </marker>
  </defs>
  <rect width="900" height="480" fill="#ffffff"/>
  <text x="450" y="40" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="17" font-weight="700" fill="#1a1a1a">Workflow type — n8n orchestre, Claude raisonne, les outils exécutent</text>
  <text x="450" y="62" text-anchor="middle" font-family="DM Mono, monospace" font-size="11" fill="#555" letter-spacing="1">SIGNAL → ENRICH → SCORE → COPY → ENVOI → CRM → ALERTE</text>

  <g font-family="Montserrat, sans-serif" font-size="12" fill="#1a1a1a">
    <!-- Row 1: Trigger / Enrich / Score -->
    <g>
      <rect x="40" y="100" width="180" height="100" rx="8" fill="#fff" stroke="#7B2DB8" stroke-width="2"/>
      <text x="130" y="124" text-anchor="middle" font-size="10" font-weight="700" fill="#7B2DB8" letter-spacing="2">DÉCLENCHEUR</text>
      <text x="130" y="148" text-anchor="middle" font-size="13" font-weight="600">Signal d'achat</text>
      <text x="130" y="168" text-anchor="middle" font-size="11" fill="#555">levée de fonds, hire,</text>
      <text x="130" y="184" text-anchor="middle" font-size="11" fill="#555">visite site, post LinkedIn</text>

      <rect x="280" y="100" width="180" height="100" rx="8" fill="#fff" stroke="#A23086" stroke-width="2"/>
      <text x="370" y="124" text-anchor="middle" font-size="10" font-weight="700" fill="#A23086" letter-spacing="2">ENRICHISSEMENT</text>
      <text x="370" y="148" text-anchor="middle" font-size="13" font-weight="600">Clay / Dropcontact</text>
      <text x="370" y="168" text-anchor="middle" font-size="11" fill="#555">email vérifié, poste,</text>
      <text x="370" y="184" text-anchor="middle" font-size="11" fill="#555">stack tech, taille équipe</text>

      <rect x="520" y="100" width="180" height="100" rx="8" fill="#fff" stroke="#C73252" stroke-width="2"/>
      <text x="610" y="124" text-anchor="middle" font-size="10" font-weight="700" fill="#C73252" letter-spacing="2">QUALIFICATION</text>
      <text x="610" y="148" text-anchor="middle" font-size="13" font-weight="600">Claude — scoring</text>
      <text x="610" y="168" text-anchor="middle" font-size="11" fill="#555">fit ICP, priorité,</text>
      <text x="610" y="184" text-anchor="middle" font-size="11" fill="#555">go / no-go automatisé</text>

      <rect x="740" y="100" width="120" height="100" rx="8" fill="url(#grad2)"/>
      <text x="800" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#fff">stop si</text>
      <text x="800" y="168" text-anchor="middle" font-size="13" font-weight="700" fill="#fff">score &lt; seuil</text>
    </g>

    <!-- Arrows row 1 -->
    <line x1="220" y1="150" x2="280" y2="150" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>
    <line x1="460" y1="150" x2="520" y2="150" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>
    <line x1="700" y1="150" x2="740" y2="150" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>

    <!-- Vertical arrow from Score down -->
    <line x1="610" y1="200" x2="610" y2="240" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>

    <!-- Row 2: Copy / Send / CRM -->
    <g>
      <rect x="520" y="250" width="180" height="100" rx="8" fill="#fff" stroke="#C73252" stroke-width="2"/>
      <text x="610" y="274" text-anchor="middle" font-size="10" font-weight="700" fill="#C73252" letter-spacing="2">COPY PERSONNALISÉE</text>
      <text x="610" y="298" text-anchor="middle" font-size="13" font-weight="600">Claude — rédaction</text>
      <text x="610" y="318" text-anchor="middle" font-size="11" fill="#555">3 variantes par contact,</text>
      <text x="610" y="334" text-anchor="middle" font-size="11" fill="#555">basée sur le contexte enrichi</text>

      <rect x="280" y="250" width="180" height="100" rx="8" fill="#fff" stroke="#A23086" stroke-width="2"/>
      <text x="370" y="274" text-anchor="middle" font-size="10" font-weight="700" fill="#A23086" letter-spacing="2">ENVOI</text>
      <text x="370" y="298" text-anchor="middle" font-size="13" font-weight="600">Instantly / Smartlead</text>
      <text x="370" y="318" text-anchor="middle" font-size="11" fill="#555">séquence, warmup,</text>
      <text x="370" y="334" text-anchor="middle" font-size="11" fill="#555">rotation domaines</text>

      <rect x="40" y="250" width="180" height="100" rx="8" fill="#fff" stroke="#7B2DB8" stroke-width="2"/>
      <text x="130" y="274" text-anchor="middle" font-size="10" font-weight="700" fill="#7B2DB8" letter-spacing="2">CRM</text>
      <text x="130" y="298" text-anchor="middle" font-size="13" font-weight="600">HubSpot — upsert</text>
      <text x="130" y="318" text-anchor="middle" font-size="11" fill="#555">contact, deal, stage,</text>
      <text x="130" y="334" text-anchor="middle" font-size="11" fill="#555">source attribution</text>
    </g>

    <!-- Arrows row 2 (reverse direction) -->
    <line x1="520" y1="300" x2="460" y2="300" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>
    <line x1="280" y1="300" x2="220" y2="300" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>

    <!-- Final row: Reply detected -->
    <line x1="130" y1="350" x2="130" y2="390" stroke="#1a1a1a" stroke-width="1.5" marker-end="url(#arrow)"/>
    <rect x="40" y="400" width="820" height="60" rx="8" fill="#1a1a1a"/>
    <text x="60" y="424" font-size="10" font-weight="700" fill="#F05E2C" letter-spacing="2">DÉTECTION RÉPONSE POSITIVE</text>
    <text x="60" y="445" font-size="12" fill="#fff">Claude classe le reply → notification Slack au commercial → désinscription auto de la séquence → tag HubSpot mis à jour</text>
  </g>
</svg>
