{
    "id": 2188,
    "date": "2026-03-10T01:52:39",
    "date_gmt": "2026-03-10T05:52:39",
    "guid": {
        "rendered": "https:\/\/agence3a.ca\/?page_id=2188"
    },
    "modified": "2026-05-03T20:55:50",
    "modified_gmt": "2026-05-04T00:55:50",
    "slug": "go-high-level-crm",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/agence3a.ca\/en\/go-high-level-crm\/",
    "title": {
        "rendered": "Go High Level CRM"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"2188\" class=\"elementor elementor-2188\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7d17d e-con-full e-flex e-con e-parent\" data-id=\"ab7d17d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-10e565a e-con-full e-flex e-con e-child\" data-id=\"10e565a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-823b775 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile jkit-equal-height-disable elementor-invisible elementor-widget elementor-widget-jkit_icon_box\" data-id=\"823b775\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"jkit_icon_box.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-icon-box icon-position-left elementor-animation- jeg_module___6a15aeb0a4038\" ><div class=\"jkit-icon-box-wrapper hover-from-left\"><div class=\"icon-box icon-box-header elementor-animation-\"><div class=\"icon style-color\"><img decoding=\"async\" width=\"248\" height=\"113\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png\" class=\"attachment-full size-full\" alt=\"AI-Powered Creative Studio\" url=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png\" source=\"library\" \/><\/div><\/div><div class=\"icon-box icon-box-body\">\n                <p class=\"title\">AI-Powered Creative Studio<\/p>\n            <\/div>\n            \n            <\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd79955 e-con-full e-flex e-con e-child\" data-id=\"cd79955\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a843503 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"a843503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Go <span style=\"color:#BE242F\">High Level CRM<\/span> Implementation That Automates Your Sales Machine<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ee3aeb elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2ee3aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Stop losing leads to manual follow-ups and disconnected tools. 3AFlow is our complete High Level implementation solution that we set up, customize, automate, and train your team on the all-in-one CRM platform that replaces 5+ tools at a fraction of the cost.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ca9263 elementor-align-center elementor-button-info elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"7ca9263\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/crm.agence3a.ca\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Access 3Aflow<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0a8686 e-flex e-con-boxed e-con e-parent\" data-id=\"d0a8686\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d999a89 e-con-full e-flex e-con e-child\" data-id=\"d999a89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2170d33 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2170d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is<span style=\"color:#BE242F\"> Go High Level?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cdb9e4 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4cdb9e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Go High Level is an all-in-one <strong>CRM and marketing<\/strong> automation platform designed for agencies and SMBs. It combines contact management, email marketing, SMS campaigns, social media scheduling, sales funnel building, appointment booking, review management, and AI-powered automation in a single unified platform replacing the need for separate tools like HubSpot, Mailchimp, Calendly, and others.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-954ac7d e-con-full e-flex e-con e-child\" data-id=\"954ac7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-19a0270 e-con-full e-flex e-con e-child\" data-id=\"19a0270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8383b7f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8383b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73be5e0 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"73be5e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tools replaced<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6151da5 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6151da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Stop paying for too many different subscriptions &#8211; GHL replaces your CRM, email marketing, calendar, phone system, and funnel builder in one place.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-615b003 e-con-full e-flex e-con e-child\" data-id=\"615b003\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b53fc50 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b53fc50\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">24\/7<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-163dcd8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"163dcd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Automated follow-ups<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2694149 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2694149\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Your leads get answered instantly, even at 2 AM &#8211; automated texts, emails, and voicemails follow up so you never lose a client to slow response time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21d7164 e-con-full e-flex e-con e-child\" data-id=\"21d7164\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0022f74 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0022f74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2158397 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2158397\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">All-in-one platform<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67011d8 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"67011d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>One login, one dashboard, one bill &#8211; manage your entire sales and marketing operation from a single screen instead of juggling between apps.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73edaa9 e-flex e-con-boxed e-con e-parent\" data-id=\"73edaa9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b6bfd8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2b6bfd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n\n<div class=\"ghl-embed\" id=\"ghl-embed\">\n\n  <!-- React (versions \u00e9pingl\u00e9es). Pas de Babel : on utilise React.createElement directement. -->\n  <script src=\"https:\/\/unpkg.com\/react@18.3.1\/umd\/react.production.min.js\" crossorigin=\"anonymous\"><\/script>\n  <script src=\"https:\/\/unpkg.com\/react-dom@18.3.1\/umd\/react-dom.production.min.js\" crossorigin=\"anonymous\"><\/script>\n\n  <!-- Styles scop\u00e9s -->\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Reset minimal SCOP\u00c9 \u2014 n'affecte que .ghl-embed\n       \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ghl-embed,\n    .ghl-embed *,\n    .ghl-embed *::before,\n    .ghl-embed *::after { box-sizing: border-box; }\n\n    .ghl-embed {\n      \/* Tokens 3A (locaux \u00e0 l'embed) *\/\n      --ghl-red:        #BF2530;\n      --ghl-red-deep:   #8B2A33;\n      --ghl-navy:       #23355C;\n      --ghl-navy-deep:  #0F3796;\n      --ghl-bg:         #F4F4F2;\n      --ghl-surface:    #FFFFFF;\n      --ghl-border:     #DCDCDC;\n      --ghl-hairline:   #EBEBEB;\n      --ghl-fg-1:       #070707;\n      --ghl-fg-2:       #181818;\n      --ghl-fg-3:       #575757;\n      --ghl-fg-4:       #747474;\n      --ghl-display:    'Archivo', 'Helvetica Neue', system-ui, sans-serif;\n      --ghl-body:       'Inter', 'Archivo', system-ui, sans-serif;\n      --ghl-mono:       ui-monospace, 'SF Mono', Menlo, monospace;\n      --ghl-shadow:     0 2px 8px rgba(0,0,0,0.08);\n      --ghl-ease:       cubic-bezier(0.22, 0.61, 0.36, 1);\n\n      background: var(--ghl-bg);\n      color: var(--ghl-fg-1);\n      font-family: var(--ghl-display);\n      font-size: 16px;\n      line-height: 1.45;\n      -webkit-font-smoothing: antialiased;\n      padding: 48px 24px;\n      border-radius: 0;\n      max-width: 100%;\n    }\n\n    .ghl-embed h2, .ghl-embed h3, .ghl-embed h4, .ghl-embed p, .ghl-embed ul, .ghl-embed li {\n      margin: 0; padding: 0;\n    }\n    \/* Reset d\u00e9fensif des tailles de titres : neutralise les styles de th\u00e8me WordPress qui peuvent fuiter. *\/\n    .ghl-embed h2, .ghl-embed h3, .ghl-embed h4 { font-size: inherit; line-height: inherit; font-weight: inherit; }\n    \/* Reset d\u00e9fensif global : certains th\u00e8mes (ex. Hello Elementor + plugins) ajoutent\n       letter-spacing\/word-spacing\/text-transform\/writing-mode aux titres ou aux\n       \u00e9l\u00e9ments dans des grids. On force des valeurs neutres. *\/\n    .ghl-embed, .ghl-embed * {\n      letter-spacing: normal;\n      word-spacing: normal;\n      writing-mode: horizontal-tb;\n      text-orientation: mixed;\n      white-space: normal;\n      word-break: normal;\n      overflow-wrap: normal;\n    }\n    \/* On r\u00e9-applique nos letter-spacings sp\u00e9cifiques apr\u00e8s le reset global. *\/\n    .ghl-embed__eyebrow, .ghl-flow__stage-num, .ghl-mflow__stage-num,\n    .ghl-hub__node-role, .ghl-flow__node-role, .ghl-mhub__head-role, .ghl-mflow__node-role,\n    .ghl-hub__detail-eyebrow, .ghl-hub__detail-cap, .ghl-mhub__body-cap,\n    .ghl-hub__center-eyebrow, .ghl-mhub__center-eyebrow,\n    .ghl-flow__auto-label, .ghl-mflow__auto-eyebrow {\n      letter-spacing: 0.12em;\n    }\n    .ghl-embed__intro h2, .ghl-embed__h2 { letter-spacing: -0.03em; }\n    .ghl-hub__center-name { letter-spacing: -0.02em; }\n    .ghl-embed ul { list-style: none; }\n    .ghl-embed button {\n      font: inherit; cursor: pointer;\n      color: inherit; background: transparent;\n      border: 0; margin: 0;\n      text-align: inherit; text-transform: none;\n      letter-spacing: inherit; line-height: inherit;\n      -webkit-appearance: none; appearance: none;\n      box-shadow: none; outline: none;\n    }\n    .ghl-embed button:hover, .ghl-embed button:focus, .ghl-embed button:active,\n    .ghl-embed button:focus-visible, .ghl-embed button[aria-expanded=\"true\"] {\n      background: transparent; color: inherit; box-shadow: none; outline: none;\n    }\n    \/* Reset d\u00e9fensif des \u00e9tats focus\/active sur tous les \u00e9l\u00e9ments *\/\n    .ghl-embed *:focus, .ghl-embed *:focus-visible, .ghl-embed *:active {\n      outline: none; box-shadow: none;\n    }\n    .ghl-embed .ghl-mhub__head:focus, .ghl-embed .ghl-mhub__head:active,\n    .ghl-embed .ghl-mhub__head:focus-visible {\n      background: transparent !important; color: var(--ghl-fg-1) !important;\n    }\n    \/* Reset d\u00e9fensif SVG : certains th\u00e8mes forcent svg { width: 100% }, ce qui casse les diagrammes positionn\u00e9s. *\/\n    .ghl-embed svg { max-width: none; width: auto; height: auto; }\n    .ghl-embed .ghl-hub__svg, .ghl-embed .ghl-flow__svg { width: 1280px; }\n\n    \/* Eyebrow row *\/\n    .ghl-embed__eyebrow-row { display: inline-flex; align-items: center; gap: 10px; }\n    .ghl-embed__eyebrow-mark {\n      width: 22px; height: 10px;\n      background: var(--ghl-red);\n      clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);\n    }\n    .ghl-embed__eyebrow {\n      font-family: var(--ghl-display);\n      font-weight: 500; font-size: 12px;\n      text-transform: uppercase; letter-spacing: 0.08em;\n      color: var(--ghl-red);\n    }\n\n    \/* Conteneur global *\/\n    .ghl-embed__inner {\n      max-width: 1280px; margin: 0 auto;\n    }\n    .ghl-embed__intro {\n      max-width: 760px; margin-bottom: 32px;\n    }\n    .ghl-embed__intro h2, .ghl-embed__intro .ghl-embed__h2 {\n      font-family: var(--ghl-display); font-weight: 500;\n      font-size: clamp(22px, 2.5vw, 32px); line-height: 1.15;\n      letter-spacing: -0.03em;\n      color: var(--ghl-fg-1);\n      margin: 10px 0 8px;\n      text-wrap: balance;\n    }\n    .ghl-embed__intro p {\n      font-family: var(--ghl-body);\n      font-size: 15px; line-height: 1.55; color: var(--ghl-fg-3);\n      max-width: 600px;\n    }\n\n    .ghl-embed__divider {\n      height: 1px; background: var(--ghl-border);\n      margin: 56px 0;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DIRECTION A \u2014 HUB (desktop : SVG + n\u0153uds en orbite)\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .ghl-hub {\n      position: relative;\n      width: 100%; aspect-ratio: 1280 \/ 920;\n      max-width: 1280px;\n      margin: 0 auto;\n      overflow: hidden;\n    }\n    .ghl-hub__viewport {\n      position: relative;\n      width: 1280px; height: 920px;\n      transform-origin: top left;\n    }\n    .ghl-hub__ghost {\n      position: absolute; left: 50%; top: 58%;\n      transform: translate(-50%, -50%);\n      font-family: var(--ghl-display); font-weight: 700;\n      font-size: 720px; line-height: 0.8;\n      letter-spacing: -0.05em;\n      color: rgba(139, 42, 51, 0.04);\n      pointer-events: none; user-select: none;\n      z-index: 0;\n    }\n    .ghl-hub__svg { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1; }\n    .ghl-hub__center {\n      position: absolute;\n      width: 280px; height: 280px;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      background: radial-gradient(circle at 30% 30%, #2C426E 0%, var(--ghl-navy) 60%, #16213B 100%);\n      color: #fff;\n      display: flex; align-items: center; justify-content: center;\n      box-shadow: 0 18px 50px rgba(15,30,60,0.35), inset 0 0 0 1px rgba(255,255,255,0.08);\n      cursor: pointer; z-index: 4;\n      transition: transform 220ms var(--ghl-ease), box-shadow 220ms var(--ghl-ease);\n    }\n    .ghl-hub__center:hover, .ghl-hub__center.is-hover {\n      transform: translate(-50%, -50%) scale(1.03);\n      box-shadow: 0 24px 60px rgba(191,37,48,0.35), inset 0 0 0 1px rgba(255,255,255,0.14);\n    }\n    .ghl-hub__center-inner { text-align: center; padding: 0 24px; display: flex; flex-direction: column; align-items: center; gap: 8px; }\n    .ghl-hub__center-eyebrow { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.6); font-weight: 500; }\n    .ghl-hub__center-mark { display: flex; align-items: center; gap: 10px; }\n    .ghl-hub__center-tri { width: 18px; height: 18px; background: var(--ghl-red); clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n    .ghl-hub__center-name { font-family: var(--ghl-display); font-weight: 700; font-size: 24px; letter-spacing: -0.02em; color: #fff; }\n    .ghl-hub__center-role { font-size: 13px; color: rgba(255,255,255,0.78); }\n    .ghl-hub__center-tag { font-family: var(--ghl-mono); font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 4px; }\n\n    .ghl-hub__node {\n      position: absolute;\n      width: 200px;\n      transform: translate(-50%, -50%);\n      background: #fff;\n      border: 1px solid var(--ghl-border);\n      border-radius: 14px;\n      padding: 14px 16px;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n      cursor: pointer; z-index: 3;\n      transition: transform 220ms var(--ghl-ease), box-shadow 220ms var(--ghl-ease),\n                  border-color 220ms var(--ghl-ease), opacity 220ms var(--ghl-ease);\n    }\n    .ghl-hub__node-role { display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); margin-bottom: 6px; }\n    .ghl-hub__node-title { display: block; width: 100%; font-family: var(--ghl-display); font-weight: 700; font-size: 13px; line-height: 1.2; color: var(--ghl-fg-1); word-break: keep-all; overflow-wrap: normal; white-space: normal; }\n    .ghl-hub__node-short { font-size: 11px; color: var(--ghl-fg-3); margin-top: 4px; }\n    .ghl-hub__node.is-self { border-color: var(--ghl-red); box-shadow: 0 8px 24px rgba(191,37,48,0.18); transform: translate(-50%, -50%) scale(1.04); }\n    .ghl-hub__node.is-self .ghl-hub__node-role { color: var(--ghl-red); }\n    .ghl-hub__node.is-linked { border-color: rgba(191,37,48,0.4); box-shadow: 0 4px 14px rgba(191,37,48,0.10); }\n    .ghl-hub__node.is-dim { opacity: 0.35; }\n\n    .ghl-hub__detail {\n      position: absolute; right: 24px; top: 24px;\n      width: 320px;\n      background: #fff;\n      border: 1px solid var(--ghl-border);\n      border-radius: 16px;\n      padding: 22px;\n      box-shadow: var(--ghl-shadow);\n      z-index: 6;\n    }\n    .ghl-hub__detail-eyebrow { display: inline-block; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ghl-red); font-weight: 500; margin-bottom: 8px; }\n    .ghl-hub__detail-title { display: block; width: 100%; font-family: var(--ghl-display); font-weight: 700; font-size: 16px; line-height: 1.2; color: var(--ghl-navy-deep); margin: 0 0 6px; word-break: keep-all; overflow-wrap: normal; white-space: normal; }\n    .ghl-hub__detail-desc { font-family: var(--ghl-body); font-size: 12px; line-height: 1.45; color: var(--ghl-fg-2); margin: 0 0 8px; }\n    .ghl-hub__detail-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border-top: 1px solid var(--ghl-hairline); padding-top: 8px; }\n    .ghl-hub__detail-cap { display: block; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); font-weight: 500; margin-bottom: 6px; }\n    .ghl-hub__detail-cols ul { font-size: 12px; color: var(--ghl-fg-2); }\n    .ghl-hub__detail-cols li { padding: 3px 0; line-height: 1.4; }\n    .ghl-hub__detail-cols li strong { font-weight: 600; color: var(--ghl-fg-1); }\n    .ghl-hub__detail-cols li span { color: var(--ghl-fg-3); }\n    .ghl-hub__detail-cols li.muted { color: var(--ghl-fg-4); font-style: italic; }\n    .ghl-hub__detail-examples { border-top: 1px solid var(--ghl-hairline); padding-top: 12px; margin-top: 10px; }\n    .ghl-hub__detail-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\n    .ghl-hub__chip {\n      padding: 4px 10px; border-radius: 999px;\n      background: rgba(35,53,92,0.06); color: var(--ghl-navy);\n      font-size: 11px; font-family: var(--ghl-mono);\n    }\n    .ghl-hub__detail-empty p { font-family: var(--ghl-body); font-size: 13px; line-height: 1.55; color: var(--ghl-fg-3); margin-bottom: 12px; }\n    .ghl-hub__legend { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; border-top: 1px solid var(--ghl-hairline); }\n    .ghl-hub__legend > div { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--ghl-fg-3); }\n    .ghl-hub__legend-line { width: 28px; height: 0; border-top: 1.5px solid var(--ghl-red); }\n    .ghl-hub__legend-line.dashed { border-top-style: dashed; border-color: var(--ghl-navy); opacity: 0.5; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DIRECTION B \u2014 FLUX (desktop)\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .ghl-flow {\n      position: relative;\n      width: 100%; aspect-ratio: 1280 \/ 840;\n      max-width: 1280px; margin: 0 auto;\n      overflow: hidden;\n    }\n    .ghl-flow__viewport {\n      position: relative;\n      width: 1280px; height: 840px;\n      transform-origin: top left;\n    }\n    .ghl-flow__stage { position: absolute; border-left: 1px solid var(--ghl-hairline); }\n    .ghl-flow__stage:first-child { border-left: none; }\n    .ghl-flow__stage-num { font-family: var(--ghl-mono); font-size: 11px; font-weight: 500; color: var(--ghl-red); letter-spacing: 0.1em; }\n    .ghl-flow__stage-label { display: block; width: 100%; font-family: var(--ghl-display); font-weight: 700; font-size: 15px; line-height: 1.2; color: var(--ghl-navy-deep); margin: 4px 0 6px; word-break: keep-all; overflow-wrap: normal; white-space: normal; }\n    .ghl-flow__stage-desc { display: block; width: 100%; font-size: 11.5px; line-height: 1.45; color: var(--ghl-fg-3); max-width: 200px; }\n    .ghl-flow__stage-head { padding: 16px 20px 0; width: 100%; box-sizing: border-box; }\n\n    .ghl-flow__svg { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1; }\n\n    .ghl-flow__node {\n      position: absolute; background: #fff;\n      border: 1px solid var(--ghl-border);\n      border-radius: 12px; padding: 12px 14px;\n      display: flex; flex-direction: column; gap: 2px;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n      cursor: pointer; z-index: 3;\n      transition: transform 220ms var(--ghl-ease), box-shadow 220ms var(--ghl-ease),\n                  border-color 220ms var(--ghl-ease), opacity 220ms var(--ghl-ease);\n    }\n    .ghl-flow__node-role { font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); }\n    .ghl-flow__node-title { font-family: var(--ghl-display); font-weight: 700; font-size: 13px; line-height: 1.2; color: var(--ghl-fg-1); margin-top: 2px; }\n    .ghl-flow__node-short { font-size: 11px; color: var(--ghl-fg-3); margin-top: 2px; }\n    .ghl-flow__node.is-self { border-color: var(--ghl-red); box-shadow: 0 8px 24px rgba(191,37,48,0.18); transform: scale(1.04); }\n    .ghl-flow__node.is-self .ghl-flow__node-role { color: var(--ghl-red); }\n    .ghl-flow__node.is-linked { border-color: rgba(191,37,48,0.4); box-shadow: 0 4px 14px rgba(191,37,48,0.10); }\n    .ghl-flow__node.is-dim { opacity: 0.35; }\n\n    .ghl-flow__auto-band { position: absolute; left: 0; right: 0; z-index: 2; }\n    .ghl-flow__auto-line { position: absolute; left: 60px; right: 60px; top: 18px; height: 2px;\n      background: linear-gradient(90deg, rgba(191,37,48,0) 0%, rgba(191,37,48,0.5) 10%, rgba(191,37,48,0.5) 90%, rgba(191,37,48,0) 100%); }\n    .ghl-flow__auto-tick { position: absolute; top: 13px; width: 12px; height: 12px; border-radius: 50%; background: var(--ghl-red); box-shadow: 0 0 0 4px rgba(191,37,48,0.15); }\n    .ghl-flow__auto-card { position: absolute; left: 50%; top: 38px; transform: translateX(-50%); width: 540px; padding: 10px 20px; background: #fff; border: 1px solid var(--ghl-border); border-radius: 12px; box-shadow: var(--ghl-shadow); text-align: center; }\n    .ghl-flow__auto-label { display: inline-block; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ghl-red); font-weight: 500; margin-right: 8px; }\n    .ghl-flow__auto-title { display: inline; font-family: var(--ghl-display); font-weight: 700; font-size: 12px; color: var(--ghl-navy-deep); }\n    .ghl-flow__auto-desc { font-size: 11px; line-height: 1.4; color: var(--ghl-fg-3); margin: 4px 0 0; }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       MOBILE (<900px) : on cache desktop, on affiche les listes\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .ghl-embed__mobile { display: none; }\n    .ghl-embed__desktop { display: block; }\n\n    @media (max-width: 900px) {\n      .ghl-embed { padding: 32px 16px; }\n      .ghl-embed__intro h2, .ghl-embed__intro .ghl-embed__h2 { font-size: 22px; }\n      .ghl-embed__intro p { font-size: 14px; }\n      .ghl-embed__desktop { display: none; }\n      .ghl-embed__mobile { display: block; }\n    }\n\n    \/* \u2500\u2500 Hub mobile : centre + liste accord\u00e9on \u2500\u2500 *\/\n    .ghl-mhub__center {\n      background: linear-gradient(135deg, #2C426E, var(--ghl-navy) 70%);\n      color: #fff; border-radius: 16px;\n      padding: 22px 20px; margin-bottom: 20px;\n      box-shadow: 0 8px 24px rgba(15,30,60,0.25);\n    }\n    .ghl-mhub__center-eyebrow { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.6); font-weight: 500; }\n    .ghl-mhub__center-name { font-family: var(--ghl-display); font-weight: 700; font-size: 22px; color: #fff; margin: 6px 0 4px; display: flex; align-items: center; gap: 10px; }\n    .ghl-mhub__center-tri { width: 14px; height: 14px; background: var(--ghl-red); clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n    .ghl-mhub__center-role { font-size: 13px; color: rgba(255,255,255,0.78); }\n    .ghl-mhub__center-tag { font-family: var(--ghl-mono); font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 6px; display: block; }\n\n    .ghl-mhub__list { display: flex; flex-direction: column; gap: 8px; }\n    .ghl-mhub__item {\n      background: #fff; border: 1px solid var(--ghl-border);\n      border-radius: 12px; overflow: hidden;\n      transition: border-color 180ms var(--ghl-ease), box-shadow 180ms var(--ghl-ease);\n    }\n    .ghl-mhub__item.is-open { border-color: var(--ghl-red); box-shadow: 0 4px 14px rgba(191,37,48,0.10); }\n    .ghl-mhub__head {\n      display: flex; align-items: center; gap: 12px;\n      width: 100%; padding: 14px 16px;\n      background: transparent; border: none; text-align: left;\n      color: var(--ghl-fg-1);\n    }\n    .ghl-mhub__head-text { flex: 1; min-width: 0; }\n    .ghl-mhub__head-role { display: block; font-size: 9px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); margin-bottom: 4px; }\n    .ghl-mhub__item.is-open .ghl-mhub__head-role { color: var(--ghl-red); }\n    .ghl-mhub__head-title { font-family: var(--ghl-display); font-weight: 700; font-size: 15px; color: var(--ghl-fg-1); display: block; }\n    .ghl-mhub__head-short { font-size: 12px; color: var(--ghl-fg-3); display: block; margin-top: 2px; }\n    .ghl-mhub__chev {\n      flex: 0 0 auto; width: 22px; height: 22px;\n      border-radius: 50%; background: var(--ghl-bg);\n      display: flex; align-items: center; justify-content: center;\n      transition: transform 220ms var(--ghl-ease), background 220ms var(--ghl-ease);\n    }\n    .ghl-mhub__item.is-open .ghl-mhub__chev { transform: rotate(180deg); background: rgba(191,37,48,0.10); }\n    .ghl-mhub__body {\n      padding: 0 16px 16px;\n      border-top: 1px solid var(--ghl-hairline);\n      padding-top: 14px;\n    }\n    .ghl-mhub__body-desc { font-family: var(--ghl-body); font-size: 13px; line-height: 1.55; color: var(--ghl-fg-2); margin-bottom: 12px; }\n    .ghl-mhub__body-section { margin-top: 10px; }\n    .ghl-mhub__body-cap { display: block; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); font-weight: 500; margin-bottom: 6px; }\n    .ghl-mhub__body-section ul { font-size: 12.5px; color: var(--ghl-fg-2); }\n    .ghl-mhub__body-section li { padding: 3px 0; line-height: 1.4; }\n    .ghl-mhub__body-section li strong { font-weight: 600; color: var(--ghl-fg-1); }\n    .ghl-mhub__body-section li span { color: var(--ghl-fg-3); }\n    .ghl-mhub__body-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\n    .ghl-mhub__body-chip { padding: 3px 9px; border-radius: 999px; background: rgba(35,53,92,0.06); color: var(--ghl-navy); font-size: 11px; font-family: var(--ghl-mono); }\n\n    \/* \u2500\u2500 Flow mobile : \u00e9tapes empil\u00e9es \u2500\u2500 *\/\n    .ghl-mflow__stage {\n      background: #fff; border: 1px solid var(--ghl-border);\n      border-radius: 14px; padding: 18px 18px 14px;\n      margin-bottom: 8px;\n    }\n    .ghl-mflow__stage-num { font-family: var(--ghl-mono); font-size: 11px; font-weight: 500; color: var(--ghl-red); letter-spacing: 0.1em; }\n    .ghl-mflow__stage-label { font-family: var(--ghl-display); font-weight: 700; font-size: 18px; color: var(--ghl-navy-deep); margin: 2px 0 4px; }\n    .ghl-mflow__stage-desc { font-size: 13px; color: var(--ghl-fg-3); margin-bottom: 14px; }\n    .ghl-mflow__nodes { display: grid; grid-template-columns: 1fr; gap: 8px; }\n    .ghl-mflow__node {\n      background: var(--ghl-bg); border: 1px solid var(--ghl-hairline);\n      border-radius: 10px; padding: 10px 12px;\n    }\n    .ghl-mflow__node-role { font-size: 9px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ghl-fg-4); }\n    .ghl-mflow__node-title { font-family: var(--ghl-display); font-weight: 700; font-size: 14px; color: var(--ghl-fg-1); margin-top: 2px; }\n    .ghl-mflow__node-short { font-size: 12px; color: var(--ghl-fg-3); margin-top: 2px; }\n    .ghl-mflow__chev {\n      display: flex; justify-content: center;\n      padding: 6px 0;\n      color: var(--ghl-red);\n    }\n    .ghl-mflow__auto {\n      margin-top: 16px;\n      background: var(--ghl-navy); color: #fff;\n      border-radius: 12px; padding: 16px 18px;\n    }\n    .ghl-mflow__auto-eyebrow { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 500; }\n    .ghl-mflow__auto-title { font-family: var(--ghl-display); font-weight: 700; font-size: 15px; color: #fff; margin: 4px 0 6px; }\n    .ghl-mflow__auto-desc { font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,0.78); margin: 0; }\n  <\/style>\n\n  <!-- \u2500\u2500\u2500 Donn\u00e9es + composants (sans Babel : React.createElement) \u2500\u2500\u2500 -->\n  <script>\n    (function() {\n      function ready(fn) {\n        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn);\n        else fn();\n      }\n\n      function waitForReact(cb) {\n        var tries = 0;\n        function check() {\n          if (window.React && window.ReactDOM) return cb();\n          if (++tries > 100) { console.warn('[ghl-embed] React did not load'); return; }\n          setTimeout(check, 50);\n        }\n        check();\n      }\n\n      ready(function() { waitForReact(boot); });\n\n      function boot() {\n        var React = window.React;\n        var ReactDOM = window.ReactDOM;\n        var useState = React.useState;\n        var useRef = React.useRef;\n        var useEffect = React.useEffect;\n        var Fragment = React.Fragment;\n\n        \/\/ Helper : h(type, props, ...children)\n        function h(type, props \/*, ...children *\/) {\n          var args = Array.prototype.slice.call(arguments, 2);\n          return React.createElement.apply(React, [type, props].concat(args));\n        }\n\n        var PIECES = [\n          { id: \"form\",      label: \"Formulaires web\",       short: \"Capture site\",        role: \"entr\u00e9e\",       desc: \"Le point d'entr\u00e9e principal. Un visiteur remplit un formulaire sur votre site \u2014 demande de soumission, prise de contact, inscription \u00e0 un \u00e9v\u00e8nement.\", examples: [\"Demande de soumission\", \"Contactez-nous\", \"T\u00e9l\u00e9chargement de guide\"] },\n          { id: \"social\",    label: \"R\u00e9seaux sociaux\",       short: \"Social\",              role: \"entr\u00e9e\",       desc: \"Messages directs, commentaires, formulaires Facebook\/Instagram Lead Ads. GHL connecte vos comptes et fait entrer ces leads dans le m\u00eame CRM.\", examples: [\"DM Instagram\", \"Lead Ad Facebook\", \"Commentaire LinkedIn\"] },\n          { id: \"ads\",       label: \"Publicit\u00e9 payante\",     short: \"Pub payante\",         role: \"entr\u00e9e\",       desc: \"Google Ads, Meta Ads, LinkedIn Ads. Les leads issus d'une campagne arrivent avec leur source tagg\u00e9e \u2014 on sait quoi a co\u00fbt\u00e9 quoi.\", examples: [\"Google Ads\", \"Meta Ads\", \"Retargeting\"] },\n          { id: \"contact\",   label: \"Contacts & tags\",       short: \"Fiche client\",        role: \"m\u00e9moire\",      desc: \"Chaque personne devient une fiche unique. Les tags d\u00e9crivent qui elle est : industrie, source, int\u00e9r\u00eat, statut.\", examples: [\"tag : lead-chaud\", \"tag : industrie-construction\", \"tag : a-vu-soumission\"] },\n          { id: \"pipeline\",  label: \"Pipelines & opportunit\u00e9s\", short: \"Tableau de vente\", role: \"suivi\",        desc: \"Un tableau visuel qui suit chaque opportunit\u00e9 de vente, \u00e9tape par \u00e9tape, du premier contact \u00e0 la signature.\", examples: [\"Nouveau lead\", \"Diagnostic pr\u00e9vu\", \"Soumission envoy\u00e9e\", \"Gagn\u00e9 \/ Perdu\"] },\n          { id: \"calendar\",  label: \"Calendrier\",            short: \"Rendez-vous\",         role: \"rencontre\",    desc: \"Le client r\u00e9serve lui-m\u00eame un cr\u00e9neau. Plus de va-et-vient par courriel.\", examples: [\"Diagnostic 30 min\", \"Visite des lieux\", \"Appel de d\u00e9couverte\"] },\n          { id: \"email\",     label: \"Mod\u00e8les de courriel\",   short: \"Templates\",           role: \"communication\",desc: \"Des courriels pr\u00e9-r\u00e9dig\u00e9s et personnalisables, d\u00e9clench\u00e9s par des \u00e9v\u00e8nements ou envoy\u00e9s \u00e0 la main.\", examples: [\"Confirmation de demande\", \"Rappel de RDV\", \"Suivi post-rencontre\", \"Relance 7 jours\"] },\n          { id: \"sms\",       label: \"SMS\",                   short: \"Texto\",               role: \"communication\",desc: \"Pour les messages courts et urgents. Confirmation, rappel, relance \u2014 vu en quelques minutes.\", examples: [\"Rappel de RDV demain\", \"Votre soumission est pr\u00eate\"] },\n          { id: \"proposal\",  label: \"Soumissions\",           short: \"Offre de service\",    role: \"vente\",        desc: \"Le document d'offre \u2014 montant, services inclus, conditions. Envoy\u00e9, sign\u00e9 \u00e9lectroniquement, suivi.\", examples: [\"Soumission travaux\", \"Forfait mensuel\", \"Offre service ponctuel\"] },\n          { id: \"payment\",   label: \"Paiements & factures\",  short: \"Encaissement\",        role: \"argent\",       desc: \"Une fois la soumission accept\u00e9e, GHL g\u00e9n\u00e8re la facture et collecte le paiement (carte, virement, d\u00e9p\u00f4t).\", examples: [\"D\u00e9p\u00f4t 30%\", \"Facture finale\", \"Abonnement mensuel\"] },\n          { id: \"automation\",label: \"Automatisations\",       short: \"Workflows\",           role: \"orchestrateur\",desc: \"Le tissu invisible qui relie tout. \u00ab Quand X arrive, fais Y, attends Z, puis fais W. \u00bb C'est ce que l'agence configure pour vous.\", examples: [\"Si formulaire rempli \u2192 courriel + opportunit\u00e9\"] },\n          { id: \"review\",    label: \"Avis & t\u00e9moignages\",    short: \"Avis Google\",         role: \"fid\u00e9lisation\", desc: \"Une fois le client satisfait, GHL envoie automatiquement la demande d'avis Google (ou autre plateforme) au bon moment.\", examples: [\"Demande d'avis Google\", \"T\u00e9moignage vid\u00e9o\"] },\n          { id: \"upsell\",    label: \"Cross-sell & upsell\",   short: \"Vente additionnelle\", role: \"fid\u00e9lisation\", desc: \"Le client existant est votre meilleur prospect. S\u00e9quences pour proposer un service compl\u00e9mentaire ou un renouvellement au bon moment.\", examples: [\"Service compl\u00e9mentaire\", \"Renouvellement annuel\"] },\n        ];\n        var PIECE_BY_ID = {};\n        PIECES.forEach(function(p) { PIECE_BY_ID[p.id] = p; });\n\n        var LINKS = [\n          { from: \"form\",   to: \"contact\",   kind: \"data\",       label: \"cr\u00e9e la fiche\" },\n          { from: \"form\",   to: \"automation\",kind: \"trigger\",    label: \"d\u00e9clenche le workflow d'accueil\" },\n          { from: \"social\", to: \"contact\",   kind: \"data\",       label: \"cr\u00e9e \/ enrichit la fiche\" },\n          { from: \"social\", to: \"automation\",kind: \"trigger\",    label: \"d\u00e9clenche le workflow social\" },\n          { from: \"ads\",    to: \"contact\",   kind: \"data\",       label: \"cr\u00e9e la fiche avec sa source\" },\n          { from: \"ads\",    to: \"automation\",kind: \"trigger\",    label: \"d\u00e9clenche le workflow campagne\" },\n          { from: \"automation\", to: \"email\",    kind: \"orchestrate\", label: \"envoie un courriel\" },\n          { from: \"automation\", to: \"sms\",      kind: \"orchestrate\", label: \"envoie un SMS\" },\n          { from: \"automation\", to: \"pipeline\", kind: \"orchestrate\", label: \"fait avancer l'opportunit\u00e9\" },\n          { from: \"automation\", to: \"contact\",  kind: \"orchestrate\", label: \"ajoute \/ retire des tags\" },\n          { from: \"automation\", to: \"proposal\", kind: \"orchestrate\", label: \"g\u00e9n\u00e8re une soumission\" },\n          { from: \"calendar\",   to: \"automation\", kind: \"trigger\",  label: \"RDV pris \/ annul\u00e9 \/ manqu\u00e9\" },\n          { from: \"calendar\",   to: \"contact\",    kind: \"data\",     label: \"associe au contact\" },\n          { from: \"email\",      to: \"calendar\",   kind: \"data\",     label: \"lien de r\u00e9servation inclus\" },\n          { from: \"pipeline\",   to: \"automation\", kind: \"trigger\",  label: \"changement d'\u00e9tape\" },\n          { from: \"contact\",    to: \"pipeline\",   kind: \"data\",     label: \"alimente l'opportunit\u00e9\" },\n          { from: \"proposal\",   to: \"automation\", kind: \"trigger\",  label: \"vue \/ sign\u00e9e \/ refus\u00e9e\" },\n          { from: \"proposal\",   to: \"payment\",    kind: \"data\",     label: \"g\u00e9n\u00e8re la facture\" },\n          { from: \"payment\",    to: \"automation\", kind: \"trigger\",  label: \"pay\u00e9e \/ en retard\" },\n          { from: \"sms\",        to: \"automation\", kind: \"trigger\",  label: \"r\u00e9ponse entrante\" },\n          { from: \"automation\", to: \"review\",     kind: \"orchestrate\", label: \"demande l'avis Google\" },\n          { from: \"automation\", to: \"upsell\",     kind: \"orchestrate\", label: \"d\u00e9clenche la s\u00e9quence cross-sell\" },\n          { from: \"payment\",    to: \"review\",     kind: \"trigger\",     label: \"client payeur \u2192 avis demand\u00e9\" },\n          { from: \"review\",     to: \"automation\", kind: \"trigger\",     label: \"avis laiss\u00e9 \/ refus\u00e9\" },\n          { from: \"upsell\",     to: \"email\",      kind: \"data\",        label: \"envoie une offre par courriel\" },\n        ];\n\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DESKTOP HUB \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n        var HUB_W = 1280, HUB_H = 920;\n        var CX = HUB_W \/ 2, CY = HUB_H \/ 2 + 50;\n        var HUB_POSITIONS = {\n          form:     { x: CX - 470, y: CY - 240, side: \"left\" },\n          social:   { x: CX - 470, y: CY - 80,  side: \"left\" },\n          ads:      { x: CX - 470, y: CY + 80,  side: \"left\" },\n          calendar: { x: CX - 470, y: CY + 240, side: \"left\" },\n          contact:  { x: CX - 220, y: CY - 320, side: \"top\" },\n          pipeline: { x: CX + 220, y: CY - 320, side: \"top\" },\n          email:    { x: CX + 470, y: CY - 240, side: \"right\" },\n          proposal: { x: CX + 470, y: CY - 80,  side: \"right\" },\n          sms:      { x: CX + 470, y: CY + 80,  side: \"right\" },\n          payment:  { x: CX + 470, y: CY + 240, side: \"right\" },\n          review:   { x: CX - 130, y: CY + 320, side: \"bottom\" },\n          upsell:   { x: CX + 130, y: CY + 320, side: \"bottom\" },\n        };\n\n        function HubDesktop() {\n          var hovered = useState(null); var setHovered = hovered[1]; hovered = hovered[0];\n          var pinned = useState(null); var setPinned = pinned[1]; pinned = pinned[0];\n          var wrapRef = useRef(null);\n          var scaleS = useState(1); var scale = scaleS[0]; var setScale = scaleS[1];\n\n          useEffect(function() {\n            if (!wrapRef.current) return;\n            var el = wrapRef.current;\n            function measure() {\n              var w = el.getBoundingClientRect().width || HUB_W;\n              setScale(Math.min(1, w \/ HUB_W));\n            }\n            measure();\n            var ro = new ResizeObserver(measure);\n            ro.observe(el);\n            window.addEventListener('resize', measure);\n            return function() { ro.disconnect(); window.removeEventListener('resize', measure); };\n          }, []);\n\n          function isConnected(pid) {\n            if (!hovered) return null;\n            if (hovered === pid) return \"self\";\n            if (hovered === \"automation\") {\n              return LINKS.some(function(l){ return (l.from === \"automation\" && l.to === pid) || (l.to === \"automation\" && l.from === pid); }) ? \"linked\" : \"dim\";\n            }\n            var linked = LINKS.some(function(l){\n              return (l.from === hovered && l.to === pid) ||\n                     (l.to === hovered && l.from === pid) ||\n                     (pid === \"automation\" && (l.from === hovered || l.to === hovered));\n            });\n            return linked ? \"linked\" : \"dim\";\n          }\n\n          var visibleLinks = !hovered\n            ? LINKS.map(function(l){ return Object.assign({}, l, { highlight: false }); })\n            : LINKS.filter(function(l){ return l.from === hovered || l.to === hovered; }).map(function(l){ return Object.assign({}, l, { highlight: true }); });\n          function posOf(id) { return id === \"automation\" ? { x: CX, y: CY } : HUB_POSITIONS[id]; }\n\n          \/\/ SVG defs + paths\n          var svgChildren = [\n            h(\"defs\", { key: \"defs\" },\n              h(\"marker\", { id: \"ghl-arrow-red\", viewBox: \"0 0 10 10\", refX: \"9\", refY: \"5\", markerWidth: \"6\", markerHeight: \"6\", orient: \"auto-start-reverse\" },\n                h(\"path\", { d: \"M 0 0 L 10 5 L 0 10 z\", fill: \"#BF2530\" })\n              ),\n              h(\"marker\", { id: \"ghl-arrow-soft\", viewBox: \"0 0 10 10\", refX: \"9\", refY: \"5\", markerWidth: \"5\", markerHeight: \"5\", orient: \"auto-start-reverse\" },\n                h(\"path\", { d: \"M 0 0 L 10 5 L 0 10 z\", fill: \"#C9C9C5\" })\n              )\n            )\n          ];\n          visibleLinks.forEach(function(l, i) {\n            var a = posOf(l.from), b = posOf(l.to);\n            if (!a || !b) return;\n            var mx = (a.x + b.x)\/2, my = (a.y + b.y)\/2;\n            var dx = b.x - a.x, dy = b.y - a.y;\n            var len = Math.sqrt(dx*dx + dy*dy) || 1;\n            var nx = -dy\/len, ny = dx\/len;\n            var curve = Math.min(60, len * 0.18);\n            var cx = mx + nx * curve, cy = my + ny * curve;\n            svgChildren.push(h(\"path\", {\n              key: \"p\" + i,\n              d: \"M \" + a.x + \" \" + a.y + \" Q \" + cx + \" \" + cy + \" \" + b.x + \" \" + b.y,\n              fill: \"none\",\n              stroke: l.highlight ? \"#BF2530\" : \"rgba(35,53,92,0.10)\",\n              strokeWidth: l.highlight ? 1.6 : 1,\n              strokeDasharray: l.kind === \"data\" ? \"4 4\" : \"0\",\n              markerEnd: l.highlight ? \"url(#ghl-arrow-red)\" : \"url(#ghl-arrow-soft)\",\n              opacity: l.highlight ? 0.95 : 0.7\n            }));\n          });\n\n          \/\/ Center node\n          var centerNode = h(\"div\", {\n            className: \"ghl-hub__center \" + (hovered === \"automation\" ? \"is-hover\" : \"\"),\n            style: { left: CX, top: CY },\n            onMouseEnter: function() { if (!pinned) setHovered(\"automation\"); },\n            onMouseLeave: function() { if (!pinned) setHovered(null); },\n            onClick: function(e) { e.stopPropagation(); setPinned(\"automation\"); setHovered(\"automation\"); }\n          },\n            h(\"div\", { className: \"ghl-hub__center-inner\" },\n              h(\"span\", { className: \"ghl-hub__center-eyebrow\" }, \"L'orchestrateur\"),\n              h(\"div\", { className: \"ghl-hub__center-mark\" },\n                h(\"span\", { className: \"ghl-hub__center-tri\", \"aria-hidden\": \"true\" }),\n                h(\"span\", { className: \"ghl-hub__center-name\" }, \"Go High Level\")\n              ),\n              h(\"span\", { className: \"ghl-hub__center-role\" }, \"Automatisations \u00b7 workflows\"),\n              h(\"span\", { className: \"ghl-hub__center-tag\" }, \"\u00ab Quand X arrive, fais Y \u00bb\")\n            )\n          );\n\n          \/\/ Orbit nodes\n          var orbitNodes = Object.keys(HUB_POSITIONS).map(function(id) {\n            var pos = HUB_POSITIONS[id];\n            var piece = PIECE_BY_ID[id];\n            var state = isConnected(id);\n            var cls = \"ghl-hub__node\"\n              + (state === \"self\" ? \" is-self\" : \"\")\n              + (state === \"linked\" ? \" is-linked\" : \"\")\n              + (state === \"dim\" ? \" is-dim\" : \"\");\n            return h(\"div\", {\n              key: id,\n              className: cls,\n              style: { left: pos.x, top: pos.y },\n              onMouseEnter: function() { if (!pinned) setHovered(id); },\n              onMouseLeave: function() { if (!pinned) setHovered(null); },\n              onClick: function(e) { e.stopPropagation(); setPinned(id); setHovered(id); }\n            },\n              h(\"span\", { className: \"ghl-hub__node-role\" }, piece.role),\n              h(\"span\", { className: \"ghl-hub__node-title\" }, piece.label),\n              h(\"p\", { className: \"ghl-hub__node-short\" }, piece.short)\n            );\n          });\n\n          \/\/ Detail panel\n          var detailContent;\n          if (hovered) {\n            var piece = PIECE_BY_ID[hovered];\n            var incoming = LINKS.filter(function(l){ return l.to === hovered; });\n            var outgoing = LINKS.filter(function(l){ return l.from === hovered; });\n\n            function renderLI(l, i, key) {\n              var p = PIECE_BY_ID[key === \"from\" ? l.from : l.to];\n              return h(\"li\", { key: i },\n                h(\"strong\", null, p.label),\n                h(\"span\", null, \" \u2014 \" + l.label)\n              );\n            }\n\n            detailContent = h(\"div\", null,\n              h(\"span\", { className: \"ghl-hub__detail-eyebrow\" }, piece.role),\n              h(\"span\", { className: \"ghl-hub__detail-title\" }, piece.label),\n              h(\"p\", { className: \"ghl-hub__detail-desc\" }, piece.desc),\n              h(\"div\", { className: \"ghl-hub__detail-cols\" },\n                h(\"div\", null,\n                  h(\"span\", { className: \"ghl-hub__detail-cap\" }, \"Re\u00e7oit de\"),\n                  h(\"ul\", null,\n                    incoming.length === 0\n                      ? h(\"li\", { className: \"muted\" }, \"\u2014 rien (point d'entr\u00e9e)\")\n                      : incoming.map(function(l, i) { return renderLI(l, i, \"from\"); })\n                  )\n                ),\n                h(\"div\", null,\n                  h(\"span\", { className: \"ghl-hub__detail-cap\" }, \"Envoie vers\"),\n                  h(\"ul\", null,\n                    outgoing.length === 0\n                      ? h(\"li\", { className: \"muted\" }, \"\u2014 rien (point de sortie)\")\n                      : outgoing.map(function(l, i) { return renderLI(l, i, \"to\"); })\n                  )\n                )\n              ),\n              piece.examples ? h(\"div\", { className: \"ghl-hub__detail-examples\" },\n                h(\"span\", { className: \"ghl-hub__detail-cap\" }, \"Exemples concrets\"),\n                h(\"div\", { className: \"ghl-hub__detail-chips\" },\n                  piece.examples.map(function(ex, i) { return h(\"span\", { key: i, className: \"ghl-hub__chip\" }, ex); })\n                )\n              ) : null\n            );\n          } else {\n            detailContent = h(\"div\", { className: \"ghl-hub__detail-empty\" },\n              h(\"span\", { className: \"ghl-hub__detail-cap\" }, \"Comment lire\"),\n              h(\"p\", null, \"Le centre est l'orchestrateur. Les pi\u00e8ces autour sont des outils. Survolez n'importe lequel pour voir comment il se connecte au reste.\"),\n              h(\"div\", { className: \"ghl-hub__legend\" },\n                h(\"div\", null, h(\"span\", { className: \"ghl-hub__legend-line\" }), h(\"span\", null, \"d\u00e9clenche\")),\n                h(\"div\", null, h(\"span\", { className: \"ghl-hub__legend-line dashed\" }), h(\"span\", null, \"donn\u00e9e\"))\n              )\n            );\n          }\n\n          return h(\"div\", { className: \"ghl-hub\", ref: wrapRef, style: { height: HUB_H * scale } },\n            h(\"div\", {\n              className: \"ghl-hub__viewport\",\n              style: { transform: \"scale(\" + scale + \")\" },\n              onClick: function() { setPinned(null); setHovered(null); }\n            },\n              h(\"div\", { className: \"ghl-hub__ghost\", \"aria-hidden\": \"true\" }, \"A\"),\n              h(\"svg\", { className: \"ghl-hub__svg\", width: HUB_W, height: HUB_H, viewBox: \"0 0 \" + HUB_W + \" \" + HUB_H }, svgChildren),\n              centerNode,\n              orbitNodes,\n              h(\"div\", { className: \"ghl-hub__detail\" }, detailContent)\n            )\n          );\n        }\n\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HUB MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n        function HubMobile() {\n          var s = useState(null); var openId = s[0]; var setOpenId = s[1];\n\n          var center = h(\"div\", { className: \"ghl-mhub__center\" },\n            h(\"span\", { className: \"ghl-mhub__center-eyebrow\" }, \"L'orchestrateur\"),\n            h(\"div\", { className: \"ghl-mhub__center-name\" },\n              h(\"span\", { className: \"ghl-mhub__center-tri\" }),\n              \"Go High Level\"\n            ),\n            h(\"span\", { className: \"ghl-mhub__center-role\" }, \"Automatisations \u00b7 workflows\"),\n            h(\"span\", { className: \"ghl-mhub__center-tag\" }, \"\u00ab Quand X arrive, fais Y \u00bb\")\n          );\n\n          var items = PIECES.filter(function(p){ return p.id !== \"automation\"; }).map(function(p) {\n            var isOpen = openId === p.id;\n            var incoming = LINKS.filter(function(l){ return l.to === p.id; });\n            var outgoing = LINKS.filter(function(l){ return l.from === p.id; });\n\n            var head = h(\"button\", {\n              className: \"ghl-mhub__head\",\n              onClick: function() { setOpenId(isOpen ? null : p.id); },\n              \"aria-expanded\": isOpen\n            },\n              h(\"div\", { className: \"ghl-mhub__head-text\" },\n                h(\"span\", { className: \"ghl-mhub__head-role\" }, p.role),\n                h(\"span\", { className: \"ghl-mhub__head-title\" }, p.label),\n                h(\"span\", { className: \"ghl-mhub__head-short\" }, p.short)\n              ),\n              h(\"span\", { className: \"ghl-mhub__chev\", \"aria-hidden\": \"true\" },\n                h(\"svg\", { width: \"10\", height: \"6\", viewBox: \"0 0 10 6\", fill: \"none\" },\n                  h(\"path\", { d: \"M1 1l4 4 4-4\", stroke: \"currentColor\", strokeWidth: \"1.5\" })\n                )\n              )\n            );\n\n            var body = isOpen ? h(\"div\", { className: \"ghl-mhub__body\" },\n              h(\"p\", { className: \"ghl-mhub__body-desc\" }, p.desc),\n              h(\"div\", { className: \"ghl-mhub__body-section\" },\n                h(\"span\", { className: \"ghl-mhub__body-cap\" }, \"Re\u00e7oit de\"),\n                h(\"ul\", null,\n                  incoming.length === 0\n                    ? h(\"li\", null, h(\"span\", { style: { fontStyle: \"italic\", color: \"var(--ghl-fg-4)\" } }, \"\u2014 rien (point d'entr\u00e9e)\"))\n                    : incoming.map(function(l, i) {\n                        return h(\"li\", { key: i },\n                          h(\"strong\", null, PIECE_BY_ID[l.from].label),\n                          h(\"span\", null, \" \u2014 \" + l.label)\n                        );\n                      })\n                )\n              ),\n              h(\"div\", { className: \"ghl-mhub__body-section\" },\n                h(\"span\", { className: \"ghl-mhub__body-cap\" }, \"Envoie vers\"),\n                h(\"ul\", null,\n                  outgoing.length === 0\n                    ? h(\"li\", null, h(\"span\", { style: { fontStyle: \"italic\", color: \"var(--ghl-fg-4)\" } }, \"\u2014 rien (point de sortie)\"))\n                    : outgoing.map(function(l, i) {\n                        return h(\"li\", { key: i },\n                          h(\"strong\", null, PIECE_BY_ID[l.to].label),\n                          h(\"span\", null, \" \u2014 \" + l.label)\n                        );\n                      })\n                )\n              ),\n              p.examples ? h(\"div\", { className: \"ghl-mhub__body-section\" },\n                h(\"span\", { className: \"ghl-mhub__body-cap\" }, \"Exemples concrets\"),\n                h(\"div\", { className: \"ghl-mhub__body-chips\" },\n                  p.examples.map(function(ex, i) { return h(\"span\", { key: i, className: \"ghl-mhub__body-chip\" }, ex); })\n                )\n              ) : null\n            ) : null;\n\n            return h(\"div\", { key: p.id, className: \"ghl-mhub__item \" + (isOpen ? \"is-open\" : \"\") }, head, body);\n          });\n\n          return h(\"div\", { className: \"ghl-mhub\" }, center, h(\"div\", { className: \"ghl-mhub__list\" }, items));\n        }\n\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DESKTOP FLOW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n        var FLOW_W = 1280, FLOW_H = 840;\n        var STAGES = [\n          { id: \"capture\",   label: \"Capture\",        desc: \"Un visiteur devient un contact.\" },\n          { id: \"qualify\",   label: \"Qualification\",  desc: \"On apprend, on planifie, on pr\u00e9pare.\" },\n          { id: \"convert\",   label: \"Conversion\",     desc: \"L'offre est faite, n\u00e9goci\u00e9e, sign\u00e9e.\" },\n          { id: \"retain\",    label: \"Suivi & relance\",desc: \"On encaisse et on reste pr\u00e9sent.\" },\n          { id: \"loyalty\",   label: \"Fid\u00e9lisation\",   desc: \"Avis, r\u00e9f\u00e9rences, ventes additionnelles.\" },\n        ];\n        var FLOW_NODES = {\n          form:      { stage: 0, row: 0 },\n          social:    { stage: 0, row: 1 },\n          ads:       { stage: 0, row: 2 },\n          contact:   { stage: 0, row: 3 },\n          calendar:  { stage: 1, row: 0 },\n          email:     { stage: 1, row: 1 },\n          pipeline:  { stage: 1, row: 2 },\n          proposal:  { stage: 2, row: 0 },\n          sms:       { stage: 2, row: 1 },\n          payment:   { stage: 3, row: 0 },\n          review:    { stage: 4, row: 0 },\n          upsell:    { stage: 4, row: 1 },\n        };\n        var FLOW_LINKS = [\n          { from: \"form\",     to: \"contact\",  label: \"cr\u00e9e la fiche\" },\n          { from: \"social\",   to: \"contact\",  label: \"cr\u00e9e \/ enrichit\" },\n          { from: \"ads\",      to: \"contact\",  label: \"cr\u00e9e + tag source\" },\n          { from: \"contact\",  to: \"pipeline\", label: \"alimente l'opportunit\u00e9\" },\n          { from: \"form\",     to: \"email\",    label: \"d\u00e9clenche le courriel d'accueil\" },\n          { from: \"email\",    to: \"calendar\", label: \"lien de RDV inclus\" },\n          { from: \"calendar\", to: \"pipeline\", label: \"RDV pris \u2192 \u00e9tape avanc\u00e9e\" },\n          { from: \"pipeline\", to: \"proposal\", label: \"g\u00e9n\u00e8re la soumission\" },\n          { from: \"proposal\", to: \"sms\",      label: \"rappel si non lue\" },\n          { from: \"proposal\", to: \"payment\",  label: \"sign\u00e9e \u2192 facture\" },\n          { from: \"pipeline\", to: \"email\",    label: \"relance si bloqu\u00e9\" },\n          { from: \"payment\",  to: \"review\",   label: \"client pay\u00e9 \u2192 avis demand\u00e9\" },\n          { from: \"payment\",  to: \"upsell\",   label: \"candidat cross-sell\" },\n          { from: \"upsell\",   to: \"email\",    label: \"offre additionnelle\" },\n        ];\n        var FLOW_PAD_X = 60;\n        var FLOW_PAD_TOP = 250;\n        var FLOW_COL_W = (FLOW_W - FLOW_PAD_X * 2) \/ 5;\n        var FLOW_NODE_W = 200;\n        var FLOW_NODE_H = 90;\n        var FLOW_ROW_H = 110;\n        var FLOW_AUTO_Y = FLOW_PAD_TOP + 4 * FLOW_ROW_H - 20;\n        function nodeXY(id) {\n          var n = FLOW_NODES[id]; if (!n) return null;\n          var x = FLOW_PAD_X + n.stage * FLOW_COL_W + FLOW_COL_W \/ 2;\n          var y = FLOW_PAD_TOP + n.row * FLOW_ROW_H + FLOW_NODE_H \/ 2;\n          return { x: x, y: y };\n        }\n\n        function FlowDesktop() {\n          var s = useState(null); var hovered = s[0]; var setHovered = s[1];\n          var wrapRef = useRef(null);\n          var scaleS = useState(1); var scale = scaleS[0]; var setScale = scaleS[1];\n\n          useEffect(function() {\n            if (!wrapRef.current) return;\n            var el = wrapRef.current;\n            function measure() {\n              var w = el.getBoundingClientRect().width || FLOW_W;\n              setScale(Math.min(1, w \/ FLOW_W));\n            }\n            measure();\n            var ro = new ResizeObserver(measure);\n            ro.observe(el);\n            window.addEventListener('resize', measure);\n            return function() { ro.disconnect(); window.removeEventListener('resize', measure); };\n          }, []);\n\n          function isLinkActive(l) { return hovered && (l.from === hovered || l.to === hovered); }\n          function nodeState(id) {\n            if (!hovered) return null;\n            if (id === hovered) return \"self\";\n            var linked = FLOW_LINKS.some(function(l){ return (l.from === hovered && l.to === id) || (l.to === hovered && l.from === id); });\n            return linked ? \"linked\" : \"dim\";\n          }\n\n          var stageEls = STAGES.map(function(s, i) {\n            return h(\"div\", { className: \"ghl-flow__stage\", key: s.id, style: {\n              left: FLOW_PAD_X + i * FLOW_COL_W,\n              width: FLOW_COL_W,\n              top: FLOW_PAD_TOP - 170,\n              height: FLOW_H - FLOW_PAD_TOP + 100\n            } },\n              h(\"div\", { className: \"ghl-flow__stage-head\" },\n                h(\"span\", { className: \"ghl-flow__stage-num\" }, (\"0\"+(i+1)).slice(-2)),\n                h(\"span\", { className: \"ghl-flow__stage-label\" }, s.label),\n                h(\"p\", { className: \"ghl-flow__stage-desc\" }, s.desc)\n              )\n            );\n          });\n\n          var svgChildren = [\n            h(\"defs\", { key: \"defs\" },\n              h(\"marker\", { id: \"ghl-arrow-red-2\", viewBox: \"0 0 10 10\", refX: \"9\", refY: \"5\", markerWidth: \"6\", markerHeight: \"6\", orient: \"auto-start-reverse\" },\n                h(\"path\", { d: \"M 0 0 L 10 5 L 0 10 z\", fill: \"#BF2530\" })\n              ),\n              h(\"marker\", { id: \"ghl-arrow-soft-2\", viewBox: \"0 0 10 10\", refX: \"9\", refY: \"5\", markerWidth: \"5\", markerHeight: \"5\", orient: \"auto-start-reverse\" },\n                h(\"path\", { d: \"M 0 0 L 10 5 L 0 10 z\", fill: \"#23355C\", fillOpacity: \"0.35\" })\n              )\n            )\n          ];\n          FLOW_LINKS.forEach(function(l, i) {\n            var a = nodeXY(l.from), b = nodeXY(l.to);\n            if (!a || !b) return;\n            var ax = a.x + FLOW_NODE_W \/ 2;\n            var bx = b.x - FLOW_NODE_W \/ 2;\n            var sameCol = FLOW_NODES[l.from].stage === FLOW_NODES[l.to].stage;\n            var d;\n            if (sameCol) {\n              var offset = 50;\n              d = \"M \" + (a.x + FLOW_NODE_W\/2 - 20) + \" \" + (a.y + FLOW_NODE_H\/2)\n                + \" C \" + (a.x + offset) + \" \" + ((a.y+b.y)\/2) + \", \" + (b.x + offset) + \" \" + ((a.y+b.y)\/2) + \", \"\n                + (b.x + FLOW_NODE_W\/2 - 20) + \" \" + (b.y - FLOW_NODE_H\/2);\n            } else {\n              var cx1 = ax + (bx - ax) * 0.45;\n              var cx2 = ax + (bx - ax) * 0.55;\n              d = \"M \" + ax + \" \" + a.y + \" C \" + cx1 + \" \" + a.y + \", \" + cx2 + \" \" + b.y + \", \" + bx + \" \" + b.y;\n            }\n            var active = isLinkActive(l);\n            var dim = hovered && !active;\n            svgChildren.push(h(\"g\", { key: i, opacity: dim ? 0.15 : 1 },\n              h(\"path\", {\n                d: d,\n                fill: \"none\",\n                stroke: active ? \"#BF2530\" : \"#23355C\",\n                strokeOpacity: active ? 1 : 0.35,\n                strokeWidth: active ? 1.8 : 1.2,\n                markerEnd: active ? \"url(#ghl-arrow-red-2)\" : \"url(#ghl-arrow-soft-2)\"\n              })\n            ));\n          });\n\n          var nodeEls = Object.keys(FLOW_NODES).map(function(id) {\n            var piece = PIECE_BY_ID[id];\n            var xy = nodeXY(id);\n            var state = nodeState(id);\n            var cls = \"ghl-flow__node\"\n              + (state === \"self\" ? \" is-self\" : \"\")\n              + (state === \"linked\" ? \" is-linked\" : \"\")\n              + (state === \"dim\" ? \" is-dim\" : \"\");\n            return h(\"div\", {\n              key: id,\n              className: cls,\n              style: { left: xy.x - FLOW_NODE_W\/2, top: xy.y - FLOW_NODE_H\/2, width: FLOW_NODE_W, height: FLOW_NODE_H },\n              onMouseEnter: function() { setHovered(id); },\n              onMouseLeave: function() { setHovered(null); }\n            },\n              h(\"span\", { className: \"ghl-flow__node-role\" }, piece.role),\n              h(\"span\", { className: \"ghl-flow__node-title\" }, piece.label),\n              h(\"span\", { className: \"ghl-flow__node-short\" }, piece.short)\n            );\n          });\n\n          var ticks = STAGES.map(function(s, i) {\n            return h(\"span\", { key: s.id, className: \"ghl-flow__auto-tick\",\n              style: { left: FLOW_PAD_X + i * FLOW_COL_W + FLOW_COL_W \/ 2 - 6 } });\n          });\n\n          return h(\"div\", { className: \"ghl-flow\", ref: wrapRef, style: { height: FLOW_H * scale } },\n            h(\"div\", { className: \"ghl-flow__viewport\", style: { transform: \"scale(\" + scale + \")\" } },\n              stageEls,\n              h(\"svg\", { className: \"ghl-flow__svg\", width: FLOW_W, height: FLOW_H, viewBox: \"0 0 \" + FLOW_W + \" \" + FLOW_H }, svgChildren),\n              nodeEls,\n              h(\"div\", { className: \"ghl-flow__auto-band\", style: { top: FLOW_AUTO_Y, height: 110 } },\n                h(\"div\", { className: \"ghl-flow__auto-line\" }),\n                ticks,\n                h(\"div\", { className: \"ghl-flow__auto-card\" },\n                  h(\"span\", { className: \"ghl-flow__auto-label\" }, \"L'orchestrateur \u00b7 pr\u00e9sent partout\"),\n                  h(\"span\", { className: \"ghl-flow__auto-title\" }, \"Automatisations & workflows\"),\n                  h(\"p\", { className: \"ghl-flow__auto-desc\" }, \"Le tissu invisible qui relie chaque pi\u00e8ce. C'est ce que l'agence configure pour vous : les r\u00e8gles \u00ab si ceci, alors cela \u00bb.\")\n                )\n              )\n            )\n          );\n        }\n\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FLOW MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n        function FlowMobile() {\n          var byStage = STAGES.map(function(s, i) {\n            return {\n              stage: s, idx: i,\n              nodes: Object.keys(FLOW_NODES).filter(function(id){ return FLOW_NODES[id].stage === i; }).map(function(id){ return PIECE_BY_ID[id]; })\n            };\n          });\n\n          var children = [];\n          byStage.forEach(function(g, i) {\n            children.push(h(\"div\", { className: \"ghl-mflow__stage\", key: \"s-\" + g.stage.id },\n              h(\"span\", { className: \"ghl-mflow__stage-num\" }, (\"0\"+(i+1)).slice(-2)),\n              h(\"span\", { className: \"ghl-mflow__stage-label\" }, g.stage.label),\n              h(\"p\", { className: \"ghl-mflow__stage-desc\" }, g.stage.desc),\n              h(\"div\", { className: \"ghl-mflow__nodes\" },\n                g.nodes.map(function(p) {\n                  return h(\"div\", { key: p.id, className: \"ghl-mflow__node\" },\n                    h(\"span\", { className: \"ghl-mflow__node-role\" }, p.role),\n                    h(\"div\", { className: \"ghl-mflow__node-title\" }, p.label),\n                    h(\"div\", { className: \"ghl-mflow__node-short\" }, p.short)\n                  );\n                })\n              )\n            ));\n            if (i < byStage.length - 1) {\n              children.push(h(\"div\", { key: \"c-\" + i, className: \"ghl-mflow__chev\", \"aria-hidden\": \"true\" },\n                h(\"svg\", { width: \"20\", height: \"14\", viewBox: \"0 0 20 14\", fill: \"none\" },\n                  h(\"path\", { d: \"M2 2l8 8 8-8\", stroke: \"currentColor\", strokeWidth: \"2\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })\n                )\n              ));\n            }\n          });\n          children.push(h(\"div\", { key: \"auto\", className: \"ghl-mflow__auto\" },\n            h(\"span\", { className: \"ghl-mflow__auto-eyebrow\" }, \"L'orchestrateur \u00b7 pr\u00e9sent partout\"),\n            h(\"span\", { className: \"ghl-mflow__auto-title\" }, \"Automatisations & workflows\"),\n            h(\"p\", { className: \"ghl-mflow__auto-desc\" }, \"Le tissu invisible qui relie chaque pi\u00e8ce. C'est ce que l'agence configure pour vous : les r\u00e8gles \u00ab si ceci, alors cela \u00bb.\")\n          ));\n\n          return h(\"div\", { className: \"ghl-mflow\" }, children);\n        }\n\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 APP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n        function App() {\n          return h(\"div\", { className: \"ghl-embed__inner\" },\n            \/\/ Direction A\n            h(\"div\", { className: \"ghl-embed__intro\" },\n              h(\"div\", { className: \"ghl-embed__eyebrow-row\" },\n                h(\"span\", { className: \"ghl-embed__eyebrow-mark\" }),\n                h(\"span\", { className: \"ghl-embed__eyebrow\" }, \"Cartographie\")\n              ),\n              h(\"div\", { className: \"ghl-embed__h2\" }, \"Go High Level, c'est un seul cerveau qui coordonne neuf outils.\"),\n              h(\"p\", null, \"Survolez (ou tapez sur mobile) une pi\u00e8ce pour voir ce qu'elle re\u00e7oit et ce qu'elle envoie.\")\n            ),\n            h(\"div\", { className: \"ghl-embed__desktop\" }, h(HubDesktop)),\n            h(\"div\", { className: \"ghl-embed__mobile\" }, h(HubMobile)),\n            h(\"div\", { className: \"ghl-embed__divider\" }),\n            \/\/ Direction B\n            h(\"div\", { className: \"ghl-embed__intro\" },\n              h(\"div\", { className: \"ghl-embed__eyebrow-row\" },\n                h(\"span\", { className: \"ghl-embed__eyebrow-mark\" }),\n                h(\"span\", { className: \"ghl-embed__eyebrow\" }, \"Parcours client\")\n              ),\n              h(\"div\", { className: \"ghl-embed__h2\" }, \"Du visiteur anonyme au client payant - les \u00e9tapes\"),\n              h(\"p\", null, \"Cinq \u00e9tapes du parcours, et la pi\u00e8ce de GHL responsable \u00e0 chaque moment.\")\n            ),\n            h(\"div\", { className: \"ghl-embed__desktop\" }, h(FlowDesktop)),\n            h(\"div\", { className: \"ghl-embed__mobile\" }, h(FlowMobile))\n          );\n        }\n\n        \/\/ Mount\n        var root = document.getElementById('ghl-embed');\n        if (!root) return;\n        if (root.__ghlMounted) return;\n        root.__ghlMounted = true;\n        var mountPoint = root.appendChild(document.createElement('div'));\n        ReactDOM.createRoot(mountPoint).render(h(App));\n      }\n    })();\n  <\/script>\n<\/div>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FIN du bloc embed\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189e623 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"189e623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');\n\n  \/* ---- Scoped reset & root ---- *\/\n  .taf-root,\n  .taf-root *,\n  .taf-root *::before,\n  .taf-root *::after { box-sizing: border-box; }\n\n  .taf-root {\n    \/* Tokens *\/\n    --taf-brand-red: #BF2530;\n    --taf-brand-red-deep: #8B2A33;\n    --taf-brand-navy: #23355C;\n    --taf-brand-blue: #3E3AEA;\n    --taf-brand-gold: #F5AA21;\n    --taf-bg-page: #F4F4F2;\n    --taf-bg-surface: #FFFFFF;\n    --taf-border-hairline: #EBEBEB;\n    --taf-border-soft: #DCDCDC;\n    --taf-fg-1: #070707;\n    --taf-fg-2: #181818;\n    --taf-fg-3: #4A4A4A;       \/* 4.7:1 on bg-page \u2014 WCAG AA body text *\/\n    --taf-fg-4: #5F5F5F;       \/* 3.4:1 on bg-page \u2014 WCAG AA large\/UI text *\/\n    --taf-radius-lg: 18px;\n    --taf-shadow-card: 0 2px 8px rgba(0,0,0,0.08);\n    --taf-font-display: 'Archivo', system-ui, sans-serif;\n    --taf-font-body: 'Inter', system-ui, sans-serif;\n    --taf-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;\n    --taf-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n    \/* Responsive tokens (redefined in media queries) *\/\n    --taf-canvas-pad: 28px;\n    --taf-source-col: 132px;\n    --taf-stage-icon: 44px;\n    --taf-stage-label-size: 13px;\n    --taf-stage-sub-size: 11px;\n    --taf-token-height: 32px;\n    --taf-token-font: 12px;\n    --taf-track-height: 56px;\n    --taf-rail-top: 78px;\n    --taf-pipeline-min: 0px;\n\n    \/* Layout of the widget root itself *\/\n    width: 100%;\n    font-family: var(--taf-font-body);\n    color: var(--taf-fg-1);\n    line-height: 1.4;\n  }\n\n  .taf-wrap {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .taf-canvas {\n    position: relative;\n    background: var(--taf-bg-surface);\n    border: 1px solid var(--taf-border-soft);\n    border-radius: var(--taf-radius-lg);\n    padding: var(--taf-canvas-pad) var(--taf-canvas-pad) calc(var(--taf-canvas-pad) - 4px);\n    overflow: hidden;\n  }\n\n  .taf-canvas__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 18px;\n    flex-wrap: wrap;\n  }\n  .taf-canvas__title {\n    font-family: var(--taf-font-display);\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--taf-fg-1);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin: 0;\n  }\n  .taf-kbd {\n    font-family: var(--taf-font-mono);\n    font-size: 11px;\n    color: var(--taf-fg-3);\n    background: var(--taf-bg-page);\n    border: 1px solid var(--taf-border-soft);\n    padding: 2px 8px;\n    border-radius: 6px;\n  }\n  .taf-counter {\n    font-family: var(--taf-font-mono);\n    font-size: 12px;\n    color: var(--taf-fg-3);\n    white-space: nowrap;\n  }\n\n  \/* Horizontal scroll wrapper (kicks in on small viewports) *\/\n  .taf-scroller {\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: var(--taf-border-soft) transparent;\n  }\n  .taf-scroller::-webkit-scrollbar { height: 6px; }\n  .taf-scroller::-webkit-scrollbar-thumb { background: var(--taf-border-soft); border-radius: 3px; }\n  .taf-scroller::-webkit-scrollbar-track { background: transparent; }\n\n  .taf-board { min-width: var(--taf-pipeline-min); }\n\n  .taf-pipeline {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    padding: 16px 0 28px;\n    padding-left: var(--taf-source-col);\n  }\n  .taf-stage { position: relative; padding: 0 6px; text-align: center; }\n  .taf-stage__head {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 14px;\n  }\n  .taf-stage__icon {\n    width: var(--taf-stage-icon);\n    height: var(--taf-stage-icon);\n    border-radius: 12px;\n    background: var(--taf-bg-page);\n    border: 1px solid var(--taf-border-soft);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--taf-fg-1);\n    position: relative;\n  }\n  .taf-stage__icon svg { width: 50%; height: 50%; }\n  .taf-pulse {\n    position: absolute;\n    inset: -4px;\n    border-radius: 14px;\n    border: 1.5px solid var(--taf-brand-navy);\n    opacity: 0;\n    pointer-events: none;\n  }\n  .taf-pulse.is-on { animation: taf-stage-pulse 700ms var(--taf-ease-out); }\n  @keyframes taf-stage-pulse {\n    0%   { opacity: 0.6; transform: scale(0.94); }\n    100% { opacity: 0;   transform: scale(1.14); }\n  }\n  .taf-stage__icon.is-active {\n    border-color: var(--taf-brand-navy);\n    color: var(--taf-brand-navy);\n  }\n  .taf-stage__num {\n    font-family: var(--taf-font-mono);\n    font-size: 10px;\n    color: var(--taf-fg-4);\n    letter-spacing: 0.4px;\n  }\n  .taf-stage__label {\n    font-family: var(--taf-font-display);\n    font-weight: 600;\n    font-size: var(--taf-stage-label-size);\n    color: var(--taf-fg-1);\n    line-height: 1.25;\n  }\n  .taf-stage__sub {\n    font-family: var(--taf-font-body);\n    font-size: var(--taf-stage-sub-size);\n    color: var(--taf-fg-3);\n    line-height: 1.35;\n    margin-top: 4px;\n    min-height: 28px;\n  }\n\n  .taf-rail {\n    position: absolute;\n    left: var(--taf-source-col);\n    right: 0;\n    top: var(--taf-rail-top);\n    height: 2px;\n    background: repeating-linear-gradient(to right, var(--taf-border-soft) 0 6px, transparent 6px 12px);\n    z-index: 0;\n  }\n\n  .taf-tracks {\n    position: relative;\n    padding: 6px 0 4px;\n    z-index: 1;\n    margin-left: var(--taf-source-col);\n  }\n  .taf-track {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    height: var(--taf-track-height);\n    border-top: 1px dashed var(--taf-border-hairline);\n  }\n  .taf-track:last-child { border-bottom: 1px dashed var(--taf-border-hairline); }\n  .taf-track__source {\n    position: absolute;\n    left: calc(-1 * var(--taf-source-col));\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--taf-font-display);\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--taf-fg-2);\n    width: calc(var(--taf-source-col) - 8px);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .taf-src-dot { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }\n\n  .taf-token {\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: var(--taf-token-height);\n    padding: 0 12px 0 10px;\n    background: #fff;\n    border: 1px solid var(--taf-fg-1);\n    border-radius: 999px;\n    font-family: var(--taf-font-display);\n    font-size: var(--taf-token-font);\n    font-weight: 500;\n    color: var(--taf-fg-1);\n    box-shadow: var(--taf-shadow-card);\n    white-space: nowrap;\n    transition: left 900ms var(--taf-ease-out), opacity 300ms var(--taf-ease-out);\n    z-index: 2;\n    pointer-events: none;\n  }\n  .taf-avatar {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: var(--taf-brand-red);\n    color: #fff;\n    font-family: var(--taf-font-display);\n    font-size: 10px;\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .taf-token--navy  { border-color: var(--taf-brand-navy); }\n  .taf-token--navy .taf-avatar { background: var(--taf-brand-navy); }\n  .taf-token--gold .taf-avatar { background: var(--taf-brand-gold); color: #111; }\n  .taf-token--blue .taf-avatar { background: var(--taf-brand-blue); }\n  .taf-token--red  .taf-avatar { background: var(--taf-brand-red-deep); }\n  .taf-token.is-entering { opacity: 0; transform: translate(-50%, -50%) scale(0.85); }\n  .taf-token.is-settled  { opacity: 1; transform: translate(-50%, -50%) scale(1); }\n  .taf-token.is-leaving {\n    opacity: 0;\n    transform: translate(-50%, -30%) scale(0.9);\n    transition: left 600ms var(--taf-ease-out),\n                opacity 400ms var(--taf-ease-out),\n                transform 400ms var(--taf-ease-out);\n  }\n\n  \/* ---------- Responsive breakpoints ---------- *\/\n  @media (max-width: 1024px) {\n    .taf-root {\n      --taf-canvas-pad: 22px;\n      --taf-source-col: 112px;\n      --taf-stage-icon: 40px;\n      --taf-stage-label-size: 12px;\n      --taf-stage-sub-size: 10.5px;\n      --taf-rail-top: 72px;\n    }\n  }\n  @media (max-width: 820px) {\n    .taf-root {\n      --taf-canvas-pad: 18px;\n      --taf-source-col: 100px;\n      --taf-stage-icon: 36px;\n      --taf-stage-label-size: 11.5px;\n      --taf-stage-sub-size: 10px;\n      --taf-token-height: 28px;\n      --taf-token-font: 11px;\n      --taf-track-height: 50px;\n      --taf-rail-top: 66px;\n      --taf-pipeline-min: 760px;\n    }\n    .taf-stage__sub { min-height: 32px; }\n  }\n  @media (max-width: 560px) {\n    .taf-root {\n      --taf-canvas-pad: 14px;\n      --taf-source-col: 88px;\n      --taf-stage-icon: 32px;\n      --taf-stage-label-size: 11px;\n      --taf-stage-sub-size: 9.5px;\n      --taf-token-height: 26px;\n      --taf-token-font: 10.5px;\n      --taf-track-height: 46px;\n      --taf-rail-top: 60px;\n      --taf-pipeline-min: 720px;\n      --taf-radius-lg: 14px;\n    }\n    .taf-canvas__title { font-size: 13px; }\n    .taf-counter { font-size: 11px; }\n    .taf-track__source { font-size: 10px; gap: 6px; }\n    .taf-token { padding: 0 10px 0 8px; gap: 6px; }\n    .taf-avatar { width: 18px; height: 18px; font-size: 9px; }\n    .taf-stage__sub { min-height: 30px; }\n  }\n  @media (max-width: 380px) {\n    .taf-root {\n      --taf-canvas-pad: 12px;\n      --taf-source-col: 76px;\n    }\n    .taf-canvas__header { flex-direction: column; align-items: flex-start; gap: 6px; }\n    .taf-stage__sub { min-height: 28px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .taf-token { transition: none; }\n    .taf-token.is-leaving { transition: opacity 200ms linear; }\n    .taf-pulse.is-on { animation: none; }\n  }\n<\/style>\n\n<div class=\"taf-root\">\n  <div class=\"taf-wrap\">\n    <div class=\"taf-canvas\">\n      <div class=\"taf-canvas__header\">\n        <div class=\"taf-canvas__title\">\n          <span style=\"color: var(--taf-brand-red); display: inline-flex;\">\n            <svg viewbox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <circle cx=\"5\" cy=\"7\" r=\"2\"\/><circle cx=\"19\" cy=\"7\" r=\"2\"\/><circle cx=\"12\" cy=\"17\" r=\"2\"\/>\n              <path d=\"M5 9v3a2 2 0 0 0 2 2h3M19 9v3a2 2 0 0 1-2 2h-3\"\/>\n            <\/svg>\n          <\/span>\n          3AFlow Workflow \u2014 Speed-to-Lead\n          <span class=\"taf-kbd\" aria-label=\"live status\">live<\/span>\n        <\/div>\n        <div class=\"taf-canvas__meta\">\n          <span class=\"taf-counter\" id=\"taf-counter\" aria-hidden=\"true\">00 events processed today<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"taf-scroller\" role=\"region\" aria-label=\"Workflow pipeline \u2014 scroll horizontally to see all stages\">\n        <div class=\"taf-board\">\n          <div class=\"taf-pipeline\" id=\"taf-pipeline\"><\/div>\n          <div class=\"taf-tracks\" id=\"taf-tracks\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var root = document.getElementById('taf-pipeline');\n    if (!root) return;\n    \/\/ Guard against double-initialisation if the widget ends up in the DOM twice\n    if (root.dataset.tafInit === '1') return;\n    root.dataset.tafInit = '1';\n\n    var ICONS = {\n      capture:  '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3v12M7 10l5 5 5-5M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\"\/><\/svg>',\n      sms:      '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v11H9l-4 4V5z\"\/><circle cx=\"9\"  cy=\"10.5\" r=\"0.8\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"10.5\" r=\"0.8\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"10.5\" r=\"0.8\" fill=\"currentColor\"\/><\/svg>',\n      email:    '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h18v12H3z\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>',\n      ai:       '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l1.8 4.2L18 9l-4.2 1.8L12 15l-1.8-4.2L6 9l4.2-1.8L12 3z\"\/><path d=\"M18 14l.9 2.1L21 17l-2.1.9L18 20l-.9-2.1L15 17l2.1-.9L18 14z\"\/><\/svg>',\n      crm:      '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M5.5 16.5c.7-1.4 2-2.1 3.5-2.1s2.8.7 3.5 2.1\"\/><path d=\"M14.5 10h4M14.5 13h4\"\/><\/svg>',\n      bell:     '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 16V11a6 6 0 1 1 12 0v5l1.5 2H4.5L6 16z\"\/><path d=\"M10 20a2 2 0 0 0 4 0\"\/><\/svg>',\n      calendar: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M3 10h18\"\/><path d=\"M9 15l2 2 4-4\"\/><\/svg>'\n    };\n\n    var STAGES = [\n      { num: \"01\", label: \"Lead captured\",      sub: \"Source detected\",       icon: ICONS.capture  },\n      { num: \"02\", label: \"Instant SMS\",        sub: \"< 60 s\",                icon: ICONS.sms      },\n      { num: \"03\", label: \"Email sent\",         sub: \"Personalized sequence\", icon: ICONS.email    },\n      { num: \"04\", label: \"AI qualification\",   sub: \"Score \u00b7 intent\",        icon: ICONS.ai       },\n      { num: \"05\", label: \"CRM record created\", sub: \"3AFlow \u00b7 GHL\",          icon: ICONS.crm      },\n      { num: \"06\", label: \"Rep notified\",       sub: \"Push \u00b7 Slack\",          icon: ICONS.bell     },\n      { num: \"07\", label: \"Meeting booked\",     sub: \"Calendar synced\",       icon: ICONS.calendar }\n    ];\n\n    var SOURCES = [\n      { name: \"Meta Lead Ad\", color: \"#3E3AEA\", tone: \"blue\" },\n      { name: \"Google Ads\",   color: \"#F5AA21\", tone: \"gold\" },\n      { name: \"Web form\",     color: \"#23355C\", tone: \"navy\" },\n      { name: \"LinkedIn\",     color: \"#0F3796\", tone: \"navy\" },\n      { name: \"Missed call\",  color: \"#8B2A33\", tone: \"red\"  }\n    ];\n\n    var NAMES = [\"Marc L.\", \"Sophie T.\", \"Jean-P.\", \"\u00c9lise M.\", \"Karim B.\", \"Val\u00e9rie D.\", \"Antoine R.\", \"Nadia S.\", \"Maxime G.\", \"Camille F.\"];\n\n    var pipelineEl = document.getElementById(\"taf-pipeline\");\n    var tracksEl   = document.getElementById(\"taf-tracks\");\n    var counterEl  = document.getElementById(\"taf-counter\");\n\n    \/\/ Render stages\n    STAGES.forEach(function (s, i) {\n      var el = document.createElement(\"div\");\n      el.className = \"taf-stage\";\n      el.innerHTML =\n        '<div class=\"taf-stage__head\">' +\n          '<div class=\"taf-stage__icon\" data-taf-stage=\"' + i + '\">' +\n            s.icon +\n            '<span class=\"taf-pulse\" data-taf-pulse=\"' + i + '\"><\/span>' +\n          '<\/div>' +\n          '<div class=\"taf-stage__num\">' + s.num + '<\/div>' +\n          '<div class=\"taf-stage__label\">' + s.label + '<\/div>' +\n          '<div class=\"taf-stage__sub\">' + s.sub + '<\/div>' +\n        '<\/div>';\n      pipelineEl.appendChild(el);\n    });\n    var rail = document.createElement(\"div\");\n    rail.className = \"taf-rail\";\n    pipelineEl.appendChild(rail);\n\n    \/\/ Render tracks\n    SOURCES.forEach(function (src) {\n      var row = document.createElement(\"div\");\n      row.className = \"taf-track\";\n      row.setAttribute(\"data-taf-source\", src.name);\n      row.innerHTML =\n        '<span class=\"taf-track__source\">' +\n          '<span class=\"taf-src-dot\" style=\"background:' + src.color + '\"><\/span>' +\n          src.name +\n        '<\/span>';\n      tracksEl.appendChild(row);\n    });\n\n    var counter = 0;\n    function randOf(a) { return a[Math.floor(Math.random() * a.length)]; }\n\n    function flashStage(i) {\n      var icon = pipelineEl.querySelector('[data-taf-stage=\"' + i + '\"]');\n      var pulse = pipelineEl.querySelector('[data-taf-pulse=\"' + i + '\"]');\n      if (!icon || !pulse) return;\n      icon.classList.add(\"is-active\");\n      pulse.classList.remove(\"is-on\");\n      \/* force reflow *\/ void pulse.offsetWidth;\n      pulse.classList.add(\"is-on\");\n      setTimeout(function () { icon.classList.remove(\"is-active\"); }, 650);\n    }\n\n    function spawn() {\n      var src = randOf(SOURCES);\n      var name = randOf(NAMES);\n      var initials = name.split(\" \").map(function (w) { return w[0]; }).join(\"\").slice(0, 2).toUpperCase();\n      var row = tracksEl.querySelector('.taf-track[data-taf-source=\"' + src.name + '\"]');\n      if (!row) return;\n\n      var token = document.createElement(\"div\");\n      token.className = \"taf-token is-entering taf-token--\" + src.tone;\n      token.style.left = ((0.5 \/ 7) * 100) + \"%\";\n      token.innerHTML = '<span class=\"taf-avatar\">' + initials + '<\/span><span>' + name + '<\/span>';\n      row.appendChild(token);\n\n      setTimeout(function () {\n        token.classList.remove(\"is-entering\");\n        token.classList.add(\"is-settled\");\n        flashStage(0);\n      }, 120);\n\n      var stepMs = 1100;\n      for (var step = 1; step < STAGES.length; step++) {\n        (function (s) {\n          setTimeout(function () {\n            token.style.left = (((s + 0.5) \/ 7) * 100) + \"%\";\n            flashStage(s);\n            counter = Math.min(counter + 1, 48);\n            counterEl.textContent = String(counter).padStart(2, \"0\") + \" events processed today\";\n          }, s * stepMs);\n        })(step);\n      }\n\n      setTimeout(function () {\n        token.classList.remove(\"is-settled\");\n        token.classList.add(\"is-leaving\");\n        setTimeout(function () { if (token.parentNode) token.parentNode.removeChild(token); }, 450);\n      }, STAGES.length * stepMs + 200);\n    }\n\n    \/\/ Respect prefers-reduced-motion\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduceMotion) {\n      SOURCES.forEach(function (src, idx) {\n        var name = NAMES[idx % NAMES.length];\n        var initials = name.split(\" \").map(function (w) { return w[0]; }).join(\"\").slice(0, 2).toUpperCase();\n        var row = tracksEl.querySelector('.taf-track[data-taf-source=\"' + src.name + '\"]');\n        if (!row) return;\n        var token = document.createElement(\"div\");\n        token.className = \"taf-token is-settled taf-token--\" + src.tone;\n        token.style.left = ((0.5 \/ 7) * 100) + \"%\";\n        token.innerHTML = '<span class=\"taf-avatar\">' + initials + '<\/span><span>' + name + '<\/span>';\n        row.appendChild(token);\n      });\n      counterEl.textContent = \"-- events processed today\";\n    } else {\n      spawn();\n      setTimeout(spawn, 900);\n      setTimeout(spawn, 1800);\n      setInterval(spawn, 2200);\n    }\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7600f8 e-flex e-con-boxed e-con e-parent\" data-id=\"b7600f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c940e29 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c940e29\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What <span style=\"color:#BE242F\"> 3AFlow  <\/span>Includes <\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2691018 e-flex e-con-boxed e-con e-child\" data-id=\"2691018\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec2153 elementor-widget elementor-widget-html\" data-id=\"4ec2153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Swiper CSS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;700&display=swap');\r\n\r\n    .features-carousel-container {\r\n        font-family: 'Archivo', sans-serif;\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        background-color: transparent;\r\n    }\r\n\r\n    .swiper {\r\n        width: 100%;\r\n        padding-bottom: 50px !important;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .feature-card {\r\n        background: #ffffff;\r\n        border-radius: 15px;\r\n        padding: 35px 25px;\r\n        height: auto;\r\n        min-height: 320px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        display: flex;\r\n        flex-direction: column;\r\n        border: 1px solid #f0f0f0;\r\n        box-sizing: border-box;\r\n        transition: none;\r\n    }\r\n\r\n    .feature-card:hover {\r\n        transform: none;\r\n    }\r\n\r\n    \/* Icon Styling *\/\r\n    .icon-box {\r\n        background-color: #BE242F;\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .icon-box svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: white;\r\n    }\r\n\r\n    \/* Text Styling *\/\r\n    .feature-card h3 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #111;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.3;\r\n        letter-spacing: -0.3px;\r\n    }\r\n\r\n    .feature-card p {\r\n        font-size: 13.5px;\r\n        color: #555;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Pagination *\/\r\n    .swiper-pagination-bullet-active {\r\n        background: #BE242f !important;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .feature-card {\r\n            padding: 25px 20px;\r\n            min-height: 280px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"features-carousel-container\">\r\n    <div class=\"swiper mySwiper\">\r\n        <div class=\"swiper-wrapper\">\r\n\r\n            <!-- Box 1 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>CRM Setup & Customization<\/h3>\r\n                    <p>Pipeline configuration, custom fields, tags, lead scoring, contact import, and workflow design tailored to your unique sales process.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 2 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>AI-Powered Automation<\/h3>\r\n                    <p>Automated lead follow-ups, appointment reminders, review requests, and nurture sequences powered by AI - running 24\/7.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 3 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Multi-Channel Marketing<\/h3>\r\n                    <p>Email campaigns, SMS sequences, social media scheduling, and WhatsApp messaging - all from one dashboard.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 4 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Sales Funnels & Landing Pages<\/h3>\r\n                    <p>Conversion-optimized landing pages, opt-in forms, and sales funnels built and tested within the platform.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 5 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Review & Reputation Management<\/h3>\r\n                    <p>Automated review request sequences, review monitoring, and response management to build your online reputation.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 6 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Reporting & Analytics<\/h3>\r\n                    <p>Real-time dashboards tracking leads, conversions, revenue, campaign performance, and ROI across all channels.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Swiper JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n  var swiper = new Swiper(\".mySwiper\", {\r\n    slidesPerView: 1.2,\r\n    spaceBetween: 20,\r\n    slidesPerGroup: 1,\r\n    loop: true,\r\n\r\n    autoplay: {\r\n      delay: 2500,\r\n      disableOnInteraction: false,\r\n      pauseOnMouseEnter: true\r\n    },\r\n\r\n    pagination: {\r\n      el: \".swiper-pagination\",\r\n      clickable: true,\r\n    },\r\n\r\n    breakpoints: {\r\n      640: {\r\n        slidesPerView: 2.2,\r\n        slidesPerGroup: 2,\r\n      },\r\n      1024: {\r\n        slidesPerView: 4,\r\n        slidesPerGroup: 2,\r\n      },\r\n    },\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0604d4 e-flex e-con-boxed e-con e-parent\" data-id=\"c0604d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4677ec0 e-con-full e-flex e-con e-child\" data-id=\"4677ec0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bae072a elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"bae072a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our 4-phase implementation process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1914e15 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1914e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Proven methodology designed to get your CRM live and optimized in 4-5 weeks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6133b93 e-con-full e-flex e-con e-child\" data-id=\"6133b93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aed540 elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"2aed540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"487\" height=\"487\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Anais-Neron-1.png\" class=\"attachment-full size-full wp-image-3841\" alt=\"\" srcset=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Anais-Neron-1.png 487w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Anais-Neron-1-300x300.png 300w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Anais-Neron-1-150x150.png 150w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Anais-Neron-1-12x12.png 12w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Discovery &amp; Audit<\/h3><p class=\"elementor-image-box-description\">We map your current sales process, tools, and pain points. We identify automation opportunities and define your CRM architecture.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56563ae elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"56563ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"487\" height=\"487\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-David-Fortin-Simard-1.png\" class=\"attachment-full size-full wp-image-3325\" alt=\"\" srcset=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-David-Fortin-Simard-1.png 487w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-David-Fortin-Simard-1-300x300.png 300w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-David-Fortin-Simard-1-150x150.png 150w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-David-Fortin-Simard-1-12x12.png 12w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Configuration<\/h3><p class=\"elementor-image-box-description\">We build your CRM: pipelines, automations, templates, integrations, funnels, and campaigns, all customized to your business.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1bf7d0 elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"b1bf7d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"487\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Muhammad-Saqib.png\" class=\"attachment-full size-full wp-image-3326\" alt=\"\" srcset=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Muhammad-Saqib.png 487w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Muhammad-Saqib-300x300.png 300w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Muhammad-Saqib-150x150.png 150w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Muhammad-Saqib-12x12.png 12w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Migration &amp; Testing<\/h3><p class=\"elementor-image-box-description\">We migrate your data, test all automations, and verify every workflow. Nothing goes live without thorough QA.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2822cea elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"2822cea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"487\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Hannalee.png\" class=\"attachment-full size-full wp-image-3327\" alt=\"\" srcset=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Hannalee.png 487w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Hannalee-300x300.png 300w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Hannalee-150x150.png 150w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Avatar-for-Hannalee-12x12.png 12w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Training &amp; Launch<\/h3><p class=\"elementor-image-box-description\">We train your team on every feature they need, provide documentation, and launch with live support for the first 30 days.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ee315b e-flex e-con-boxed e-con e-parent\" data-id=\"7ee315b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad46346 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ad46346\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-821b9a9 elementor-widget elementor-widget-html\" data-id=\"821b9a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;700&display=swap');\r\n\r\n    \/* Main Container - Zero padding and transparent background *\/\r\n    .faq-wrapper {\r\n        font-family: 'Archivo', sans-serif;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        padding: 20px 0; \/* Top\/Bottom spacing only *\/\r\n        background-color: transparent;\r\n    }\r\n\r\n    \/* Individual Card Styling *\/\r\n    .faq-card {\r\n        background-color: #ffffff;\r\n        border-radius: 18px;\r\n        margin-bottom: 12px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid #f2f2f2;\r\n    }\r\n\r\n    \/* The Question Trigger *\/\r\n    .faq-card summary {\r\n        padding: 24px 30px;\r\n        list-style: none;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        font-size: 17px;\r\n        color: #111111;\r\n        outline: none;\r\n    }\r\n\r\n    \/* Remove default triangle icons *\/\r\n    .faq-card summary::-webkit-details-marker {\r\n        display: none;\r\n    }\r\n\r\n    \/* Custom + Icon *\/\r\n    .faq-card summary::after {\r\n        content: '+';\r\n        font-size: 24px;\r\n        font-weight: 400;\r\n        color: #333;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Change to - when open *\/\r\n    .faq-card[open] summary::after {\r\n        content: '\u2014';\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* The Answer Box *\/\r\n    .faq-answer {\r\n        padding: 0 30px 30px 30px;\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #555555;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Hover effect *\/\r\n    .faq-card:hover {\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.06);\r\n    }\r\n\r\n    \/* Entrance Animation *\/\r\n    .faq-card[open] .faq-answer {\r\n        animation: fadeInReveal 0.4s ease-out;\r\n    }\r\n\r\n    @keyframes fadeInReveal {\r\n        from { opacity: 0; transform: translateY(-5px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .faq-card summary { font-size: 15px; padding: 20px; }\r\n        .faq-answer { padding: 0 20px 20px 20px; font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"faq-wrapper\">\r\n\r\n    <!-- Item 1 (Open by default) -->\r\n    <details class=\"faq-card\" open>\r\n        <summary>What is High Level and why should I use it?<\/summary>\r\n        <div class=\"faq-answer\">\r\n           High Level is an all-in-one CRM and marketing automation platform designed for agencies and SMBs. It combines contact management, marketing automation (email, SMS, social media), sales funnel building, appointment scheduling, review management, and AI-powered automation in a single tool. You should use it because it consolidates 5+ separate tools (HubSpot, Mailchimp, Calendly, etc.) into one system, dramatically reduces costs, provides unlimited contacts even on entry plans, and includes native AI automation that runs 24\/7 without manual intervention.\r\n        <\/div>\r\n    <\/details>\r\n\r\n    <!-- Item 2 -->\r\n    <details class=\"faq-card\">\r\n        <summary>How much does High Level cost?<\/summary>\r\n        <div class=\"faq-answer\">\r\n            High Level platform pricing ranges from 150$\/month (Starter) to 297$\/month (Enterprise) depending on which plan you choose. Our 3AFlow implementation service includes full setup, customization, integrations, automation design, data migration, and team training. Typical full implementation projects range from 3,500$ to 12,000$ depending on complexity, number of automations needed, integrations with your existing tools, and custom development work. We always recommend discussing your specific needs to get an accurate quote.\r\n        <\/div>\r\n    <\/details>\r\n\r\n    <!-- Item 3 -->\r\n    <details class=\"faq-card\">\r\n        <summary>How long does CRM implementation take?<\/summary>\r\n        <div class=\"faq-answer\">\r\n            Our 3AFlow implementation typically follows a 4-5 week timeline. Week 1 covers comprehensive discovery and audit of your current sales process, existing tools, and pain points. Weeks 2-3 involve configuration of your CRM including pipelines, automations, email templates, integrations, sales funnels, and campaigns - all customized to your business. Week 4 includes data migration from your old system, testing all automations, and thorough quality assurance. Week 5 covers hands-on team training and live launch support for the first 30 days. This timeline can be extended or compressed based on your specific requirements and data complexity.\r\n    <\/details>\r\n\r\n    <!-- Item 4 -->\r\n    <details class=\"faq-card\">\r\n        <summary>Can you migrate data from my current CRM?<\/summary>\r\n        <div class=\"faq-answer\">\r\n            Yes, absolutely. We have extensive experience migrating from other CRMs including Salesforce, HubSpot, Pipedrive, Monday.com, Zoho, and spreadsheet-based systems. The process includes data assessment and audit, cleaning and deduplication to ensure quality, mapping your existing fields to the Go High Level structure, testing the import process, and verifying that all contacts and historical data transferred correctly. We ensure zero data loss and maintain data integrity throughout the migration. Your old system remains untouched until we confirm everything is working perfectly in GHL.\r\n        <\/div>\r\n    <\/details>\r\n\r\n    <!-- Item 5 -->\r\n    <details class=\"faq-card\">\r\n        <summary>Do you provide training for our team?<\/summary>\r\n        <div class=\"faq-answer\">\r\n            Yes, comprehensive team training is included in every 3AFlow implementation package. We provide hands-on training covering all features your team will use daily: contact management and lead scoring, pipeline management and deal progression, email and SMS campaign creation, funnel building and optimization, appointment scheduling and booking, reporting and analytics interpretation, and more. We also create custom documentation specific to your CRM setup and your business processes. Post-launch, we provide ongoing support during the first 30 days to answer questions and ensure smooth adoption.\r\n        <\/div>\r\n    <\/details>\r\n\r\n    <!-- Item 6 -->\r\n    <details class=\"faq-card\">\r\n        <summary>What's the difference between 3AFlow and just buying High Level ourselves?<\/summary>\r\n        <div class=\"faq-answer\">\r\n            High Level is powerful but complex. Buying it yourself gives you access to the platform - but not the expertise to implement it correctly. Most businesses that implement GHL alone waste 6-12 months figuring out best practices, miss significant automation opportunities, and don't get proper training for their team. 3AFlow includes strategic planning aligned to your sales process, custom configuration and workflow design, pre-built automation templates adapted to your business, integrations with your existing tools, data migration from your current CRM, comprehensive team training, and 30 days of live support post-launch. We compress the learning curve from 6-12 months to 4-5 weeks and ensure you're using GHL at its full potential from day one.\r\n        <\/div>\r\n    <\/details>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>AI-Powered Creative Studio Go High Level CRM Implementation That Automates Your Sales Machine Stop losing leads to manual follow-ups and disconnected tools. 3AFlow is our complete High Level implementation solution that we set up, customize, automate, and train your team on the all-in-one CRM platform that replaces 5+ tools at a fraction of the cost. [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "elementor_header_footer",
    "meta": {
        "_yoast_wpseo_title": "",
        "_yoast_wpseo_metadesc": "",
        "_metasync_otto_title": "",
        "_metasync_otto_description": "",
        "_metasync_otto_keywords": "",
        "_metasync_otto_og_title": "",
        "_metasync_otto_og_description": "",
        "_metasync_otto_twitter_title": "",
        "_metasync_otto_twitter_description": "",
        "rank_math_title": "",
        "rank_math_description": "",
        "_aioseo_title": "",
        "_aioseo_description": "",
        "_metasync_seo_title": "",
        "_metasync_seo_desc": "",
        "_metasync_breadcrumb_title": "",
        "_metasync_primary_category": 0,
        "_metasync_primary_product_cat": 0,
        "_metasync_otto_disabled": "",
        "_metasync_hreflang": "",
        "_metasync_plugin_sync_ts": "{\"yoast\":\"2026-05-04T18:41:27+00:00\"}",
        "_metasync_robots_advanced": "",
        "footnotes": ""
    },
    "class_list": [
        "post-2188",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "yoast_head": "<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Go High Level CRM - Agence 3A<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agence3a.ca\/en\/go-high-level-crm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Go High Level CRM - Agence 3A\" \/>\n<meta property=\"og:description\" content=\"AI-Powered Creative Studio Go High Level CRM Implementation That Automates Your Sales Machine Stop losing leads to manual follow-ups and disconnected tools. 3AFlow is our complete High Level implementation solution that we set up, customize, automate, and train your team on the all-in-one CRM platform that replaces 5+ tools at a fraction of the cost. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agence3a.ca\/en\/go-high-level-crm\/\" \/>\n<meta property=\"og:site_name\" content=\"Agence 3A\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/\",\"name\":\"Go High Level CRM - Agence 3A\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-02-1.png\",\"datePublished\":\"2026-03-10T05:52:39+00:00\",\"dateModified\":\"2026-05-04T00:55:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-02-1.png\",\"contentUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-02-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/go-high-level-crm\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Go High Level CRM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#website\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/\",\"name\":\"Agence 3A\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agence3a.ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#organization\",\"name\":\"Agence 3A\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-transparent.png\",\"contentUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-transparent.png\",\"width\":271,\"height\":57,\"caption\":\"Agence 3A\"},\"image\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->",
    "yoast_head_json": {
        "title": "Go High Level CRM - Agence 3A",
        "robots": {
            "index": "index",
            "follow": "follow",
            "max-snippet": "max-snippet:-1",
            "max-image-preview": "max-image-preview:large",
            "max-video-preview": "max-video-preview:-1"
        },
        "canonical": "https:\/\/agence3a.ca\/en\/go-high-level-crm\/",
        "og_locale": "en_US",
        "og_type": "article",
        "og_title": "Go High Level CRM - Agence 3A",
        "og_description": "AI-Powered Creative Studio Go High Level CRM Implementation That Automates Your Sales Machine Stop losing leads to manual follow-ups and disconnected tools. 3AFlow is our complete High Level implementation solution that we set up, customize, automate, and train your team on the all-in-one CRM platform that replaces 5+ tools at a fraction of the cost. [&hellip;]",
        "og_url": "https:\/\/agence3a.ca\/en\/go-high-level-crm\/",
        "og_site_name": "Agence 3A",
        "og_image": [
            {
                "url": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png",
                "type": "",
                "width": "",
                "height": ""
            }
        ],
        "twitter_card": "summary_large_image",
        "twitter_misc": {
            "Est. reading time": "18 minutes"
        },
        "schema": {
            "@context": "https:\/\/schema.org",
            "@graph": [
                {
                    "@type": "WebPage",
                    "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/",
                    "url": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/",
                    "name": "Go High Level CRM - Agence 3A",
                    "isPartOf": {
                        "@id": "https:\/\/agence3a.ca\/#website"
                    },
                    "primaryImageOfPage": {
                        "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/#primaryimage"
                    },
                    "image": {
                        "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/#primaryimage"
                    },
                    "thumbnailUrl": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png",
                    "datePublished": "2026-03-10T05:52:39+00:00",
                    "dateModified": "2026-05-04T00:55:50+00:00",
                    "breadcrumb": {
                        "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/#breadcrumb"
                    },
                    "inLanguage": "en-US",
                    "potentialAction": [
                        {
                            "@type": "ReadAction",
                            "target": [
                                "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/"
                            ]
                        }
                    ]
                },
                {
                    "@type": "ImageObject",
                    "inLanguage": "en-US",
                    "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/#primaryimage",
                    "url": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png",
                    "contentUrl": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-02-1.png"
                },
                {
                    "@type": "BreadcrumbList",
                    "@id": "https:\/\/agence3a.ca\/fr\/go-high-level-crm\/#breadcrumb",
                    "itemListElement": [
                        {
                            "@type": "ListItem",
                            "position": 1,
                            "name": "Home",
                            "item": "https:\/\/agence3a.ca\/fr\/"
                        },
                        {
                            "@type": "ListItem",
                            "position": 2,
                            "name": "Go High Level CRM"
                        }
                    ]
                },
                {
                    "@type": "WebSite",
                    "@id": "https:\/\/agence3a.ca\/#website",
                    "url": "https:\/\/agence3a.ca\/",
                    "name": "Agence 3A",
                    "description": "",
                    "publisher": {
                        "@id": "https:\/\/agence3a.ca\/#organization"
                    },
                    "potentialAction": [
                        {
                            "@type": "SearchAction",
                            "target": {
                                "@type": "EntryPoint",
                                "urlTemplate": "https:\/\/agence3a.ca\/?s={search_term_string}"
                            },
                            "query-input": {
                                "@type": "PropertyValueSpecification",
                                "valueRequired": true,
                                "valueName": "search_term_string"
                            }
                        }
                    ],
                    "inLanguage": "en-US"
                },
                {
                    "@type": "Organization",
                    "@id": "https:\/\/agence3a.ca\/#organization",
                    "name": "Agence 3A",
                    "url": "https:\/\/agence3a.ca\/",
                    "logo": {
                        "@type": "ImageObject",
                        "inLanguage": "en-US",
                        "@id": "https:\/\/agence3a.ca\/#\/schema\/logo\/image\/",
                        "url": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/07\/cropped-transparent.png",
                        "contentUrl": "https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/07\/cropped-transparent.png",
                        "width": 271,
                        "height": 57,
                        "caption": "Agence 3A"
                    },
                    "image": {
                        "@id": "https:\/\/agence3a.ca\/#\/schema\/logo\/image\/"
                    }
                }
            ]
        }
    },
    "_links": {
        "self": [
            {
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/pages\/2188",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/comments?post=2188"
            }
        ],
        "version-history": [
            {
                "count": 22,
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/pages\/2188\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 4912,
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/pages\/2188\/revisions\/4912"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/agence3a.ca\/en\/wp-json\/wp\/v2\/media?parent=2188"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}