{"id":6671,"date":"2025-08-23T18:48:54","date_gmt":"2025-08-23T16:48:54","guid":{"rendered":"https:\/\/causeriebot.com\/?page_id=6671"},"modified":"2026-05-05T00:31:03","modified_gmt":"2026-05-04T22:31:03","slug":"chatbot-ia-pour-votre-site-web","status":"publish","type":"page","link":"https:\/\/causeriebot.com\/en\/","title":{"rendered":"Causerie &#8211; Le meilleur logiciel de chatbot IA pour votre site web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6671\" class=\"elementor elementor-6671\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1e2d90 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a1e2d90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad939e9 elementor-widget elementor-widget-html\" data-id=\"ad939e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =============================================\n  CAUSERIE : V3 \/ HOMEPAGE COMPL\u00c8TE\n  Widget HTML (pleine largeur) : Elementor\n  Couleur de marque : #20D3AB (teal)\n  Style : Linear \/ Vercel : blanc, teal, Geist\n  Toutes les r\u00e8gles sont scop\u00e9es sous .csr-v2\n  pour \u00e9viter tout conflit avec le th\u00e8me.\n\n  CHANGEMENTS V3 :\n  - Palette teal (#20D3AB)\n  - Bundle Schema.org complet (Organization, SoftwareApplication, FAQPage, WebSite)\n  - Section FAQ visible (coh\u00e9rence avec FAQPage Schema)\n  - H1 reformul\u00e9 pour capter \"chatbot IA fran\u00e7ais\"\n  - Liens contextuels vers \/pour\/* et \/alternative\/*\n  - Bloc fondateurs visible\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 SCHEMA.ORG \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Organization\",\n      \"@id\": \"https:\/\/causeriebot.com\/#organization\",\n      \"name\": \"CauserieBot\",\n      \"alternateName\": \"Causerie\",\n      \"url\": \"https:\/\/causeriebot.com\/\",\n      \"logo\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\/\/causeriebot.com\/wp-content\/uploads\/2023\/07\/logo-causerie-scaled.png\",\n        \"width\": 512,\n        \"height\": 512\n      },\n      \"image\": \"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png\",\n      \"description\": \"CauserieBot est un logiciel de chatbot IA conversationnel 100% en fran\u00e7ais pour automatiser le support client, capturer des leads et convertir les visiteurs 24\/7.\",\n      \"foundingDate\": \"2024\",\n      \"foundingLocation\": {\n        \"@type\": \"Place\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"addressCountry\": \"FR\"\n        }\n      },\n      \"areaServed\": {\n        \"@type\": \"Place\",\n        \"name\": \"France, Belgique, Suisse, Canada francophone\"\n      },\n      \"knowsLanguage\": [\"fr\", \"en\"],\n      \"founder\": [\n        {\n          \"@type\": \"Person\",\n          \"name\": \"Mathias\",\n          \"jobTitle\": \"Co-fondateur\"\n        },\n        {\n          \"@type\": \"Person\",\n          \"name\": \"Nicolas Buathier\",\n          \"jobTitle\": \"Co-fondateur\"\n        }\n      ],\n      \"sameAs\": [\n        \"https:\/\/www.linkedin.com\/company\/causeriebot\"\n      ],\n      \"contactPoint\": {\n        \"@type\": \"ContactPoint\",\n        \"contactType\": \"customer support\",\n        \"email\": \"contact@causeriebot.com\",\n        \"availableLanguage\": [\"French\", \"English\"],\n        \"areaServed\": \"FR\"\n      }\n    },\n    {\n      \"@type\": \"WebSite\",\n      \"@id\": \"https:\/\/causeriebot.com\/#website\",\n      \"url\": \"https:\/\/causeriebot.com\/\",\n      \"name\": \"CauserieBot\",\n      \"description\": \"Le meilleur logiciel de chatbot IA pour votre site web\",\n      \"publisher\": { \"@id\": \"https:\/\/causeriebot.com\/#organization\" },\n      \"inLanguage\": \"fr-FR\",\n      \"potentialAction\": {\n        \"@type\": \"SearchAction\",\n        \"target\": {\n          \"@type\": \"EntryPoint\",\n          \"urlTemplate\": \"https:\/\/causeriebot.com\/?s={search_term_string}\"\n        },\n        \"query-input\": \"required name=search_term_string\"\n      }\n    },\n    {\n      \"@type\": \"SoftwareApplication\",\n      \"@id\": \"https:\/\/causeriebot.com\/#software\",\n      \"name\": \"CauserieBot\",\n      \"applicationCategory\": \"BusinessApplication\",\n      \"applicationSubCategory\": \"Chatbot IA\",\n      \"operatingSystem\": \"Web, WordPress, Shopify, Webflow, Next.js, Squarespace, HTML\",\n      \"url\": \"https:\/\/causeriebot.com\/\",\n      \"image\": \"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png\",\n      \"description\": \"Chatbot IA conversationnel 100% en fran\u00e7ais qui lit votre site, apprend votre catalogue et r\u00e9pond aux visiteurs 24\/7. Installation en 5 minutes, sans code, h\u00e9bergement europ\u00e9en RGPD.\",\n      \"inLanguage\": \"fr-FR\",\n      \"softwareVersion\": \"2.0\",\n      \"datePublished\": \"2024-01-15\",\n      \"dateModified\": \"2026-04-20\",\n      \"author\": { \"@id\": \"https:\/\/causeriebot.com\/#organization\" },\n      \"publisher\": { \"@id\": \"https:\/\/causeriebot.com\/#organization\" },\n      \"featureList\": [\n        \"Base de connaissances (PDF, scraping web, texte libre, 50 000 caract\u00e8res)\",\n        \"6 mod\u00e8les IA au choix (GPT-4o, GPT-4o Mini, Claude Sonnet, Claude Haiku, Gemini 2.5 Pro, Gemini Flash)\",\n        \"Capture de leads automatique avec formulaire personnalisable\",\n        \"Widget personnalisable (couleurs, position, avatar, message d'accueil)\",\n        \"Dashboard et analytics en temps r\u00e9el\",\n        \"Int\u00e9gration en 1 ligne de code sur tous les CMS\",\n        \"H\u00e9bergement Europe et conformit\u00e9 RGPD native\",\n        \"Notifications email, Slack, SMS pour les leads chauds\",\n        \"Export CSV des leads\",\n        \"White-label disponible\",\n        \"API compl\u00e8te\"\n      ],\n      \"screenshot\": \"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png\",\n      \"offers\": [\n        {\n          \"@type\": \"Offer\",\n          \"name\": \"Gratuit\",\n          \"price\": \"0\",\n          \"priceCurrency\": \"EUR\",\n          \"priceValidUntil\": \"2027-12-31\",\n          \"availability\": \"https:\/\/schema.org\/InStock\",\n          \"url\": \"https:\/\/causeriebot.com\/#pricing\",\n          \"description\": \"1 bot actif, 50 conversations\/mois, widget personnalisable, mod\u00e8les IA rapides, base de connaissances\",\n          \"category\": \"Free\"\n        },\n        {\n          \"@type\": \"Offer\",\n          \"name\": \"Pro\",\n          \"price\": \"49\",\n          \"priceCurrency\": \"EUR\",\n          \"priceValidUntil\": \"2027-12-31\",\n          \"availability\": \"https:\/\/schema.org\/InStock\",\n          \"url\": \"https:\/\/causeriebot.com\/#pricing\",\n          \"description\": \"3 bots actifs, 2 000 conversations\/mois, tous les mod\u00e8les IA, leads illimit\u00e9s + export CSV, scraping web, support prioritaire\",\n          \"category\": \"Subscription\",\n          \"eligibleDuration\": { \"@type\": \"QuantitativeValue\", \"value\": 1, \"unitCode\": \"MON\" }\n        },\n        {\n          \"@type\": \"Offer\",\n          \"name\": \"Business\",\n          \"price\": \"99\",\n          \"priceCurrency\": \"EUR\",\n          \"priceValidUntil\": \"2027-12-31\",\n          \"availability\": \"https:\/\/schema.org\/InStock\",\n          \"url\": \"https:\/\/causeriebot.com\/#pricing\",\n          \"description\": \"15 bots actifs, 10 000 conversations\/mois, analytics avanc\u00e9s, white-label, acc\u00e8s API complet, account manager d\u00e9di\u00e9\",\n          \"category\": \"Subscription\",\n          \"eligibleDuration\": { \"@type\": \"QuantitativeValue\", \"value\": 1, \"unitCode\": \"MON\" }\n        }\n      ]\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/causeriebot.com\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"C'est quoi CauserieBot ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"CauserieBot est un chatbot IA conversationnel 100% en fran\u00e7ais qui s'installe sur n'importe quel site web pour r\u00e9pondre aux visiteurs 24\/7. Il lit votre site, apprend votre catalogue (PDF, scraping web, texte libre) et guide les prospects pour les convertir en leads ou clients. Il s'installe en 5 minutes avec une seule ligne de code, sans d\u00e9veloppeur.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Combien co\u00fbte CauserieBot ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"CauserieBot propose trois formules. La formule Gratuite \u00e0 0\u20ac inclut 1 bot et 50 conversations par mois. La formule Pro \u00e0 49\u20ac par mois inclut 3 bots, 2 000 conversations, tous les mod\u00e8les IA, leads illimit\u00e9s et scraping web. La formule Business \u00e0 99\u20ac par mois inclut 15 bots, 10 000 conversations, white-label, API et account manager d\u00e9di\u00e9.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quels mod\u00e8les d'intelligence artificielle sont disponibles ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"CauserieBot propose 6 mod\u00e8les IA au choix : GPT-4o et GPT-4o Mini d'OpenAI, Claude Sonnet et Claude Haiku d'Anthropic, Gemini 2.5 Pro et Gemini 2.5 Flash de Google. Vous pouvez choisir le moteur selon vos besoins de qualit\u00e9, vitesse ou co\u00fbt, et vos visiteurs peuvent m\u00eame s\u00e9lectionner le leur.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Comment installer CauserieBot sur mon site ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"L'installation prend 5 minutes. Vous cr\u00e9ez votre bot dans le dashboard, vous importez votre contenu (PDF, URL ou texte), vous personnalisez le widget, puis vous copiez-collez un seul snippet de script avant la balise fermante body de votre site. Compatible WordPress, Shopify, Webflow, Next.js, Squarespace et tout HTML, sans plugin \u00e0 installer.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Mes donn\u00e9es sont-elles s\u00e9curis\u00e9es et conformes au RGPD ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. CauserieBot est h\u00e9berg\u00e9 en Europe avec un chiffrement au repos et en transit, une journalisation compl\u00e8te et un droit \u00e0 l'oubli int\u00e9gr\u00e9. Les donn\u00e9es restent sur le continent europ\u00e9en et la conformit\u00e9 RGPD est native, sans configuration n\u00e9cessaire de votre part.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"CauserieBot fonctionne-t-il avec WordPress, Shopify et Webflow ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. CauserieBot s'int\u00e8gre nativement avec WordPress, Shopify, Webflow, Next.js, Squarespace et n'importe quel site HTML. Une seule ligne de script suffit, sans plugin sp\u00e9cifique ni configuration technique avanc\u00e9e.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quelle diff\u00e9rence avec Tidio, Intercom ou Crisp ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"CauserieBot se distingue par trois points : il est 100% en fran\u00e7ais avec une compr\u00e9hension native de la langue, il utilise une vraie base de connaissances de votre business (PDF, scraping, jusqu'\u00e0 50 000 caract\u00e8res) plut\u00f4t que des r\u00e8gles pr\u00e9d\u00e9finies, et il propose 6 mod\u00e8les IA au choix incluant Claude et GPT-4o. Le tarif d'entr\u00e9e \u00e0 49\u20ac par mois est aussi inf\u00e9rieur aux solutions am\u00e9ricaines \u00e9quivalentes.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\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 FONTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@300;400;450;500;600;700&family=Geist+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ========== CAUSERIE V3 : SCOPED STYLES ========== *\/\n.csr-v2{\n  --bg:#FFFFFF; --bg-soft:#FAFAF9; --bg-sunk:#F5F5F4;\n  --bd:#EAEAEA; --bd-2:#D4D4D4;\n  --ink:#0A0A0A; --ink-2:#262626;\n  --mu:#525252; --mu-2:#737373; --mu-3:#A3A3A3;\n\n  \/* PALETTE TEAL CauserieBot *\/\n  --ac:#20D3AB;        \/* Teal principal *\/\n  --ac-d:#0FB390;      \/* Teal fonc\u00e9 (boutons, borders, accents) *\/\n  --ac-dd:#087A63;     \/* Teal tr\u00e8s fonc\u00e9 (texte sur fond clair) *\/\n  --ac-s:#E6FBF5;      \/* Teal p\u00e2le (backgrounds) *\/\n  --ac-i:#063D31;      \/* Teal tr\u00e8s fonc\u00e9 (texte sur ac-s) *\/\n\n  --r:14px; --r-s:10px; --r-xs:8px;\n  --f:\"Geist\", -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n  --fm:\"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n\n  font-family: var(--f) !important;\n  color: var(--ink) !important;\n  background: var(--bg) !important;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  font-feature-settings: \"ss01\",\"ss03\",\"cv11\";\n  line-height: 1.5;\n\n  overflow-x: clip !important;\n  max-width: 100% !important;\n}\n.csr-v2 *, .csr-v2 *::before, .csr-v2 *::after{ box-sizing: border-box !important; }\n.csr-v2 a{ color: inherit !important; text-decoration: none !important; }\n.csr-v2 button{ font: inherit !important; color: inherit !important; background: none !important; border: 0 !important; cursor: pointer !important; padding: 0; }\n.csr-v2 img, .csr-v2 svg{ display: block !important; max-width: 100% !important; }\n.csr-v2 h1, .csr-v2 h2, .csr-v2 h3, .csr-v2 h4, .csr-v2 h5, .csr-v2 p, .csr-v2 ul, .csr-v2 li{ margin: 0 !important; padding: 0 !important; }\n.csr-v2 ul{ list-style: none !important; }\n\n\/* ---------- Layout ---------- *\/\n.csr-v2 .csr-w{ max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; width: 100% !important; }\n.csr-v2 .csr-wl{ max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important; width: 100% !important; }\n.csr-v2 .csr-sec{ padding: 112px 0 !important; }\n.csr-v2 .csr-sec-alt{ background: var(--bg-soft) !important; border-top: 1px solid var(--bd) !important; border-bottom: 1px solid var(--bd) !important; }\n\n\/* ---------- Buttons ---------- *\/\n.csr-v2 .csr-btn{\n  display: inline-flex !important; align-items: center !important; gap: 7px !important;\n  padding: 9px 14px !important; border-radius: 10px !important;\n  font-size: 14px !important; font-weight: 500 !important; letter-spacing: -.005em !important;\n  transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .1s !important;\n  white-space: nowrap !important; line-height: 1 !important;\n  border: 1px solid transparent !important; cursor: pointer !important;\n}\n.csr-v2 .csr-btn-p{ background: var(--ink) !important; color: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.12) !important; }\n.csr-v2 .csr-btn-p:hover{ background: #1a1a1a !important; }\n.csr-v2 .csr-btn-g{ color: var(--ink-2) !important; border-color: var(--bd) !important; background: var(--bg) !important; }\n.csr-v2 .csr-btn-g:hover{ background: var(--bg-sunk) !important; border-color: var(--bd-2) !important; }\n.csr-v2 .csr-btn-lg{ padding: 12px 18px !important; font-size: 14.5px !important; border-radius: 11px !important; }\n.csr-v2 .csr-btn .arr{ transition: transform .18s ease !important; display: inline-block !important; }\n.csr-v2 .csr-btn:hover .arr{ transform: translateX(2px) !important; }\n\n\/* ---------- HERO ---------- *\/\n.csr-v2 .csr-hero{ padding: 88px 0 48px !important; text-align: center !important; overflow: hidden !important; position: relative !important; }\n.csr-v2 .csr-pill{\n  display: inline-flex !important; align-items: center !important; gap: 8px !important;\n  padding: 5px 12px 5px 6px !important; border-radius: 999px !important;\n  background: var(--bg-sunk) !important; border: 1px solid var(--bd) !important;\n  font-size: 12.5px !important; color: var(--ink-2) !important;\n  margin-bottom: 28px !important;\n}\n.csr-v2 .csr-pill .chip{\n  background: var(--ac) !important; color: var(--ac-i) !important;\n  padding: 2px 9px !important; border-radius: 999px !important;\n  font-weight: 600 !important; font-size: 11px !important; letter-spacing: .01em !important;\n}\n.csr-v2 .csr-hero h1{\n  font-size: clamp(40px, 6.2vw, 76px) !important;\n  line-height: 1.02 !important; letter-spacing: -.035em !important;\n  font-weight: 500 !important; margin: 0 auto !important; max-width: 960px !important;\n  color: var(--ink) !important;\n}\n.csr-v2 .csr-hero h1 .grad{\n  color: var(--ink) !important;\n  -webkit-text-fill-color: var(--ink) !important;\n}\n.csr-v2 .csr-hero-sub{\n  margin: 24px auto 0 !important; max-width: 620px !important;\n  font-size: 18px !important; line-height: 1.5 !important;\n  color: var(--mu) !important; letter-spacing: -.005em !important;\n}\n.csr-v2 .csr-hero-cta{\n  margin-top: 32px !important;\n  display: flex !important; gap: 10px !important;\n  justify-content: center !important; align-items: center !important; flex-wrap: wrap !important;\n}\n.csr-v2 .csr-hero-note{\n  margin-top: 14px !important;\n  font-size: 12.5px !important; color: var(--mu-2) !important;\n  display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;\n}\n.csr-v2 .csr-hero-note .d{ width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--ac-d) !important; box-shadow: 0 0 0 3px var(--ac-s) !important; display: inline-block !important; }\n\n\/* ---------- Product mockup ---------- *\/\n.csr-v2 .csr-shot-w{\n  margin: 56px auto 0 !important; max-width: 1120px !important;\n  padding: 0 24px !important; position: relative !important;\n}\n.csr-v2 .csr-shot-w::before{\n  content: \"\" !important; position: absolute !important;\n  inset: -40px -80px 40% -80px !important;\n  background: radial-gradient(60% 60% at 50% 40%, var(--ac-s) 0%, transparent 70%) !important;\n  z-index: 0 !important; pointer-events: none !important;\n}\n.csr-v2 .csr-shot{\n  position: relative !important; z-index: 1 !important;\n  border-radius: 18px !important;\n  background: var(--bg) !important; border: 1px solid var(--bd) !important;\n  box-shadow: 0 1px 0 rgba(0,0,0,.02), 0 24px 48px -24px rgba(0,0,0,.12), 0 60px 100px -40px rgba(0,0,0,.08) !important;\n  overflow: hidden !important;\n}\n.csr-v2 .csr-shot-top{\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  padding: 10px 14px !important; border-bottom: 1px solid var(--bd) !important;\n  background: var(--bg-soft) !important;\n}\n.csr-v2 .csr-shot-top .dots{ display: flex !important; gap: 6px !important; }\n.csr-v2 .csr-shot-top .dots i{ width: 10px !important; height: 10px !important; border-radius: 50% !important; background: var(--bd-2) !important; display: block !important; }\n.csr-v2 .csr-shot-top .url{\n  flex: 1 !important; display: flex !important; align-items: center !important; gap: 8px !important;\n  background: var(--bg) !important; border: 1px solid var(--bd) !important;\n  padding: 6px 10px !important; border-radius: 8px !important;\n  font-family: var(--fm) !important; font-size: 12px !important; color: var(--mu) !important;\n  max-width: 380px !important; margin: 0 auto !important; justify-content: center !important;\n}\n.csr-v2 .csr-shot-top .url::before{ content: \"\" !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--ac-d) !important; display: inline-block !important; }\n.csr-v2 .csr-shot-body{\n  display: grid !important;\n  grid-template-columns: 240px 1fr 360px !important;\n  min-height: 520px !important;\n}\n.csr-v2 .csr-shot-side{\n  border-right: 1px solid var(--bd) !important;\n  padding: 18px 14px !important; background: var(--bg-soft) !important;\n  display: flex !important; flex-direction: column !important; gap: 4px !important;\n  font-size: 13.5px !important;\n}\n.csr-v2 .csr-shot-side .grp{ font-size: 11px !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--mu-2) !important; padding: 10px 8px 6px !important; }\n.csr-v2 .csr-shot-side .item{\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  padding: 8px 10px !important; border-radius: 8px !important; color: var(--ink-2) !important;\n}\n.csr-v2 .csr-shot-side .item svg{ color: var(--mu-2) !important; flex-shrink: 0 !important; }\n.csr-v2 .csr-shot-side .item.on{ background: var(--bg) !important; box-shadow: 0 1px 2px rgba(0,0,0,.04) !important; border: 1px solid var(--bd) !important; }\n.csr-v2 .csr-shot-side .item.on svg{ color: var(--ac-d) !important; }\n.csr-v2 .csr-shot-side .item .cnt{ margin-left: auto !important; font-family: var(--fm) !important; font-size: 11px !important; color: var(--mu-2) !important; }\n.csr-v2 .csr-shot-main{\n  padding: 22px 24px !important;\n  display: flex !important; flex-direction: column !important; overflow: hidden !important;\n}\n.csr-v2 .csr-shot-main .crumb{ font-size: 12px !important; color: var(--mu-2) !important; }\n.csr-v2 .csr-shot-main h3{ font-size: 22px !important; margin: 10px 0 6px !important; letter-spacing: -.02em !important; font-weight: 500 !important; }\n.csr-v2 .csr-shot-main .sub{ font-size: 13.5px !important; color: var(--mu) !important; margin: 0 0 18px !important; }\n.csr-v2 .csr-mrow{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; }\n.csr-v2 .csr-mrow .m{ border: 1px solid var(--bd) !important; border-radius: 10px !important; padding: 12px !important; background: var(--bg) !important; }\n.csr-v2 .csr-mrow .m .l{ font-size: 11.5px !important; color: var(--mu-2) !important; }\n.csr-v2 .csr-mrow .m .v{ font-size: 22px !important; letter-spacing: -.02em !important; font-weight: 500 !important; margin-top: 4px !important; }\n.csr-v2 .csr-mrow .m .d{ font-size: 11.5px !important; color: var(--ac-d) !important; margin-top: 4px !important; }\n.csr-v2 .csr-chart{\n  margin-top: 16px !important;\n  border: 1px solid var(--bd) !important; border-radius: 12px !important;\n  padding: 14px !important; flex: 1 !important; min-height: 180px !important;\n  position: relative !important; overflow: hidden !important; background: var(--bg) !important;\n}\n.csr-v2 .csr-chart .leg{ display: flex !important; gap: 14px !important; font-size: 11.5px !important; color: var(--mu-2) !important; margin-bottom: 10px !important; }\n.csr-v2 .csr-chart .leg span{ display: inline-flex !important; align-items: center !important; gap: 6px !important; }\n.csr-v2 .csr-chart .leg i{ width: 10px !important; height: 2px !important; background: var(--ac-d) !important; border-radius: 2px !important; display: inline-block !important; }\n.csr-v2 .csr-chart .leg span:nth-child(2) i{ background: var(--mu-3) !important; }\n.csr-v2 .csr-chart svg{ width: 100% !important; height: 140px !important; overflow: visible !important; }\n.csr-v2 .csr-shot-chat{ border-left: 1px solid var(--bd) !important; background: var(--bg) !important; display: flex !important; flex-direction: column !important; }\n.csr-v2 .csr-chead{\n  padding: 12px 14px !important; border-bottom: 1px solid var(--bd) !important;\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  font-size: 13px !important; font-weight: 500 !important;\n}\n.csr-v2 .csr-chead .av{\n  width: 26px !important; height: 26px !important; border-radius: 7px !important;\n  background: var(--ac-s) !important; color: var(--ac-i) !important;\n  display: grid !important; place-items: center !important;\n  font-size: 12px !important; font-weight: 600 !important;\n  border: 1px solid rgba(32,211,171,.25) !important;\n}\n.csr-v2 .csr-chead .st{ margin-left: auto !important; font-size: 11px !important; color: var(--mu-2) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }\n.csr-v2 .csr-chead .st::before{ content: \"\" !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--ac-d) !important; box-shadow: 0 0 0 3px var(--ac-s) !important; display: inline-block !important; }\n.csr-v2 .csr-body{ padding: 16px 14px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; flex: 1 !important; overflow: hidden !important; }\n.csr-v2 .bmsg{\n  max-width: 82% !important; padding: 9px 12px !important;\n  border-radius: 12px !important;\n  font-size: 13.5px !important; line-height: 1.45 !important;\n  animation: csrFadeUp .5s ease both;\n}\n.csr-v2 .bmsg.bot{ background: var(--bg-sunk) !important; color: var(--ink-2) !important; border-bottom-left-radius: 4px !important; align-self: flex-start !important; }\n.csr-v2 .bmsg.me{ background: var(--ink) !important; color: #fff !important; border-bottom-right-radius: 4px !important; align-self: flex-end !important; }\n.csr-v2 .bmsg.bot.cta{ background: var(--ac-s) !important; color: var(--ac-i) !important; border: 1px solid rgba(32,211,171,.25) !important; }\n.csr-v2 .typing{ align-self: flex-start !important; display: inline-flex !important; gap: 4px !important; padding: 9px 11px !important; border-radius: 12px !important; background: var(--bg-sunk) !important; }\n.csr-v2 .typing i{ width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--mu-2) !important; animation: csrBlink 1s infinite; display: inline-block !important; }\n.csr-v2 .typing i:nth-child(2){ animation-delay: .15s !important; }\n.csr-v2 .typing i:nth-child(3){ animation-delay: .3s !important; }\n@keyframes csrBlink{ 0%,80%,100%{ opacity: .25; transform: translateY(0); } 40%{ opacity: 1; transform: translateY(-2px); } }\n@keyframes csrFadeUp{ from{ opacity: 0; transform: translateY(4px); } to{ opacity: 1; transform: none; } }\n.csr-v2 .csr-foot-chat{ padding: 10px 12px !important; border-top: 1px solid var(--bd) !important; display: flex !important; gap: 8px !important; align-items: center !important; }\n.csr-v2 .csr-foot-chat .inp{ flex: 1 !important; padding: 9px 12px !important; border: 1px solid var(--bd) !important; border-radius: 9px !important; font-size: 13px !important; color: var(--mu-2) !important; background: var(--bg-soft) !important; }\n.csr-v2 .csr-foot-chat .send{ width: 32px !important; height: 32px !important; display: grid !important; place-items: center !important; background: var(--ink) !important; color: #fff !important; border-radius: 8px !important; }\n@media (max-width: 960px){\n  .csr-v2 .csr-shot-body{ grid-template-columns: 1fr !important; }\n  .csr-v2 .csr-shot-side{ display: none !important; }\n  .csr-v2 .csr-shot-chat{ border-left: 0 !important; border-top: 1px solid var(--bd) !important; }\n}\n\n\/* ---------- Trust strip ---------- *\/\n.csr-v2 .csr-trust{ padding: 36px 0 !important; border-top: 1px solid var(--bd) !important; border-bottom: 1px solid var(--bd) !important; background: var(--bg) !important; }\n.csr-v2 .csr-trust .lbl{ font-size: 12px !important; color: var(--mu-2) !important; text-align: center !important; letter-spacing: .02em !important; }\n.csr-v2 .csr-trust .row{ margin-top: 20px !important; display: flex !important; justify-content: center !important; gap: 40px !important; flex-wrap: wrap !important; align-items: center !important; }\n.csr-v2 .csr-trust .row span{ color: var(--mu) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: -.01em !important; opacity: .8 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }\n.csr-v2 .csr-trust .row span b{ color: var(--ink-2) !important; font-weight: 500 !important; }\n.csr-v2 .csr-stats{ margin-top: 36px !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; padding-top: 28px !important; border-top: 1px solid var(--bd) !important; }\n.csr-v2 .csr-stats .s{ text-align: center !important; }\n.csr-v2 .csr-stats .sv{ font-size: 36px !important; letter-spacing: -.03em !important; font-weight: 500 !important; color: var(--ink) !important; line-height: 1 !important; }\n.csr-v2 .csr-stats .sv sub{ font-size: 18px !important; color: var(--mu) !important; font-weight: 400 !important; vertical-align: baseline !important; margin-left: 2px !important; }\n.csr-v2 .csr-stats .sl{ margin-top: 8px !important; font-size: 13px !important; color: var(--mu) !important; }\n@media (max-width: 700px){ .csr-v2 .csr-stats{ grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; } }\n\n\/* ---------- Section head ---------- *\/\n.csr-v2 .csr-sh{ text-align: center !important; max-width: 720px !important; margin: 0 auto 56px !important; }\n.csr-v2 .csr-sh-lbl{\n  display: inline-flex !important; align-items: center !important; gap: 8px !important;\n  padding: 4px 10px !important; border-radius: 999px !important;\n  background: var(--ac-s) !important; color: var(--ac-i) !important;\n  border: 1px solid rgba(32,211,171,.2) !important;\n  font-size: 12px !important; font-weight: 500 !important;\n}\n.csr-v2 .csr-sh h2{\n  font-size: clamp(32px, 4.6vw, 52px) !important;\n  line-height: 1.05 !important; letter-spacing: -.03em !important;\n  font-weight: 500 !important; margin: 18px 0 14px !important;\n  color: var(--ink) !important;\n}\n.csr-v2 .csr-sh p{ font-size: 17px !important; color: var(--mu) !important; line-height: 1.5 !important; }\n.csr-v2 .csr-sh-l{ text-align: left !important; margin: 0 0 40px !important; }\n\n\/* ---------- Steps ---------- *\/\n.csr-v2 .csr-steps{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }\n.csr-v2 .csr-step{\n  border: 1px solid var(--bd) !important; border-radius: 16px !important;\n  background: var(--bg) !important; padding: 26px !important;\n  display: flex !important; flex-direction: column !important; gap: 14px !important;\n  position: relative !important;\n  transition: border-color .2s, box-shadow .2s, transform .2s !important;\n}\n.csr-v2 .csr-step:hover{ border-color: var(--bd-2) !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 24px -12px rgba(0,0,0,.08) !important; }\n.csr-v2 .csr-step .num{\n  width: 28px !important; height: 28px !important;\n  display: grid !important; place-items: center !important;\n  border-radius: 8px !important; background: var(--bg-sunk) !important; border: 1px solid var(--bd) !important;\n  font-family: var(--fm) !important; font-size: 12px !important; color: var(--ink-2) !important;\n}\n.csr-v2 .csr-step h3{ font-size: 18px !important; font-weight: 500 !important; letter-spacing: -.015em !important; color: var(--ink) !important; }\n.csr-v2 .csr-step p{ color: var(--mu) !important; font-size: 14.5px !important; line-height: 1.5 !important; }\n.csr-v2 .csr-step .viz{\n  margin-top: auto !important;\n  border: 1px solid var(--bd) !important; background: var(--bg-soft) !important;\n  border-radius: 12px !important; padding: 14px !important;\n  min-height: 148px !important; position: relative !important; overflow: hidden !important;\n}\n.csr-v2 .csr-step .viz .lbl{ font-family: var(--fm) !important; font-size: 11px !important; color: var(--mu-2) !important; }\n.csr-v2 .v-url{ display: flex !important; align-items: center !important; gap: 8px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; padding: 8px 10px !important; font-family: var(--fm) !important; font-size: 12px !important; color: var(--ink-2) !important; margin-top: 8px !important; }\n.csr-v2 .v-url .g{ width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--ac-d) !important; display: inline-block !important; flex-shrink: 0 !important; }\n.csr-v2 .v-rows{ margin-top: 10px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }\n.csr-v2 .v-rows .rw{ display: flex !important; align-items: center !important; gap: 8px !important; font-family: var(--fm) !important; font-size: 11px !important; color: var(--mu) !important; }\n.csr-v2 .v-rows .bar{ flex: 1 !important; height: 4px !important; background: var(--bd) !important; border-radius: 3px !important; overflow: hidden !important; position: relative !important; }\n.csr-v2 .v-rows .bar::after{ content: \"\" !important; position: absolute !important; inset: 0 !important; background: var(--ac-d) !important; transform-origin: left !important; animation: csrGrow 2s ease-out forwards; width: var(--w, 80%) !important; }\n@keyframes csrGrow{ from{ transform: scaleX(0); } to{ transform: scaleX(1); } }\n.csr-v2 .v-chips{ margin-top: 10px !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }\n.csr-v2 .v-chips span{ padding: 5px 9px !important; border-radius: 999px !important; border: 1px solid var(--bd) !important; background: var(--bg) !important; font-size: 11.5px !important; color: var(--ink-2) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }\n.csr-v2 .v-chips span::before{ content: \"\" !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--ac-d) !important; display: inline-block !important; }\n.csr-v2 .v-chips span.off::before{ background: var(--mu-3) !important; }\n.csr-v2 .v-snip{ margin-top: 10px !important; background: var(--ink) !important; color: #fff !important; padding: 12px !important; border-radius: 8px !important; font-family: var(--fm) !important; font-size: 11.5px !important; line-height: 1.6 !important; overflow: hidden !important; text-overflow: ellipsis !important; }\n.csr-v2 .v-snip .cc{ color: var(--mu-3) !important; }\n.csr-v2 .v-snip .cs{ color: var(--ac) !important; }\n.csr-v2 .v-snip .cv{ color: #ffb787 !important; }\n@media (max-width: 900px){ .csr-v2 .csr-steps{ grid-template-columns: 1fr !important; } }\n\n\/* ---------- Use cases links (NEW V3) ---------- *\/\n.csr-v2 .csr-uc{ margin-top: 32px !important; padding: 24px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; border-radius: 14px !important; }\n.csr-v2 .csr-uc-t{ font-size: 13px !important; color: var(--mu-2) !important; text-align: center !important; margin-bottom: 14px !important; }\n.csr-v2 .csr-uc-grid{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; }\n.csr-v2 .csr-uc-grid a{ padding: 8px 14px !important; border-radius: 999px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; font-size: 13px !important; color: var(--ink-2) !important; transition: border-color .15s, background .15s, color .15s !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }\n.csr-v2 .csr-uc-grid a:hover{ background: var(--ac-s) !important; border-color: rgba(32,211,171,.4) !important; color: var(--ac-i) !important; }\n.csr-v2 .csr-uc-grid a .arr{ font-size: 12px !important; opacity: .5 !important; }\n\n\/* ---------- Features grid (bento) ---------- *\/\n.csr-v2 .csr-fgrid{ display: grid !important; grid-template-columns: repeat(6, 1fr) !important; grid-auto-rows: minmax(200px, auto) !important; gap: 14px !important; }\n.csr-v2 .csr-fcard{\n  border: 1px solid var(--bd) !important; background: var(--bg) !important;\n  border-radius: 16px !important; padding: 22px !important;\n  display: flex !important; flex-direction: column !important; gap: 10px !important;\n  transition: border-color .2s, box-shadow .2s !important;\n  position: relative !important; overflow: hidden !important;\n}\n.csr-v2 .csr-fcard:hover{ border-color: var(--bd-2) !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 24px -12px rgba(0,0,0,.06) !important; }\n.csr-v2 .csr-fcard h3{ font-size: 17.5px !important; font-weight: 500 !important; letter-spacing: -.015em !important; color: var(--ink) !important; margin: 4px 0 0 !important; }\n.csr-v2 .csr-fcard p{ color: var(--mu) !important; font-size: 14px !important; line-height: 1.5 !important; }\n.csr-v2 .csr-ficn{\n  width: 34px !important; height: 34px !important; border-radius: 9px !important;\n  background: var(--ac-s) !important; color: var(--ac-i) !important;\n  display: grid !important; place-items: center !important;\n  border: 1px solid rgba(32,211,171,.25) !important;\n}\n.csr-v2 .csr-ficn svg{ width: 16px !important; height: 16px !important; }\n.csr-v2 .csr-fcard.wide{ grid-column: span 4 !important; }\n.csr-v2 .csr-fcard.narrow{ grid-column: span 2 !important; }\n.csr-v2 .csr-fcard.half{ grid-column: span 3 !important; }\n.csr-v2 .csr-fcard.third{ grid-column: span 2 !important; }\n.csr-v2 .csr-fcard .art{ margin-top: auto !important; }\n\n\/* feature arts *\/\n.csr-v2 .art-files{ display: flex !important; flex-direction: column !important; gap: 6px !important; margin-top: 8px !important; }\n.csr-v2 .art-files .f{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; font-size: 12.5px !important; }\n.csr-v2 .art-files .f .ic{ width: 18px !important; height: 18px !important; display: grid !important; place-items: center !important; color: var(--mu) !important; flex-shrink: 0 !important; }\n.csr-v2 .art-files .f .nm{ flex: 1 !important; color: var(--ink-2) !important; font-family: var(--fm) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }\n.csr-v2 .art-files .f .sz{ color: var(--mu-2) !important; font-size: 11px !important; font-family: var(--fm) !important; }\n.csr-v2 .art-files .f .ok{ font-size: 10.5px !important; padding: 2px 7px !important; border-radius: 999px !important; background: var(--ac-s) !important; color: var(--ac-i) !important; border: 1px solid rgba(32,211,171,.25) !important; font-weight: 500 !important; }\n.csr-v2 .art-models{ display: flex !important; flex-direction: column !important; gap: 6px !important; margin-top: 8px !important; }\n.csr-v2 .art-models .m{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; font-size: 12.5px !important; }\n.csr-v2 .art-models .m .dot{ width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--ac-d) !important; flex-shrink: 0 !important; }\n.csr-v2 .art-models .m .nm{ flex: 1 !important; color: var(--ink-2) !important; font-weight: 500 !important; }\n.csr-v2 .art-models .m .tg{ font-family: var(--fm) !important; font-size: 11px !important; color: var(--mu-2) !important; }\n.csr-v2 .art-nums{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-top: 8px !important; }\n.csr-v2 .art-nums .n{ padding: 12px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 10px !important; }\n.csr-v2 .art-nums .n .v{ font-size: 24px !important; letter-spacing: -.02em !important; font-weight: 500 !important; color: var(--ink) !important; line-height: 1 !important; }\n.csr-v2 .art-nums .n .v small{ font-size: 12px !important; color: var(--mu-2) !important; font-weight: 400 !important; margin-left: 2px !important; }\n.csr-v2 .art-nums .n .l{ margin-top: 6px !important; font-size: 11.5px !important; color: var(--mu) !important; }\n.csr-v2 .art-w{ position: relative !important; margin-top: 8px !important; height: 120px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 10px !important; overflow: hidden !important; }\n.csr-v2 .art-w .bub{ position: absolute !important; bottom: 42px !important; right: 12px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; padding: 8px 10px !important; border-radius: 10px 10px 4px 10px !important; font-size: 11.5px !important; color: var(--ink-2) !important; max-width: 200px !important; box-shadow: 0 4px 12px -4px rgba(0,0,0,.08) !important; }\n.csr-v2 .art-w .bot-ball{ position: absolute !important; bottom: 10px !important; right: 12px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: var(--ink) !important; display: grid !important; place-items: center !important; color: var(--ac) !important; box-shadow: 0 8px 20px -8px rgba(0,0,0,.25) !important; }\n.csr-v2 .art-conn{ display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 8px !important; }\n.csr-v2 .art-conn span{ padding: 6px 10px !important; border-radius: 8px !important; border: 1px solid var(--bd) !important; background: var(--bg-soft) !important; font-size: 12px !important; color: var(--ink-2) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }\n.csr-v2 .art-code{ margin-top: 10px !important; background: var(--ink) !important; color: #fff !important; padding: 10px 12px !important; border-radius: 8px !important; font-family: var(--fm) !important; font-size: 11.5px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }\n.csr-v2 .art-code .cs{ color: var(--ac) !important; }\n.csr-v2 .art-mini{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-top: 8px !important; }\n.csr-v2 .art-mini .k{ padding: 10px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; }\n.csr-v2 .art-mini .k .v{ font-size: 18px !important; letter-spacing: -.02em !important; font-weight: 500 !important; color: var(--ink) !important; }\n.csr-v2 .art-mini .k .v.g{ color: var(--ac-d) !important; }\n.csr-v2 .art-mini .k .l{ margin-top: 4px !important; font-size: 11px !important; color: var(--mu) !important; }\n@media (max-width: 980px){\n  .csr-v2 .csr-fgrid{ grid-template-columns: repeat(4, 1fr) !important; }\n  .csr-v2 .csr-fcard.wide{ grid-column: span 4 !important; }\n  .csr-v2 .csr-fcard.narrow{ grid-column: span 2 !important; }\n  .csr-v2 .csr-fcard.half{ grid-column: span 2 !important; }\n  .csr-v2 .csr-fcard.third{ grid-column: span 2 !important; }\n}\n@media (max-width: 620px){\n  .csr-v2 .csr-fgrid{ grid-template-columns: 1fr !important; }\n  .csr-v2 .csr-fcard.wide, .csr-v2 .csr-fcard.narrow, .csr-v2 .csr-fcard.half, .csr-v2 .csr-fcard.third{ grid-column: span 1 !important; }\n}\n\n\/* ---------- Config split ---------- *\/\n.csr-v2 .csr-cfg{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 56px !important; align-items: center !important; }\n.csr-v2 .csr-cfg-t h2{ font-size: clamp(30px, 4vw, 46px) !important; line-height: 1.08 !important; letter-spacing: -.028em !important; font-weight: 500 !important; color: var(--ink) !important; margin: 18px 0 14px !important; }\n.csr-v2 .csr-cfg-t > p{ font-size: 16px !important; color: var(--mu) !important; line-height: 1.55 !important; margin-bottom: 22px !important; }\n.csr-v2 .csr-checks{ display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 24px 0 32px !important; }\n.csr-v2 .csr-ck{ display: flex !important; align-items: flex-start !important; gap: 12px !important; font-size: 14.5px !important; line-height: 1.5 !important; color: var(--ink-2) !important; }\n.csr-v2 .csr-ck .ci{ width: 18px !important; height: 18px !important; border-radius: 50% !important; background: var(--ac-s) !important; border: 1px solid rgba(32,211,171,.35) !important; display: grid !important; place-items: center !important; flex-shrink: 0 !important; margin-top: 2px !important; }\n.csr-v2 .csr-ck .ci svg{ width: 9px !important; height: 9px !important; }\n.csr-v2 .csr-ck strong{ color: var(--ink) !important; font-weight: 500 !important; }\n.csr-v2 .csr-cfg-card{\n  border: 1px solid var(--bd) !important; border-radius: 16px !important;\n  background: var(--bg) !important; overflow: hidden !important;\n  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 20px 40px -24px rgba(0,0,0,.12) !important;\n}\n.csr-v2 .csr-cfg-bar{ display: flex !important; align-items: center !important; gap: 6px !important; padding: 10px 14px !important; background: var(--bg-soft) !important; border-bottom: 1px solid var(--bd) !important; }\n.csr-v2 .csr-cfg-bar i{ width: 9px !important; height: 9px !important; border-radius: 50% !important; background: var(--bd-2) !important; display: inline-block !important; }\n.csr-v2 .csr-cfg-body{ padding: 20px !important; display: flex !important; flex-direction: column !important; gap: 18px !important; }\n.csr-v2 .csr-cfg-s .l{ font-size: 11.5px !important; color: var(--mu-2) !important; margin-bottom: 8px !important; letter-spacing: .02em !important; text-transform: uppercase !important; font-weight: 500 !important; }\n.csr-v2 .csr-cfg-models{ display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }\n.csr-v2 .csr-cfg-models span{ padding: 6px 10px !important; border-radius: 999px !important; border: 1px solid var(--bd) !important; background: var(--bg-soft) !important; font-size: 12px !important; color: var(--mu) !important; font-family: var(--fm) !important; }\n.csr-v2 .csr-cfg-models span.on{ background: var(--ink) !important; color: #fff !important; border-color: var(--ink) !important; }\n.csr-v2 .csr-cfg-fld{ padding: 10px 12px !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; background: var(--bg-soft) !important; font-size: 13px !important; color: var(--ink-2) !important; }\n.csr-v2 .csr-cfg-fld.code{ font-family: var(--fm) !important; font-size: 11.5px !important; line-height: 1.6 !important; color: var(--mu) !important; }\n.csr-v2 .csr-cfg-prog{ margin-top: 8px !important; height: 3px !important; background: var(--bg-sunk) !important; border-radius: 2px !important; overflow: hidden !important; }\n.csr-v2 .csr-cfg-prog i{ display: block !important; width: 12% !important; height: 100% !important; background: var(--ac-d) !important; }\n.csr-v2 .csr-cfg-form{ display: flex !important; flex-direction: column !important; gap: 6px !important; }\n.csr-v2 .csr-cfg-ff{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 8px !important; font-size: 12.5px !important; color: var(--ink-2) !important; }\n.csr-v2 .csr-cfg-ff .tag{ margin-left: auto !important; font-size: 10.5px !important; color: var(--mu-2) !important; font-family: var(--fm) !important; padding: 2px 7px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; border-radius: 4px !important; }\n@media (max-width: 900px){ .csr-v2 .csr-cfg{ grid-template-columns: 1fr !important; gap: 40px !important; } }\n\n\/* ---------- Pricing ---------- *\/\n.csr-v2 .csr-plans{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; }\n.csr-v2 .csr-plan{\n  border: 1px solid var(--bd) !important; background: var(--bg) !important;\n  border-radius: 16px !important; padding: 28px !important;\n  display: flex !important; flex-direction: column !important; gap: 18px !important;\n  position: relative !important;\n}\n.csr-v2 .csr-plan.feat{ border-color: var(--ink) !important; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 20px 40px -24px rgba(0,0,0,.18) !important; }\n.csr-v2 .csr-plan .bdg{ position: absolute !important; top: -10px !important; right: 20px !important; background: var(--ink) !important; color: #fff !important; padding: 3px 10px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 500 !important; }\n.csr-v2 .csr-plan .nm{ font-size: 13px !important; font-weight: 500 !important; color: var(--mu) !important; }\n.csr-v2 .csr-plan .pr{ font-size: 44px !important; letter-spacing: -.03em !important; font-weight: 500 !important; line-height: 1 !important; color: var(--ink) !important; }\n.csr-v2 .csr-plan .pr small{ font-size: 14px !important; font-weight: 400 !important; color: var(--mu-2) !important; margin-left: 4px !important; }\n.csr-v2 .csr-plan .dsc{ color: var(--mu) !important; font-size: 14px !important; line-height: 1.45 !important; margin-top: -6px !important; }\n.csr-v2 .csr-plan ul{ display: flex !important; flex-direction: column !important; gap: 8px !important; }\n.csr-v2 .csr-plan li{ display: flex !important; gap: 10px !important; align-items: flex-start !important; font-size: 14px !important; color: var(--ink-2) !important; line-height: 1.4 !important; }\n.csr-v2 .csr-plan li svg{ margin-top: 3px !important; flex-shrink: 0 !important; color: var(--ac-d) !important; }\n.csr-v2 .csr-plan .cta{ margin-top: auto !important; }\n.csr-v2 .csr-plan .cta a{ width: 100% !important; justify-content: center !important; }\n@media (max-width: 900px){ .csr-v2 .csr-plans{ grid-template-columns: 1fr !important; } }\n\n\/* ---------- Testimonials ---------- *\/\n.csr-v2 .csr-qs{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; }\n.csr-v2 .csr-q{ border: 1px solid var(--bd) !important; background: var(--bg) !important; border-radius: 16px !important; padding: 22px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }\n.csr-v2 .csr-q .stars{ color: var(--ac-d) !important; font-size: 13px !important; letter-spacing: 2px !important; }\n.csr-v2 .csr-q p{ font-size: 15.5px !important; line-height: 1.5 !important; color: var(--ink-2) !important; letter-spacing: -.005em !important; }\n.csr-v2 .csr-q .who{ display: flex !important; align-items: center !important; gap: 10px !important; margin-top: auto !important; }\n.csr-v2 .csr-q .who .av{ width: 36px !important; height: 36px !important; border-radius: 50% !important; background: var(--ac-s) !important; color: var(--ac-i) !important; font-weight: 600 !important; display: grid !important; place-items: center !important; font-size: 13px !important; border: 1px solid rgba(32,211,171,.25) !important; }\n.csr-v2 .csr-q .who b{ display: block !important; font-weight: 500 !important; font-size: 14px !important; color: var(--ink) !important; }\n.csr-v2 .csr-q .who span{ display: block !important; font-size: 12.5px !important; color: var(--mu-2) !important; }\n@media (max-width: 900px){ .csr-v2 .csr-qs{ grid-template-columns: 1fr !important; } }\n\n\/* ---------- Comparatifs (NEW V3) ---------- *\/\n.csr-v2 .csr-comp{ display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; margin-top: 32px !important; }\n.csr-v2 .csr-comp a{\n  border: 1px solid var(--bd) !important; background: var(--bg) !important;\n  border-radius: 14px !important; padding: 18px !important;\n  display: flex !important; flex-direction: column !important; gap: 6px !important;\n  transition: border-color .2s, box-shadow .2s, transform .2s !important;\n}\n.csr-v2 .csr-comp a:hover{ border-color: var(--ac-d) !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 24px -12px rgba(32,211,171,.2) !important; transform: translateY(-2px) !important; }\n.csr-v2 .csr-comp .vs{ font-family: var(--fm) !important; font-size: 11px !important; color: var(--mu-2) !important; text-transform: uppercase !important; letter-spacing: .04em !important; }\n.csr-v2 .csr-comp .nm{ font-size: 18px !important; font-weight: 500 !important; letter-spacing: -.015em !important; color: var(--ink) !important; }\n.csr-v2 .csr-comp .arr{ font-size: 12px !important; color: var(--mu-2) !important; margin-top: 4px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }\n@media (max-width: 700px){ .csr-v2 .csr-comp{ grid-template-columns: repeat(2, 1fr) !important; } }\n\n\/* ---------- FAQ (NEW V3) ---------- *\/\n.csr-v2 .csr-faq{ max-width: 820px !important; margin: 0 auto !important; }\n.csr-v2 .csr-faq-it{\n  border-bottom: 1px solid var(--bd) !important;\n  padding: 0 !important;\n}\n.csr-v2 .csr-faq-it:first-child{ border-top: 1px solid var(--bd) !important; }\n.csr-v2 .csr-faq-q{\n  display: flex !important; align-items: center !important; justify-content: space-between !important;\n  gap: 16px !important; padding: 22px 4px !important; cursor: pointer !important;\n  font-size: 17px !important; font-weight: 500 !important; color: var(--ink) !important;\n  letter-spacing: -.01em !important; line-height: 1.4 !important;\n  user-select: none !important;\n}\n.csr-v2 .csr-faq-q:hover{ color: var(--ac-dd) !important; }\n.csr-v2 .csr-faq-ic{\n  width: 28px !important; height: 28px !important; border-radius: 50% !important;\n  background: var(--bg-soft) !important; border: 1px solid var(--bd) !important;\n  display: grid !important; place-items: center !important; flex-shrink: 0 !important;\n  transition: transform .25s, background .2s, border-color .2s !important;\n}\n.csr-v2 .csr-faq-ic svg{ transition: transform .25s !important; }\n.csr-v2 .csr-faq-it.open .csr-faq-ic{ background: var(--ac-s) !important; border-color: rgba(32,211,171,.4) !important; }\n.csr-v2 .csr-faq-it.open .csr-faq-ic svg{ transform: rotate(45deg) !important; color: var(--ac-dd) !important; }\n.csr-v2 .csr-faq-a{\n  max-height: 0 !important; overflow: hidden !important;\n  transition: max-height .35s ease, padding .25s ease !important;\n  font-size: 15.5px !important; line-height: 1.6 !important; color: var(--mu) !important;\n  padding: 0 !important;\n}\n.csr-v2 .csr-faq-it.open .csr-faq-a{ max-height: 500px !important; padding: 0 4px 22px !important; }\n.csr-v2 .csr-faq-a strong{ color: var(--ink-2) !important; font-weight: 500 !important; }\n.csr-v2 .csr-faq-a a{ color: var(--ac-dd) !important; font-weight: 500 !important; border-bottom: 1px solid rgba(32,211,171,.4) !important; }\n.csr-v2 .csr-faq-a a:hover{ border-bottom-color: var(--ac-d) !important; }\n\n\/* ---------- Founders (NEW V3) ---------- *\/\n.csr-v2 .csr-fnd{\n  max-width: 820px !important; margin: 56px auto 0 !important;\n  padding: 32px !important; background: var(--bg) !important;\n  border: 1px solid var(--bd) !important; border-radius: 16px !important;\n  display: flex !important; gap: 24px !important; align-items: center !important;\n}\n.csr-v2 .csr-fnd-avs{ display: flex !important; flex-shrink: 0 !important; }\n.csr-v2 .csr-fnd-av{\n  width: 56px !important; height: 56px !important; border-radius: 50% !important;\n  background: var(--ac-s) !important; color: var(--ac-i) !important;\n  display: grid !important; place-items: center !important;\n  font-weight: 600 !important; font-size: 17px !important;\n  border: 2px solid var(--bg) !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;\n}\n.csr-v2 .csr-fnd-av:nth-child(2){ margin-left: -14px !important; background: var(--bg-sunk) !important; color: var(--ink-2) !important; }\n.csr-v2 .csr-fnd-t{ flex: 1 !important; }\n.csr-v2 .csr-fnd-t h4{ font-size: 16px !important; font-weight: 500 !important; color: var(--ink) !important; letter-spacing: -.01em !important; margin-bottom: 6px !important; }\n.csr-v2 .csr-fnd-t p{ font-size: 14.5px !important; color: var(--mu) !important; line-height: 1.55 !important; }\n.csr-v2 .csr-fnd-t p b{ color: var(--ink-2) !important; font-weight: 500 !important; }\n@media (max-width: 600px){\n  .csr-v2 .csr-fnd{ flex-direction: column !important; text-align: center !important; padding: 24px !important; }\n  .csr-v2 .csr-fnd-avs{ justify-content: center !important; }\n}\n\n\/* ---------- Final CTA ---------- *\/\n.csr-v2 .csr-final{\n  margin: 40px 0 24px !important; border-radius: 24px !important;\n  padding: 80px 40px !important; text-align: center !important;\n  background: radial-gradient(100% 120% at 50% 0%, var(--ac-s) 0%, transparent 60%), var(--bg-soft) !important;\n  border: 1px solid var(--bd) !important;\n}\n.csr-v2 .csr-final h2{ font-size: clamp(34px, 4.8vw, 56px) !important; line-height: 1.05 !important; letter-spacing: -.03em !important; font-weight: 500 !important; color: var(--ink) !important; }\n.csr-v2 .csr-final p{ margin: 16px auto 0 !important; max-width: 540px !important; color: var(--mu) !important; font-size: 16.5px !important; line-height: 1.5 !important; }\n.csr-v2 .csr-final .acts{ margin-top: 28px !important; display: flex !important; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; }\n.csr-v2 .csr-final .note{ margin-top: 14px !important; font-size: 12.5px !important; color: var(--mu-2) !important; }\n\n\/* ---------- Hero text : creative entrance ---------- *\/\n.csr-v2 .csr-h1-anim{ position: relative !important; }\n.csr-v2 .csr-h1-anim .w{\n  display: inline-block !important;\n  opacity: 0;\n  filter: blur(14px);\n  transform: translateY(.4em);\n  animation: csrWordIn .85s cubic-bezier(.2,.7,.2,1) forwards;\n  will-change: opacity, filter, transform;\n}\n@keyframes csrWordIn{\n  to{ opacity: 1; filter: blur(0); transform: translateY(0); }\n}\n\n.csr-v2 .csr-hero h1 .grad{\n  color: var(--ink) !important;\n  -webkit-text-fill-color: var(--ink) !important;\n  background: none !important;\n  -webkit-background-clip: border-box !important;\n  background-clip: border-box !important;\n}\n\n.csr-v2 .csr-hi{\n  position: relative !important;\n  display: inline-block !important;\n  color: var(--ink) !important;\n  padding: 0 .04em !important;\n}\n.csr-v2 .csr-hi-u{\n  position: absolute !important;\n  left: -3% !important; right: -3% !important;\n  bottom: -.14em !important;\n  width: 106% !important;\n  height: .34em !important;\n  overflow: visible !important;\n  color: var(--ac-d) !important;\n  pointer-events: none !important;\n}\n.csr-v2 .csr-hi-u path{\n  stroke-dasharray: 1 !important;\n  stroke-dashoffset: 1 !important;\n  animation: csrDraw 1.4s cubic-bezier(.65,.05,.3,1) 1.5s forwards;\n}\n@keyframes csrDraw{ to{ stroke-dashoffset: 0; } }\n\n.csr-v2 .csr-spark{\n  display: inline-block !important;\n  color: var(--ac-d) !important;\n  opacity: 0;\n  transform: scale(.3) rotate(-40deg);\n  transform-origin: center !important;\n  animation: csrSparkle .7s cubic-bezier(.34,1.56,.64,1) 2.2s forwards, csrSparkleIdle 4s ease-in-out 3.2s infinite;\n  margin-left: .15em !important;\n  vertical-align: .1em !important;\n}\n@keyframes csrSparkle{\n  to{ opacity: 1; transform: scale(1) rotate(0); }\n}\n@keyframes csrSparkleIdle{\n  0%, 100%{ transform: scale(1) rotate(0); opacity: 1; }\n  50%{ transform: scale(1.15) rotate(12deg); opacity: .75; }\n}\n\n.csr-v2 .csr-rv-up{\n  opacity: 0;\n  transform: translateY(14px);\n  animation: csrUpIn .9s cubic-bezier(.2,.7,.2,1) forwards;\n  will-change: opacity, transform;\n}\n@keyframes csrUpIn{ to{ opacity: 1; transform: translateY(0); } }\n\n.csr-v2 .csr-pill .chip{ position: relative !important; overflow: hidden !important; }\n.csr-v2 .csr-pill .chip::after{\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important; left: -120% !important;\n  width: 60% !important; height: 100% !important;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);\n  animation: csrSweep 3.6s ease-in-out 2.8s infinite;\n  pointer-events: none !important;\n}\n@keyframes csrSweep{\n  0%{ left: -120%; }\n  55%, 100%{ left: 220%; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .csr-v2 .csr-h1-anim .w,\n  .csr-v2 .csr-hi-u path,\n  .csr-v2 .csr-rv-up,\n  .csr-v2 .csr-spark,\n  .csr-v2 .csr-hero h1 .grad,\n  .csr-v2 .csr-pill .chip::after{\n    animation: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: none !important;\n    stroke-dashoffset: 0 !important;\n    background-position: 50% 50% !important;\n  }\n}\n\n.csr-v2 .csr-h1-anim .csr-g{\n  color: var(--ac-d) !important;\n  -webkit-text-fill-color: var(--ac-d) !important;\n}\n\n\/* ---------- Reveal ---------- *\/\n.csr-v2 .r{ opacity: 0 !important; transform: translateY(10px) !important; transition: opacity .6s ease, transform .6s ease !important; }\n.csr-v2 .r.in{ opacity: 1 !important; transform: none !important; }\n\n\/* ---------- Floating pill ---------- *\/\n#csr-bot-pill{\n  position: fixed; bottom: 24px; left: 24px; z-index: 400;\n  display: none; align-items: center; gap: 8px;\n  background: #0A0A0A; color: #fff;\n  border-radius: 999px; padding: 11px 16px 11px 12px;\n  box-shadow: 0 12px 32px -8px rgba(0,0,0,.35);\n  font-family: \"Geist\", -apple-system, BlinkMacSystemFont, \"Inter\", sans-serif;\n  font-size: 13.5px; font-weight: 500;\n  cursor: pointer;\n  transition: transform .2s, box-shadow .2s;\n  animation: csrPillIn .4s cubic-bezier(.34,1.56,.64,1) both;\n}\n#csr-bot-pill:hover{ transform: translateY(-2px); box-shadow: 0 16px 40px -8px rgba(0,0,0,.4); }\n#csr-bot-pill .dot{ width: 6px; height: 6px; border-radius: 50%; background: #20D3AB; box-shadow: 0 0 0 3px rgba(32,211,171,.2); display: inline-block; }\n@keyframes csrPillIn{ from{ opacity: 0; transform: translateY(12px) scale(.9); } to{ opacity: 1; transform: translateY(0) scale(1); } }\n@media (max-width: 600px){ #csr-bot-pill{ bottom: 16px; left: 16px; font-size: 12.5px; padding: 9px 14px 9px 10px; } }\n<\/style>\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 ROOT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<div class=\"csr-v2\">\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 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<header class=\"csr-hero\">\n  <div class=\"csr-w\">\n    <div class=\"csr-pill\">\n      <span class=\"chip\">Nouveau<\/span>\n      <span>Causerie v2 : plus rapide, plus juste, plus humain<\/span>\n    <\/div>\n    <h1 class=\"csr-h1-anim\">\n      <span class=\"grad\"><span class=\"w\">Le<\/span> <span class=\"w csr-g\">chatbot<\/span> <span class=\"w csr-g\">IA<\/span> <span class=\"w csr-g\">fran\u00e7ais<\/span> <span class=\"w\">qui<\/span> <span class=\"w\">parle<\/span> <span class=\"w\">\u00e0<\/span> <span class=\"w\">vos<\/span> <span class=\"w\">visiteurs<\/span><\/span><br\/>\n      <span class=\"w\">comme<\/span> <span class=\"w\">un<\/span> <span class=\"w\">vrai<\/span> <span class=\"w\"><span class=\"csr-hi\">humain<svg class=\"csr-hi-u\" viewBox=\"0 0 120 14\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path d=\"M3,9 Q25,2 55,7 Q80,11 90,6 T117,7\" stroke=\"currentColor\" stroke-width=\"2.6\" fill=\"none\" stroke-linecap=\"round\" pathLength=\"1\"\/><\/svg><\/span>.<span class=\"csr-spark\" aria-hidden=\"true\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1 L9.2 6.8 L15 8 L9.2 9.2 L8 15 L6.8 9.2 L1 8 L6.8 6.8 Z\" fill=\"currentColor\"\/><\/svg><\/span><\/span>\n    <\/h1>\n    <p class=\"csr-hero-sub csr-rv-up\" style=\"animation-delay:1.3s\">Causerie lit votre site, apprend votre catalogue et r\u00e9pond 24\/24 pour guider, rassurer et convertir. Installation en 5 minutes, sans code, 100% en fran\u00e7ais.<\/p>\n    <div class=\"csr-hero-cta csr-rv-up\" style=\"animation-delay:1.55s\">\n      <a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-p csr-btn-lg\">Cr\u00e9er mon chatbot gratuit <span class=\"arr\">\u2192<\/span><\/a>\n      <button onclick=\"openCauserieBot()\" class=\"csr-btn csr-btn-g csr-btn-lg\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M5.5 5.2L9.5 7l-4 1.8V5.2z\" fill=\"currentColor\"\/><\/svg>\n        Tester le chatbot live\n      <\/button>\n    <\/div>\n    <div class=\"csr-hero-note csr-rv-up\" style=\"animation-delay:1.75s\">\n      <span class=\"d\"><\/span>\n      <span>Gratuit pour toujours&nbsp;\u00b7&nbsp;Sans carte bancaire&nbsp;\u00b7&nbsp;1 ligne de code<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- PRODUCT SHOT -->\n  <div class=\"csr-shot-w r\">\n    <div class=\"csr-shot\">\n      <div class=\"csr-shot-top\">\n        <div class=\"dots\"><i><\/i><i><\/i><i><\/i><\/div>\n        <div class=\"url\">app.causeriebot.com\/dashboard<\/div>\n        <div style=\"width: 60px;\"><\/div>\n      <\/div>\n      <div class=\"csr-shot-body\">\n        <aside class=\"csr-shot-side\">\n          <div class=\"grp\">Espace<\/div>\n          <div class=\"item on\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"2\" y=\"2\" width=\"10\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M2 6h10\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Vue d'ensemble\n          <\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 4h8M3 7h8M3 10h5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Conversations <span class=\"cnt\">247<\/span>\n          <\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M3 12a4 4 0 018 0\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Leads <span class=\"cnt\">38<\/span>\n          <\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 2v10M2 7h10\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Sources\n          <\/div>\n          <div class=\"grp\">Param\u00e8tres<\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M7 1v2M7 11v2M1 7h2M11 7h2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Personnalit\u00e9\n          <\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7h8M8 4l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Int\u00e9grations\n          <\/div>\n          <div class=\"item\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M4 2h6l2 3v7a1 1 0 01-1 1H3a1 1 0 01-1-1V5l2-3z\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n            Facturation\n          <\/div>\n        <\/aside>\n        <section class=\"csr-shot-main\">\n          <div class=\"crumb\">Causerie \u00b7 <span style=\"color:var(--ink-2)\">Vue d'ensemble<\/span><\/div>\n          <h3>Bonjour Nicolas \ud83d\udc4b<\/h3>\n          <p class=\"sub\">Voici ce que votre bot a fait ces 7 derniers jours.<\/p>\n\n          <div class=\"csr-mrow\">\n            <div class=\"m\"><div class=\"l\">Conversations<\/div><div class=\"v\">247<\/div><div class=\"d\">\u2191 18% vs. 7j<\/div><\/div>\n            <div class=\"m\"><div class=\"l\">Leads qualifi\u00e9s<\/div><div class=\"v\">38<\/div><div class=\"d\">\u2191 42%<\/div><\/div>\n            <div class=\"m\"><div class=\"l\">Taux de conversion<\/div><div class=\"v\">15,4%<\/div><div class=\"d\">\u2191 2,1 pts<\/div><\/div>\n          <\/div>\n\n          <div class=\"csr-chart\">\n            <div class=\"leg\">\n              <span><i><\/i> Conversations<\/span>\n              <span><i><\/i> Leads<\/span>\n            <\/div>\n            <svg viewBox=\"0 0 480 120\" preserveAspectRatio=\"none\">\n              <defs>\n                <linearGradient id=\"csrG\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n                  <stop offset=\"0%\" stop-color=\"#20D3AB\" stop-opacity=\".35\"\/>\n                  <stop offset=\"100%\" stop-color=\"#20D3AB\" stop-opacity=\"0\"\/>\n                <\/linearGradient>\n              <\/defs>\n              <path d=\"M0,90 C40,70 70,80 110,60 C150,40 180,70 220,48 C260,28 300,55 340,35 C380,15 420,40 480,18 L480,120 L0,120 Z\" fill=\"url(#csrG)\"\/>\n              <path d=\"M0,90 C40,70 70,80 110,60 C150,40 180,70 220,48 C260,28 300,55 340,35 C380,15 420,40 480,18\" fill=\"none\" stroke=\"#0FB390\" stroke-width=\"2\"\/>\n              <path d=\"M0,108 C40,100 70,105 110,92 C150,82 180,95 220,82 C260,70 300,88 340,72 C380,58 420,72 480,58\" fill=\"none\" stroke=\"#A3A3A3\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\n            <\/svg>\n          <\/div>\n        <\/section>\n\n        <aside class=\"csr-shot-chat\">\n          <div class=\"csr-chead\">\n            <div class=\"av\">C<\/div>\n            <div>\n              <div>Assistant Causerie<\/div>\n              <div style=\"font-size:11px; color:var(--mu-2); font-weight:400;\">En ligne \u00b7 r\u00e9ponse ~1,7s<\/div>\n            <\/div>\n            <div class=\"st\">Actif<\/div>\n          <\/div>\n          <div class=\"csr-body\">\n            <div class=\"bmsg bot\">Bonjour \ud83d\udc4b Comment puis-je vous aider aujourd'hui ?<\/div>\n            <div class=\"bmsg me\">C'est quoi vos tarifs ?<\/div>\n            <div class=\"bmsg bot\">3 formules : <b>Gratuit<\/b>, <b>Pro \u00e0 49\u20ac\/mois<\/b> et <b>Business \u00e0 99\u20ac\/mois<\/b>. Quelle taille d'\u00e9quipe avez-vous ?<\/div>\n            <div class=\"bmsg me\">Ind\u00e9pendant, 1 site seulement.<\/div>\n            <div class=\"bmsg bot cta\">La formule Gratuite est parfaite pour vous. Je vous guide pour l'installer ?<\/div>\n            <div class=\"typing\"><i><\/i><i><\/i><i><\/i><\/div>\n          <\/div>\n          <div class=\"csr-foot-chat\">\n            <div class=\"inp\">\u00c9crivez un message\u2026<\/div>\n            <button class=\"send\" aria-label=\"Envoyer\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7l10-5-5 10-1.5-3.5L2 7z\" fill=\"currentColor\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\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 TRUST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-trust\">\n  <div class=\"csr-w\">\n    <div class=\"lbl\">Propuls\u00e9 par les meilleurs mod\u00e8les IA du march\u00e9<\/div>\n    <div class=\"row\">\n      <span><b>\u26a1<\/b> GPT-4o \u00b7 OpenAI<\/span>\n      <span><b>\ud83e\udd16<\/b> Claude \u00b7 Anthropic<\/span>\n      <span><b>\u2728<\/b> Gemini \u00b7 Google<\/span>\n      <span><b>\ud83c\udf10<\/b> WordPress<\/span>\n      <span><b>\ud83d\udecd<\/b> Shopify<\/span>\n      <span><b>\u25b2<\/b> Webflow<\/span>\n    <\/div>\n    <div class=\"csr-stats r\">\n      <div class=\"s\"><div class=\"sv\">500<sub>+<\/sub><\/div><div class=\"sl\">Sites actifs<\/div><\/div>\n      <div class=\"s\"><div class=\"sv\">98<sub>%<\/sub><\/div><div class=\"sl\">Satisfaction<\/div><\/div>\n      <div class=\"s\"><div class=\"sv\">5<sub>min<\/sub><\/div><div class=\"sl\">Pour \u00eatre en ligne<\/div><\/div>\n      <div class=\"s\"><div class=\"sv\">24\/7<\/div><div class=\"sl\">Disponible sans interruption<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 HOW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec\" id=\"comment\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Comment \u00e7a marche<\/span>\n      <h2>Pr\u00eat \u00e0 causer en 3 \u00e9tapes.<\/h2>\n      <p>Pas de prompt \u00e0 \u00e9crire, pas de d\u00e9veloppeur \u00e0 d\u00e9ranger. Vous collez, il apprend, il parle.<\/p>\n    <\/div>\n\n    <div class=\"csr-steps r\">\n      <div class=\"csr-step\">\n        <div class=\"num\">1<\/div>\n        <h3>Cr\u00e9ez votre bot<\/h3>\n        <p>Nommez-le, d\u00e9finissez sa personnalit\u00e9, importez votre contenu (PDF, URL ou texte libre). Il apprend votre business.<\/p>\n        <div class=\"viz\">\n          <div class=\"lbl\">Indexation<\/div>\n          <div class=\"v-url\"><span class=\"g\"><\/span><span>https:\/\/<b>votresite.fr<\/b><\/span><\/div>\n          <div class=\"v-rows\">\n            <div class=\"rw\"><span style=\"width:70px;\">\/accueil<\/span><span class=\"bar\" style=\"--w:100%\"><\/span><span>12p<\/span><\/div>\n            <div class=\"rw\"><span style=\"width:70px;\">\/catalogue<\/span><span class=\"bar\" style=\"--w:92%\"><\/span><span>186p<\/span><\/div>\n            <div class=\"rw\"><span style=\"width:70px;\">\/faq<\/span><span class=\"bar\" style=\"--w:75%\"><\/span><span>42p<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"csr-step\">\n        <div class=\"num\">2<\/div>\n        <h3>Personnalisez le widget<\/h3>\n        <p>Couleurs, avatar, position, message d'accueil, formulaire de contact. Pr\u00e9visualisation en direct, sans code.<\/p>\n        <div class=\"viz\">\n          <div class=\"lbl\">Personnalit\u00e9<\/div>\n          <div class=\"v-chips\">\n            <span>Ton chaleureux<\/span>\n            <span>Vouvoiement<\/span>\n            <span>Objectif : lead<\/span>\n            <span class=\"off\">Off : prix d\u00e9taill\u00e9s<\/span>\n            <span>Hand-off humain<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"csr-step\">\n        <div class=\"num\">3<\/div>\n        <h3>Int\u00e9grez en 1 ligne<\/h3>\n        <p>Copiez-collez un unique snippet. WordPress, Shopify, Webflow, Next.js ou n'importe quel HTML.<\/p>\n        <div class=\"viz\">\n          <div class=\"lbl\">Installation<\/div>\n          <div class=\"v-snip\">\n            <span class=\"cc\">&lt;!-- Avant &lt;\/body&gt; --&gt;<\/span><br\/>\n            &lt;<span class=\"cs\">script<\/span> <span class=\"cv\">src<\/span>=<span style=\"color:#ffd68a\">\"https:\/\/causerie.js\"<\/span>&gt;&lt;\/<span class=\"cs\">script<\/span>&gt;\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- USE CASES INLINE LINKS (NEW V3) -->\n    <div class=\"csr-uc r\">\n      <div class=\"csr-uc-t\">CauserieBot s'adapte \u00e0 votre secteur<\/div>\n      <div class=\"csr-uc-grid\">\n        <a href=\"https:\/\/causeriebot.com\/pour\/agences\">\ud83c\udfe2 Agences et freelances <span class=\"arr\">\u2192<\/span><\/a>\n        <a href=\"https:\/\/causeriebot.com\/pour\/ecommerce\">\ud83d\udecd E-commerce <span class=\"arr\">\u2192<\/span><\/a>\n        <a href=\"https:\/\/causeriebot.com\/pour\/pme\">\ud83c\udfed PME et ind\u00e9pendants <span class=\"arr\">\u2192<\/span><\/a>\n        <a href=\"https:\/\/causeriebot.com\/pour\/saas\">\ud83d\udcbb SaaS et startups <span class=\"arr\">\u2192<\/span><\/a>\n        <a href=\"https:\/\/causeriebot.com\/pour\/restaurants\">\ud83c\udf7d Restaurants et services <span class=\"arr\">\u2192<\/span><\/a>\n        <a href=\"https:\/\/causeriebot.com\/pour\/immobilier\">\ud83c\udfe0 Immobilier <span class=\"arr\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 FEATURES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec csr-sec-alt\" id=\"features\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Fonctionnalit\u00e9s<\/span>\n      <h2>Tout ce qu'un bon vendeur<br\/>sait faire. En mieux repos\u00e9.<\/h2>\n      <p>Un vrai chatbot qui conna\u00eet votre business, pas un bot g\u00e9n\u00e9rique qui r\u00e9pond \u00e0 c\u00f4t\u00e9.<\/p>\n    <\/div>\n\n    <div class=\"csr-fgrid r\">\n      <!-- Base de connaissances (wide) -->\n      <div class=\"csr-fcard wide\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 3v10M3 3h7a3 3 0 010 6H3M3 9h8a3 3 0 010 4H3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Base de connaissances r\u00e9elle<\/h3>\n        <p>Il r\u00e9pond avec <b>vos<\/b> informations. Importez vos PDF, scrapez vos pages, r\u00e9digez vos instructions. Jusqu'\u00e0 50 000 caract\u00e8res inclus.<\/p>\n        <div class=\"art\">\n          <div class=\"art-files\">\n            <div class=\"f\">\n              <span class=\"ic\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 1.5h5l3 3v7a.5.5 0 01-.5.5h-7.5a.5.5 0 01-.5-.5v-10z\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M8 1.5v3h3\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n              <span class=\"nm\">catalogue-produits.pdf<\/span>\n              <span class=\"sz\">2,4 Mo<\/span>\n              <span class=\"ok\">Index\u00e9<\/span>\n            <\/div>\n            <div class=\"f\">\n              <span class=\"ic\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M1.5 7h11M7 1.5c2 2 2 9 0 11M7 1.5c-2 2-2 9 0 11\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><\/svg><\/span>\n              <span class=\"nm\">monsite.fr\/services<\/span>\n              <span class=\"sz\">12 pages<\/span>\n              <span class=\"ok\">Scrap\u00e9<\/span>\n            <\/div>\n            <div class=\"f\">\n              <span class=\"ic\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"2.5\" y=\"1.5\" width=\"9\" height=\"11\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M4.5 4.5h5M4.5 7h5M4.5 9.5h3\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n              <span class=\"nm\">faq-interne.pdf<\/span>\n              <span class=\"sz\">840 Ko<\/span>\n              <span class=\"ok\">Index\u00e9<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Multi-mod\u00e8les (narrow) -->\n      <div class=\"csr-fcard narrow\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1.5L3 4v4c0 3 2 5.5 5 6.5 3-1 5-3.5 5-6.5V4L8 1.5z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M6 8l1.5 1.5L10 7\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n        <\/div>\n        <h3>6 mod\u00e8les IA au choix<\/h3>\n        <p>Choisissez le moteur selon vos besoins. Vos clients peuvent m\u00eame choisir le leur.<\/p>\n        <div class=\"art\">\n          <div class=\"art-models\">\n            <div class=\"m\"><span class=\"dot\"><\/span><span class=\"nm\">GPT-4o<\/span><span class=\"tg\">OpenAI<\/span><\/div>\n            <div class=\"m\"><span class=\"dot\"><\/span><span class=\"nm\">Claude Sonnet<\/span><span class=\"tg\">Anthropic<\/span><\/div>\n            <div class=\"m\"><span class=\"dot\"><\/span><span class=\"nm\">Gemini 2.5 Pro<\/span><span class=\"tg\">Google<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Leads (third) -->\n      <div class=\"csr-fcard third\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"8\" cy=\"8\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n        <\/div>\n        <h3>Capture de leads auto<\/h3>\n        <p>Email avant ou pendant la conv. Formulaire personnalisable avec champs \u00e0 la carte.<\/p>\n        <div class=\"art\">\n          <div class=\"art-nums\">\n            <div class=\"n\"><div class=\"v\">38<small>\/sem<\/small><\/div><div class=\"l\">Leads moyens<\/div><\/div>\n            <div class=\"n\"><div class=\"v\">94<small>%<\/small><\/div><div class=\"l\">Satisfaction<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Widget (third) -->\n      <div class=\"csr-fcard third\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M5 6h6M5 8.5h4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Widget personnalisable<\/h3>\n        <p>Couleurs, position, avatar, message bulle. Tout depuis le dashboard, sans code.<\/p>\n        <div class=\"art\">\n          <div class=\"art-w\">\n            <div class=\"bub\">Une question ? Notre assistant est l\u00e0 \ud83d\udc4b<\/div>\n            <div class=\"bot-ball\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 2C5.24 2 3 3.96 3 6.37c0 1.3.62 2.46 1.6 3.26L4 12l2.82-.93c.36.08.73.13 1.18.13 2.76 0 5-1.96 5-4.37S10.76 2 8 2z\" fill=\"currentColor\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Dashboard (third) -->\n      <div class=\"csr-fcard third\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 12V4M6 12V7M10 12V2M14 12V6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Dashboard temps r\u00e9el<\/h3>\n        <p>Conversations, leads, satisfaction, r\u00e9ponse. Tout en un coup d'\u0153il.<\/p>\n        <div class=\"art\">\n          <div class=\"art-mini\">\n            <div class=\"k\"><div class=\"v\">247<\/div><div class=\"l\">Conversations<\/div><\/div>\n            <div class=\"k\"><div class=\"v g\">38<\/div><div class=\"l\">Leads<\/div><\/div>\n            <div class=\"k\"><div class=\"v\">1,7s<\/div><div class=\"l\">R\u00e9ponse<\/div><\/div>\n            <div class=\"k\"><div class=\"v\">94%<\/div><div class=\"l\">Satisfait<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Int\u00e9grations (wide) -->\n      <div class=\"csr-fcard wide\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M5 8h6M8 5v6M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n        <\/div>\n        <h3>Int\u00e9grez en 30 secondes<\/h3>\n        <p>Un seul snippet. Compatible avec tous les CMS et frameworks, sans plugin \u00e0 installer.<\/p>\n        <div class=\"art\">\n          <div class=\"art-conn\">\n            <span>\ud83c\udf10 WordPress<\/span>\n            <span>\ud83d\udecd Shopify<\/span>\n            <span>\u25b2 Webflow<\/span>\n            <span>\u26a1 Next.js<\/span>\n            <span>\ud83d\udce6 Squarespace<\/span>\n            <span>+ HTML brut<\/span>\n          <\/div>\n          <div class=\"art-code\"><span class=\"cs\">&lt;script<\/span> src=<span style=\"color:#ffd68a\">\"causerie.js\"<\/span><span class=\"cs\">&gt;&lt;\/script&gt;<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RGPD (half) -->\n      <div class=\"csr-fcard half\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 2l5 2v4a6 6 0 01-5 6 6 6 0 01-5-6V4l5-2z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M6 8l1.5 1.5L10 7\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>H\u00e9berg\u00e9 en Europe, RGPD natif<\/h3>\n        <p>Chiffrement au repos et en transit, journalisation, droit \u00e0 l'oubli. Vos donn\u00e9es restent sur le continent. Point.<\/p>\n      <\/div>\n      <!-- Hand-off (half) -->\n      <div class=\"csr-fcard half\">\n        <div class=\"csr-ficn\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 4h10M3 8h10M3 12h6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Sait quand passer le relais<\/h3>\n        <p>Quand un visiteur devient un lead chaud, ou qu'il bloque, Causerie vous alerte en temps r\u00e9el (email, Slack, SMS).<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\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 CONFIG D\u00c9TAILL\u00c9E \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec\" id=\"config\">\n  <div class=\"csr-w\">\n    <div class=\"csr-cfg\">\n      <div class=\"csr-cfg-t r\">\n        <span class=\"csr-sh-lbl\">Configuration<\/span>\n        <h2>Votre bot conna\u00eet<br\/>votre business.<\/h2>\n        <p>D\u00e9finissez la personnalit\u00e9, importez vos documents, personnalisez le formulaire. Le bot r\u00e9pond comme un vrai expert de votre activit\u00e9.<\/p>\n        <div class=\"csr-checks\">\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>6 mod\u00e8les IA<\/strong> : GPT-4o, GPT-4o Mini, Claude Sonnet, Claude Haiku, Gemini 2.5 Pro, Gemini 2.5 Flash<\/div><\/div>\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>Import PDF<\/strong> jusqu'\u00e0 20 PDFs, 10 Mo chacun, texte extrait modifiable<\/div><\/div>\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>Scraping web<\/strong>, aspirez n'importe quelle URL, contenu \u00e9ditable<\/div><\/div>\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>Formulaire contact<\/strong>, Text, Email, T\u00e9l\u00e9phone, Message, Liste d\u00e9roulante<\/div><\/div>\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>Notifications email<\/strong>, chaque soumission envoy\u00e9e \u00e0 l'adresse de votre choix<\/div><\/div>\n          <div class=\"csr-ck\"><div class=\"ci\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M2 4.5l2 2L7 2\" stroke=\"#0FB390\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><div><strong>50 000 caract\u00e8res<\/strong> de base de connaissances inclus<\/div><\/div>\n        <\/div>\n        <a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-p csr-btn-lg\">Configurer mon bot <span class=\"arr\">\u2192<\/span><\/a>\n      <\/div>\n\n      <div class=\"csr-cfg-card r\">\n        <div class=\"csr-cfg-bar\"><i><\/i><i><\/i><i><\/i><\/div>\n        <div class=\"csr-cfg-body\">\n          <div class=\"csr-cfg-s\">\n            <div class=\"l\">Mod\u00e8le IA<\/div>\n            <div class=\"csr-cfg-models\">\n              <span class=\"on\">GPT-4o<\/span>\n              <span>GPT-4o Mini<\/span>\n              <span>Claude Sonnet<\/span>\n              <span>Claude Haiku<\/span>\n              <span>Gemini 2.5 Pro<\/span>\n              <span>Gemini Flash<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"csr-cfg-s\">\n            <div class=\"l\">Message d'accueil<\/div>\n            <div class=\"csr-cfg-fld\">Bonjour ! Comment puis-je vous aider ?<\/div>\n          <\/div>\n          <div class=\"csr-cfg-s\">\n            <div class=\"l\">Prompt syst\u00e8me \u00b7 <span style=\"float:right;color:var(--mu-2);font-size:11px;text-transform:none;letter-spacing:0\">1 079 \/ 50 000 car.<\/span><\/div>\n            <div class=\"csr-cfg-fld code\">Tu es un assistant IA int\u00e9gr\u00e9 \u00e0 un site web.<br\/>Ton r\u00f4le est d'aider les visiteurs \u00e0 comprendre<br\/>les services et guider vers la bonne action.<\/div>\n            <div class=\"csr-cfg-prog\"><i><\/i><\/div>\n          <\/div>\n          <div class=\"csr-cfg-s\">\n            <div class=\"l\">Formulaire de contact<\/div>\n            <div class=\"csr-cfg-form\">\n              <div class=\"csr-cfg-ff\">\u2709\ufe0f &nbsp;Email<span class=\"tag\">Obligatoire<\/span><\/div>\n              <div class=\"csr-cfg-ff\">\ud83d\udcde &nbsp;T\u00e9l\u00e9phone<span class=\"tag\">Optionnel<\/span><\/div>\n              <div class=\"csr-cfg-ff\">\ud83d\udcac &nbsp;Message long<span class=\"tag\">Optionnel<\/span><\/div>\n              <div class=\"csr-cfg-ff\">\u25be &nbsp;Liste d\u00e9roulante<span class=\"tag\">Optionnel<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 PRICING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec csr-sec-alt\" id=\"pricing\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Tarifs<\/span>\n      <h2>Simple. Transparent.<br\/>Sans surprise.<\/h2>\n      <p>Commencez gratuitement. Passez en Pro quand vous \u00eates pr\u00eat. Annulation en un clic.<\/p>\n    <\/div>\n\n    <div class=\"csr-plans r\">\n      <div class=\"csr-plan\">\n        <div class=\"nm\">Gratuit<\/div>\n        <div>\n          <div class=\"pr\">0\u20ac<small>\/ toujours<\/small><\/div>\n          <div class=\"dsc\">Pour tester et go\u00fbter aux premi\u00e8res conversations.<\/div>\n        <\/div>\n        <ul>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 1 bot actif<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 50 conversations \/ mois<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Widget personnalisable<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Mod\u00e8les IA rapides<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Base de connaissances<\/li>\n        <\/ul>\n        <div class=\"cta\"><a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-g csr-btn-lg\">Commencer gratuitement<\/a><\/div>\n      <\/div>\n\n      <div class=\"csr-plan feat\">\n        <span class=\"bdg\">\u2b50 Le plus populaire<\/span>\n        <div class=\"nm\">Pro<\/div>\n        <div>\n          <div class=\"pr\">49\u20ac<small>\/ mois<\/small><\/div>\n          <div class=\"dsc\">Pour les sites qui veulent un vrai commercial digital.<\/div>\n        <\/div>\n        <ul>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 3 bots actifs<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 2 000 conversations \/ mois<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Tous les mod\u00e8les IA<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Leads illimit\u00e9s + export CSV<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Scraping de pages web<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Support prioritaire<\/li>\n        <\/ul>\n        <div class=\"cta\"><a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-p csr-btn-lg\">D\u00e9marrer le Pro <span class=\"arr\">\u2192<\/span><\/a><\/div>\n      <\/div>\n\n      <div class=\"csr-plan\">\n        <div class=\"nm\">Business<\/div>\n        <div>\n          <div class=\"pr\">99\u20ac<small>\/ mois<\/small><\/div>\n          <div class=\"dsc\">Pour les agences et les PME multi-sites.<\/div>\n        <\/div>\n        <ul>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 15 bots actifs<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 10 000 conversations \/ mois<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Analytics avanc\u00e9s<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> White-label disponible<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Acc\u00e8s API complet<\/li>\n          <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Account manager d\u00e9di\u00e9<\/li>\n        <\/ul>\n        <div class=\"cta\"><a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-g csr-btn-lg\">Choisir Business<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">T\u00e9moignages<\/span>\n      <h2>Ce qu'en disent ceux<br\/>qui l'ont mis au travail.<\/h2>\n      <p>Des agences, des e-commer\u00e7ants, des ind\u00e9pendants qui convertissent 24\/24.<\/p>\n    <\/div>\n\n    <div class=\"csr-qs r\">\n      <div class=\"csr-q\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\u00ab En 48h, notre bot r\u00e9pondait parfaitement aux questions de nos prospects. On a r\u00e9cup\u00e9r\u00e9 23 leads en une semaine sans lever le petit doigt. \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">AP<\/div><div><b>Alexandre Petit<\/b><span>Fondateur \u00b7 Agence digitale Lyon<\/span><\/div><\/div>\n      <\/div>\n      <div class=\"csr-q\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\u00ab Enfin un chatbot en fran\u00e7ais qui comprend vraiment. J'ai import\u00e9 mes fiches PDF et \u00e7a r\u00e9pond mieux que certains de mes vendeurs ! \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">CM<\/div><div><b>Claire Moreau<\/b><span>Directrice \u00b7 Boutique e-commerce<\/span><\/div><\/div>\n      <\/div>\n      <div class=\"csr-q\">\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p>\u00ab J'ai test\u00e9 4 solutions. Causerie est la seule sans comp\u00e9tence technique requise. Install\u00e9 sur WordPress en 5 minutes chrono. \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">RL<\/div><div><b>Romain Lef\u00e8vre<\/b><span>Consultant ind\u00e9pendant \u00b7 Paris<\/span><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 COMPARATIFS (NEW V3) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec csr-sec-alt\" id=\"comparatifs\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Comparatifs<\/span>\n      <h2>CauserieBot face<br\/>aux solutions am\u00e9ricaines.<\/h2>\n      <p>Vous h\u00e9sitez avec Tidio, Intercom, Crisp ou Zendesk ? On a tout compar\u00e9 pour vous, point par point.<\/p>\n    <\/div>\n\n    <div class=\"csr-comp r\">\n      <a href=\"https:\/\/causeriebot.com\/alternative\/tidio\">\n        <span class=\"vs\">CauserieBot vs<\/span>\n        <span class=\"nm\">Tidio<\/span>\n        <span class=\"arr\">Voir le comparatif \u2192<\/span>\n      <\/a>\n      <a href=\"https:\/\/causeriebot.com\/alternative\/intercom\">\n        <span class=\"vs\">CauserieBot vs<\/span>\n        <span class=\"nm\">Intercom<\/span>\n        <span class=\"arr\">Voir le comparatif \u2192<\/span>\n      <\/a>\n      <a href=\"https:\/\/causeriebot.com\/alternative\/crisp\">\n        <span class=\"vs\">CauserieBot vs<\/span>\n        <span class=\"nm\">Crisp<\/span>\n        <span class=\"arr\">Voir le comparatif \u2192<\/span>\n      <\/a>\n      <a href=\"https:\/\/causeriebot.com\/alternative\/zendesk\">\n        <span class=\"vs\">CauserieBot vs<\/span>\n        <span class=\"nm\">Zendesk<\/span>\n        <span class=\"arr\">Voir le comparatif \u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\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 FAQ (NEW V3) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section class=\"csr-sec\" id=\"faq\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Questions fr\u00e9quentes<\/span>\n      <h2>Tout ce qu'on nous demande<br\/>avant de se lancer.<\/h2>\n      <p>Une question pas list\u00e9e ? Notre propre chatbot Causerie en bas \u00e0 droite y r\u00e9pondra.<\/p>\n    <\/div>\n\n    <div class=\"csr-faq r\">\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>C'est quoi CauserieBot ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          <strong>CauserieBot est un chatbot IA conversationnel 100% en fran\u00e7ais<\/strong> qui s'installe sur n'importe quel site web pour r\u00e9pondre aux visiteurs 24\/7. Il lit votre site, apprend votre catalogue (PDF, scraping web, texte libre) et guide les prospects pour les convertir en leads ou clients. Il s'installe en 5 minutes avec une seule ligne de code, sans d\u00e9veloppeur.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Combien co\u00fbte CauserieBot ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          CauserieBot propose <strong>trois formules transparentes<\/strong>. La formule Gratuite \u00e0 <strong>0\u20ac<\/strong> inclut 1 bot et 50 conversations par mois. La formule <strong>Pro \u00e0 49\u20ac\/mois<\/strong> inclut 3 bots, 2 000 conversations, tous les mod\u00e8les IA, leads illimit\u00e9s et scraping web. La formule <strong>Business \u00e0 99\u20ac\/mois<\/strong> inclut 15 bots, 10 000 conversations, white-label, API et account manager d\u00e9di\u00e9. <a href=\"#pricing\">Voir les tarifs d\u00e9taill\u00e9s<\/a>.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Quels mod\u00e8les d'intelligence artificielle sont disponibles ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          CauserieBot propose <strong>6 mod\u00e8les IA au choix<\/strong> : GPT-4o et GPT-4o Mini d'OpenAI, Claude Sonnet et Claude Haiku d'Anthropic, Gemini 2.5 Pro et Gemini 2.5 Flash de Google. Vous pouvez choisir le moteur selon vos besoins de qualit\u00e9, vitesse ou co\u00fbt, et vos visiteurs peuvent m\u00eame s\u00e9lectionner le leur depuis l'interface du widget.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Comment installer CauserieBot sur mon site ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          <strong>L'installation prend 5 minutes<\/strong>. Vous cr\u00e9ez votre bot dans le dashboard, vous importez votre contenu (PDF, URL ou texte), vous personnalisez le widget, puis vous copiez-collez un seul snippet de script avant la balise fermante <code>&lt;\/body&gt;<\/code> de votre site. Compatible WordPress, Shopify, Webflow, Next.js, Squarespace et tout HTML, sans plugin \u00e0 installer. <a href=\"https:\/\/causeriebot.com\/integration\">Voir le guide d'int\u00e9gration<\/a>.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Mes donn\u00e9es sont-elles s\u00e9curis\u00e9es et conformes au RGPD ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          Oui. <strong>CauserieBot est h\u00e9berg\u00e9 en Europe<\/strong> avec un chiffrement au repos et en transit, une journalisation compl\u00e8te et un droit \u00e0 l'oubli int\u00e9gr\u00e9. Les donn\u00e9es restent sur le continent europ\u00e9en et la conformit\u00e9 RGPD est native, sans configuration n\u00e9cessaire de votre part. Aucun transfert vers les \u00c9tats-Unis ni partage avec des tiers non europ\u00e9ens.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>CauserieBot fonctionne-t-il avec WordPress, Shopify et Webflow ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          Oui. <strong>CauserieBot s'int\u00e8gre nativement avec WordPress, Shopify, Webflow, Next.js, Squarespace et n'importe quel site HTML<\/strong>. Une seule ligne de script suffit, sans plugin sp\u00e9cifique ni configuration technique avanc\u00e9e. Le widget se charge en asynchrone et n'impacte pas la performance de votre site.\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Quelle diff\u00e9rence avec Tidio, Intercom ou Crisp ?<\/span>\n          <span class=\"csr-faq-ic\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"csr-faq-a\">\n          CauserieBot se distingue par <strong>trois points<\/strong> : il est 100% en fran\u00e7ais avec une compr\u00e9hension native de la langue, il utilise une vraie base de connaissances de votre business (PDF, scraping, jusqu'\u00e0 50 000 caract\u00e8res) plut\u00f4t que des r\u00e8gles pr\u00e9d\u00e9finies, et il propose 6 mod\u00e8les IA au choix incluant Claude et GPT-4o. Le tarif d'entr\u00e9e \u00e0 49\u20ac\/mois est aussi inf\u00e9rieur aux solutions am\u00e9ricaines \u00e9quivalentes. Voir le d\u00e9tail : <a href=\"https:\/\/causeriebot.com\/alternative\/tidio\">vs Tidio<\/a>, <a href=\"https:\/\/causeriebot.com\/alternative\/intercom\">vs Intercom<\/a>, <a href=\"https:\/\/causeriebot.com\/alternative\/crisp\">vs Crisp<\/a>.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- BLOC FONDATEURS (NEW V3) -->\n    <div class=\"csr-fnd r\">\n      <div class=\"csr-fnd-avs\">\n        <div class=\"csr-fnd-av\">M<\/div>\n        <div class=\"csr-fnd-av\">N<\/div>\n      <\/div>\n      <div class=\"csr-fnd-t\">\n        <h4>Une \u00e9quipe fran\u00e7aise qui r\u00e9pond.<\/h4>\n        <p>CauserieBot est con\u00e7u et d\u00e9velopp\u00e9 en France par <b>Mathias Igonenc<\/b> et <b>Nicolas Buathier<\/b>. Nous lisons chaque retour, nous r\u00e9pondons sous 24h, et nous facturons en euros sans frais cach\u00e9s. Pas une \u00e9quipe support sous-trait\u00e9e \u00e0 8 000 km, juste deux fondateurs joignables.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<section style=\"padding: 0 0 60px;\">\n  <div class=\"csr-w\">\n    <div class=\"csr-final r\">\n      <h2>Lancez votre bot.<br\/>Avant la fin de votre caf\u00e9.<\/h2>\n      <p>5 minutes pour installer. Gratuit pour toujours sur la formule de base. Sans carte bancaire, sans code, sans excuse.<\/p>\n      <div class=\"acts\">\n        <a href=\"https:\/\/dashboard.causeriebot.com\/\" class=\"csr-btn csr-btn-p csr-btn-lg\">Cr\u00e9er mon chatbot, c'est gratuit <span class=\"arr\">\u2192<\/span><\/a>\n        <button onclick=\"openCauserieBot()\" class=\"csr-btn csr-btn-g csr-btn-lg\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M5.5 5.2L9.5 7l-4 1.8V5.2z\" fill=\"currentColor\"\/><\/svg>\n          Tester le chatbot live\n        <\/button>\n      <\/div>\n      <div class=\"note\">Gratuit pour toujours \u00b7 Sans CB \u00b7 Annulation en un clic<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/.csr-v2 -->\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 FLOATING PILL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<div id=\"csr-bot-pill\" onclick=\"openCauserieBot()\">\n  <span class=\"dot\"><\/span>\n  Tester le chatbot\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" style=\"margin-left:4px\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n<\/div>\n\n<script>\n(function(){\n  \/\/ Hero words : stagger blur-in entrance\n  var words = document.querySelectorAll('.csr-v2 .csr-h1-anim .w');\n  words.forEach(function(w, i){\n    w.style.animationDelay = (i * 0.075) + 's';\n  });\n\n  \/\/ Reveal on scroll\n  var io = new IntersectionObserver(function(es){\n    es.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\n    });\n  }, { threshold: .08 });\n  document.querySelectorAll('.csr-v2 .r').forEach(function(el){ io.observe(el); });\n\n  \/\/ FAQ accordion (NEW V3)\n  document.querySelectorAll('.csr-v2 .csr-faq-it').forEach(function(it){\n    var q = it.querySelector('.csr-faq-q');\n    if(!q) return;\n    q.addEventListener('click', function(){\n      it.classList.toggle('open');\n    });\n  });\n\n  \/\/ Floating pill : appears after scroll\n  var pill = document.getElementById('csr-bot-pill');\n  var shown = false;\n  window.addEventListener('scroll', function(){\n    if(!shown && window.scrollY > 500){\n      shown = true;\n      pill.style.display = 'inline-flex';\n    }\n  });\n\n  \/\/ Bot trigger (placeholder : replace with your real trigger)\n  if(typeof window.openCauserieBot !== 'function'){\n    window.openCauserieBot = function(){\n      alert(\"\u00c0 c\u00e2bler : remplace openCauserieBot() par l'ouverture de ton vrai bot Causerie.\");\n    };\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nouveau Causerie v2 &mdash; plus rapide, plus juste, plus humain Le chatbot IA qui parle &agrave; vos visiteurs comme un vrai humain. Causerie lit votre site, apprend votre catalogue et r&eacute;pond 24\/24 &mdash; pour guider, rassurer et convertir. Installation en 5 minutes, sans code, 100% en fran&ccedil;ais. Cr&eacute;er mon chatbot gratuit &rarr; Tester le chatbot live Gratuit pour toujours&nbsp;&middot;&nbsp;Sans carte bancaire&nbsp;&middot;&nbsp;1 ligne de code app.causeriebot.com\/dashboard Espace Vue d&rsquo;ensemble Conversations 247 Leads 38 Sources Param&egrave;tres Personnalit&eacute; Int&eacute;grations Facturation Causerie &middot; Vue d&rsquo;ensemble Bonjour Nicolas \ud83d\udc4b Voici ce que votre bot a fait ces 7 derniers jours. Conversations247&uarr; 18% vs. 7j Leads qualifi&eacute;s38&uarr; 42% Taux de conversion15,4%&uarr; 2,1 pts Conversations Leads C Assistant Causerie En ligne &middot; r&eacute;ponse ~1,7s Actif Bonjour \ud83d\udc4b Comment puis-je vous aider aujourd&rsquo;hui ? C&rsquo;est quoi vos tarifs ? 3 formules : Gratuit, Pro &agrave; 49&euro;\/mois et Business &agrave; 99&euro;\/mois. Quelle taille d&rsquo;&eacute;quipe avez-vous ? Ind&eacute;pendant &mdash; 1 site seulement. La formule Gratuite est parfaite pour vous. Je vous guide pour l&rsquo;installer ? &Eacute;crivez un message&hellip; Propuls&eacute; par les meilleurs mod&egrave;les IA du march&eacute; \u26a1 GPT-4o &middot; OpenAI \ud83e\udd16 Claude &middot; Anthropic \u2728 Gemini &middot; Google \ud83c\udf10 WordPress \ud83d\udecd Shopify \u25b2 Webflow 500+Sites actifs 98%Satisfaction 5minPour &ecirc;tre en ligne 24\/7Disponible sans interruption Comment &ccedil;a marche Pr&ecirc;t &agrave; causer en 3 &eacute;tapes. Pas de prompt &agrave; &eacute;crire, pas de d&eacute;veloppeur &agrave; d&eacute;ranger. Vous collez, il apprend, il parle. 1 Cr&eacute;ez votre bot Nommez-le, d&eacute;finissez sa personnalit&eacute;, importez votre contenu &mdash; PDF, URL ou texte libre. Il apprend votre business. Indexation https:\/\/votresite.fr \/accueil12p \/catalogue186p \/faq42p 2 Personnalisez le widget Couleurs, avatar, position, message d&rsquo;accueil, formulaire de contact. Pr&eacute;visualisation en direct &mdash; sans code. Personnalit&eacute; Ton chaleureux Vouvoiement Objectif : lead Off &mdash; prix d&eacute;taill&eacute;s Hand-off humain 3 Int&eacute;grez en 1 ligne Copiez-collez un unique snippet. WordPress, Shopify, Webflow, Next.js &mdash; ou n&rsquo;importe quel HTML. Installation &lt;!&ndash; Avant &lt;\/body&gt; &ndash;&gt; &lt;script src=&nbsp;&raquo;https:\/\/causerie.js&nbsp;&raquo;&gt;&lt;\/script&gt; Fonctionnalit&eacute;s Tout ce qu&rsquo;un bon vendeur sait faire. En mieux repos&eacute;. Un vrai chatbot qui conna&icirc;t votre business &mdash; pas un bot g&eacute;n&eacute;rique qui r&eacute;pond &agrave; c&ocirc;t&eacute;. Base de connaissances r&eacute;elle Il r&eacute;pond avec vos informations. Importez vos PDF, scrapez vos pages, r&eacute;digez vos instructions. Jusqu&rsquo;&agrave; 50 000 caract&egrave;res inclus. catalogue-produits.pdf 2,4 Mo Index&eacute; monsite.fr\/services 12 pages Scrap&eacute; faq-interne.pdf 840 Ko Index&eacute; 6 mod&egrave;les IA au choix Choisissez le moteur selon vos besoins. Vos clients peuvent m&ecirc;me choisir le leur. GPT-4oOpenAI Claude SonnetAnthropic Gemini 2.5 ProGoogle Capture de leads auto Email avant ou pendant la conv. Formulaire personnalisable avec champs &agrave; la carte. 38\/semLeads moyens 94%Satisfaction Widget personnalisable Couleurs, position, avatar, message bulle. Tout depuis le dashboard, sans code. Une question ? Notre assistant est l&agrave; \ud83d\udc4b Dashboard temps r&eacute;el Conversations, leads, satisfaction, r&eacute;ponse. Tout en un coup d&rsquo;&oelig;il. 247Conversations 38Leads 1,7sR&eacute;ponse 94%Satisfait Int&eacute;grez en 30 secondes Un seul snippet. Compatible avec tous les CMS et frameworks, sans plugin &agrave; installer. \ud83c\udf10 WordPress \ud83d\udecd Shopify \u25b2 Webflow \u26a1 Next.js \ud83d\udce6 Squarespace + HTML brut &lt;script src=&nbsp;&raquo;causerie.js&nbsp;&raquo;&gt;&lt;\/script&gt; H&eacute;berg&eacute; en Europe, RGPD natif Chiffrement au repos et en transit, journalisation, droit &agrave; l&rsquo;oubli. Vos donn&eacute;es restent sur le continent &mdash; point. Sait quand passer le relais Quand un visiteur devient un lead chaud &mdash; ou qu&rsquo;il bloque &mdash; Causerie vous alerte en temps r&eacute;el (email, Slack, SMS). Configuration Votre bot conna&icirc;t votre business. D&eacute;finissez la personnalit&eacute;, importez vos documents, personnalisez le formulaire. Le bot r&eacute;pond comme un vrai expert de votre activit&eacute;. 6 mod&egrave;les IA &mdash; GPT-4o, GPT-4o Mini, Claude Sonnet, Claude Haiku, Gemini 2.5 Pro, Gemini 2.5 Flash Import PDF &mdash; jusqu&rsquo;&agrave; 20 PDFs, 10 Mo chacun, texte extrait modifiable Scraping web &mdash; aspirez n&rsquo;importe quelle URL, contenu &eacute;ditable Formulaire contact &mdash; Text, Email, T&eacute;l&eacute;phone, Message, Liste d&eacute;roulante Notifications email &mdash; chaque soumission envoy&eacute;e &agrave; l&rsquo;adresse de votre choix 50 000 caract&egrave;res de base de connaissances inclus Configurer mon bot &rarr; Mod&egrave;le IA GPT-4o GPT-4o Mini Claude Sonnet Claude Haiku Gemini 2.5 Pro Gemini Flash Message d&rsquo;accueil Bonjour ! Comment puis-je vous aider ? Prompt syst&egrave;me &middot; 1 079 \/ 50 000 car. Tu es un assistant IA int&eacute;gr&eacute; &agrave; un site web. Ton r&ocirc;le est d&rsquo;aider les visiteurs &agrave; comprendre les services et guider vers la bonne action. Formulaire de contact \u2709\ufe0f &nbsp;EmailObligatoire \ud83d\udcde &nbsp;T&eacute;l&eacute;phoneOptionnel \ud83d\udcac &nbsp;Message longOptionnel \u25be &nbsp;Liste d&eacute;roulanteOptionnel Tarifs Simple. Transparent. Sans surprise. Commencez gratuitement. Passez en Pro quand vous &ecirc;tes pr&ecirc;t. Annulation en un clic. Gratuit 0&euro;\/ toujours Pour tester et go&ucirc;ter aux premi&egrave;res conversations. 1 bot actif 50 conversations \/ mois Widget personnalisable Mod&egrave;les IA rapides Base de connaissances Commencer gratuitement \u2b50 Le plus populaire Pro 49&euro;\/ mois Pour les sites qui veulent un vrai commercial digital. 3 bots actifs 2 000 conversations \/ mois Tous les mod&egrave;les IA Leads illimit&eacute;s + export CSV Scraping de pages web Support prioritaire D&eacute;marrer le Pro &rarr; Business 99&euro;\/ mois Pour les agences et les PME multi-sites. 15 bots actifs 10 000 conversations \/ mois Analytics avanc&eacute;s White-label disponible Acc&egrave;s API complet Account manager d&eacute;di&eacute; Choisir Business T&eacute;moignages Ce qu&rsquo;en disent ceux qui l&rsquo;ont mis au travail. Des agences, des e-commer&ccedil;ants, des ind&eacute;pendants qui convertissent 24\/24. \u2605\u2605\u2605\u2605\u2605 &laquo; En 48h, notre bot r&eacute;pondait parfaitement aux questions de nos prospects. On a r&eacute;cup&eacute;r&eacute; 23 leads en une semaine sans lever le petit doigt. &raquo; APAlexandre PetitFondateur &middot; Agence digitale Lyon \u2605\u2605\u2605\u2605\u2605 &laquo; Enfin un chatbot en fran&ccedil;ais qui comprend vraiment. J&rsquo;ai import&eacute; mes fiches PDF et &ccedil;a r&eacute;pond mieux que certains de mes vendeurs ! &raquo; CMClaire MoreauDirectrice &middot; Boutique e-commerce \u2605\u2605\u2605\u2605\u2605 &laquo; J&rsquo;ai test&eacute; 4 solutions. Causerie est la seule sans comp&eacute;tence technique requise. Install&eacute; sur WordPress en 5 minutes chrono. &raquo; RLRomain Lef&egrave;vreConsultant ind&eacute;pendant &middot; Paris Lancez votre bot. Avant la fin de votre caf&eacute;. 5 minutes pour installer. Gratuit pour toujours sur la formule de base. Sans carte bancaire, sans code, sans excuse. Cr&eacute;er mon chatbot &mdash; c&rsquo;est gratuit &rarr; Tester le chatbot live Gratuit pour toujours &middot; Sans CB &middot; Annulation en un clic Tester le chatbot<\/p>","protected":false},"author":1,"featured_media":1209,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6671","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Causerie - Le meilleur logiciel de chatbot IA pour votre site web<\/title>\n<meta name=\"description\" content=\"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\/7 avec Claude, ChatGPT, Gemini\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/causeriebot.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Causerie - Le meilleur logiciel de chatbot IA pour votre site web\" \/>\n<meta property=\"og:description\" content=\"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\/7 avec Claude, ChatGPT, Gemini\" \/>\n<meta property=\"og:url\" content=\"https:\/\/causeriebot.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Causerie - ChatBot\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T22:31:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"7678\" \/>\n\t<meta property=\"og:image:height\" content=\"2197\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"name\":\"Causerie - Le meilleur logiciel de chatbot IA pour votre site web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-Logo-Causerie-Couleurs-1-2.png\",\"datePublished\":\"2025-08-23T16:48:54+00:00\",\"dateModified\":\"2026-05-04T22:31:03+00:00\",\"description\":\"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\\\/7 avec Claude, ChatGPT, Gemini\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/causeriebot.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-Logo-Causerie-Couleurs-1-2.png\",\"contentUrl\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-Logo-Causerie-Couleurs-1-2.png\",\"width\":7678,\"height\":2197},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/causeriebot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Causerie &#8211; Le meilleur logiciel de chatbot IA pour votre site web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"name\":\"Causerie - ChatBot IA\",\"description\":\"L\u2019art de la conversation intelligente\",\"publisher\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\"},\"alternateName\":\"Causerie Bot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/causeriebot.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\",\"name\":\"Causerie Bot\",\"alternateName\":\"Causerie\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"contentUrl\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"width\":7680,\"height\":4320,\"caption\":\"Causerie Bot\"},\"image\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Causerie - Le meilleur logiciel de chatbot IA pour votre site web","description":"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\/7 avec Claude, ChatGPT, Gemini","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:\/\/causeriebot.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Causerie - Le meilleur logiciel de chatbot IA pour votre site web","og_description":"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\/7 avec Claude, ChatGPT, Gemini","og_url":"https:\/\/causeriebot.com\/en\/","og_site_name":"Causerie - ChatBot","article_modified_time":"2026-05-04T22:31:03+00:00","og_image":[{"width":7678,"height":2197,"url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/causeriebot.com\/","url":"https:\/\/causeriebot.com\/","name":"Causerie - Le meilleur logiciel de chatbot IA pour votre site web","isPartOf":{"@id":"https:\/\/causeriebot.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/causeriebot.com\/#primaryimage"},"image":{"@id":"https:\/\/causeriebot.com\/#primaryimage"},"thumbnailUrl":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png","datePublished":"2025-08-23T16:48:54+00:00","dateModified":"2026-05-04T22:31:03+00:00","description":"Chatbot IA 100% fran\u00e7ais pour votre site web. CauserieBot apprend votre catalogue (PDF, scraping) et r\u00e9pond aux visiteurs 24\/7 avec Claude, ChatGPT, Gemini","breadcrumb":{"@id":"https:\/\/causeriebot.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/causeriebot.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/causeriebot.com\/#primaryimage","url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png","contentUrl":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1-2.png","width":7678,"height":2197},{"@type":"BreadcrumbList","@id":"https:\/\/causeriebot.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/causeriebot.com\/"},{"@type":"ListItem","position":2,"name":"Causerie &#8211; Le meilleur logiciel de chatbot IA pour votre site web"}]},{"@type":"WebSite","@id":"https:\/\/causeriebot.com\/#website","url":"https:\/\/causeriebot.com\/","name":"Causerie - ChatBot IA","description":"L\u2019art de la conversation intelligente","publisher":{"@id":"https:\/\/causeriebot.com\/#organization"},"alternateName":"Causerie Bot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/causeriebot.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/causeriebot.com\/#organization","name":"Causerie Bot","alternateName":"Causerie","url":"https:\/\/causeriebot.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/","url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","contentUrl":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","width":7680,"height":4320,"caption":"Causerie Bot"},"image":{"@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/6671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/comments?post=6671"}],"version-history":[{"count":313,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/6671\/revisions"}],"predecessor-version":[{"id":8331,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/6671\/revisions\/8331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/media\/1209"}],"wp:attachment":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/media?parent=6671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}