[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":53,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","b028c6ee-a2b8-11f1-a9eb-1607ee4eb77e","name","fileType","script","content","/* =========================================================================\n NocodeFactory — Popup exit-intent multistep (guide IA)\n Autonome : aucune dépendance. À coller dans Webflow > Page settings >\n Before tag, entouré de \n ========================================================================= */\n(function () {\n 'use strict';\n\n /* ----------------------------- CONFIG --------------------------------- */\n var CONFIG = {\n // Webhook n8n qui reçoit le lead (POST JSON)\n endpoint: 'https://n8n.srv842183.hstgr.cloud/webhook/329de078-48d8-4738-ae6a-65d29ba73681',\n\n // Lien de téléchargement affiché à l'étape de confirmation\n guideUrl: 'https://www.nocodefactory.fr/ressources/guide-ia-2026.pdf',\n\n // Second choix de l'étape de confirmation : demande de devis\n bookingUrl: 'https://www.nocodefactory.fr/contact',\n\n // Visuel de couverture (vide = couverture générée en CSS)\n coverImage: '',\n\n // Nombre affiché dans la preuve sociale\n proofCount: '1 200',\n\n // Délai minimum sur la page avant d'armer l'exit-intent (ms)\n armDelay: 6000,\n\n // Scroll minimum avant d'armer (0 = désactivé, 10 = 10% de la page)\n armScroll: 10,\n\n // Déclencheur mobile (pas de curseur → fallback temps + scroll-up)\n mobile: { enabled: true, delay: 30000, scrollUpPx: 400 },\n\n // Mémorisation (session = onglet en cours, lead = définitif)\n sessionKey: 'ncf_popup_seen_v1',\n leadKey: 'ncf_popup_lead_v1',\n\n // Envoi du lead dès l'étape 1 validée (sécurise l'email si abandon step 2)\n partialCapture: true,\n\n // Polices : vide = détection automatique depuis le site.\n // body -> police du | display -> titres existants | mono -> eyebrows\n fonts: { body: '', display: '', mono: '' },\n\n // Personnalisation discrète à partir du domaine de l'e-mail\n perso: {\n enabled: true,\n // Brandfetch Logo API : gratuit (1M req/mois en usage loyal), ID public\n // destine au front. Compte : developers.brandfetch.com/register\n brandfetchClientId: '1id6fBrMQIfPG23HxJl',\n // Laisser vide : Brandfetch si un clientId est renseigné, sinon\n // favicon Google (marche sans compte, mais pas de couleur).\n logoUrl: '',\n tintCover: true // teinte la couverture du guide avec la couleur du logo\n },\n\n // Domaines grand public : déclenchent le garde-fou \"particuliers\"\n personalDomains: ['gmail.com','googlemail.com','outlook.com','outlook.fr','hotmail.com','hotmail.fr',\n 'live.fr','live.com','msn.com','yahoo.com','yahoo.fr','ymail.com','icloud.com','me.com','mac.com',\n 'aol.com','proton.me','protonmail.com','pm.me','tutanota.com','gmx.com','gmx.fr','zoho.com',\n 'free.fr','orange.fr','wanadoo.fr','sfr.fr','neuf.fr','laposte.net','bbox.fr','numericable.fr',\n 'aliceadsl.fr','club-internet.fr','voila.fr','hushmail.com','mail.com','yandex.com','qq.com','163.com']\n };\n\n /* --------------------------- GARDE-FOUS ------------------------------- */\n var force = /[?&]ncfpopup=1/.test(location.search);\n if (window.NCF_POPUP) return;\n if (!force) {\n try {\n if (sessionStorage.getItem(CONFIG.sessionKey)) return;\n if (localStorage.getItem(CONFIG.leadKey)) return;\n } catch (e) {}\n }\n\n var mark = function (key, store) {\n try { (store || sessionStorage).setItem(key, String(Date.now())); } catch (e) {}\n };\n\n var track = function (event, data) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push(Object.assign({ event: event }, data || {}));\n };\n\n /* ------------------------------ STYLES --------------------------------\n Tokens : encre #17161f, papier #fff, vert de marque #1f7a5c,\n violet d'accent #6c5ce7 réservé à l'état actif des champs. */\n var CSS = [\n '.ncfp{--ink:#17161f;--ink-soft:#5a5966;--ink-mute:#8a8996;--paper:#fff;--line:#e6e6ec;',\n '--field:#fbfbfd;--green:#1f7a5c;--green-soft:#e7efe9;--accent:#6c5ce7;--danger:#c8443f;',\n 'position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;',\n 'padding:24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}',\n '.ncfp.is-open{display:flex}',\n '.ncfp *,.ncfp *::before,.ncfp *::after{box-sizing:border-box}',\n /* héritage des polices du site, y compris sur les règles Webflow au niveau élément */\n '.ncfp,.ncfp *{font-family:var(--ncfp-font)}',\n '.ncfp h2,.ncfp .ncfp-cover__title{font-family:var(--ncfp-font-display)}',\n '.ncfp .ncfp-eyebrow,.ncfp .ncfp-badge{font-family:var(--ncfp-font-mono)}',\n\n '.ncfp__backdrop{position:absolute;inset:0;background:rgba(23,22,31,.42);backdrop-filter:blur(5px);',\n '-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}',\n '.ncfp.is-in .ncfp__backdrop{opacity:1}',\n '.ncfp__wrap{position:relative;width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:16px}',\n '.ncfp__modal{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);',\n 'background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(20,20,35,.5);',\n 'max-height:calc(100vh - 96px);opacity:0;transform:translateY(12px) scale(.99);',\n 'transition:opacity .34s cubic-bezier(.2,.7,.3,1),transform .34s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp.is-in .ncfp__modal{opacity:1;transform:none}',\n\n /* ---------- colonne gauche : valeur + réassurance ---------- */\n '.ncfp__aside{position:relative;background:var(--ink);color:#fff;padding:34px 30px 30px;',\n 'display:flex;flex-direction:column;gap:26px;overflow:hidden}',\n /* trame discrète : le canevas d\\'un builder, à 4% d\\'opacité */\n '.ncfp__aside::before{content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.055;',\n 'background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);',\n 'background-size:26px 26px;mask-image:radial-gradient(120% 90% at 50% 20%,#000,transparent 78%);',\n '-webkit-mask-image:radial-gradient(120% 90% at 50% 20%,#000,transparent 78%)}',\n '.ncfp-badge{position:relative;align-self:flex-start;background:var(--green-soft);color:#1a5642;',\n 'font-size:11.5px;font-weight:500;letter-spacing:.1em;padding:8px 12px;border-radius:6px;white-space:nowrap}',\n '.ncfp-cover{position:relative;align-self:center;width:100%;max-width:210px;aspect-ratio:1/1.4;border-radius:8px;',\n 'background:linear-gradient(158deg,#2f6e54,#1a4232);box-shadow:0 26px 50px -20px rgba(0,0,0,.75);',\n 'transform:rotate(-2deg);padding:24px 20px;display:flex;flex-direction:column;gap:10px;overflow:hidden}',\n '.ncfp-cover--img{padding:0;background:none}',\n '.ncfp-cover img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}',\n '.ncfp-cover__kicker{font-size:9.5px;letter-spacing:.16em;color:rgba(255,255,255,.55)}',\n '.ncfp-cover__title{font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.015em;color:#fff}',\n '.ncfp-cover__mark{margin-top:auto;font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.45)}',\n '.ncfp-cover__fav{position:absolute;right:15px;bottom:15px;width:38px;height:38px;border-radius:10px;',\n 'background:#fff;padding:7px;box-shadow:0 8px 18px rgba(0,0,0,.3);opacity:0;transform:scale(.82);',\n 'transition:opacity .4s cubic-bezier(.2,.7,.3,1),transform .4s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp-cover__fav.is-on{opacity:1;transform:none}',\n '.ncfp-cover__fav img{width:100%;height:100%;object-fit:contain;display:block}',\n '.ncfp-cover{transition:background-image .5s ease}',\n '.ncfp__gains{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:13px}',\n '.ncfp__gains li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.9)}',\n '.ncfp__tick{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border-radius:50%;',\n 'background:rgba(47,110,84,.35);display:flex;align-items:center;justify-content:center}',\n '.ncfp__proof{position:relative;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);',\n 'font-size:13px;line-height:1.45;color:rgba(255,255,255,.55)}',\n '.ncfp__proof b{color:#fff;font-weight:600}',\n\n /* ---------- colonne droite : formulaire ---------- */\n '.ncfp__main{position:relative;padding:48px 52px 44px;overflow-y:auto}',\n '.ncfp__rule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--line)}',\n '.ncfp__rule i{display:block;height:100%;width:50%;background:var(--brand,var(--ink));',\n 'transition:width .45s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp.is-step2 .ncfp__rule i,.ncfp.is-step3 .ncfp__rule i{width:100%}',\n '.ncfp__close{position:absolute;top:18px;right:18px;width:34px;height:34px;border:0;border-radius:50%;',\n 'background:transparent;color:var(--ink-mute);cursor:pointer;display:flex;align-items:center;',\n 'justify-content:center;padding:0;transition:background .18s ease,color .18s ease}',\n '.ncfp__close:hover{background:#f2f2f6;color:var(--ink)}',\n '.ncfp-eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:20px}',\n '.ncfp h2{margin:0 0 12px;font-size:35px;line-height:1.12;letter-spacing:-.028em;color:var(--ink);font-weight:700}',\n '.ncfp__sub{margin:0 0 32px;font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:40ch}',\n '.ncfp__view{animation:ncfp-in .34s cubic-bezier(.2,.7,.3,1) both}',\n '@keyframes ncfp-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}',\n\n /* ---------- champs à label flottant ---------- */\n '.ncfp__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}',\n '.ncfp__f{position:relative;min-width:0}',\n '.ncfp__f--full{grid-column:1/-1}',\n '.ncfp__f input,.ncfp__f select,.ncfp__f textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);',\n 'background:var(--field);border:1px solid var(--line);border-radius:11px;padding:24px 15px 9px;height:58px;',\n 'outline:none;appearance:none;-webkit-appearance:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}',\n '.ncfp__f textarea{height:auto;min-height:104px;padding-top:26px;line-height:1.45;resize:vertical}',\n '.ncfp__f select{cursor:pointer;padding-right:40px;',\n 'background-image:url(\"data:image/svg+xml,%3Csvg xmlns=\\'http://www.w3.org/2000/svg\\' width=\\'12\\' height=\\'7\\' viewBox=\\'0 0 12 7\\' fill=\\'none\\'%3E%3Cpath d=\\'M1 1l5 5 5-5\\' stroke=\\'%2317161f\\' stroke-width=\\'1.5\\' stroke-linecap=\\'round\\'/%3E%3C/svg%3E\");',\n 'background-repeat:no-repeat;background-position:right 15px center}',\n '.ncfp__f label{position:absolute;left:16px;top:18px;font-size:15px;color:var(--ink-mute);pointer-events:none;',\n 'transform-origin:0 0;transition:transform .16s cubic-bezier(.2,.7,.3,1),color .16s ease}',\n '.ncfp__f input:focus~label,.ncfp__f input:not(:placeholder-shown)~label,',\n '.ncfp__f textarea:focus~label,.ncfp__f textarea:not(:placeholder-shown)~label,',\n '.ncfp__f select:focus~label,.ncfp__f select:valid~label{transform:translateY(-11px) scale(.74)}',\n '.ncfp__f input:focus~label,.ncfp__f textarea:focus~label,.ncfp__f select:focus~label{color:var(--accent)}',\n '.ncfp__f input:focus,.ncfp__f select:focus,.ncfp__f textarea:focus{background:var(--paper);',\n 'border-color:var(--accent);box-shadow:0 0 0 2px rgba(108,92,231,.08)}',\n '.ncfp__f.is-invalid input,.ncfp__f.is-invalid select,.ncfp__f.is-invalid textarea{border-color:var(--danger);background:#fdf7f7}',\n '.ncfp__f.is-invalid label{color:var(--danger)}',\n '.ncfp__err{display:none;margin:5px 0 0 2px;font-size:12.5px;color:var(--danger)}',\n '.ncfp__f.is-invalid .ncfp__err{display:block}',\n '.ncfp__hidden{display:none!important}',\n /* --- garde-fou e-mail personnel --- */\n '.ncfp__alert{display:none;grid-column:1/-1;background:#fdf9f2;border:1px solid #eee0cb;border-radius:12px;',\n 'padding:16px 18px;animation:ncfp-in .3s cubic-bezier(.2,.7,.3,1) both}',\n '.ncfp__alert.is-on{display:block}',\n '.ncfp__alert p{margin:0 0 13px;font-size:13.5px;line-height:1.5;color:#6b5730}',\n '.ncfp__check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;color:var(--ink);user-select:none}',\n '.ncfp__check input{position:absolute;opacity:0;width:0;height:0}',\n '.ncfp__box{flex:0 0 19px;width:19px;height:19px;border:1.5px solid #d9c7a8;border-radius:5px;background:#fff;',\n 'display:flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease}',\n '.ncfp__box svg{opacity:0;transition:opacity .14s ease}',\n '.ncfp__check input:checked+.ncfp__box{background:var(--ink);border-color:var(--ink)}',\n '.ncfp__check input:checked+.ncfp__box svg{opacity:1}',\n '.ncfp__check input:focus-visible+.ncfp__box{outline:2px solid var(--accent);outline-offset:2px}',\n '.ncfp__alert.is-invalid{border-color:var(--danger);background:#fdf7f7}',\n '.ncfp__alert.is-invalid .ncfp__box{border-color:var(--danger)}',\n\n /* ---------- actions ---------- */\n '.ncfp__actions{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}',\n '.ncfp__cta{display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:16px;font-weight:600;',\n 'color:#fff;background:var(--ink);border:0;border-radius:999px;padding:16px 24px;cursor:pointer;',\n 'text-decoration:none;transition:background .18s ease,transform .18s ease}',\n '.ncfp__cta:hover{background:#2b2a38;transform:translateY(-1px)}',\n '.ncfp__cta[disabled]{opacity:.55;pointer-events:none}',\n '.ncfp__cta svg{transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__cta:hover svg{transform:translateX(4px)}',\n '.ncfp__ghost{font:inherit;font-size:14px;color:var(--ink-soft);background:none;border:0;cursor:pointer;',\n 'padding:6px 2px;text-decoration:underline;text-underline-offset:3px;transition:color .16s ease}',\n '.ncfp__ghost:hover{color:var(--ink)}',\n '.ncfp__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}',\n '.ncfp__head .ncfp-eyebrow{margin-bottom:0}',\n '.ncfp__back{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:500;',\n 'letter-spacing:.02em;color:var(--ink-mute);background:none;border:0;border-right:1px solid var(--line);',\n 'padding:2px 14px 2px 0;margin:0;cursor:pointer;transition:color .16s ease}',\n '.ncfp__back:hover{color:var(--ink)}',\n '.ncfp__back svg{transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__back:hover svg{transform:translateX(-3px)}',\n '.ncfp__legal{margin:22px 0 0;font-size:12px;line-height:1.45;color:var(--ink-mute);max-width:44ch}',\n '.ncfp__ask{margin:30px 0 14px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}',\n '.ncfp__choices{display:grid;gap:10px}',\n '.ncfp__choice{display:flex;align-items:center;gap:14px;font:inherit;font-size:15.5px;font-weight:500;',\n 'text-align:left;text-decoration:none;border-radius:14px;padding:18px 20px;cursor:pointer;',\n 'border:1px solid var(--ink);background:var(--ink);color:#fff;',\n 'transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}',\n '.ncfp__choice svg{margin-left:auto;flex:0 0 auto;transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__choice:hover{transform:translateY(-1px)}',\n '.ncfp__choice:hover svg{transform:translateX(4px)}',\n '.ncfp__choice--alt{background:transparent;border-color:var(--line);color:var(--ink)}',\n '.ncfp__choice--alt:hover{border-color:var(--ink);background:#fafafc}',\n '.ncfp__done{width:48px;height:48px;border-radius:50%;background:var(--green-soft);display:flex;',\n 'align-items:center;justify-content:center;margin-bottom:22px}',\n '.ncfp__decline{font:inherit;font-size:14.5px;color:rgba(255,255,255,.8);background:none;border:0;cursor:pointer;',\n 'text-decoration:underline;text-underline-offset:4px;padding:4px 8px;opacity:0;',\n 'transition:opacity .3s ease .12s,color .16s ease}',\n '.ncfp.is-in .ncfp__decline{opacity:1}',\n '.ncfp__decline:hover{color:#fff}',\n '.ncfp button:focus-visible,.ncfp a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}',\n '.ncfp__f input:focus-visible,.ncfp__f select:focus-visible,.ncfp__f textarea:focus-visible{outline:none}',\n\n /* ---------- responsive ---------- */\n '@media(max-width:880px){',\n '.ncfp{padding:12px;align-items:flex-start}',\n '.ncfp__wrap{gap:12px}',\n '.ncfp__modal{grid-template-columns:1fr;max-height:calc(100vh - 68px);overflow-y:auto}',\n '.ncfp__aside{padding:22px 22px 20px;gap:18px}',\n '.ncfp-cover{display:none}',\n '.ncfp__proof{margin-top:0;padding-top:16px}',\n '.ncfp__main{padding:34px 24px 30px;overflow:visible}',\n '.ncfp h2{font-size:27px}',\n '.ncfp__sub{margin-bottom:20px}',\n '.ncfp__grid{grid-template-columns:1fr}',\n '.ncfp__decline{color:rgba(255,255,255,.85)}',\n '}',\n '@media(prefers-reduced-motion:reduce){.ncfp *{transition:none!important;animation:none!important}}'\n ].join('');\n\n /* ------------------------------ MARKUP -------------------------------- */\n var ARROW = '';\n var TICK = '';\n var TICK_DARK = '';\n var ARROW_L = '';\n var CHECK_SM = '';\n var CROSS = '';\n\n function fav() {\n return ' $\"\"$ ';\n }\n\n function cover() {\n if (CONFIG.coverImage) {\n return '

$\"Guide$ ' + fav() + '

';\n }\n return '

' +\n 'GUIDE COMPLET 2026' +\n 'Intégrer l\\'IA dans votre entreprise' +\n 'NocodeFactory' + fav() +\n '

';\n }\n\n function gain(text) {\n return '

' + TICK + '' + text + '

';\n }\n\n var HTML =\n '

' +\n '

' +\n\n '' +\n\n '

' +\n '

' +\n '' +\n\n /* ---------------- ÉTAPE 1 ---------------- */\n '

' +\n '01 — TES COORDONNÉES' +\n '

Réussis le virage de l\\'IA

' +\n '

Fais gagner du temps à tes collaborateurs et récupère de la marge.

' +\n '

PrénomIndique ton prénom.

' +\n '

NomIndique ton nom.

' +\n '

E-mail professionnelCet e-mail n\\'est pas valide.

' +\n '

TéléphoneIndique un numéro valide.

' +\n '

Ton e-mail semble être une adresse personnelle. On n\\'accompagne pas encore les particuliers.

' +\n '' +\n '' + CHECK_SM + 'Je réponds pour une entreprise' +\n '

' +\n '

' +\n '' +\n '

' +\n '

' +\n\n /* ---------------- ÉTAPE 2 ---------------- */\n '

' +\n '

' +\n '' +\n '02 — TON CONTEXTE' +\n '

' +\n '

Ton entreprise

' +\n '

On adapte les recommandations envoyées avec le guide.

' +\n '

EntrepriseIndique le nom de ton entreprise.

' +\n '

EffectifSélectionne un effectif.

' +\n '

ObjectifSélectionne un objectif.

' +\n '

' +\n '' +\n 'Ton projet en quelques lignes' +\n 'Décris brièvement le projet.

' +\n '

' +\n '' +\n '

' +\n '

Tes données servent à t\\'envoyer le guide et nos recommandations. Désinscription en un clic.

' +\n '

' +\n\n /* ---------------- ÉTAPE 3 ---------------- */\n '

' +\n '

' + TICK_DARK + '

' +\n '

Tadaaaam !

' +\n '

Tu as reçu le guide par email.

' +\n '

Besoin de te faire accompagner ?

' +\n '

' +\n 'Visio avec un expert' + ARROW + '' +\n '

' +\n '

' +\n\n '

' +\n '

' +\n '' +\n '

';\n\n /* ------------------------------ BUILD --------------------------------- */\n var style = document.createElement('style');\n style.textContent = CSS;\n document.head.appendChild(style);\n\n var root = document.createElement('div');\n root.className = 'ncfp';\n root.setAttribute('aria-hidden', 'true');\n root.innerHTML = HTML;\n document.body.appendChild(root);\n\n /* --------------------------- POLICES DU SITE --------------------------\n Lecture des polices réellement calculées sur la page. Ça survit aux\n règles Webflow définies au niveau élément et à un changement de police\n dans le Designer : aucune stack n'est codée en dur. */\n function computedFontOf(el) {\n if (!el) return '';\n var f = window.getComputedStyle(el).fontFamily;\n return f && f !== 'inherit' ? f : '';\n }\n\n function findHeading() {\n var nodes = document.querySelectorAll('h1,h2,h3,[class*=\"heading\"]');\n for (var i = 0; i < nodes.length; i++) {\n if (root.contains(nodes[i])) continue;\n if (!nodes[i].offsetParent && nodes[i].offsetHeight === 0) continue;\n var f = computedFontOf(nodes[i]);\n if (f) return f;\n }\n return '';\n }\n\n function applyFonts() {\n var body = CONFIG.fonts.body || computedFontOf(document.body) ||\n computedFontOf(document.documentElement) || 'system-ui,sans-serif';\n root.style.setProperty('--ncfp-font', body);\n root.style.setProperty('--ncfp-font-display', CONFIG.fonts.display || findHeading() || body);\n root.style.setProperty('--ncfp-font-mono', CONFIG.fonts.mono || body);\n }\n\n applyFonts();\n if (document.fonts && document.fonts.ready) document.fonts.ready.then(applyFonts);\n\n /* ------------------------------ ÉTAT ---------------------------------- */\n var q = function (s) { return root.querySelector(s); };\n var views = { 1: q('[data-view=\"1\"]'), 2: q('[data-view=\"2\"]'), 3: q('[data-view=\"3\"]') };\n var goalSelect = q('#ncfp-goal');\n var projectField = q('[data-cond=\"projet\"]');\n var projectInput = q('#ncfp-project');\n var submitBtn = q('[data-ncfp=\"submit\"]');\n var emailInput = q('#ncfp-email');\n var companyInput = q('#ncfp-company');\n var alertBox = q('[data-role=\"alert\"]');\n var bizCheck = q('[data-role=\"bizcheck\"]');\n var doneSub = q('[data-role=\"done-sub\"]');\n var favTile = q('[data-role=\"fav\"]');\n var coverEl = q('.ncfp-cover');\n var main = q('.ncfp__main');\n var state = { open: false, view: 1, sent: false, lastFocus: null, data: {},\n domain: '', personal: false, companyGuess: '', accent: '' };\n\n /* --------------------- LECTURE DU DOMAINE E-MAIL -----------------------\n Deux usages : exclure les adresses grand public, et personnaliser la\n popup avec le logo et le nom de l'entreprise du visiteur. */\n var SUFFIXES = ['co','com','net','org','gouv','asso','ac','edu','gov'];\n\n function domainOf(email) {\n var m = /@([^@\\s]+)$/.exec((email || '').trim().toLowerCase());\n return m ? m[1].replace(/\\.$/, '') : '';\n }\n\n function companyFrom(domain) {\n var parts = domain.split('.');\n if (parts.length < 2) return '';\n var i = parts.length - 2;\n if (parts.length > 2 && SUFFIXES.indexOf(parts[i]) !== -1) i = parts.length - 3;\n return (parts[i] || '').split(/[-_]/).map(function (w) {\n return w ? w.charAt(0).toUpperCase() + w.slice(1) : '';\n }).join(' ').trim();\n }\n\n /* ---------------- couleur : outils de mélange ----------------\n La teinte extraite est ramenée vers le sombre jusqu'à ce que le blanc\n reste lisible dessus. Une marque jaune ne produit pas une couverture\n jaune : elle produit un ocre profond. */\n function lum(c) { return (0.299 * c[0] + 0.587 * c[1] + 0.114 * c[2]) / 255; }\n\n function darken(c, amount) {\n return [Math.round(c[0] * (1 - amount)), Math.round(c[1] * (1 - amount)), Math.round(c[2] * (1 - amount))];\n }\n\n function toCss(c) { return 'rgb(' + c[0] + ',' + c[1] + ',' + c[2] + ')'; }\n\n function capLum(c, max) {\n var out = c, guard = 0;\n while (lum(out) > max && guard++ < 24) out = darken(out, .08);\n return out;\n }\n\n function tintCover(rgb) {\n if (!CONFIG.perso.tintCover || !coverEl) return;\n var top = capLum(darken(rgb, .12), .30); // haut : la couleur, assombrie\n var bottom = capLum(darken(rgb, .55), .12); // bas : presque noir\n coverEl.style.backgroundImage = 'linear-gradient(158deg,' + toCss(top) + ',' + toCss(bottom) + ')';\n }\n\n /* Couleur dominante du logo. Nécessite un header CORS sur la source :\n Brandfetch oui, favicons Google non. Échec = silencieux, DA conservée. */\n function extractAccent(url) {\n if (!CONFIG.perso.tintCover) return;\n var probe = new Image();\n probe.crossOrigin = 'anonymous';\n probe.onload = function () {\n try {\n var c = document.createElement('canvas'), n = 20;\n c.width = c.height = n;\n var ctx = c.getContext('2d');\n ctx.drawImage(probe, 0, 0, n, n);\n var d = ctx.getImageData(0, 0, n, n).data, r = 0, g = 0, b = 0, k = 0, opaque = 0;\n for (var i = 0; i < d.length; i += 4) {\n if (d[i + 3] < 160) continue;\n opaque++;\n var mx = Math.max(d[i], d[i + 1], d[i + 2]), mn = Math.min(d[i], d[i + 1], d[i + 2]);\n if (mx > 238 && mn > 238) continue; // blanc\n if (mx < 34) continue; // noir\n if (mx - mn < 26) continue; // gris\n r += d[i]; g += d[i + 1]; b += d[i + 2]; k++;\n }\n if (opaque < 10) { favTile.classList.remove('is-on'); return; } // image vide\n if (k < 12) return; // logo monochrome : on garde le vert\n var rgb = [Math.round(r / k), Math.round(g / k), Math.round(b / k)];\n state.accent = toCss(rgb);\n tintCover(rgb);\n } catch (e) { /* canvas contaminé : la DA de marque reste en place */ }\n };\n probe.src = url;\n }\n\n function logoUrlFor(domain) {\n if (CONFIG.perso.logoUrl) return CONFIG.perso.logoUrl.replace('{domain}', encodeURIComponent(domain));\n if (CONFIG.perso.brandfetchClientId) {\n // fallback/404 : si la marque est inconnue, Brandfetch renvoie une vraie\n // erreur au lieu d'un monogramme generique -> la tuile reste masquee.\n return 'https://cdn.brandfetch.io/domain/' + encodeURIComponent(domain) +\n '/w/128/h/128/fallback/404/icon.png?c=' +\n encodeURIComponent(CONFIG.perso.brandfetchClientId);\n }\n return 'https://www.google.com/s2/favicons?domain=' + encodeURIComponent(domain) + '&sz=128';\n }\n\n /* Personnalisation : le favicon se pose sur la couverture du guide, la\n couverture prend la teinte de la marque. Aucune phrase, aucune promesse. */\n /* Le favicon n'est posé sur la couverture que s'il est vraiment exploitable.\n Une sonde le charge d'abord hors écran : erreur réseau, délai dépassé ou\n image trop petite (les services renvoient un globe générique de 16px\n quand le domaine est inconnu) et on n'affiche rien du tout. */\n function loadFav(url) {\n var probe = new Image(), settled = false;\n var timer = setTimeout(function () {\n if (!settled) { settled = true; probe.src = ''; }\n }, 4000);\n probe.onload = function () {\n if (settled) return;\n settled = true;\n clearTimeout(timer);\n if (probe.naturalWidth < 32 || probe.naturalHeight < 32) return; // icône générique\n var img = favTile.querySelector('img');\n img.src = url;\n favTile.classList.add('is-on');\n };\n probe.onerror = function () { settled = true; clearTimeout(timer); };\n probe.src = url;\n }\n\n function personalize(domain) {\n if (!CONFIG.perso.enabled || !domain) return;\n state.companyGuess = companyFrom(domain);\n var url = logoUrlFor(domain);\n loadFav(url);\n extractAccent(url); // seconde requête, CORS, peut échouer\n if (!companyInput.value && state.companyGuess) companyInput.value = state.companyGuess;\n }\n\n function resetPerso() {\n state.companyGuess = '';\n favTile.classList.remove('is-on');\n favTile.querySelector('img').removeAttribute('src');\n if (coverEl) coverEl.style.backgroundImage = '';\n }\n\n var lastDomain = '';\n function readEmail() {\n var email = emailInput.value.trim();\n if (!EMAIL_RE.test(email)) return;\n var d = domainOf(email);\n if (d === lastDomain) return;\n lastDomain = d;\n state.domain = d;\n state.personal = CONFIG.perso.enabled && CONFIG.personalDomains.indexOf(d) !== -1;\n alertBox.classList.toggle('is-on', state.personal);\n if (state.personal) { resetPerso(); } else { alertBox.classList.remove('is-invalid'); personalize(d); }\n }\n\n /* ---------------------------- VALIDATION ------------------------------ */\n var EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[a-z]{2,}$/i;\n var PHONE_RE = /^[+0-9][0-9\\s().-]{7,19}$/;\n\n function setError(el, on) {\n var f = el.closest('.ncfp__f');\n if (f) f.classList.toggle('is-invalid', !!on);\n }\n\n function validate(view) {\n var ok = true, firstBad = null;\n Array.prototype.forEach.call(views[view].querySelectorAll('input,select,textarea'), function (el) {\n var f = el.closest('.ncfp__f');\n if (!f || f.classList.contains('ncfp__hidden')) { setError(el, false); return; }\n var val = (el.value || '').trim(), bad = false;\n if (el.hasAttribute('required') && !val) bad = true;\n if (el.type === 'email' && val && !EMAIL_RE.test(val)) bad = true;\n if (el.type === 'tel' && val && !PHONE_RE.test(val)) bad = true;\n if (el === projectInput && !projectField.classList.contains('ncfp__hidden') && val.length < 10) bad = true;\n setError(el, bad);\n if (bad) { ok = false; if (!firstBad) firstBad = el; }\n });\n if (view === 1 && state.personal && !bizCheck.checked) {\n alertBox.classList.add('is-invalid');\n ok = false;\n if (!firstBad) { firstBad = bizCheck; }\n }\n if (firstBad) firstBad.focus();\n return ok;\n }\n\n function collect() {\n var out = {};\n Array.prototype.forEach.call(root.querySelectorAll('input,select,textarea'), function (el) {\n if (!el.name) return;\n out[el.name] = el.type === 'checkbox' ? el.checked : (el.value || '').trim();\n });\n out.email_domain = state.domain;\n out.is_personal_email = state.personal;\n out.company_guess = state.companyGuess;\n return out;\n }\n\n /* ---------------------------- NAVIGATION ------------------------------ */\n function show(view) {\n state.view = view;\n Object.keys(views).forEach(function (k) {\n var on = Number(k) === view;\n views[k].classList.toggle('ncfp__hidden', !on);\n if (on) { views[k].style.animation = 'none'; void views[k].offsetWidth; views[k].style.animation = ''; }\n });\n root.classList.toggle('is-step2', view === 2);\n root.classList.toggle('is-step3', view === 3);\n main.scrollTop = 0;\n if (view !== 3) {\n var f = views[view].querySelector('input,select,textarea');\n if (f) setTimeout(function () { f.focus(); }, 70);\n }\n }\n\n function open(reason) {\n if (state.open) return;\n applyFonts();\n state.open = true;\n state.lastFocus = document.activeElement;\n root.classList.add('is-open');\n root.setAttribute('aria-hidden', 'false');\n document.documentElement.style.overflow = 'hidden';\n requestAnimationFrame(function () { root.classList.add('is-in'); });\n setTimeout(function () {\n var f = views[state.view].querySelector('input,select,textarea');\n if (f) f.focus();\n }, 260);\n track('ncf_popup_view', { trigger: reason || 'exit_intent' });\n }\n\n function close(reason) {\n if (!state.open) return;\n state.open = false;\n root.classList.remove('is-in');\n root.setAttribute('aria-hidden', 'true');\n document.documentElement.style.overflow = '';\n setTimeout(function () { root.classList.remove('is-open'); }, 320);\n if (state.lastFocus && state.lastFocus.focus) state.lastFocus.focus();\n mark(CONFIG.sessionKey);\n disarm();\n track('ncf_popup_close', { reason: reason || 'manual', step: state.view });\n }\n\n /* ------------------------------ ENVOI --------------------------------- */\n function send(payload, isPartial) {\n var body = Object.assign({}, payload, {\n partial: !!isPartial,\n source: 'exit_intent_popup',\n resource: 'guide-ia-2026',\n page_url: location.href,\n page_title: document.title,\n referrer: document.referrer || '',\n submitted_at: new Date().toISOString()\n });\n new URLSearchParams(location.search).forEach(function (v, k) {\n if (/^utm_|^gclid$|^fbclid$/i.test(k)) body[k.toLowerCase()] = v;\n });\n return fetch(CONFIG.endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body),\n keepalive: true\n });\n }\n\n function finish() {\n if (state.data.email) doneSub.textContent = 'Tu as reçu le guide sur ' + state.data.email + '.';\n mark(CONFIG.sessionKey);\n mark(CONFIG.leadKey, localStorage);\n track('ncf_popup_submit', state.data);\n show(3);\n disarm();\n }\n\n /* ---------------------------- ÉVÈNEMENTS ------------------------------ */\n root.addEventListener('click', function (e) {\n var el = e.target.closest('[data-ncfp]');\n if (!el) return;\n var action = el.getAttribute('data-ncfp');\n\n if (action === 'close') { close(state.view === 3 ? 'success' : 'dismiss'); return; }\n if (action === 'back') { show(1); return; }\n if (action === 'download' || action === 'book') {\n mark(CONFIG.leadKey, localStorage);\n track('ncf_popup_choice', { choice: action === 'book' ? 'visio' : 'guide' });\n return;\n }\n\n if (action === 'next') {\n if (!validate(1)) return;\n state.data = collect();\n track('ncf_popup_step1', { email: state.data.email });\n if (CONFIG.partialCapture) send(state.data, true).catch(function () {});\n show(2);\n return;\n }\n\n if (action === 'submit') {\n if (!validate(2) || state.sent) return;\n state.sent = true;\n submitBtn.setAttribute('disabled', 'disabled');\n submitBtn.textContent = 'Envoi…';\n state.data = collect();\n // le lead partiel est déjà parti : une erreur réseau ne bloque pas l'utilisateur\n send(state.data, false).then(finish, finish);\n }\n });\n\n goalSelect.addEventListener('change', function () {\n var isProject = goalSelect.value === 'projet';\n projectField.classList.toggle('ncfp__hidden', !isProject);\n if (isProject) setTimeout(function () { projectInput.focus(); }, 90);\n else setError(projectInput, false);\n });\n\n var emailTimer;\n root.addEventListener('input', function (e) {\n if (e.target.matches('input,select,textarea')) setError(e.target, false);\n if (e.target === emailInput) { clearTimeout(emailTimer); emailTimer = setTimeout(readEmail, 450); }\n });\n emailInput.addEventListener('blur', readEmail);\n bizCheck.addEventListener('change', function () {\n if (bizCheck.checked) alertBox.classList.remove('is-invalid');\n });\n root.addEventListener('change', function (e) {\n if (e.target.matches('select')) setError(e.target, false);\n });\n\n root.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') { close('escape'); return; }\n if (e.key === 'Enter' && e.target.matches('input')) {\n e.preventDefault();\n var btn = views[state.view].querySelector('[data-ncfp=\"next\"],[data-ncfp=\"submit\"]');\n if (btn) btn.click();\n return;\n }\n if (e.key !== 'Tab' || !state.open) return;\n var f = Array.prototype.filter.call(\n root.querySelectorAll('a[href],button:not([disabled]),input,select,textarea'),\n function (el) { return el.offsetParent !== null; }\n );\n if (!f.length) return;\n var first = f[0], last = f[f.length - 1];\n if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\n });\n\n /* --------------------------- DÉCLENCHEURS ----------------------------- */\n var armed = false, timers = [], lastScroll = window.pageYOffset;\n\n function isTouch() {\n return window.matchMedia('(hover:none)').matches || 'ontouchstart' in window;\n }\n\n function onMouseOut(e) {\n if (!armed || state.open) return;\n if (e.clientY > 0 || e.relatedTarget || e.target.nodeName === 'SELECT') return;\n open('exit_intent');\n }\n\n function onScroll() {\n var y = window.pageYOffset;\n if (armed && CONFIG.mobile.enabled && isTouch() &&\n lastScroll - y > CONFIG.mobile.scrollUpPx && y > 200) open('mobile_scroll_up');\n lastScroll = y;\n if (!armed) arm();\n }\n\n function scrolledEnough() {\n if (!CONFIG.armScroll) return true;\n var h = document.documentElement.scrollHeight - window.innerHeight;\n return h <= 0 || (window.pageYOffset / h) * 100 >= CONFIG.armScroll;\n }\n\n function arm() {\n if (armed || !scrolledEnough()) return;\n armed = true;\n document.addEventListener('mouseout', onMouseOut);\n if (CONFIG.mobile.enabled && isTouch()) {\n timers.push(setTimeout(function () { open('mobile_timer'); }, CONFIG.mobile.delay));\n }\n }\n\n function disarm() {\n armed = false;\n document.removeEventListener('mouseout', onMouseOut);\n window.removeEventListener('scroll', onScroll);\n timers.forEach(clearTimeout);\n timers = [];\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n timers.push(setTimeout(arm, CONFIG.armDelay));\n\n /* ------------------------------- API ---------------------------------- */\n window.NCF_POPUP = {\n open: function () { open('manual'); },\n close: close,\n step: show,\n reset: function () {\n try { sessionStorage.removeItem(CONFIG.sessionKey); localStorage.removeItem(CONFIG.leadKey); } catch (e) {}\n },\n config: CONFIG\n };\n\n if (force) setTimeout(function () { open('debug'); }, 300);\n})();","/* =========================================================================\n NocodeFactory — Popup exit-intent multistep (guide IA)\n Autonome : aucune dépendance. À coller dans Webflow > Page settings >\n Before tag, entouré de \n ========================================================================= */\n(function () {\n 'use strict';\n\n /* ----------------------------- CONFIG --------------------------------- */\n var CONFIG = {\n // Webhook n8n qui reçoit le lead (POST JSON)\n endpoint: 'https://n8n.srv842183.hstgr.cloud/webhook/329de078-48d8-4738-ae6a-65d29ba73681',\n\n // Lien de téléchargement affiché à l'étape de confirmation\n guideUrl: 'https://www.nocodefactory.fr/ressources/guide-ia-2026.pdf',\n\n // Cal.com : identifiant du lien (username/event-type), pas l'URL complète\n calLink: 'valentin-bert-04ow8i/30min',\n calLayout: 'month_view',\n // Filet de secours si le script Cal.com ne charge pas\n bookingUrl: 'https://cal.com/valentin-bert-04ow8i/30min?layout=month_view',\n\n // Visuel de couverture (vide = couverture générée en CSS)\n coverImage: '',\n\n // Nombre affiché dans la preuve sociale\n proofCount: '1 200',\n\n // Délai minimum sur la page avant d'armer l'exit-intent (ms)\n armDelay: 6000,\n\n // Scroll minimum avant d'armer (0 = désactivé, 10 = 10% de la page)\n armScroll: 10,\n\n // Déclencheur mobile (pas de curseur → fallback temps + scroll-up)\n mobile: { enabled: true, delay: 30000, scrollUpPx: 400 },\n\n // Mémorisation (session = onglet en cours, lead = définitif)\n sessionKey: 'ncf_popup_seen_v1',\n leadKey: 'ncf_popup_lead_v1',\n\n // Envoi du lead dès l'étape 1 validée (sécurise l'email si abandon step 2)\n partialCapture: true,\n\n // Polices : vide = détection automatique depuis le site.\n // body -> police du | display -> titres existants | mono -> eyebrows\n fonts: { body: '', display: '', mono: '' },\n\n // Personnalisation discrète à partir du domaine de l'e-mail\n perso: {\n enabled: true,\n // Brandfetch Logo API : gratuit (1M req/mois en usage loyal), ID public\n // destine au front. Compte : developers.brandfetch.com/register\n brandfetchClientId: '1id6fBrMQIfPG23HxJl',\n // Laisser vide : Brandfetch si un clientId est renseigné, sinon\n // favicon Google (marche sans compte, mais pas de couleur).\n logoUrl: '',\n tintCover: true // teinte la couverture du guide avec la couleur du logo\n },\n\n // Domaines grand public : déclenchent le garde-fou \"particuliers\"\n personalDomains: ['gmail.com','googlemail.com','outlook.com','outlook.fr','hotmail.com','hotmail.fr',\n 'live.fr','live.com','msn.com','yahoo.com','yahoo.fr','ymail.com','icloud.com','me.com','mac.com',\n 'aol.com','proton.me','protonmail.com','pm.me','tutanota.com','gmx.com','gmx.fr','zoho.com',\n 'free.fr','orange.fr','wanadoo.fr','sfr.fr','neuf.fr','laposte.net','bbox.fr','numericable.fr',\n 'aliceadsl.fr','club-internet.fr','voila.fr','hushmail.com','mail.com','yandex.com','qq.com','163.com']\n };\n\n /* --------------------------- GARDE-FOUS ------------------------------- */\n var force = /[?&]ncfpopup=1/.test(location.search);\n if (window.NCF_POPUP) return;\n if (!force) {\n try {\n if (sessionStorage.getItem(CONFIG.sessionKey)) return;\n if (localStorage.getItem(CONFIG.leadKey)) return;\n } catch (e) {}\n }\n\n var mark = function (key, store) {\n try { (store || sessionStorage).setItem(key, String(Date.now())); } catch (e) {}\n };\n\n var track = function (event, data) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push(Object.assign({ event: event }, data || {}));\n };\n\n /* ------------------------------ STYLES --------------------------------\n Tokens : encre #17161f, papier #fff, vert de marque #1f7a5c,\n violet d'accent #6c5ce7 réservé à l'état actif des champs. */\n var CSS = [\n '.ncfp{--ink:#17161f;--ink-soft:#5a5966;--ink-mute:#8a8996;--paper:#fff;--line:#e6e6ec;',\n '--field:#fbfbfd;--green:#1f7a5c;--green-soft:#e7efe9;--accent:#6c5ce7;--danger:#c8443f;',\n 'position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;',\n 'padding:24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}',\n '.ncfp.is-open{display:flex}',\n '.ncfp *,.ncfp *::before,.ncfp *::after{box-sizing:border-box}',\n /* héritage des polices du site, y compris sur les règles Webflow au niveau élément */\n '.ncfp,.ncfp *{font-family:var(--ncfp-font)}',\n '.ncfp h2,.ncfp .ncfp-cover__title{font-family:var(--ncfp-font-display)}',\n '.ncfp .ncfp-eyebrow,.ncfp .ncfp-badge{font-family:var(--ncfp-font-mono)}',\n\n '.ncfp__backdrop{position:absolute;inset:0;background:rgba(23,22,31,.42);backdrop-filter:blur(5px);',\n '-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}',\n '.ncfp.is-in .ncfp__backdrop{opacity:1}',\n '.ncfp__wrap{position:relative;width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:16px}',\n '.ncfp__modal{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);',\n 'background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(20,20,35,.5);',\n 'max-height:calc(100vh - 96px);opacity:0;transform:translateY(12px) scale(.99);',\n 'transition:opacity .34s cubic-bezier(.2,.7,.3,1),transform .34s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp.is-in .ncfp__modal{opacity:1;transform:none}',\n\n /* ---------- colonne gauche : valeur + réassurance ---------- */\n '.ncfp__aside{position:relative;background:var(--ink);color:#fff;padding:34px 30px 30px;',\n 'display:flex;flex-direction:column;gap:26px;overflow:hidden}',\n /* trame discrète : le canevas d\\'un builder, à 4% d\\'opacité */\n '.ncfp__aside::before{content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.055;',\n 'background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);',\n 'background-size:26px 26px;mask-image:radial-gradient(120% 90% at 50% 20%,#000,transparent 78%);',\n '-webkit-mask-image:radial-gradient(120% 90% at 50% 20%,#000,transparent 78%)}',\n '.ncfp-badge{position:relative;align-self:flex-start;background:var(--green-soft);color:#1a5642;',\n 'font-size:11.5px;font-weight:500;letter-spacing:.1em;padding:8px 12px;border-radius:6px;white-space:nowrap}',\n '.ncfp-cover{position:relative;align-self:center;width:100%;max-width:210px;aspect-ratio:1/1.4;border-radius:8px;',\n 'background:linear-gradient(158deg,#2f6e54,#1a4232);box-shadow:0 26px 50px -20px rgba(0,0,0,.75);',\n 'transform:rotate(-2deg);padding:24px 20px;display:flex;flex-direction:column;gap:10px;overflow:hidden}',\n '.ncfp-cover--img{padding:0;background:none}',\n '.ncfp-cover img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}',\n '.ncfp-cover__kicker{font-size:9.5px;letter-spacing:.16em;color:rgba(255,255,255,.55)}',\n '.ncfp-cover__title{font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.015em;color:#fff}',\n '.ncfp-cover__mark{margin-top:auto;font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.45)}',\n '.ncfp-cover__fav{position:absolute;right:15px;bottom:15px;width:38px;height:38px;border-radius:10px;',\n 'background:#fff;padding:7px;box-shadow:0 8px 18px rgba(0,0,0,.3);opacity:0;transform:scale(.82);',\n 'transition:opacity .4s cubic-bezier(.2,.7,.3,1),transform .4s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp-cover__fav.is-on{opacity:1;transform:none}',\n '.ncfp-cover__fav img{width:100%;height:100%;object-fit:contain;display:block}',\n '.ncfp-cover{transition:background-image .5s ease}',\n '.ncfp__gains{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:13px}',\n '.ncfp__gains li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.9)}',\n '.ncfp__tick{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border-radius:50%;',\n 'background:rgba(47,110,84,.35);display:flex;align-items:center;justify-content:center}',\n '.ncfp__proof{position:relative;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);',\n 'font-size:13px;line-height:1.45;color:rgba(255,255,255,.55)}',\n '.ncfp__proof b{color:#fff;font-weight:600}',\n\n /* ---------- colonne droite : formulaire ---------- */\n '.ncfp__main{position:relative;padding:48px 52px 44px;overflow-y:auto}',\n '.ncfp__rule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--line)}',\n '.ncfp__rule i{display:block;height:100%;width:50%;background:var(--brand,var(--ink));',\n 'transition:width .45s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp.is-step2 .ncfp__rule i,.ncfp.is-step3 .ncfp__rule i{width:100%}',\n '.ncfp__close{position:absolute;top:18px;right:18px;width:34px;height:34px;border:0;border-radius:50%;',\n 'background:transparent;color:var(--ink-mute);cursor:pointer;display:flex;align-items:center;',\n 'justify-content:center;padding:0;transition:background .18s ease,color .18s ease}',\n '.ncfp__close:hover{background:#f2f2f6;color:var(--ink)}',\n '.ncfp-eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:20px}',\n '.ncfp h2{margin:0 0 12px;font-size:35px;line-height:1.12;letter-spacing:-.028em;color:var(--ink);font-weight:700}',\n '.ncfp__sub{margin:0 0 32px;font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:40ch}',\n '.ncfp__view{animation:ncfp-in .34s cubic-bezier(.2,.7,.3,1) both}',\n '@keyframes ncfp-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}',\n\n /* ---------- champs à label flottant ---------- */\n '.ncfp__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}',\n '.ncfp__f{position:relative;min-width:0}',\n '.ncfp__f--full{grid-column:1/-1}',\n '.ncfp__f input,.ncfp__f select,.ncfp__f textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);',\n 'background:var(--field);border:1px solid var(--line);border-radius:11px;padding:24px 15px 9px;height:58px;',\n 'outline:none;appearance:none;-webkit-appearance:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}',\n '.ncfp__f textarea{height:auto;min-height:104px;padding-top:26px;line-height:1.45;resize:vertical}',\n '.ncfp__f select{cursor:pointer;padding-right:40px;',\n 'background-image:url(\"data:image/svg+xml,%3Csvg xmlns=\\'http://www.w3.org/2000/svg\\' width=\\'12\\' height=\\'7\\' viewBox=\\'0 0 12 7\\' fill=\\'none\\'%3E%3Cpath d=\\'M1 1l5 5 5-5\\' stroke=\\'%2317161f\\' stroke-width=\\'1.5\\' stroke-linecap=\\'round\\'/%3E%3C/svg%3E\");',\n 'background-repeat:no-repeat;background-position:right 15px center}',\n '.ncfp__f label{position:absolute;left:16px;top:18px;font-size:15px;color:var(--ink-mute);pointer-events:none;',\n 'transform-origin:0 0;transition:transform .16s cubic-bezier(.2,.7,.3,1),color .16s ease}',\n '.ncfp__f input:focus~label,.ncfp__f input:not(:placeholder-shown)~label,',\n '.ncfp__f textarea:focus~label,.ncfp__f textarea:not(:placeholder-shown)~label,',\n '.ncfp__f select:focus~label,.ncfp__f select:valid~label{transform:translateY(-11px) scale(.74)}',\n '.ncfp__f input:focus~label,.ncfp__f textarea:focus~label,.ncfp__f select:focus~label{color:var(--accent)}',\n '.ncfp__f input:focus,.ncfp__f select:focus,.ncfp__f textarea:focus{background:var(--paper);',\n 'border-color:var(--accent);box-shadow:0 0 0 2px rgba(108,92,231,.08)}',\n '.ncfp__f.is-invalid input,.ncfp__f.is-invalid select,.ncfp__f.is-invalid textarea{border-color:var(--danger);background:#fdf7f7}',\n '.ncfp__f.is-invalid label{color:var(--danger)}',\n '.ncfp__err{display:none;margin:5px 0 0 2px;font-size:12.5px;color:var(--danger)}',\n '.ncfp__f.is-invalid .ncfp__err{display:block}',\n '.ncfp__hidden{display:none!important}',\n /* --- garde-fou e-mail personnel --- */\n '.ncfp__alert{display:none;grid-column:1/-1;background:#fdf9f2;border:1px solid #eee0cb;border-radius:12px;',\n 'padding:16px 18px;animation:ncfp-in .3s cubic-bezier(.2,.7,.3,1) both}',\n '.ncfp__alert.is-on{display:block}',\n '.ncfp__alert p{margin:0 0 13px;font-size:13.5px;line-height:1.5;color:#6b5730}',\n '.ncfp__check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;color:var(--ink);user-select:none}',\n '.ncfp__check input{position:absolute;opacity:0;width:0;height:0}',\n '.ncfp__box{flex:0 0 19px;width:19px;height:19px;border:1.5px solid #d9c7a8;border-radius:5px;background:#fff;',\n 'display:flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease}',\n '.ncfp__box svg{opacity:0;transition:opacity .14s ease}',\n '.ncfp__check input:checked+.ncfp__box{background:var(--ink);border-color:var(--ink)}',\n '.ncfp__check input:checked+.ncfp__box svg{opacity:1}',\n '.ncfp__check input:focus-visible+.ncfp__box{outline:2px solid var(--accent);outline-offset:2px}',\n '.ncfp__alert.is-invalid{border-color:var(--danger);background:#fdf7f7}',\n '.ncfp__alert.is-invalid .ncfp__box{border-color:var(--danger)}',\n\n /* ---------- actions ---------- */\n '.ncfp__actions{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}',\n '.ncfp__cta{display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:16px;font-weight:600;',\n 'color:#fff;background:var(--ink);border:0;border-radius:999px;padding:16px 24px;cursor:pointer;',\n 'text-decoration:none;transition:background .18s ease,transform .18s ease}',\n '.ncfp__cta:hover{background:#2b2a38;transform:translateY(-1px)}',\n '.ncfp__cta[disabled]{opacity:.55;pointer-events:none}',\n '.ncfp__cta svg{transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__cta:hover svg{transform:translateX(4px)}',\n '.ncfp__ghost{font:inherit;font-size:14px;color:var(--ink-soft);background:none;border:0;cursor:pointer;',\n 'padding:6px 2px;text-decoration:underline;text-underline-offset:3px;transition:color .16s ease}',\n '.ncfp__ghost:hover{color:var(--ink)}',\n '.ncfp__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}',\n '.ncfp__head .ncfp-eyebrow{margin-bottom:0}',\n '.ncfp__back{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:500;',\n 'letter-spacing:.02em;color:var(--ink-mute);background:none;border:0;border-right:1px solid var(--line);',\n 'padding:2px 14px 2px 0;margin:0;cursor:pointer;transition:color .16s ease}',\n '.ncfp__back:hover{color:var(--ink)}',\n '.ncfp__back svg{transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__back:hover svg{transform:translateX(-3px)}',\n '.ncfp__legal{margin:22px 0 0;font-size:12px;line-height:1.45;color:var(--ink-mute);max-width:44ch}',\n '.ncfp__confetti{position:absolute;inset:0;pointer-events:none;z-index:6}',\n '.ncfp__cal{width:100%;height:560px;overflow:auto;border-radius:12px}',\n '.ncfp.is-cal .ncfp__aside{display:none}',\n '.ncfp.is-cal .ncfp__modal{grid-template-columns:1fr}',\n '.ncfp.is-cal .ncfp__wrap{max-width:1060px}',\n '.ncfp.is-cal .ncfp__main{padding:34px 32px 28px}',\n '.ncfp.is-step3 .ncfp__decline,.ncfp.is-cal .ncfp__decline{display:none}',\n '.ncfp__ask{margin:30px 0 14px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}',\n '.ncfp__choices{display:grid;gap:10px}',\n '.ncfp__choice{display:flex;align-items:center;gap:14px;font:inherit;font-size:15.5px;font-weight:500;',\n 'text-align:left;text-decoration:none;border-radius:14px;padding:18px 20px;cursor:pointer;',\n 'border:1px solid var(--ink);background:var(--ink);color:#fff;',\n 'transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}',\n '.ncfp__choice svg{margin-left:auto;flex:0 0 auto;transition:transform .2s cubic-bezier(.2,.7,.3,1)}',\n '.ncfp__choice:hover{transform:translateY(-1px)}',\n '.ncfp__choice:hover svg{transform:translateX(4px)}',\n '.ncfp__choice--alt{background:transparent;border-color:var(--line);color:var(--ink)}',\n '.ncfp__choice--alt:hover{border-color:var(--ink);background:#fafafc}',\n '.ncfp__done{width:48px;height:48px;border-radius:50%;background:var(--green-soft);display:flex;',\n 'align-items:center;justify-content:center;margin-bottom:22px}',\n '.ncfp__decline{font:inherit;font-size:14.5px;color:rgba(255,255,255,.8);background:none;border:0;cursor:pointer;',\n 'text-decoration:underline;text-underline-offset:4px;padding:4px 8px;opacity:0;',\n 'transition:opacity .3s ease .12s,color .16s ease}',\n '.ncfp.is-in .ncfp__decline{opacity:1}',\n '.ncfp__decline:hover{color:#fff}',\n '.ncfp button:focus-visible,.ncfp a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}',\n '.ncfp__f input:focus-visible,.ncfp__f select:focus-visible,.ncfp__f textarea:focus-visible{outline:none}',\n\n /* ---------- responsive ---------- */\n '@media(max-width:880px){',\n '.ncfp{padding:12px;align-items:flex-start}',\n '.ncfp__wrap{gap:12px}',\n '.ncfp__modal{grid-template-columns:1fr;max-height:calc(100vh - 68px);overflow-y:auto}',\n '.ncfp__aside{padding:22px 22px 20px;gap:18px}',\n '.ncfp-cover{display:none}',\n '.ncfp__proof{margin-top:0;padding-top:16px}',\n '.ncfp__main{padding:34px 24px 30px;overflow:visible}',\n '.ncfp h2{font-size:27px}',\n '.ncfp__sub{margin-bottom:20px}',\n '.ncfp__grid{grid-template-columns:1fr}',\n '.ncfp__decline{color:rgba(255,255,255,.85)}',\n '.ncfp__cal{height:70vh}',\n '}',\n '@media(prefers-reduced-motion:reduce){.ncfp *{transition:none!important;animation:none!important}}'\n ].join('');\n\n /* ------------------------------ MARKUP -------------------------------- */\n var ARROW = '';\n var TICK = '';\n var TICK_DARK = '';\n var ARROW_L = '';\n var CHECK_SM = '';\n var CROSS = '';\n\n function fav() {\n return ' $\"\"$ ';\n }\n\n function cover() {\n if (CONFIG.coverImage) {\n return '

$\"Guide$ ' + fav() + '

';\n }\n return '

' +\n 'GUIDE COMPLET 2026' +\n 'Intégrer l\\'IA dans votre entreprise' +\n 'NocodeFactory' + fav() +\n '

';\n }\n\n function gain(text) {\n return '

' + TICK + '' + text + '

';\n }\n\n var HTML =\n '

' +\n '

' +\n\n '' +\n\n '

' +\n '

' +\n '' +\n\n /* ---------------- ÉTAPE 1 ---------------- */\n '

' +\n '01 — VOS COORDONNÉES' +\n '

Réussissez le virage de l\\'IA

' +\n '

Faites gagner du temps à vos collaborateurs et récupérez de la marge.

' +\n '

PrénomIndiquez votre prénom.

' +\n '

NomIndiquez votre nom.

' +\n '

E-mail professionnelCet e-mail n\\'est pas valide.

' +\n '

TéléphoneIndiquez un numéro valide.

' +\n '

Votre e-mail semble être une adresse personnelle. Nous n\\'accompagnons pas encore les particuliers.

' +\n '' +\n '' + CHECK_SM + 'Je réponds pour une entreprise' +\n '

' +\n '

' +\n '' +\n '

' +\n '

' +\n\n /* ---------------- ÉTAPE 2 ---------------- */\n '

' +\n '

' +\n '' +\n '02 — VOTRE CONTEXTE' +\n '

' +\n '

Où en êtes-vous ?

' +\n '

À 15 personnes ou à 400, les mêmes cas d\\'usage ne tiennent pas. Trois questions pour orienter votre lecture.

' +\n '

EntrepriseIndiquez le nom de votre entreprise.

' +\n '

EffectifSélectionnez un effectif.

' +\n '

ObjectifSélectionnez un objectif.

' +\n '

' +\n '' +\n 'Votre projet en quelques lignes' +\n 'Décrivez brièvement le projet.

' +\n '

' +\n '' +\n '

' +\n '

Vos données servent à vous envoyer le guide et nos recommandations. Désinscription en un clic.

' +\n '

' +\n\n /* ---------------- ÉTAPE 3 ---------------- */\n '

' +\n '

' + TICK_DARK + '

' +\n '

Tadaaaam !

' +\n '

Vous avez reçu le guide par email.

' +\n '

Besoin de vous faire accompagner ?

' +\n '

' +\n 'Visio avec un expert' + ARROW + '' +\n '

' +\n '

' +\n\n /* ---------------- ÉTAPE 4 : AGENDA ---------------- */\n '

' +\n '

' +\n '' +\n 'CHOISISSEZ UN CRÉNEAU' +\n '

' +\n '

' +\n\n '

' +\n '

' +\n '' +\n '

';\n\n /* ------------------------------ BUILD --------------------------------- */\n var style = document.createElement('style');\n style.textContent = CSS;\n document.head.appendChild(style);\n\n var root = document.createElement('div');\n root.className = 'ncfp';\n root.setAttribute('aria-hidden', 'true');\n root.innerHTML = HTML;\n document.body.appendChild(root);\n\n /* --------------------------- POLICES DU SITE --------------------------\n Lecture des polices réellement calculées sur la page. Ça survit aux\n règles Webflow définies au niveau élément et à un changement de police\n dans le Designer : aucune stack n'est codée en dur. */\n function computedFontOf(el) {\n if (!el) return '';\n var f = window.getComputedStyle(el).fontFamily;\n return f && f !== 'inherit' ? f : '';\n }\n\n function findHeading() {\n var nodes = document.querySelectorAll('h1,h2,h3,[class*=\"heading\"]');\n for (var i = 0; i < nodes.length; i++) {\n if (root.contains(nodes[i])) continue;\n if (!nodes[i].offsetParent && nodes[i].offsetHeight === 0) continue;\n var f = computedFontOf(nodes[i]);\n if (f) return f;\n }\n return '';\n }\n\n function applyFonts() {\n var body = CONFIG.fonts.body || computedFontOf(document.body) ||\n computedFontOf(document.documentElement) || 'system-ui,sans-serif';\n root.style.setProperty('--ncfp-font', body);\n root.style.setProperty('--ncfp-font-display', CONFIG.fonts.display || findHeading() || body);\n root.style.setProperty('--ncfp-font-mono', CONFIG.fonts.mono || body);\n }\n\n applyFonts();\n if (document.fonts && document.fonts.ready) document.fonts.ready.then(applyFonts);\n\n /* ------------------------------ ÉTAT ---------------------------------- */\n var q = function (s) { return root.querySelector(s); };\n var views = { 1: q('[data-view=\"1\"]'), 2: q('[data-view=\"2\"]'),\n 3: q('[data-view=\"3\"]'), 4: q('[data-view=\"4\"]') };\n var goalSelect = q('#ncfp-goal');\n var projectField = q('[data-cond=\"projet\"]');\n var projectInput = q('#ncfp-project');\n var submitBtn = q('[data-ncfp=\"submit\"]');\n var emailInput = q('#ncfp-email');\n var companyInput = q('#ncfp-company');\n var alertBox = q('[data-role=\"alert\"]');\n var bizCheck = q('[data-role=\"bizcheck\"]');\n var doneSub = q('[data-role=\"done-sub\"]');\n var favTile = q('[data-role=\"fav\"]');\n var coverEl = q('.ncfp-cover');\n var main = q('.ncfp__main');\n var state = { open: false, view: 1, sent: false, lastFocus: null, data: {},\n domain: '', personal: false, companyGuess: '', accent: '' };\n\n /* --------------------- LECTURE DU DOMAINE E-MAIL -----------------------\n Deux usages : exclure les adresses grand public, et personnaliser la\n popup avec le logo et le nom de l'entreprise du visiteur. */\n var SUFFIXES = ['co','com','net','org','gouv','asso','ac','edu','gov'];\n\n function domainOf(email) {\n var m = /@([^@\\s]+)$/.exec((email || '').trim().toLowerCase());\n return m ? m[1].replace(/\\.$/, '') : '';\n }\n\n function companyFrom(domain) {\n var parts = domain.split('.');\n if (parts.length < 2) return '';\n var i = parts.length - 2;\n if (parts.length > 2 && SUFFIXES.indexOf(parts[i]) !== -1) i = parts.length - 3;\n return (parts[i] || '').split(/[-_]/).map(function (w) {\n return w ? w.charAt(0).toUpperCase() + w.slice(1) : '';\n }).join(' ').trim();\n }\n\n /* ---------------- couleur : outils de mélange ----------------\n La teinte extraite est ramenée vers le sombre jusqu'à ce que le blanc\n reste lisible dessus. Une marque jaune ne produit pas une couverture\n jaune : elle produit un ocre profond. */\n function lum(c) { return (0.299 * c[0] + 0.587 * c[1] + 0.114 * c[2]) / 255; }\n\n function darken(c, amount) {\n return [Math.round(c[0] * (1 - amount)), Math.round(c[1] * (1 - amount)), Math.round(c[2] * (1 - amount))];\n }\n\n function toCss(c) { return 'rgb(' + c[0] + ',' + c[1] + ',' + c[2] + ')'; }\n\n function capLum(c, max) {\n var out = c, guard = 0;\n while (lum(out) > max && guard++ < 24) out = darken(out, .08);\n return out;\n }\n\n function tintCover(rgb) {\n if (!CONFIG.perso.tintCover || !coverEl) return;\n var top = capLum(darken(rgb, .12), .30); // haut : la couleur, assombrie\n var bottom = capLum(darken(rgb, .55), .12); // bas : presque noir\n coverEl.style.backgroundImage = 'linear-gradient(158deg,' + toCss(top) + ',' + toCss(bottom) + ')';\n }\n\n /* Couleur dominante du logo. Nécessite un header CORS sur la source :\n Brandfetch oui, favicons Google non. Échec = silencieux, DA conservée. */\n function extractAccent(url) {\n if (!CONFIG.perso.tintCover) return;\n var probe = new Image();\n probe.crossOrigin = 'anonymous';\n probe.onload = function () {\n try {\n var c = document.createElement('canvas'), n = 20;\n c.width = c.height = n;\n var ctx = c.getContext('2d');\n ctx.drawImage(probe, 0, 0, n, n);\n var d = ctx.getImageData(0, 0, n, n).data, r = 0, g = 0, b = 0, k = 0, opaque = 0;\n for (var i = 0; i < d.length; i += 4) {\n if (d[i + 3] < 160) continue;\n opaque++;\n var mx = Math.max(d[i], d[i + 1], d[i + 2]), mn = Math.min(d[i], d[i + 1], d[i + 2]);\n if (mx > 238 && mn > 238) continue; // blanc\n if (mx < 34) continue; // noir\n if (mx - mn < 26) continue; // gris\n r += d[i]; g += d[i + 1]; b += d[i + 2]; k++;\n }\n if (opaque < 10) { favTile.classList.remove('is-on'); return; } // image vide\n if (k < 12) return; // logo monochrome : on garde le vert\n var rgb = [Math.round(r / k), Math.round(g / k), Math.round(b / k)];\n state.accent = toCss(rgb);\n tintCover(rgb);\n } catch (e) { /* canvas contaminé : la DA de marque reste en place */ }\n };\n probe.src = url;\n }\n\n function logoUrlFor(domain) {\n if (CONFIG.perso.logoUrl) return CONFIG.perso.logoUrl.replace('{domain}', encodeURIComponent(domain));\n if (CONFIG.perso.brandfetchClientId) {\n // fallback/404 : si la marque est inconnue, Brandfetch renvoie une vraie\n // erreur au lieu d'un monogramme generique -> la tuile reste masquee.\n return 'https://cdn.brandfetch.io/domain/' + encodeURIComponent(domain) +\n '/w/128/h/128/fallback/404/icon.png?c=' +\n encodeURIComponent(CONFIG.perso.brandfetchClientId);\n }\n return 'https://www.google.com/s2/favicons?domain=' + encodeURIComponent(domain) + '&sz=128';\n }\n\n /* Personnalisation : le favicon se pose sur la couverture du guide, la\n couverture prend la teinte de la marque. Aucune phrase, aucune promesse. */\n /* Le favicon n'est posé sur la couverture que s'il est vraiment exploitable.\n Une sonde le charge d'abord hors écran : erreur réseau, délai dépassé ou\n image trop petite (les services renvoient un globe générique de 16px\n quand le domaine est inconnu) et on n'affiche rien du tout. */\n function loadFav(url) {\n var probe = new Image(), settled = false;\n var timer = setTimeout(function () {\n if (!settled) { settled = true; probe.src = ''; }\n }, 4000);\n probe.onload = function () {\n if (settled) return;\n settled = true;\n clearTimeout(timer);\n if (probe.naturalWidth < 32 || probe.naturalHeight < 32) return; // icône générique\n var img = favTile.querySelector('img');\n img.src = url;\n favTile.classList.add('is-on');\n };\n probe.onerror = function () { settled = true; clearTimeout(timer); };\n probe.src = url;\n }\n\n function personalize(domain) {\n if (!CONFIG.perso.enabled || !domain) return;\n state.companyGuess = companyFrom(domain);\n var url = logoUrlFor(domain);\n loadFav(url);\n extractAccent(url); // seconde requête, CORS, peut échouer\n if (!companyInput.value && state.companyGuess) companyInput.value = state.companyGuess;\n }\n\n function resetPerso() {\n state.companyGuess = '';\n favTile.classList.remove('is-on');\n favTile.querySelector('img').removeAttribute('src');\n if (coverEl) coverEl.style.backgroundImage = '';\n }\n\n var lastDomain = '';\n function readEmail() {\n var email = emailInput.value.trim();\n if (!EMAIL_RE.test(email)) return;\n var d = domainOf(email);\n if (d === lastDomain) return;\n lastDomain = d;\n state.domain = d;\n state.personal = CONFIG.perso.enabled && CONFIG.personalDomains.indexOf(d) !== -1;\n alertBox.classList.toggle('is-on', state.personal);\n if (state.personal) { resetPerso(); } else { alertBox.classList.remove('is-invalid'); personalize(d); }\n }\n\n /* ---------------------------- VALIDATION ------------------------------ */\n var EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[a-z]{2,}$/i;\n var PHONE_RE = /^[+0-9][0-9\\s().-]{7,19}$/;\n\n function setError(el, on) {\n var f = el.closest('.ncfp__f');\n if (f) f.classList.toggle('is-invalid', !!on);\n }\n\n function validate(view) {\n var ok = true, firstBad = null;\n Array.prototype.forEach.call(views[view].querySelectorAll('input,select,textarea'), function (el) {\n var f = el.closest('.ncfp__f');\n if (!f || f.classList.contains('ncfp__hidden')) { setError(el, false); return; }\n var val = (el.value || '').trim(), bad = false;\n if (el.hasAttribute('required') && !val) bad = true;\n if (el.type === 'email' && val && !EMAIL_RE.test(val)) bad = true;\n if (el.type === 'tel' && val && !PHONE_RE.test(val)) bad = true;\n if (el === projectInput && !projectField.classList.contains('ncfp__hidden') && val.length < 10) bad = true;\n setError(el, bad);\n if (bad) { ok = false; if (!firstBad) firstBad = el; }\n });\n if (view === 1 && state.personal && !bizCheck.checked) {\n alertBox.classList.add('is-invalid');\n ok = false;\n if (!firstBad) { firstBad = bizCheck; }\n }\n if (firstBad) firstBad.focus();\n return ok;\n }\n\n function collect() {\n var out = {};\n Array.prototype.forEach.call(root.querySelectorAll('input,select,textarea'), function (el) {\n if (!el.name) return;\n out[el.name] = el.type === 'checkbox' ? el.checked : (el.value || '').trim();\n });\n out.email_domain = state.domain;\n out.is_personal_email = state.personal;\n out.company_guess = state.companyGuess;\n return out;\n }\n\n /* ---------------------------- NAVIGATION ------------------------------ */\n function show(view) {\n state.view = view;\n Object.keys(views).forEach(function (k) {\n var on = Number(k) === view;\n views[k].classList.toggle('ncfp__hidden', !on);\n if (on) { views[k].style.animation = 'none'; void views[k].offsetWidth; views[k].style.animation = ''; }\n });\n root.classList.toggle('is-step2', view === 2);\n root.classList.toggle('is-step3', view === 3);\n root.classList.toggle('is-cal', view === 4);\n main.scrollTop = 0;\n if (view !== 3 && view !== 4) {\n var f = views[view].querySelector('input,select,textarea');\n if (f) setTimeout(function () { f.focus(); }, 70);\n }\n }\n\n function open(reason) {\n if (state.open) return;\n applyFonts();\n state.open = true;\n state.lastFocus = document.activeElement;\n root.classList.add('is-open');\n root.setAttribute('aria-hidden', 'false');\n document.documentElement.style.overflow = 'hidden';\n requestAnimationFrame(function () { root.classList.add('is-in'); });\n setTimeout(function () {\n var f = views[state.view].querySelector('input,select,textarea');\n if (f) f.focus();\n }, 260);\n track('ncf_popup_view', { trigger: reason || 'exit_intent' });\n }\n\n function close(reason) {\n if (!state.open) return;\n state.open = false;\n root.classList.remove('is-in');\n root.setAttribute('aria-hidden', 'true');\n document.documentElement.style.overflow = '';\n setTimeout(function () { root.classList.remove('is-open'); }, 320);\n if (state.lastFocus && state.lastFocus.focus) state.lastFocus.focus();\n mark(CONFIG.sessionKey);\n disarm();\n track('ncf_popup_close', { reason: reason || 'manual', step: state.view });\n }\n\n /* ----------------------------- CONFETTIS ------------------------------\n Canvas jetable posé sur la modale, retiré du DOM à la fin. Rien ne\n tourne en arrière-plan une fois l'animation terminée. */\n function confetti() {\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n var host = q('.ncfp__modal'), box = host.getBoundingClientRect();\n if (!box.width) return;\n var cv = document.createElement('canvas');\n cv.className = 'ncfp__confetti';\n var dpr = Math.min(window.devicePixelRatio || 1, 2);\n cv.width = box.width * dpr; cv.height = box.height * dpr;\n cv.style.width = box.width + 'px'; cv.style.height = box.height + 'px';\n host.appendChild(cv);\n var ctx = cv.getContext('2d');\n ctx.scale(dpr, dpr);\n\n var palette = ['#1f7a5c', '#7ee0b3', '#17161f', '#6c5ce7', '#e7efe9'];\n var bits = [];\n for (var i = 0; i < 90; i++) {\n bits.push({\n x: box.width * (.1 + Math.random() * .8),\n y: -20 - Math.random() * 120,\n w: 5 + Math.random() * 5, h: 8 + Math.random() * 7,\n vx: (Math.random() - .5) * 2.4, vy: 2 + Math.random() * 3.4,\n rot: Math.random() * Math.PI, vr: (Math.random() - .5) * .3,\n c: palette[i % palette.length]\n });\n }\n\n var t0 = performance.now();\n function frame(t) {\n var age = t - t0;\n ctx.clearRect(0, 0, box.width, box.height);\n ctx.globalAlpha = age > 1900 ? Math.max(0, 1 - (age - 1900) / 900) : 1;\n for (var j = 0; j < bits.length; j++) {\n var p = bits[j];\n p.vy += .045; p.x += p.vx; p.y += p.vy; p.rot += p.vr;\n ctx.save();\n ctx.translate(p.x, p.y);\n ctx.rotate(p.rot);\n ctx.fillStyle = p.c;\n ctx.fillRect(-p.w / 2, -p.h / 2, p.w, p.h);\n ctx.restore();\n }\n if (age < 2800 && cv.parentNode) requestAnimationFrame(frame);\n else if (cv.parentNode) cv.parentNode.removeChild(cv);\n }\n requestAnimationFrame(frame);\n }\n\n /* ---------------------------- AGENDA CAL.COM --------------------------\n Le script n'est chargé qu'au clic : zéro poids sur le chargement de la\n page. Si Cal ne répond pas en 6s, on bascule sur l'onglet externe. */\n var calMounted = false;\n\n function bootCal() {\n if (window.Cal) return;\n (function (C, A, L) {\n var p = function (a, ar) { a.q.push(ar); };\n var d = C.document;\n C.Cal = C.Cal || function () {\n var cal = C.Cal, ar = arguments;\n if (!cal.loaded) {\n cal.ns = {}; cal.q = cal.q || [];\n d.head.appendChild(d.createElement('script')).src = A;\n cal.loaded = true;\n }\n if (ar[0] === L) {\n var api = function () { p(api, arguments); };\n var ns = ar[1];\n api.q = api.q || [];\n if (typeof ns === 'string') { cal.ns[ns] = cal.ns[ns] || api; p(cal.ns[ns], ar); p(cal, ['initNamespace', ns]); }\n else p(cal, ar);\n return;\n }\n p(cal, ar);\n };\n })(window, 'https://app.cal.com/embed/embed.js', 'init');\n }\n\n function openCal() {\n show(4);\n if (calMounted) return;\n calMounted = true;\n bootCal();\n try {\n window.Cal('init', { origin: 'https://cal.com' });\n window.Cal('inline', {\n elementOrSelector: '#ncfp-cal',\n calLink: CONFIG.calLink,\n config: {\n layout: CONFIG.calLayout,\n name: [state.data.firstname, state.data.lastname].filter(Boolean).join(' '),\n email: state.data.email || ''\n }\n });\n window.Cal('ui', {\n hideEventTypeDetails: true, // masque le bloc titre / durée / organisateur\n layout: CONFIG.calLayout,\n cssVarsPerTheme: { light: { 'cal-brand': '#17161f' } }\n });\n } catch (e) { calMounted = false; }\n\n // filet : si l'iframe n'est pas apparue, on ouvre l'onglet externe\n setTimeout(function () {\n if (!q('#ncfp-cal iframe')) window.open(CONFIG.bookingUrl, '_blank', 'noopener');\n }, 6000);\n }\n\n /* ------------------------------ ENVOI --------------------------------- */\n function send(payload, isPartial) {\n var body = Object.assign({}, payload, {\n partial: !!isPartial,\n source: 'exit_intent_popup',\n resource: 'guide-ia-2026',\n page_url: location.href,\n page_title: document.title,\n referrer: document.referrer || '',\n submitted_at: new Date().toISOString()\n });\n new URLSearchParams(location.search).forEach(function (v, k) {\n if (/^utm_|^gclid$|^fbclid$/i.test(k)) body[k.toLowerCase()] = v;\n });\n return fetch(CONFIG.endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body),\n keepalive: true\n });\n }\n\n function finish() {\n if (state.data.email) doneSub.textContent = 'Vous avez reçu le guide sur ' + state.data.email + '.';\n mark(CONFIG.sessionKey);\n mark(CONFIG.leadKey, localStorage);\n track('ncf_popup_submit', state.data);\n show(3);\n confetti();\n disarm();\n }\n\n /* ---------------------------- ÉVÈNEMENTS ------------------------------ */\n root.addEventListener('click', function (e) {\n var el = e.target.closest('[data-ncfp]');\n if (!el) return;\n var action = el.getAttribute('data-ncfp');\n\n if (action === 'close') { close(state.view === 3 ? 'success' : 'dismiss'); return; }\n if (action === 'back') { show(1); return; }\n if (action === 'download') {\n mark(CONFIG.leadKey, localStorage);\n track('ncf_popup_choice', { choice: 'guide' });\n return;\n }\n if (action === 'book') {\n e.preventDefault();\n mark(CONFIG.leadKey, localStorage);\n track('ncf_popup_choice', { choice: 'visio' });\n openCal();\n return;\n }\n if (action === 'unbook') { show(3); return; }\n\n if (action === 'next') {\n if (!validate(1)) return;\n state.data = collect();\n track('ncf_popup_step1', { email: state.data.email });\n if (CONFIG.partialCapture) send(state.data, true).catch(function () {});\n show(2);\n return;\n }\n\n if (action === 'submit') {\n if (!validate(2) || state.sent) return;\n state.sent = true;\n submitBtn.setAttribute('disabled', 'disabled');\n submitBtn.textContent = 'Envoi…';\n state.data = collect();\n // le lead partiel est déjà parti : une erreur réseau ne bloque pas l'utilisateur\n send(state.data, false).then(finish, finish);\n }\n });\n\n goalSelect.addEventListener('change', function () {\n var isProject = goalSelect.value === 'projet';\n projectField.classList.toggle('ncfp__hidden', !isProject);\n if (isProject) setTimeout(function () { projectInput.focus(); }, 90);\n else setError(projectInput, false);\n });\n\n var emailTimer;\n root.addEventListener('input', function (e) {\n if (e.target.matches('input,select,textarea')) setError(e.target, false);\n if (e.target === emailInput) { clearTimeout(emailTimer); emailTimer = setTimeout(readEmail, 450); }\n });\n emailInput.addEventListener('blur', readEmail);\n bizCheck.addEventListener('change', function () {\n if (bizCheck.checked) alertBox.classList.remove('is-invalid');\n });\n root.addEventListener('change', function (e) {\n if (e.target.matches('select')) setError(e.target, false);\n });\n\n root.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') { close('escape'); return; }\n if (e.key === 'Enter' && e.target.matches('input')) {\n e.preventDefault();\n var btn = views[state.view].querySelector('[data-ncfp=\"next\"],[data-ncfp=\"submit\"]');\n if (btn) btn.click();\n return;\n }\n if (e.key !== 'Tab' || !state.open) return;\n var f = Array.prototype.filter.call(\n root.querySelectorAll('a[href],button:not([disabled]),input,select,textarea'),\n function (el) { return el.offsetParent !== null; }\n );\n if (!f.length) return;\n var first = f[0], last = f[f.length - 1];\n if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\n });\n\n /* --------------------------- DÉCLENCHEURS ----------------------------- */\n var armed = false, timers = [], lastScroll = window.pageYOffset;\n\n function isTouch() {\n return window.matchMedia('(hover:none)').matches || 'ontouchstart' in window;\n }\n\n function onMouseOut(e) {\n if (!armed || state.open) return;\n if (e.clientY > 0 || e.relatedTarget || e.target.nodeName === 'SELECT') return;\n open('exit_intent');\n }\n\n function onScroll() {\n var y = window.pageYOffset;\n if (armed && CONFIG.mobile.enabled && isTouch() &&\n lastScroll - y > CONFIG.mobile.scrollUpPx && y > 200) open('mobile_scroll_up');\n lastScroll = y;\n if (!armed) arm();\n }\n\n function scrolledEnough() {\n if (!CONFIG.armScroll) return true;\n var h = document.documentElement.scrollHeight - window.innerHeight;\n return h <= 0 || (window.pageYOffset / h) * 100 >= CONFIG.armScroll;\n }\n\n function arm() {\n if (armed || !scrolledEnough()) return;\n armed = true;\n document.addEventListener('mouseout', onMouseOut);\n if (CONFIG.mobile.enabled && isTouch()) {\n timers.push(setTimeout(function () { open('mobile_timer'); }, CONFIG.mobile.delay));\n }\n }\n\n function disarm() {\n armed = false;\n document.removeEventListener('mouseout', onMouseOut);\n window.removeEventListener('scroll', onScroll);\n timers.forEach(clearTimeout);\n timers = [];\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n timers.push(setTimeout(arm, CONFIG.armDelay));\n\n /* ------------------------------- API ---------------------------------- */\n window.NCF_POPUP = {\n open: function () { open('manual'); },\n close: close,\n step: show,\n reset: function () {\n try { sessionStorage.removeItem(CONFIG.sessionKey); localStorage.removeItem(CONFIG.leadKey); } catch (e) {}\n },\n config: CONFIG\n };\n\n if (force) setTimeout(function () { open('debug'); }, 300);\n})();","createdAt",["D",1787927746418],"branchVersion","branchId","7582f2d5-bb10-41be-bf08-e2360878fb8f","id","96c6a574-4ac3-4523-b8cb-7b0e6c22a709","popupform",["D",1787904953785],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","51e0f890-4215-11f0-8fa4-2945475a7e7e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","9d7676f2-7a4d-4e3f-975a-15aca5bcc997","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",37,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ncf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5NWtrVUd1NlAwbmxWS2NMVFB4N0Ezb0drSyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":148,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":149,"_79":150,"_81":151,"_83":25},"tree",[143],"files",[143],"counts",{"_132":61,"_133":134,"_135":61,"_136":137,"_138":139},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":128,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_27":131},"a8eb01a0-81fa-486b-95e1-461336c4cca8","parentId","latest",["D",1787927746418],10,"label",[28],"pulls","branches",1,"forks","envVars",{"_140":61,"_142":61},"connections",{"_140":61,"_141":61},"count","unfilledCount","emptyCount",{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":144,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_145":146,"_27":147},["D",1787927746418],"children",[],[28],["D",1787904953785],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_121":185,"_186":187,"_188":189,"_190":25,"_191":25,"_192":25,"_193":194,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_156":157,"_158":159,"_160":85,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v11