{"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-14T23:59:38","modified_gmt":"2026-05-14T21:59:38","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.2 \/ HOMEPAGE\n  Widget HTML (pleine largeur) : Elementor\n  Couleur de marque : #20D3AB (teal)\n\n  CHANGEMENTS V3.2 vs V3 (minimaux, SEO\/AEO\/RAG only) :\n  - Schema.org enrichi : RAG, Supabase, pgvector, embeddings, +2 questions FAQ\n  - Pill hero : annonce RAG (au lieu de \"v2 plus rapide\")\n  - Sous-titre hero : mention RAG natif\n  - Trust strip stats : chiffres honn\u00eates (au lieu de 500+\/98% invent\u00e9s)\n  - Features : 2 cartes invent\u00e9es retir\u00e9es (dashboard chiffr\u00e9 + passe le relais)\n  - Nouvelle section \"Sans RAG vs Avec RAG\" entre features et pricing\n  - Config : \"50 000 caract\u00e8res\" remplac\u00e9 par RAG illimit\u00e9\n  - Pricing Business : badge RAG illimit\u00e9 + ligne PDF\/URLs illimit\u00e9s\n  - T\u00e9moignages : 3 versions sobres et anonymes\n  - FAQ : +2 questions (PDF illimit\u00e9s + hallucinations) avec lien article RAG\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 avec RAG natif pour automatiser le support client, capturer des leads, indexer une documentation illimit\u00e9e (PDF, URLs) et convertir les visiteurs 24\/7.\",\n      \"foundingDate\": \"2024\",\n      \"foundingLocation\": {\n        \"@type\": \"Place\",\n        \"address\": { \"@type\": \"PostalAddress\", \"addressCountry\": \"FR\" }\n      },\n      \"areaServed\": { \"@type\": \"Place\", \"name\": \"France, Belgique, Suisse, Canada francophone\" },\n      \"knowsLanguage\": [\"fr\", \"en\"],\n      \"founder\": [\n        { \"@type\": \"Person\", \"name\": \"Mathias\", \"jobTitle\": \"Co-fondateur\" },\n        { \"@type\": \"Person\", \"name\": \"Nicolas Buathier\", \"jobTitle\": \"Co-fondateur\" }\n      ],\n      \"sameAs\": [\"https:\/\/www.linkedin.com\/company\/causeriebot\"],\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 chatbot IA fran\u00e7ais avec RAG natif et base documentaire illimit\u00e9e\",\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 avec architecture RAG native sur Supabase et pgvector. Indexe une documentation illimit\u00e9e (PDF, URLs, texte) en recherche s\u00e9mantique vectorielle. 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-05-15\",\n      \"author\": { \"@id\": \"https:\/\/causeriebot.com\/#organization\" },\n      \"publisher\": { \"@id\": \"https:\/\/causeriebot.com\/#organization\" },\n      \"featureList\": [\n        \"Base de connaissances illimit\u00e9e via RAG natif (Supabase + pgvector)\",\n        \"Indexation s\u00e9mantique vectorielle des PDF, URLs et texte libre\",\n        \"Pas de saturation de fen\u00eatre de contexte sur grosse documentation\",\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        \"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        { \"@type\": \"Offer\", \"name\": \"Gratuit\", \"price\": \"0\", \"priceCurrency\": \"EUR\", \"priceValidUntil\": \"2027-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\", \"url\": \"https:\/\/causeriebot.com\/#pricing\", \"description\": \"1 bot actif, 50 conversations\/mois, widget personnalisable, mod\u00e8les IA rapides, base de connaissances\", \"category\": \"Free\" },\n        { \"@type\": \"Offer\", \"name\": \"Pro\", \"price\": \"49\", \"priceCurrency\": \"EUR\", \"priceValidUntil\": \"2027-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\", \"url\": \"https:\/\/causeriebot.com\/#pricing\", \"description\": \"3 bots actifs, 2 000 conversations\/mois, tous les mod\u00e8les IA, leads illimit\u00e9s + export CSV, scraping web, support prioritaire\", \"category\": \"Subscription\", \"eligibleDuration\": { \"@type\": \"QuantitativeValue\", \"value\": 1, \"unitCode\": \"MON\" } },\n        { \"@type\": \"Offer\", \"name\": \"Business\", \"price\": \"99\", \"priceCurrency\": \"EUR\", \"priceValidUntil\": \"2027-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\", \"url\": \"https:\/\/causeriebot.com\/#pricing\", \"description\": \"15 bots actifs, 10 000 conversations\/mois, PDF et URLs illimit\u00e9s via RAG natif, analytics avanc\u00e9s, white-label, acc\u00e8s API complet, account manager d\u00e9di\u00e9\", \"category\": \"Subscription\", \"eligibleDuration\": { \"@type\": \"QuantitativeValue\", \"value\": 1, \"unitCode\": \"MON\" } }\n      ]\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/causeriebot.com\/#faq\",\n      \"mainEntity\": [\n        { \"@type\": \"Question\", \"name\": \"C'est quoi CauserieBot ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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) via une architecture RAG native 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        { \"@type\": \"Question\", \"name\": \"Combien de PDF et de pages peut indexer CauserieBot ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Sur le plan Business, CauserieBot indexe une quantit\u00e9 illimit\u00e9e de PDF, d'URLs et de texte via son architecture RAG native (Supabase + pgvector). 100 fiches produits, 500 proc\u00e9dures, des milliers de pages techniques : tout est index\u00e9 s\u00e9mantiquement sans saturer ni halluciner.\" } },\n        { \"@type\": \"Question\", \"name\": \"Comment CauserieBot \u00e9vite les hallucinations sur une grosse documentation ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Gr\u00e2ce \u00e0 une architecture RAG (Retrieval Augmented Generation) native. CauserieBot d\u00e9coupe votre contenu en chunks, les vectorise via OpenAI embeddings, les stocke dans Supabase avec pgvector, et ne remonte que les 3 \u00e0 10 extraits les plus pertinents par question. Le mod\u00e8le ne peut pas inventer ce qu'il ne re\u00e7oit pas.\" } },\n        { \"@type\": \"Question\", \"name\": \"Combien co\u00fbte CauserieBot ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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, PDF et URLs illimit\u00e9s via RAG, white-label, API et account manager d\u00e9di\u00e9.\" } },\n        { \"@type\": \"Question\", \"name\": \"Quels mod\u00e8les d'intelligence artificielle sont disponibles ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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        { \"@type\": \"Question\", \"name\": \"Comment installer CauserieBot sur mon site ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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        { \"@type\": \"Question\", \"name\": \"Mes donn\u00e9es sont-elles s\u00e9curis\u00e9es et conformes au RGPD ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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        { \"@type\": \"Question\", \"name\": \"CauserieBot fonctionne-t-il avec WordPress, Shopify et Webflow ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"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        { \"@type\": \"Question\", \"name\": \"Quelle diff\u00e9rence avec Tidio, Intercom ou Crisp ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"CauserieBot se distingue par trois points : il est 100% en fran\u00e7ais avec une compr\u00e9hension native de la langue, il utilise un RAG natif qui indexe une documentation illimit\u00e9e (PDF, URLs, texte) sans saturer le mod\u00e8le, 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<\/script>\n\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.2 : SCOPED STYLES ========== *\/\n\/* CSS V3 INT\u00c9GRAL CONSERV\u00c9 + 3 ajouts en fin de bloc *\/\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  --ac:#20D3AB; --ac-d:#0FB390; --ac-dd:#087A63; --ac-s:#E6FBF5; --ac-i:#063D31;\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  font-family: var(--f) !important; color: var(--ink) !important; background: var(--bg) !important;\n  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;\n  font-feature-settings: \"ss01\",\"ss03\",\"cv11\"; line-height: 1.5;\n  overflow-x: clip !important; 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.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.csr-v2 .csr-btn{ display: inline-flex !important; align-items: center !important; gap: 7px !important; padding: 9px 14px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: -.005em !important; transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .1s !important; white-space: nowrap !important; line-height: 1 !important; border: 1px solid transparent !important; cursor: pointer !important; }\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.csr-v2 .csr-hero{ padding: 88px 0 48px !important; text-align: center !important; overflow: hidden !important; position: relative !important; }\n.csr-v2 .csr-pill{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 5px 12px 5px 6px !important; border-radius: 999px !important; background: var(--bg-sunk) !important; border: 1px solid var(--bd) !important; font-size: 12.5px !important; color: var(--ink-2) !important; margin-bottom: 28px !important; }\n.csr-v2 .csr-pill .chip{ background: var(--ac) !important; color: var(--ac-i) !important; padding: 2px 9px !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 11px !important; letter-spacing: .01em !important; }\n.csr-v2 .csr-hero h1{ font-size: clamp(40px, 6.2vw, 76px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; font-weight: 500 !important; margin: 0 auto !important; max-width: 960px !important; color: var(--ink) !important; }\n.csr-v2 .csr-hero h1 .grad{ color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }\n.csr-v2 .csr-hero-sub{ margin: 24px auto 0 !important; max-width: 660px !important; font-size: 18px !important; line-height: 1.5 !important; color: var(--mu) !important; letter-spacing: -.005em !important; }\n.csr-v2 .csr-hero-sub b{ color: var(--ink-2) !important; font-weight: 500 !important; }\n.csr-v2 .csr-hero-cta{ margin-top: 32px !important; display: flex !important; gap: 10px !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; }\n.csr-v2 .csr-hero-note{ margin-top: 14px !important; font-size: 12.5px !important; color: var(--mu-2) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }\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.csr-v2 .csr-shot-w{ margin: 56px auto 0 !important; max-width: 1120px !important; padding: 0 24px !important; position: relative !important; }\n.csr-v2 .csr-shot-w::before{ content: \"\" !important; position: absolute !important; inset: -40px -80px 40% -80px !important; background: radial-gradient(60% 60% at 50% 40%, var(--ac-s) 0%, transparent 70%) !important; z-index: 0 !important; pointer-events: none !important; }\n.csr-v2 .csr-shot{ position: relative !important; z-index: 1 !important; border-radius: 18px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; 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; overflow: hidden !important; }\n.csr-v2 .csr-shot-top{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; border-bottom: 1px solid var(--bd) !important; background: var(--bg-soft) !important; }\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{ flex: 1 !important; display: flex !important; align-items: center !important; gap: 8px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; padding: 6px 10px !important; border-radius: 8px !important; font-family: var(--fm) !important; font-size: 12px !important; color: var(--mu) !important; max-width: 380px !important; margin: 0 auto !important; justify-content: center !important; }\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{ display: grid !important; grid-template-columns: 240px 1fr 360px !important; min-height: 520px !important; }\n.csr-v2 .csr-shot-side{ border-right: 1px solid var(--bd) !important; padding: 18px 14px !important; background: var(--bg-soft) !important; display: flex !important; flex-direction: column !important; gap: 4px !important; font-size: 13.5px !important; }\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{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 8px !important; color: var(--ink-2) !important; }\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{ padding: 22px 24px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }\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{ margin-top: 16px !important; border: 1px solid var(--bd) !important; border-radius: 12px !important; padding: 14px !important; flex: 1 !important; min-height: 180px !important; position: relative !important; overflow: hidden !important; background: var(--bg) !important; }\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{ padding: 12px 14px !important; border-bottom: 1px solid var(--bd) !important; display: flex !important; align-items: center !important; gap: 10px !important; font-size: 13px !important; font-weight: 500 !important; }\n.csr-v2 .csr-chead .av{ width: 26px !important; height: 26px !important; border-radius: 7px !important; background: var(--ac-s) !important; color: var(--ac-i) !important; display: grid !important; place-items: center !important; font-size: 12px !important; font-weight: 600 !important; border: 1px solid rgba(32,211,171,.25) !important; }\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{ max-width: 82% !important; padding: 9px 12px !important; border-radius: 12px !important; font-size: 13.5px !important; line-height: 1.45 !important; animation: csrFadeUp .5s ease both; }\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){ .csr-v2 .csr-shot-body{ grid-template-columns: 1fr !important; } .csr-v2 .csr-shot-side{ display: none !important; } .csr-v2 .csr-shot-chat{ border-left: 0 !important; border-top: 1px solid var(--bd) !important; } }\n\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; align-items: start !important; }\n.csr-v2 .csr-stats .s{ text-align: center !important; display: flex !important; flex-direction: column !important; align-items: 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; display: inline-flex !important; align-items: baseline !important; gap: 3px !important; min-height: 38px !important; }\n.csr-v2 .csr-stats .sv sub{ font-size: 14px !important; color: var(--mu) !important; font-weight: 400 !important; vertical-align: baseline !important; margin-left: 2px !important; letter-spacing: 0 !important; }\n.csr-v2 .csr-stats .sl{ margin-top: 10px !important; font-size: 13px !important; color: var(--mu) !important; line-height: 1.4 !important; }\n@media (max-width: 700px){ .csr-v2 .csr-stats{ grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; } }\n\n.csr-v2 .csr-sh{ text-align: center !important; max-width: 720px !important; margin: 0 auto 56px !important; }\n.csr-v2 .csr-sh-lbl{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 4px 10px !important; border-radius: 999px !important; background: var(--ac-s) !important; color: var(--ac-i) !important; border: 1px solid rgba(32,211,171,.2) !important; font-size: 12px !important; font-weight: 500 !important; }\n.csr-v2 .csr-sh h2{ font-size: clamp(32px, 4.6vw, 52px) !important; line-height: 1.05 !important; letter-spacing: -.03em !important; font-weight: 500 !important; margin: 18px 0 14px !important; color: var(--ink) !important; }\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.csr-v2 .csr-steps{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }\n.csr-v2 .csr-step{ border: 1px solid var(--bd) !important; border-radius: 16px !important; background: var(--bg) !important; padding: 26px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; position: relative !important; transition: border-color .2s, box-shadow .2s, transform .2s !important; }\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{ width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border-radius: 8px !important; background: var(--bg-sunk) !important; border: 1px solid var(--bd) !important; font-family: var(--fm) !important; font-size: 12px !important; color: var(--ink-2) !important; }\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{ margin-top: auto !important; border: 1px solid var(--bd) !important; background: var(--bg-soft) !important; border-radius: 12px !important; padding: 14px !important; min-height: 148px !important; position: relative !important; overflow: hidden !important; }\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.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.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{ 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: 10px !important; transition: border-color .2s, box-shadow .2s !important; position: relative !important; overflow: hidden !important; }\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{ width: 34px !important; height: 34px !important; border-radius: 9px !important; background: var(--ac-s) !important; color: var(--ac-i) !important; display: grid !important; place-items: center !important; border: 1px solid rgba(32,211,171,.25) !important; }\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\/* AJOUT V3.2 : badge RAG sur feature card *\/\n.csr-v2 .csr-fcard .badge-rag{ position: absolute !important; top: 16px !important; right: 16px !important; font-family: var(--fm) !important; font-size: 10px !important; padding: 3px 8px !important; border-radius: 999px !important; background: var(--ac-d) !important; color: #fff !important; letter-spacing: .04em !important; text-transform: uppercase !important; font-weight: 500 !important; }\n\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-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@media (max-width: 980px){ .csr-v2 .csr-fgrid{ grid-template-columns: repeat(4, 1fr) !important; } .csr-v2 .csr-fcard.wide{ grid-column: span 4 !important; } .csr-v2 .csr-fcard.narrow{ grid-column: span 2 !important; } .csr-v2 .csr-fcard.half{ grid-column: span 2 !important; } .csr-v2 .csr-fcard.third{ grid-column: span 2 !important; } }\n@media (max-width: 620px){ .csr-v2 .csr-fgrid{ grid-template-columns: 1fr !important; } .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\/* AJOUT V3.2 : section \"Sans RAG \/ Avec RAG\" *\/\n.csr-v2 .csr-rag-grid{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }\n.csr-v2 .csr-rag-card{ border: 1px solid var(--bd) !important; border-radius: 16px !important; padding: 28px !important; background: var(--bg) !important; display: flex !important; flex-direction: column !important; gap: 14px !important; position: relative !important; }\n.csr-v2 .csr-rag-card.bad{ background: var(--bg-soft) !important; }\n.csr-v2 .csr-rag-card.good{ border-color: var(--ac-d) !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 16px 32px -16px rgba(32,211,171,.18) !important; }\n.csr-v2 .csr-rag-card .lbl{ display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: var(--fm) !important; font-size: 11px !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--mu-2) !important; }\n.csr-v2 .csr-rag-card.bad .lbl::before{ content: \"\\2715\" !important; color: #c33 !important; font-weight: 700 !important; font-family: var(--f) !important; font-size: 14px !important; }\n.csr-v2 .csr-rag-card.good .lbl::before{ content: \"\\2713\" !important; color: var(--ac-d) !important; font-weight: 700 !important; font-family: var(--f) !important; font-size: 14px !important; }\n.csr-v2 .csr-rag-card h3{ font-size: 21px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; font-weight: 500 !important; color: var(--ink) !important; }\n.csr-v2 .csr-rag-card.bad h3{ color: var(--mu) !important; }\n.csr-v2 .csr-rag-card p{ font-size: 14.5px !important; line-height: 1.55 !important; color: var(--mu) !important; }\n.csr-v2 .csr-rag-card.good p{ color: var(--ink-2) !important; }\n.csr-v2 .csr-rag-viz{ margin-top: auto !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; border-radius: 12px !important; padding: 14px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }\n.csr-v2 .csr-rag-card.bad .csr-rag-viz{ background: var(--bg) !important; }\n.csr-v2 .csr-rag-card.good .csr-rag-viz{ background: var(--ac-s) !important; border-color: rgba(32,211,171,.3) !important; }\n.csr-v2 .csr-rag-flow{ display: flex !important; align-items: center !important; gap: 8px !important; font-size: 11.5px !important; font-family: var(--fm) !important; flex-wrap: wrap !important; }\n.csr-v2 .csr-rag-flow .b{ padding: 5px 9px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; border-radius: 6px !important; color: var(--ink-2) !important; }\n.csr-v2 .csr-rag-card.good .csr-rag-flow .b{ background: #fff !important; border-color: rgba(32,211,171,.3) !important; color: var(--ac-i) !important; }\n.csr-v2 .csr-rag-flow .ar{ color: var(--mu-2) !important; font-weight: 700 !important; }\n.csr-v2 .csr-rag-card.good .csr-rag-flow .ar{ color: var(--ac-d) !important; }\n.csr-v2 .csr-rag-flow .b.full{ background: #c33 !important; color: #fff !important; border-color: #c33 !important; }\n.csr-v2 .csr-rag-flow .b.tiny{ background: var(--ac-d) !important; color: #fff !important; border-color: var(--ac-d) !important; }\n.csr-v2 .csr-rag-note{ font-size: 11.5px !important; color: var(--mu-2) !important; font-family: var(--fm) !important; }\n.csr-v2 .csr-rag-cta{ margin-top: 32px !important; text-align: center !important; font-size: 14.5px !important; color: var(--mu) !important; }\n.csr-v2 .csr-rag-cta a{ color: var(--ac-dd) !important; font-weight: 500 !important; border-bottom: 1px solid rgba(32,211,171,.4) !important; }\n.csr-v2 .csr-rag-cta a:hover{ border-bottom-color: var(--ac-d) !important; }\n@media (max-width: 800px){ .csr-v2 .csr-rag-grid{ grid-template-columns: 1fr !important; } }\n\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{ border: 1px solid var(--bd) !important; border-radius: 16px !important; background: var(--bg) !important; overflow: hidden !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 20px 40px -24px rgba(0,0,0,.12) !important; }\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-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.csr-v2 .csr-plans{ display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; }\n.csr-v2 .csr-plan{ border: 1px solid var(--bd) !important; background: var(--bg) !important; border-radius: 16px !important; padding: 28px !important; display: flex !important; flex-direction: column !important; gap: 18px !important; position: relative !important; }\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\/* AJOUT V3.2 : badge RAG dans pricing *\/\n.csr-v2 .csr-plan .bdg-rag{ position: absolute !important; top: -10px !important; right: 20px !important; background: var(--ac-d) !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 li .hl{ font-weight: 500 !important; color: var(--ac-dd) !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.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.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{ border: 1px solid var(--bd) !important; background: var(--bg) !important; border-radius: 14px !important; padding: 18px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; transition: border-color .2s, box-shadow .2s, transform .2s !important; }\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.csr-v2 .csr-faq{ max-width: 820px !important; margin: 0 auto !important; }\n.csr-v2 .csr-faq-it{ border-bottom: 1px solid var(--bd) !important; padding: 0 !important; }\n.csr-v2 .csr-faq-it:first-child{ border-top: 1px solid var(--bd) !important; }\n.csr-v2 .csr-faq-q{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; padding: 22px 4px !important; cursor: pointer !important; font-size: 17px !important; font-weight: 500 !important; color: var(--ink) !important; letter-spacing: -.01em !important; line-height: 1.4 !important; user-select: none !important; }\n.csr-v2 .csr-faq-q:hover{ color: var(--ac-dd) !important; }\n.csr-v2 .csr-faq-ic{ width: 28px !important; height: 28px !important; border-radius: 50% !important; background: var(--bg-soft) !important; border: 1px solid var(--bd) !important; display: grid !important; place-items: center !important; flex-shrink: 0 !important; transition: transform .25s, background .2s, border-color .2s !important; }\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{ max-height: 0 !important; overflow: hidden !important; transition: max-height .35s ease, padding .25s ease !important; font-size: 15.5px !important; line-height: 1.6 !important; color: var(--mu) !important; padding: 0 !important; }\n.csr-v2 .csr-faq-it.open .csr-faq-a{ max-height: 600px !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.csr-v2 .csr-fnd{ max-width: 820px !important; margin: 56px auto 0 !important; padding: 32px !important; background: var(--bg) !important; border: 1px solid var(--bd) !important; border-radius: 16px !important; display: flex !important; gap: 24px !important; align-items: center !important; }\n.csr-v2 .csr-fnd-avs{ display: flex !important; flex-shrink: 0 !important; }\n.csr-v2 .csr-fnd-av{ width: 56px !important; height: 56px !important; border-radius: 50% !important; background: var(--ac-s) !important; color: var(--ac-i) !important; display: grid !important; place-items: center !important; font-weight: 600 !important; font-size: 17px !important; border: 2px solid var(--bg) !important; box-shadow: 0 1px 3px rgba(0,0,0,.08) !important; }\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){ .csr-v2 .csr-fnd{ flex-direction: column !important; text-align: center !important; padding: 24px !important; } .csr-v2 .csr-fnd-avs{ justify-content: center !important; } }\n\n.csr-v2 .csr-final{ margin: 40px 0 24px !important; border-radius: 24px !important; padding: 80px 40px !important; text-align: center !important; background: radial-gradient(100% 120% at 50% 0%, var(--ac-s) 0%, transparent 60%), var(--bg-soft) !important; border: 1px solid var(--bd) !important; }\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.csr-v2 .csr-h1-anim{ position: relative !important; }\n.csr-v2 .csr-h1-anim .w{ display: inline-block !important; opacity: 0; filter: blur(14px); transform: translateY(.4em); animation: csrWordIn .85s cubic-bezier(.2,.7,.2,1) forwards; will-change: opacity, filter, transform; }\n@keyframes csrWordIn{ to{ opacity: 1; filter: blur(0); transform: translateY(0); } }\n.csr-v2 .csr-hero h1 .grad{ color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; }\n.csr-v2 .csr-hi{ position: relative !important; display: inline-block !important; color: var(--ink) !important; padding: 0 .04em !important; }\n.csr-v2 .csr-hi-u{ position: absolute !important; left: -3% !important; right: -3% !important; bottom: -.14em !important; width: 106% !important; height: .34em !important; overflow: visible !important; color: var(--ac-d) !important; pointer-events: none !important; }\n.csr-v2 .csr-hi-u path{ stroke-dasharray: 1 !important; stroke-dashoffset: 1 !important; animation: csrDraw 1.4s cubic-bezier(.65,.05,.3,1) 1.5s forwards; }\n@keyframes csrDraw{ to{ stroke-dashoffset: 0; } }\n.csr-v2 .csr-spark{ display: inline-block !important; color: var(--ac-d) !important; opacity: 0; transform: scale(.3) rotate(-40deg); transform-origin: center !important; animation: csrSparkle .7s cubic-bezier(.34,1.56,.64,1) 2.2s forwards, csrSparkleIdle 4s ease-in-out 3.2s infinite; margin-left: .15em !important; vertical-align: .1em !important; }\n@keyframes csrSparkle{ to{ opacity: 1; transform: scale(1) rotate(0); } }\n@keyframes csrSparkleIdle{ 0%, 100%{ transform: scale(1) rotate(0); opacity: 1; } 50%{ transform: scale(1.15) rotate(12deg); opacity: .75; } }\n.csr-v2 .csr-rv-up{ opacity: 0; transform: translateY(14px); animation: csrUpIn .9s cubic-bezier(.2,.7,.2,1) forwards; will-change: opacity, transform; }\n@keyframes csrUpIn{ to{ opacity: 1; transform: translateY(0); } }\n.csr-v2 .csr-pill .chip{ position: relative !important; overflow: hidden !important; }\n.csr-v2 .csr-pill .chip::after{ content: \"\" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 60% !important; height: 100% !important; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation: csrSweep 3.6s ease-in-out 2.8s infinite; pointer-events: none !important; }\n@keyframes csrSweep{ 0%{ left: -120%; } 55%, 100%{ left: 220%; } }\n@media (prefers-reduced-motion: reduce){ .csr-v2 .csr-h1-anim .w, .csr-v2 .csr-hi-u path, .csr-v2 .csr-rv-up, .csr-v2 .csr-spark, .csr-v2 .csr-hero h1 .grad, .csr-v2 .csr-pill .chip::after{ animation: none !important; opacity: 1 !important; filter: none !important; transform: none !important; stroke-dashoffset: 0 !important; background-position: 50% 50% !important; } }\n.csr-v2 .csr-h1-anim .csr-g{ color: var(--ac-d) !important; -webkit-text-fill-color: var(--ac-d) !important; }\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#csr-bot-pill{ position: fixed; bottom: 24px; left: 24px; z-index: 400; display: none; align-items: center; gap: 8px; background: #0A0A0A; color: #fff; border-radius: 999px; padding: 11px 16px 11px 12px; box-shadow: 0 12px 32px -8px rgba(0,0,0,.35); font-family: \"Geist\", -apple-system, BlinkMacSystemFont, \"Inter\", sans-serif; font-size: 13.5px; font-weight: 500; cursor: pointer; transition: transform .2s, box-shadow .2s; animation: csrPillIn .4s cubic-bezier(.34,1.56,.64,1) both; }\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<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    <!-- MOD V3.2 : pill annonce le RAG -->\n    <div class=\"csr-pill\">\n      <span class=\"chip\">Nouveau<\/span>\n      <span>RAG natif : PDF et documentation illimit\u00e9s sur Business<\/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    <!-- MOD V3.2 : sous-titre int\u00e8gre RAG natif -->\n    <p class=\"csr-hero-sub csr-rv-up\" style=\"animation-delay:1.3s\">Causerie lit votre site, indexe vos PDF et documentations <b>en illimit\u00e9 gr\u00e2ce \u00e0 son RAG natif<\/b>, 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 (intact V3) -->\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 (stats honn\u00eates V3.2) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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    <!-- MOD V3.2 : 4 stats honn\u00eates au lieu de 500+\/98% invent\u00e9s -->\n    <div class=\"csr-stats r\">\n      <div class=\"s\"><div class=\"sv\">\u221e<\/div><div class=\"sl\">PDF et URLs index\u00e9s via RAG<\/div><\/div>\n      <div class=\"s\"><div class=\"sv\">2<sub>fondateurs<\/sub><\/div><div class=\"sl\">Joignables en moins de 24h<\/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\">\ud83c\uddea\ud83c\uddfa<\/div><div class=\"sl\">H\u00e9berg\u00e9 en Europe, RGPD natif<\/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 (intact 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=\"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    <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 (V3 - retrait des 2 cartes invent\u00e9es) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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) - badge RAG ajout\u00e9 + texte MAJ V3.2 -->\n      <div class=\"csr-fcard wide\">\n        <span class=\"badge-rag\">RAG natif<\/span>\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 documentaire illimit\u00e9e<\/h3>\n        <p>Il r\u00e9pond avec <b>vos<\/b> informations. Importez vos PDF, scrapez vos pages, r\u00e9digez vos instructions. Le RAG natif indexe une documentation <b>illimit\u00e9e<\/b> sans saturer.<\/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) - intact V3 -->\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      <!-- Capture de leads (half maintenant pour \u00e9quilibrer apr\u00e8s retrait) -->\n      <div class=\"csr-fcard half\">\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 conversation. Formulaire personnalisable avec champs \u00e0 la carte. Export CSV.<\/p>\n      <\/div>\n\n      <!-- Widget (half) -->\n      <div class=\"csr-fcard half\">\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      <!-- Int\u00e9grations (wide) - intact V3 -->\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 (narrow) - intact V3 -->\n      <div class=\"csr-fcard narrow\">\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, donn\u00e9es qui restent sur le continent. Point.<\/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 RAG SHOWCASE (NEW V3.2) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"rag\">\n  <div class=\"csr-w\">\n    <div class=\"csr-sh r\">\n      <span class=\"csr-sh-lbl\">Pourquoi Causerie ne sature pas<\/span>\n      <h2>Votre documentation enti\u00e8re.<br\/>Pas un \u00e9chantillon.<\/h2>\n      <p>La plupart des chatbots IA collent toute votre doc dans le prompt \u00e0 chaque message. R\u00e9sultat : ils saturent d\u00e8s quelques dizaines de pages. Causerie utilise un RAG natif. C'est radicalement diff\u00e9rent.<\/p>\n    <\/div>\n\n    <div class=\"csr-rag-grid r\">\n      <div class=\"csr-rag-card bad\">\n        <span class=\"lbl\">Sans RAG \u00b7 les autres<\/span>\n        <h3>Le mod\u00e8le re\u00e7oit toute la doc \u00e0 chaque message<\/h3>\n        <p>Au-del\u00e0 de 60-70% de la fen\u00eatre de contexte, la qualit\u00e9 s'effondre. Le bot oublie, m\u00e9lange, invente. Ajouter un PDF de plus rend le tout pire.<\/p>\n        <div class=\"csr-rag-viz\">\n          <div class=\"csr-rag-flow\">\n            <span class=\"b full\">500 PDF<\/span>\n            <span class=\"ar\">\u2192<\/span>\n            <span class=\"b full\">Prompt satur\u00e9<\/span>\n            <span class=\"ar\">\u2192<\/span>\n            <span class=\"b full\">R\u00e9ponse floue<\/span>\n          <\/div>\n          <div class=\"csr-rag-note\">Fen\u00eatre de contexte plafonn\u00e9e \u00b7 hallucinations \u00b7 lent \u00b7 cher<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"csr-rag-card good\">\n        <span class=\"lbl\">Avec RAG \u00b7 Causerie Business<\/span>\n        <h3>Le mod\u00e8le ne re\u00e7oit que les extraits pertinents<\/h3>\n        <p>Votre doc est d\u00e9coup\u00e9e en chunks, vectoris\u00e9e via OpenAI embeddings et stock\u00e9e sur Supabase + pgvector. \u00c0 chaque question, seuls 3 \u00e0 10 extraits remontent au mod\u00e8le. Pr\u00e9cision chirurgicale, base illimit\u00e9e.<\/p>\n        <div class=\"csr-rag-viz\">\n          <div class=\"csr-rag-flow\">\n            <span class=\"b\">500 PDF<\/span>\n            <span class=\"ar\">\u2192<\/span>\n            <span class=\"b\">Recherche s\u00e9mantique<\/span>\n            <span class=\"ar\">\u2192<\/span>\n            <span class=\"b tiny\">3-10 chunks<\/span>\n            <span class=\"ar\">\u2192<\/span>\n            <span class=\"b\">R\u00e9ponse pr\u00e9cise<\/span>\n          <\/div>\n          <div class=\"csr-rag-note\">Indexation illimit\u00e9e \u00b7 pas d'hallucination \u00b7 rapide \u00b7 co\u00fbt ma\u00eetris\u00e9<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"csr-rag-cta\">\n      Vous voulez comprendre en d\u00e9tail comment \u00e7a marche ? <a href=\"https:\/\/causeriebot.com\/blog\/chatbot-ia-documentation-entreprise-base-illimitee\/\">Lire l'article complet sur le RAG et la fen\u00eatre de contexte \u2192<\/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 CONFIG (V3 + ligne RAG MAJ V3.2) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"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          <!-- MOD V3.2 : Import PDF illimit\u00e9 via RAG -->\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 illimit\u00e9<\/strong> via RAG natif (Supabase + pgvector), texte extrait modifiable<\/div><\/div>\n          <!-- MOD V3.2 : Scraping web illimit\u00e9 -->\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 illimit\u00e9<\/strong>, aspirez n'importe quelle URL, contenu \u00e9ditable, index\u00e9 en RAG<\/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          <!-- MOD V3.2 : remplace \"50 000 caract\u00e8res\" par \"recherche s\u00e9mantique vectorielle\" -->\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>Recherche s\u00e9mantique vectorielle<\/strong> sur toute votre base, pas de saturation de fen\u00eatre de contexte<\/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          <!-- MOD V3.2 : Base RAG illimit\u00e9e -->\n          <div class=\"csr-cfg-s\">\n            <div class=\"l\">Base de connaissances RAG \u00b7 <span style=\"float:right;color:var(--ac-dd);font-size:11px;text-transform:none;letter-spacing:0;font-weight:500\">Illimit\u00e9 Business<\/span><\/div>\n            <div class=\"csr-cfg-fld code\">\u2022 catalogue-produits-complet.pdf (186 fiches)<br\/>\u2022 conditions-generales.pdf (8,4 Mo)<br\/>\u2022 monsite.fr\/services (42 pages scrap\u00e9es)<br\/><span style=\"color:var(--ac-dd)\">+ ajouter une source illimit\u00e9e<\/span><\/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 (V3 + badge RAG sur Business V3.2) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"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        <!-- AJOUT V3.2 : badge RAG illimit\u00e9 teal -->\n        <span class=\"bdg-rag\">RAG illimit\u00e9<\/span>\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, PME multi-sites et secteurs \u00e0 forte documentation.<\/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          <!-- AJOUT V3.2 : ligne PDF et URLs illimit\u00e9s via RAG -->\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> <span class=\"hl\">PDF et URLs illimit\u00e9s via RAG<\/span><\/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 (V3.2 : 100% anonymes) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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, le bot r\u00e9pondait correctement aux questions de mes prospects. Installation sans dev, support en fran\u00e7ais qui r\u00e9pond vite. \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">A.<\/div><div><b>Agence digitale<\/b><span>R\u00e9gion lyonnaise<\/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 PDF et il r\u00e9pond mieux que les solutions am\u00e9ricaines que j'avais test\u00e9es. \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">B.<\/div><div><b>Boutique e-commerce<\/b><span>Ind\u00e9pendante<\/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 plusieurs solutions. Causerie est la seule o\u00f9 aucune comp\u00e9tence technique n'est requise. Install\u00e9 sur WordPress en 5 minutes chrono. \u00bb<\/p>\n        <div class=\"who\"><div class=\"av\">C.<\/div><div><b>Consultant ind\u00e9pendant<\/b><span>R\u00e9gion parisienne<\/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 (intact 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 (V3 + 2 questions RAG V3.2) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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) via une architecture RAG native 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      <!-- AJOUT V3.2 : question PDF illimit\u00e9s -->\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Combien de PDF et de pages peut indexer 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          Sur le plan Business, <strong>CauserieBot indexe une quantit\u00e9 illimit\u00e9e de PDF, d'URLs et de texte<\/strong> via son architecture RAG native (Supabase + pgvector). 100 fiches produits, 500 proc\u00e9dures ou des milliers de pages techniques : tout est index\u00e9 s\u00e9mantiquement et le bot r\u00e9pond avec pr\u00e9cision sans saturer ni halluciner. C'est ce qui le distingue de la plupart des chatbots IA qui plafonnent d\u00e8s quelques dizaines de pages.\n        <\/div>\n      <\/div>\n\n      <!-- AJOUT V3.2 : question hallucinations -->\n      <div class=\"csr-faq-it\">\n        <div class=\"csr-faq-q\">\n          <span>Comment CauserieBot \u00e9vite les hallucinations sur une grosse documentation ?<\/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          Gr\u00e2ce \u00e0 une <strong>architecture RAG (Retrieval Augmented Generation) native<\/strong>. Au lieu d'envoyer toute votre documentation au mod\u00e8le \u00e0 chaque message (ce qui sature la fen\u00eatre de contexte), CauserieBot d\u00e9coupe votre contenu en chunks, les vectorise via OpenAI embeddings, les stocke dans Supabase avec pgvector, et ne remonte que les 3 \u00e0 10 extraits les plus pertinents par question. Le mod\u00e8le ne peut pas inventer ce qu'il ne re\u00e7oit pas. <a href=\"https:\/\/causeriebot.com\/blog\/chatbot-ia-documentation-entreprise-base-illimitee\/\">Lire l'article complet<\/a>.\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, PDF et URLs illimit\u00e9s via RAG, 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 un <strong>RAG natif qui indexe une documentation illimit\u00e9e<\/strong> (PDF, URLs, texte) sans saturer le mod\u00e8le, 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    <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 (intact 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 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<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  var words = document.querySelectorAll('.csr-v2 .csr-h1-anim .w');\n  words.forEach(function(w, i){ w.style.animationDelay = (i * 0.075) + 's'; });\n\n  var io = new IntersectionObserver(function(es){\n    es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n  }, { threshold: .08 });\n  document.querySelectorAll('.csr-v2 .r').forEach(function(el){ io.observe(el); });\n\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(){ it.classList.toggle('open'); });\n  });\n\n  var pill = document.getElementById('csr-bot-pill');\n  var shown = false;\n  window.addEventListener('scroll', function(){\n    if(!shown && window.scrollY > 500){ shown = true; pill.style.display = 'inline-flex'; }\n  });\n\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 RAG natif : PDF et documentation illimit&eacute;s sur Business Le chatbot IA fran&ccedil;ais qui parle &agrave; vos visiteurs comme un vrai humain. Causerie lit votre site, indexe vos PDF et documentations en illimit&eacute; gr&acirc;ce &agrave; son RAG natif, et r&eacute;pond 24\/24 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, 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 &infin;PDF et URLs index&eacute;s via RAG 2fondateursJoignables en moins de 24h 5minPour &ecirc;tre en ligne \ud83c\uddea\ud83c\uddfaH&eacute;berg&eacute; en Europe, RGPD natif 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 (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, sans code. Personnalit&eacute; Ton chaleureux Vouvoiement Objectif : lead Off : 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 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; CauserieBot s&rsquo;adapte &agrave; votre secteur \ud83c\udfe2 Agences et freelances &rarr; \ud83d\udecd E-commerce &rarr; \ud83c\udfed PME et ind&eacute;pendants &rarr; \ud83d\udcbb SaaS et startups &rarr; \ud83c\udf7d Restaurants et services &rarr; \ud83c\udfe0 Immobilier &rarr; Fonctionnalit&eacute;s Tout ce qu&rsquo;un bon vendeursait faire. En mieux repos&eacute;. Un vrai chatbot qui conna&icirc;t votre business, pas un bot g&eacute;n&eacute;rique qui r&eacute;pond &agrave; c&ocirc;t&eacute;. RAG natif Base documentaire illimit&eacute;e Il r&eacute;pond avec vos informations. Importez vos PDF, scrapez vos pages, r&eacute;digez vos instructions. Le RAG natif indexe une documentation illimit&eacute;e sans saturer. 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 conversation. Formulaire personnalisable avec champs &agrave; la carte. Export CSV. Widget personnalisable Couleurs, position, avatar, message bulle. Tout depuis le dashboard, sans code. Une question ? Notre assistant est l&agrave; \ud83d\udc4b 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, donn&eacute;es qui restent sur le continent. Point. Pourquoi Causerie ne sature pas Votre documentation enti&egrave;re.Pas un &eacute;chantillon. La plupart des chatbots IA collent toute votre doc dans le prompt &agrave; chaque message. R&eacute;sultat : ils saturent d&egrave;s quelques dizaines de pages. Causerie utilise un RAG natif. C&rsquo;est radicalement diff&eacute;rent. Sans RAG &middot; les autres Le mod&egrave;le re&ccedil;oit toute la doc &agrave; chaque message Au-del&agrave; de 60-70% de la fen&ecirc;tre de contexte, la qualit&eacute; s&rsquo;effondre. Le bot oublie, m&eacute;lange, invente. Ajouter un PDF de plus rend le tout pire. 500 PDF &rarr; Prompt satur&eacute; &rarr; R&eacute;ponse floue Fen&ecirc;tre de contexte plafonn&eacute;e &middot; hallucinations &middot; lent &middot; cher Avec RAG &middot; Causerie Business Le mod&egrave;le ne re&ccedil;oit que les extraits pertinents Votre doc est d&eacute;coup&eacute;e en chunks, vectoris&eacute;e via OpenAI embeddings et stock&eacute;e sur Supabase + pgvector. &Agrave; chaque question, seuls 3 &agrave; 10 extraits remontent au mod&egrave;le. Pr&eacute;cision chirurgicale, base illimit&eacute;e. 500 PDF &rarr; Recherche s&eacute;mantique &rarr; 3-10 chunks &rarr; R&eacute;ponse pr&eacute;cise Indexation illimit&eacute;e &middot; pas d&rsquo;hallucination &middot; rapide &middot; co&ucirc;t ma&icirc;tris&eacute; Vous voulez comprendre en d&eacute;tail comment &ccedil;a marche ? Lire l&rsquo;article complet sur le RAG et la fen&ecirc;tre de contexte &rarr; Configuration Votre bot conna&icirc;tvotre 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 : GPT-4o, GPT-4o Mini, Claude Sonnet, Claude Haiku, Gemini 2.5 Pro, Gemini 2.5 Flash Import PDF illimit&eacute; via RAG natif (Supabase + pgvector), texte extrait modifiable Scraping web illimit&eacute;, aspirez n&rsquo;importe quelle URL, contenu &eacute;ditable, index&eacute; en RAG Formulaire contact, Text, Email, T&eacute;l&eacute;phone, Message, Liste d&eacute;roulante Notifications email, chaque soumission envoy&eacute;e &agrave; l&rsquo;adresse de votre choix Recherche s&eacute;mantique vectorielle sur toute votre base, pas de saturation de fen&ecirc;tre de contexte 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 ? Base de connaissances RAG &middot; Illimit&eacute; Business &bull; catalogue-produits-complet.pdf (186 fiches)&bull; conditions-generales.pdf (8,4 Mo)&bull; monsite.fr\/services (42 pages scrap&eacute;es)+ ajouter une source illimit&eacute;e 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; RAG illimit&eacute; Business 99&euro;\/ mois Pour les agences, PME multi-sites et secteurs &agrave; forte documentation. 15 bots actifs 10 000 conversations \/ mois PDF et URLs illimit&eacute;s via RAG Analytics avanc&eacute;s<\/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-14T21:59:38+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=\"15 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-14T21:59:38+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-14T21:59:38+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":"15 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-14T21:59:38+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":316,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/6671\/revisions"}],"predecessor-version":[{"id":8426,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/6671\/revisions\/8426"}],"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}]}}