MBC \u2014 Syst\u00e8me d'offres<\/title>\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: system-ui, sans-serif; background: #fff; color: #1a1a1a; padding: 2rem; max-width: 1100px; margin: auto; }\r\n.section-title { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; color: #888; margin-bottom: 1rem; }\r\n.offer-card { background: #fff; border: 0.5px solid #e0e0e0; border-radius: 12px; padding: 1.25rem; }\r\n.offer-card.featured { border: 2px solid #1D9E75; }\r\n.badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }\r\n.badge-teal { background: #E1F5EE; color: #0F6E56; }\r\n.badge-purple { background: #EEEDFE; color: #3C3489; }\r\n.badge-amber { background: #FAEEDA; color: #633806; }\r\n.badge-blue { background: #E6F1FB; color: #0C447C; }\r\n.badge-pop { background: #1D9E75; color: #fff; }\r\n.offer-name { font-size: 18px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; }\r\n.offer-tagline { font-size: 13px; color: #888; margin-bottom: 14px; line-height: 1.5; }\r\n.price-block { display: flex; align-items: baseline; gap: 6px; margin-bottom: 14px; }\r\n.price { font-size: 22px; font-weight: 500; color: #1a1a1a; }\r\n.price-unit { font-size: 13px; color: #888; }\r\n.divider { border: none; border-top: 0.5px solid #e0e0e0; margin: 14px 0; }\r\n.label { font-size: 11px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }\r\n.detail { font-size: 13px; color: #1a1a1a; line-height: 1.6; }\r\n.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\r\n.tag { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: #f5f5f5; color: #888; border: 0.5px solid #e0e0e0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n.four-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n.section-sep { border: none; border-top: 0.5px solid #e0e0e0; margin: 2rem 0; }\r\n.wrap { padding: 1rem 0; }\r\n@media(max-width:620px) { .two-col, .three-col, .four-col { grid-template-columns: 1fr; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n\r\n<p class=\"section-title\">CMO Pilotage \u2014 3 niveaux<\/p>\r\n<div class=\"three-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-teal\">Niveau 1<\/span>\r\n <div class=\"offer-name\">CMO Advisory<\/div>\r\n <div class=\"offer-tagline\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/div>\r\n <div class=\"price-block\"><span class=\"price\">900 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">2 sessions d'1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture livrables \u00b7 Recommandations prioris\u00e9es<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Startup SaaS avec une assistante ou un freelance LinkedIn mais aucune vision coh\u00e9rente. Ou fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card featured\">\r\n <span class=\"badge badge-pop\">Offre phare<\/span>\r\n <div class=\"offer-name\">CMO Copilote<\/div>\r\n <div class=\"offer-tagline\">Accompagnement + pilotage actif de la fonction marketing<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 500 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">4 sessions\/mois \u00b7 Audit initial \u00b7 Strat\u00e9gie annuelle \u00b7 Calendrier \u00e9ditorial \u00b7 Pilotage prestataires \u00b7 Suivi KPIs<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing mais garder la main sur la direction<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise avec 5-50 salari\u00e9s, CA 1-5M\u20ac, qui a d\u00e9j\u00e0 des actions marketing \u00e9parpill\u00e9es mais aucune coh\u00e9rence ni syst\u00e8me.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-purple\">Niveau 3<\/span>\r\n <div class=\"offer-name\">CMO Embarqu\u00e9<\/div>\r\n <div class=\"offer-tagline\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/div>\r\n <div class=\"price-block\"><span class=\"price\">5 000 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">Pr\u00e9sence hebdo (physique ou visio) \u00b7 Recrutement & onboarding \u00e9quipe marketing \u00b7 Production de contenus \u00b7 Reporting direction \u00b7 Acc\u00e8s total<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise qui l\u00e8ve des fonds, qui double de taille, ou qui cherche \u00e0 structurer un d\u00e9partement marketing from scratch rapidement.<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\">Consulting \u2014 Sessions \u00e0 la carte<\/p>\r\n<div class=\"two-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Ponctuel<\/span>\r\n <div class=\"offer-name\">S\u00e9ance Strat\u00e9gique<\/div>\r\n <div class=\"offer-tagline\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/div>\r\n <div class=\"price-block\"><span class=\"price\">250 \u20ac<\/span><span class=\"price-unit\">\/session<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Th\u00e8mes disponibles<\/div>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">Offre & positionnement<\/span>\r\n <span class=\"tag\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"tag\">Acquisition<\/span>\r\n <\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Quelqu'un qui h\u00e9site sur son pricing, veut structurer sa prospection, ou optimiser son profil avant un RDV important.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Pack<\/span>\r\n <div class=\"offer-name\">Pack 5 S\u00e9ances<\/div>\r\n <div class=\"offer-tagline\">Accompagnement court sur un projet d\u00e9fini<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 000 \u20ac<\/span><span class=\"price-unit\">\/pack<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Soit<\/div>\r\n <div class=\"detail\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou sur un fil conducteur d\u00e9fini ensemble<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\">Formations entreprise \u2014 4 programmes<\/p>\r\n<div class=\"four-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 1<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Les bases d'un marketing p\u00e9renne<\/div>\r\n <div class=\"offer-tagline\">Comprendre et poser les fondations<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 2<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Construire sa visibilit\u00e9<\/div>\r\n <div class=\"offer-tagline\">LinkedIn & pr\u00e9sence de marque<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales, dirigeants, ou responsable marketing d'une PME<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 3<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Syst\u00e8me d'acquisition<\/div>\r\n <div class=\"offer-tagline\">G\u00e9n\u00e9rer des leads en continu<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 800 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales B2B avec ambition de structurer leur prospection<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 4<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">IA dans le marketing<\/div>\r\n <div class=\"offer-tagline\">Int\u00e9grer l'IA dans ses process<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 000 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Outils IA (ChatGPT, Claude, Perplexity\u2026), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\" style=\"margin-bottom:0.75rem;\">Matrice besoin \u2192 offre recommand\u00e9e<\/p>\r\n<div class=\"offer-card\" style=\"padding:1rem;\">\r\n <table style=\"width:100%; font-size:13px; border-collapse:collapse;\">\r\n <thead>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Situation du client<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Offre<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Budget<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai une question pr\u00e9cise, je veux une r\u00e9ponse rapide\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-amber\" style=\"margin:0;\">S\u00e9ance strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">250 \u20ac<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai d\u00e9j\u00e0 un ex\u00e9cutant mais je manque de direction\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-teal\" style=\"margin:0;\">CMO Advisory<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">900 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je n'ai pas de marketing structur\u00e9, je veux quelqu'un qui pilote\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-pop\" style=\"margin:0;\">CMO Copilote<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 500 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux un CMO sans le recruter, tr\u00e8s pr\u00e9sent\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-purple\" style=\"margin:0;\">CMO Embarqu\u00e9<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">5 000 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe sur le marketing\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500\u20132 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <tr>\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe \u00e0 l'IA\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation IA<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-33d77af elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33d77af\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30d027b\" data-id=\"30d027b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63aa661 elementor-widget elementor-widget-html\" data-id=\"63aa661\" 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<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n.mbc-wrap { font-family: system-ui, sans-serif; color: #1a1a1a; padding: 2rem 0; max-width: 1100px; margin: auto; }\r\n.section-title { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; color: #888; margin-bottom: 1rem; }\r\n.offer-card { background: #fff; border: 0.5px solid #e0e0e0; border-radius: 12px; padding: 1.25rem; }\r\n.offer-card.featured { border: 2px solid #1D9E75; }\r\n.badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }\r\n.badge-teal { background: #E1F5EE; color: #0F6E56; }\r\n.badge-purple { background: #EEEDFE; color: #3C3489; }\r\n.badge-amber { background: #FAEEDA; color: #633806; }\r\n.badge-blue { background: #E6F1FB; color: #0C447C; }\r\n.badge-navy { background: #e8f0f7; color: #1B4F72; }\r\n.badge-pop { background: #1D9E75; color: #fff; }\r\n.offer-name { font-size: 18px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; }\r\n.offer-tagline { font-size: 13px; color: #888; margin-bottom: 10px; line-height: 1.5; }\r\n.price-block { display: flex; align-items: baseline; gap: 6px; margin-bottom: 8px; }\r\n.price { font-size: 22px; font-weight: 500; color: #1a1a1a; }\r\n.price-unit { font-size: 13px; color: #888; }\r\n.engage-note { font-size: 11px; color: #9a7a3a; background: #faf4e8; border-radius: 4px; padding: 3px 8px; display: inline-block; margin-bottom: 10px; }\r\n.divider { border: none; border-top: 0.5px solid #e0e0e0; margin: 12px 0; }\r\n.label { font-size: 11px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }\r\n.detail { font-size: 13px; color: #1a1a1a; line-height: 1.6; }\r\n.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\r\n.tag { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: #f5f5f5; color: #888; border: 0.5px solid #e0e0e0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n.four-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n.section-sep { border: none; border-top: 0.5px solid #e0e0e0; margin: 2rem 0; }\r\n\r\n\/* Diagnostic banner *\/\r\n.diag-banner {\r\n background: #1B4F72;\r\n border-radius: 12px;\r\n padding: 2rem;\r\n margin-bottom: 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 2rem;\r\n align-items: center;\r\n}\r\n.diag-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #C2A76F; margin-bottom: 6px; }\r\n.diag-title { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 8px; }\r\n.diag-sub { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.6; margin-bottom: 16px; }\r\n.diag-items { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }\r\n.diag-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,0.8); }\r\n.diag-dot { width: 4px; height: 4px; border-radius: 50%; background: #888; flex-shrink: 0; }\r\n.diag-note { font-size: 11px; color: rgba(255,255,255,0.35); font-style: italic; }\r\n.diag-price-box {\r\n text-align: center;\r\n border: 0.5px solid rgba(255,255,255,0.15);\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n min-width: 160px;\r\n}\r\n.diag-price { font-size: 32px; font-weight: 500; color: #fff; display: block; margin-bottom: 4px; }\r\n.diag-price-unit { font-size: 12px; color: rgba(255,255,255,0.4); display: block; margin-bottom: 12px; }\r\n.diag-badge { display: inline-block; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); font-size: 10px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; border: 0.5px solid rgba(255,255,255,0.2); }\r\n\r\n@media(max-width: 620px) {\r\n .two-col, .three-col, .four-col { grid-template-columns: 1fr; }\r\n .diag-banner { grid-template-columns: 1fr; }\r\n .diag-price-box { min-width: auto; }\r\n}\r\n\r\n\/* ============================================================\r\n STYLES APPLICATION DIAGNOSTIC FLASH (React -> CSS Vanilla)\r\n ============================================================ *\/\r\n.diag-app-container {\r\n max-width: 48rem;\r\n margin: 3rem auto;\r\n padding: 2rem;\r\n background: #ffffff;\r\n border-radius: 1rem;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n border: 1px solid #f3f4f6;\r\n font-family: system-ui, sans-serif;\r\n}\r\n.diag-app-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\r\n.diag-app-badge-text { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #0d9488; letter-spacing: 0.05em; }\r\n.diag-app-progress-text { font-size: 0.875rem; font-weight: 500; color: #9ca3af; }\r\n.diag-app-progress-bar { width: 100%; background: #f3f4f6; border-radius: 9999px; height: 0.375rem; margin-bottom: 2rem; overflow: hidden; }\r\n.diag-app-progress-fill { background: #0d9488; height: 100%; border-radius: 9999px; transition: width 0.5s ease-out; }\r\n.diag-app-q-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }\r\n.diag-app-q-icon { padding: 0.75rem; background: #f0fdfa; border-radius: 0.75rem; color: #0d9488; display: flex; align-items: center; justify-content: center; }\r\n.diag-app-q-title { font-size: 1.5rem; font-weight: 700; color: #111827; line-height: 1.25; margin: 0; }\r\n.diag-app-options { display: flex; flex-direction: column; gap: 0.75rem; }\r\n.diag-app-option { width: 100%; text-align: left; padding: 1.25rem; border-radius: 0.75rem; border: 2px solid #f3f4f6; background: #fff; display: flex; align-items: flex-start; gap: 1rem; cursor: pointer; transition: all 0.2s; }\r\n.diag-app-option:hover { border-color: #99f6e4; background: #f8fafc; }\r\n.diag-app-option.selected { border-color: #0d9488; background: #f0fdfa; }\r\n.diag-app-radio { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid #d1d5db; display: flex; align-items: center; justify-content: center; margin-top: 0.125rem; flex-shrink: 0; transition: border-color 0.2s; }\r\n.diag-app-option:hover .diag-app-radio { border-color: #5eead4; }\r\n.diag-app-option.selected .diag-app-radio { border-color: #0d9488; }\r\n.diag-app-radio-inner { width: 0.625rem; height: 0.625rem; background: #0d9488; border-radius: 50%; display: none; }\r\n.diag-app-option.selected .diag-app-radio-inner { display: block; }\r\n.diag-app-opt-title { font-weight: 700; margin-bottom: 0.25rem; color: #111827; font-size: 1rem; }\r\n.diag-app-option.selected .diag-app-opt-title { color: #134e4a; }\r\n.diag-app-opt-desc { font-size: 0.875rem; color: #6b7280; line-height: 1.5; margin: 0; }\r\n.diag-app-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem; margin-top: 2rem; border-top: 1px solid #f3f4f6; }\r\n.diag-app-btn-back { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #6b7280; background: none; border: none; cursor: pointer; padding: 0; }\r\n.diag-app-btn-back:hover { color: #1f2937; }\r\n.diag-app-time { font-size: 0.75rem; color: #9ca3af; }\r\n.diag-app-loader { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; text-align: center; }\r\n.diag-app-spinner { width: 4rem; height: 4rem; border: 4px solid #ccfbf1; border-top-color: #0d9488; border-radius: 50%; animation: diag-app-spin 1s linear infinite; margin-bottom: 1.5rem; }\r\n@keyframes diag-app-spin { to { transform: rotate(360deg); } }\r\n\r\n\/* App Result screen *\/\r\n.diag-app-res-title { font-size: 1.875rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; text-align: center; }\r\n.diag-app-res-desc { color: #4b5563; max-width: 42rem; margin: 0 auto 2rem auto; text-align: center; line-height: 1.5; }\r\n.diag-app-res-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }\r\n@media(min-width: 768px) { .diag-app-res-grid { grid-template-columns: 1fr 1fr; } }\r\n.diag-app-card { padding: 2rem; border-radius: 1rem; border: 2px solid; position: relative; overflow: hidden; }\r\n.diag-app-card-phare { position: absolute; top: 0; right: 0; background: #0d9488; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-bottom-left-radius: 0.5rem; }\r\n.diag-app-card-badge { display: inline-block; padding: 0.25rem 0.75rem; background: rgba(255,255,255,0.5); border-radius: 9999px; font-size: 0.875rem; font-weight: 600; margin-bottom: 1rem; color: inherit; }\r\n.diag-app-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.25rem; }\r\n.diag-app-card-sub { font-size: 0.875rem; opacity: 0.8; margin-bottom: 1.5rem; line-height: 1.4; }\r\n.diag-app-card-price-box { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; align-items: baseline; gap: 0.25rem; }\r\n.diag-app-card-price { font-size: 2.25rem; font-weight: 800; }\r\n.diag-app-card-price-unit { font-size: 0.875rem; opacity: 0.7; }\r\n.diag-app-card-features { list-style: none; padding: 0; margin: 0 0 2rem 0; display: flex; flex-direction: column; gap: 0.75rem; }\r\n.diag-app-card-feature { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; }\r\n.diag-app-btn-cta { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 1rem 1.5rem; background: #111827; color: #fff; border-radius: 0.75rem; font-weight: 700; text-decoration: none; transition: background 0.2s; box-sizing: border-box; }\r\n.diag-app-btn-cta:hover { background: #1f2937; color: #fff; }\r\n.diag-app-stats { padding: 1.5rem; background: #f9fafb; border-radius: 1rem; }\r\n.diag-app-stats-title { font-size: 1.125rem; font-weight: 700; color: #111827; margin-bottom: 1.5rem; }\r\n.diag-app-stat { margin-bottom: 1.25rem; }\r\n.diag-app-stat-header { display: flex; justify-content: space-between; font-size: 0.875rem; font-weight: 700; margin-bottom: 0.25rem; }\r\n.diag-app-stat-label { color: #374151; }\r\n.diag-app-stat-val { color: #0d9488; }\r\n.diag-app-stat-bar-bg { width: 100%; background: #e5e7eb; border-radius: 9999px; height: 0.625rem; }\r\n.diag-app-stat-bar-fill { background: #14b8a6; height: 100%; border-radius: 9999px; transition: width 1s ease; }\r\n.diag-app-btn-reset { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #6b7280; background: none; border: none; cursor: pointer; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; width: 100%; justify-content: flex-start; }\r\n.diag-app-btn-reset:hover { color: #1f2937; }\r\n<\/style>\r\n\r\n<div class=\"mbc-wrap\">\r\n\r\n <p class=\"section-title\">Point de d\u00e9part obligatoire<\/p>\r\n <div class=\"diag-banner\">\r\n <div>\r\n <div class=\"diag-label\">One-shot \u00b7 Pr\u00e9requis CMO Copilote & Embarqu\u00e9<\/div>\r\n <div class=\"diag-title\">Diagnostic Strat\u00e9gique<\/div>\r\n <div class=\"diag-sub\">Un audit complet de votre situation marketing pour identifier les priorit\u00e9s, les blocages et d\u00e9finir la feuille de route. Sans ce diagnostic, toute strat\u00e9gie repose sur des hypoth\u00e8ses.<\/div>\r\n <div class=\"diag-items\">\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Audit de votre positionnement & offre<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Analyse de vos canaux & actions en cours<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Benchmark concurrentiel<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Identification des priorit\u00e9s & quick wins<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Livrable : roadmap strat\u00e9gique 6\u201312 mois<\/div>\r\n <\/div>\r\n <div class=\"diag-note\">\u00c0 l'issue du diagnostic, si vous souhaitez que je pilote la mise en \u0153uvre, vous basculez sur l'offre CMO Copilote ou Embarqu\u00e9.<\/div>\r\n <\/div>\r\n <div class=\"diag-price-box\">\r\n <span class=\"diag-price\">1 500 \u20ac<\/span>\r\n <span class=\"diag-price-unit\">tarif fixe \u00b7 one-shot<\/span>\r\n <span class=\"diag-badge\">Pr\u00e9requis obligatoire<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">CMO Pilotage \u2014 3 niveaux<\/p>\r\n <div class=\"three-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-teal\">Niveau 1<\/span>\r\n <div class=\"offer-name\">CMO Advisory<\/div>\r\n <div class=\"offer-tagline\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/div>\r\n <div class=\"price-block\"><span class=\"price\">900 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement minimum : 3 mois<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">2 sessions d'1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture critique de livrables cl\u00e9s (3 documents strat\u00e9giques\/mois max) \u00b7 Recommandations prioris\u00e9es<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Startup SaaS avec un freelance LinkedIn mais aucune vision coh\u00e9rente. Fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card featured\">\r\n <span class=\"badge badge-pop\">Offre phare<\/span>\r\n <div class=\"offer-name\">CMO Copilote<\/div>\r\n <div class=\"offer-tagline\">Accompagnement + pilotage actif de la fonction marketing<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 500 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement 3 mois min \u00b7 Diagnostic pr\u00e9requis<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">4 sessions\/mois \u00b7 Strat\u00e9gie annuelle \u00b7 Strat\u00e9gie de contenu & plan d'action \u00b7 Pilotage prestataires \u00b7 Suivi KPIs mensuel<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing tout en gardant la main sur la direction<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise avec 5\u201350 salari\u00e9s, CA 1\u20135M\u20ac, qui a d\u00e9j\u00e0 des actions marketing \u00e9parpill\u00e9es mais aucune coh\u00e9rence ni syst\u00e8me.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-purple\">Niveau 3<\/span>\r\n <div class=\"offer-name\">CMO Embarqu\u00e9<\/div>\r\n <div class=\"offer-tagline\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/div>\r\n <div class=\"price-block\"><span class=\"price\">5 000 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement 3 mois min \u00b7 Diagnostic pr\u00e9requis<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">Pr\u00e9sence hebdo (physique ou visio) \u00b7 Recrutement & onboarding \u00e9quipe \u00b7 Direction cr\u00e9ative & supervision de production \u00b7 Reporting direction \u00b7 Acc\u00e8s total<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise qui l\u00e8ve des fonds, double de taille, ou cherche \u00e0 structurer un d\u00e9partement marketing from scratch.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <div id=\"mbc-diagnostic-app\" class=\"diag-app-container\">\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">Consulting \u2014 Sessions \u00e0 la carte<\/p>\r\n <div class=\"two-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Ponctuel<\/span>\r\n <div class=\"offer-name\">S\u00e9ance Strat\u00e9gique<\/div>\r\n <div class=\"offer-tagline\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/div>\r\n <div class=\"price-block\"><span class=\"price\">250 \u20ac<\/span><span class=\"price-unit\">\/session<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Th\u00e8mes disponibles<\/div>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">Offre & positionnement<\/span>\r\n <span class=\"tag\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"tag\">Acquisition<\/span>\r\n <\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">H\u00e9sitation sur son pricing, structuration de la prospection, optimisation du profil avant un RDV important.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Pack<\/span>\r\n <div class=\"offer-name\">Pack 5 S\u00e9ances<\/div>\r\n <div class=\"offer-tagline\">Accompagnement court sur un projet d\u00e9fini<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 000 \u20ac<\/span><span class=\"price-unit\">\/pack<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Soit<\/div>\r\n <div class=\"detail\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou fil conducteur d\u00e9fini ensemble<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">Formations entreprise \u2014 4 programmes<\/p>\r\n <div class=\"four-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 1<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Les bases d'un marketing p\u00e9renne<\/div>\r\n <div class=\"offer-tagline\">Comprendre et poser les fondations<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 2<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Construire sa visibilit\u00e9<\/div>\r\n <div class=\"offer-tagline\">LinkedIn & pr\u00e9sence de marque<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales, dirigeants ou responsable marketing d'une PME<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 3<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Syst\u00e8me d'acquisition<\/div>\r\n <div class=\"offer-tagline\">G\u00e9n\u00e9rer des leads en continu<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 800 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales B2B souhaitant structurer leur prospection<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 4<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">IA dans le marketing<\/div>\r\n <div class=\"offer-tagline\">Int\u00e9grer l'IA dans ses process<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 000 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Outils IA (ChatGPT, Claude, Perplexity\u2026), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\" style=\"margin-bottom:0.75rem;\">Matrice besoin \u2192 offre recommand\u00e9e<\/p>\r\n <div class=\"offer-card\" style=\"padding:1rem;\">\r\n <table style=\"width:100%; font-size:13px; border-collapse:collapse;\">\r\n <thead>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Situation du client<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Offre<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Budget<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai une question pr\u00e9cise, je veux une r\u00e9ponse rapide\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-amber\" style=\"margin:0;\">S\u00e9ance strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">250 \u20ac<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux comprendre o\u00f9 j'en suis avant de me lancer\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-navy\" style=\"margin:0;\">Diagnostic strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500 \u20ac one-shot<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai d\u00e9j\u00e0 un ex\u00e9cutant mais je manque de direction\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-teal\" style=\"margin:0;\">CMO Advisory<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">900 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je n'ai pas de marketing structur\u00e9, je veux quelqu'un qui pilote\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-pop\" style=\"margin:0;\">CMO Copilote<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 500 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux un CMO sans le recruter, tr\u00e8s pr\u00e9sent\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-purple\" style=\"margin:0;\">CMO Embarqu\u00e9<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">5 000 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe sur le marketing\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500\u20131 800 \u20ac\/j<\/td>\r\n <\/tr>\r\n <tr>\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe \u00e0 l'IA\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation IA<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const questions = [\r\n {\r\n id: 'ambition', \r\n title: \"Quel est votre objectif prioritaire pour les 12 prochains mois ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Poser les bases\", description: \"Je veux arr\u00eater de naviguer \u00e0 vue et avoir une strat\u00e9gie claire pour me rassurer.\" },\r\n { value: 2, label: \"Franchir un palier\", description: \"Je veux structurer une vraie machine d'acquisition pr\u00e9dictible pour scaler.\" },\r\n { value: 3, label: \"Hyper-croissance\", description: \"Je l\u00e8ve des fonds (ou viens de le faire), je dois doubler de taille tr\u00e8s rapidement.\" }\r\n ]\r\n },\r\n {\r\n id: 'situation', \r\n title: \"\u00c0 quoi ressemble votre marketing aujourd'hui ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"La page blanche\", description: \"On fait tr\u00e8s peu de choses, c'est le bouche-\u00e0-oreille qui nous fait vivre pour l'instant.\" },\r\n { value: 2, label: \"Le syndrome du spaghetti\", description: \"On fait plein de trucs (LinkedIn, SEO, salons...), mais sans coh\u00e9rence ni ROI clair.\" },\r\n { value: 3, label: \"L'usine \u00e0 gaz enray\u00e9e\", description: \"On a des outils partout, des datas illisibles, le discours de marque s'est un peu perdu.\" }\r\n ]\r\n },\r\n {\r\n id: 'equipe', \r\n title: \"Qui a les mains dans le cambouis (posts, emails, site) ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Le Dirigeant\", description: \"C'est moi (ou mon associ\u00e9) qui fais tout, quand on arrive \u00e0 trouver le temps.\" },\r\n { value: 2, label: \"Le profil Junior\/Freelance\", description: \"J'ai un alternant, un junior ou un freelance, mais ils manquent de direction strat\u00e9gique.\" },\r\n { value: 3, label: \"La petite \u00e9quipe\", description: \"J'ai d\u00e9j\u00e0 2 personnes ou plus en interne, il me faut quelqu'un pour les manager et les faire grandir.\" }\r\n ]\r\n },\r\n {\r\n id: 'implication', \r\n title: \"De quoi avez-vous le plus besoin de ma part ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Le Sparring Partner\", description: \"Quelqu'un pour challenger mes id\u00e9es et relire mes livrables cl\u00e9s 1 \u00e0 2 fois par mois.\" },\r\n { value: 2, label: \"Le Chef d'Orchestre\", description: \"Quelqu'un qui cr\u00e9e le plan, fixe les KPIs et s'assure que mon \u00e9quipe l'ex\u00e9cute chaque semaine.\" },\r\n { value: 3, label: \"La D\u00e9l\u00e9gation Totale\", description: \"Je veux me d\u00e9charger mentalement \u00e0 100%. Je veux un Directeur Marketing \u00e0 mes c\u00f4t\u00e9s.\" }\r\n ]\r\n }\r\n ];\r\n\r\n const offers = {\r\n advisory: {\r\n id: 'advisory', name: 'CMO Advisory', subtitle: 'Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone', price: '900 \u20ac',\r\n includes: [\"2 sessions d'1h30\/mois\", \"Acc\u00e8s async (r\u00e9ponse sous 48h)\", \"Relecture livrables cl\u00e9s\", \"Recommandations prioris\u00e9es\"],\r\n color: 'background: #f8fafc; color: #1e293b; border-color: #e2e8f0;', badge: 'Niveau 1',\r\n stats: { strat: 90, pilotage: 30, vitesse: 40 },\r\n message: \"Votre besoin est clair : vous cherchez un cap et de la r\u00e9assurance. L'offre Advisory vous permet d'avoir un regard d'expert sans alourdir vos charges fixes.\"\r\n },\r\n copilote: {\r\n id: 'copilote', name: 'CMO Copilote', subtitle: 'Accompagnement + pilotage actif de la fonction marketing', price: '2 500 \u20ac',\r\n includes: [\"4 sessions\/mois\", \"Audit initial & Strat\u00e9gie\", \"Suivi KPIs hebdomadaire\", \"Pilotage de vos ex\u00e9cutants\"],\r\n color: 'background: #f0fdfa; color: #134e4a; border-color: #14b8a6;', badge: 'Offre Recommand\u00e9e',\r\n stats: { strat: 95, pilotage: 80, vitesse: 75 },\r\n message: \"Vous avez besoin d'une vraie machine d'acquisition. Le Copilote est le 'sweet spot' : je construis la strat\u00e9gie et je m'assure qu'elle est ex\u00e9cut\u00e9e sans piti\u00e9.\"\r\n },\r\n embarque: {\r\n id: 'embarque', name: 'CMO Embarqu\u00e9', subtitle: 'CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle', price: '5 000 \u20ac',\r\n includes: [\"Pr\u00e9sence hebdomadaire\", \"Recrutement & onboarding\", \"Supervision production\", \"Reporting Direction\"],\r\n color: 'background: #eef2ff; color: #312e81; border-color: #c7d2fe;', badge: 'Niveau 3',\r\n stats: { strat: 100, pilotage: 100, vitesse: 95 },\r\n message: \"Vu vos ambitions et la complexit\u00e9 de votre \u00e9cosyst\u00e8me, il vous faut un vrai pilier dans votre entreprise. Je m'int\u00e8gre \u00e0 votre \u00e9quipe pour tout structurer rapidement.\"\r\n }\r\n };\r\n\r\n let currentStep = 0;\r\n let answers = {};\r\n let isAnalyzing = false;\r\n\r\n const container = document.getElementById('mbc-diagnostic-app');\r\n if (!container) return;\r\n\r\n function render() {\r\n if (isAnalyzing) {\r\n container.innerHTML = `\r\n <div class=\"diag-app-loader\">\r\n <div class=\"diag-app-spinner\"><\/div>\r\n <h3 class=\"diag-app-res-title\" style=\"font-size:1.25rem;\">Analyse de vos r\u00e9ponses...<\/h3>\r\n <p class=\"diag-app-res-desc\">Recherche de l'accompagnement optimal pour votre structure.<\/p>\r\n <\/div>\r\n `;\r\n return;\r\n }\r\n\r\n if (currentStep === questions.length) {\r\n const score = Object.values(answers).reduce((a, b) => a + b, 0);\r\n let offer = offers.advisory;\r\n if (score > 5 && score <= 9) offer = offers.copilote;\r\n if (score > 9) offer = offers.embarque;\r\n\r\n const checkIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>`;\r\n const calIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>`;\r\n const rotateIcon = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>`;\r\n const checkBadge = `<div style=\"display:inline-flex; padding:0.75rem; background:#ccfbf1; border-radius:50%; color:#0d9488; margin-bottom:1rem;\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>`;\r\n\r\n container.innerHTML = `\r\n <div style=\"text-align:center; margin-bottom: 2rem;\">\r\n ${checkBadge}\r\n <h2 class=\"diag-app-res-title\">Diagnostic termin\u00e9 !<\/h2>\r\n <p class=\"diag-app-res-desc\">${offer.message}<\/p>\r\n <\/div>\r\n <div class=\"diag-app-res-grid\">\r\n <div class=\"diag-app-card\" style=\"${offer.color}\">\r\n ${offer.id === 'copilote' ? '<div class=\"diag-app-card-phare\">OFFRE PHARE<\/div>' : ''}\r\n <span class=\"diag-app-card-badge\">${offer.badge}<\/span>\r\n <h3 class=\"diag-app-card-title\">${offer.name}<\/h3>\r\n <p class=\"diag-app-card-sub\">${offer.subtitle}<\/p>\r\n <div class=\"diag-app-card-price-box\">\r\n <span class=\"diag-app-card-price\">${offer.price}<\/span>\r\n <span class=\"diag-app-card-price-unit\">\/mois<\/span>\r\n <\/div>\r\n <ul class=\"diag-app-card-features\">\r\n ${offer.includes.map(inc => `<li class=\"diag-app-card-feature\"><span style=\"opacity:0.7\">${checkIcon}<\/span> ${inc}<\/li>`).join('')}\r\n <\/ul>\r\n <a href=\"https:\/\/calendar.app.google\/bmuZtRYN96EvGvWr5\" target=\"_blank\" class=\"diag-app-btn-cta\">\r\n ${calIcon} R\u00e9server mon appel strat\u00e9gique\r\n <\/a>\r\n <\/div>\r\n <div class=\"diag-app-stats\">\r\n <h4 class=\"diag-app-stats-title\">Impact estim\u00e9 sur votre entreprise<\/h4>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Clart\u00e9 Strat\u00e9gique<\/span><span class=\"diag-app-stat-val\">${offer.stats.strat}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%;\" data-width=\"${offer.stats.strat}%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Pilotage & Management<\/span><span class=\"diag-app-stat-val\">${offer.stats.pilotage}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%; transition-delay: 150ms;\" data-width=\"${offer.stats.pilotage}%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Vitesse d'ex\u00e9cution<\/span><span class=\"diag-app-stat-val\">${offer.stats.vitesse}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%; transition-delay: 300ms;\" data-width=\"${offer.stats.vitesse}%\"><\/div><\/div>\r\n <\/div>\r\n <button class=\"diag-app-btn-reset\" onclick=\"window.mbcResetQuiz()\">${rotateIcon} Refaire le diagnostic<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Animation des barres\r\n setTimeout(() => {\r\n container.querySelectorAll('.diag-app-stat-bar-fill').forEach(el => {\r\n el.style.width = el.getAttribute('data-width');\r\n });\r\n }, 50);\r\n return;\r\n }\r\n\r\n const q = questions[currentStep];\r\n const progressPct = (currentStep \/ questions.length) * 100;\r\n const arrowLeft = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>`;\r\n\r\n container.innerHTML = `\r\n <div class=\"diag-app-header\">\r\n <span class=\"diag-app-badge-text\">Diagnostic Flash<\/span>\r\n <span class=\"diag-app-progress-text\">\u00c9tape ${currentStep + 1} sur ${questions.length}<\/span>\r\n <\/div>\r\n <div class=\"diag-app-progress-bar\">\r\n <div class=\"diag-app-progress-fill\" style=\"width: ${progressPct}%\"><\/div>\r\n <\/div>\r\n <div class=\"diag-app-q-header\">\r\n <div class=\"diag-app-q-icon\">${q.icon}<\/div>\r\n <h2 class=\"diag-app-q-title\">${q.title}<\/h2>\r\n <\/div>\r\n <div class=\"diag-app-options\">\r\n ${q.options.map(opt => {\r\n const isSelected = answers[q.id] === opt.value;\r\n return `\r\n <div class=\"diag-app-option ${isSelected ? 'selected' : ''}\" onclick=\"window.mbcSelectOption('${q.id}', ${opt.value})\">\r\n <div class=\"diag-app-radio\"><div class=\"diag-app-radio-inner\"><\/div><\/div>\r\n <div>\r\n <div class=\"diag-app-opt-title\">${opt.label}<\/div>\r\n <div class=\"diag-app-opt-desc\">${opt.description}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('')}\r\n <\/div>\r\n <div class=\"diag-app-footer\">\r\n <button class=\"diag-app-btn-back\" onclick=\"window.mbcGoBack()\" style=\"visibility: ${currentStep === 0 ? 'hidden' : 'visible'}\">\r\n ${arrowLeft} Retour\r\n <\/button>\r\n <span class=\"diag-app-time\">Temps estim\u00e9 : < 1 min<\/span>\r\n <\/div>\r\n `;\r\n }\r\n\r\n window.mbcSelectOption = function(qId, val) {\r\n answers[qId] = val;\r\n render();\r\n setTimeout(() => {\r\n if (currentStep < questions.length - 1) {\r\n currentStep++;\r\n render();\r\n } else {\r\n isAnalyzing = true;\r\n render();\r\n setTimeout(() => {\r\n isAnalyzing = false;\r\n currentStep++;\r\n render();\r\n }, 1500);\r\n }\r\n }, 300);\r\n };\r\n\r\n window.mbcGoBack = function() {\r\n if (currentStep > 0) {\r\n currentStep--;\r\n render();\r\n }\r\n };\r\n\r\n window.mbcResetQuiz = function() {\r\n answers = {};\r\n currentStep = 0;\r\n render();\r\n };\r\n\r\n render();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3551ee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3551ee0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fca98ba\" data-id=\"fca98ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8599048 elementor-widget elementor-widget-html\" data-id=\"8599048\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Offres CMO<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans text-slate-900\">\r\n\r\n<div class=\"min-h-screen py-16 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"max-w-7xl mx-auto text-center mb-16\">\r\n <h1 class=\"text-4xl md:text-5xl font-black tracking-tight mb-4\">\r\n L'accompagnement CMO qu'il vous faut\r\n <\/h1>\r\n <p class=\"text-xl text-gray-500 max-w-2xl mx-auto\">\r\n Des offres claires, sans surprise, pour structurer votre acquisition et acc\u00e9l\u00e9rer votre croissance.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Point de d\u00e9part obligatoire<\/h2>\r\n \r\n <div class=\"bg-[#1a4a6b] rounded-2xl p-8 md:p-10 flex flex-col lg:flex-row gap-10 shadow-xl border border-[#143d59]\">\r\n <div class=\"flex-1 text-white\">\r\n <p class=\"text-amber-500 font-bold text-xs uppercase tracking-wider mb-3\">\r\n One-shot \u00b7 Pr\u00e9requis CMO Copilote & Embarqu\u00e9\r\n <\/p>\r\n <h3 class=\"text-3xl md:text-4xl font-bold mb-4\">Diagnostic Strat\u00e9gique<\/h3>\r\n <p class=\"text-blue-100 text-sm md:text-base leading-relaxed mb-8 max-w-3xl\">\r\n Un audit complet de votre situation marketing pour identifier les priorit\u00e9s, les blocages et d\u00e9finir la feuille de route. Sans ce diagnostic, toute strat\u00e9gie repose sur des hypoth\u00e8ses.\r\n <\/p>\r\n \r\n <ul class=\"space-y-3 mb-8\">\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Audit de votre positionnement & offre\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Analyse de vos canaux & actions en cours\r\n <\/li>\r\n <li className=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Benchmark concurrentiel\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Identification des priorit\u00e9s & quick wins\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Livrable : roadmap strat\u00e9gique 6\u201312 mois\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-sm text-blue-200 italic\">\r\n \u00c0 l'issue du diagnostic, si vous souhaitez que je pilote la mise en \u0153uvre, vous basculez sur l'offre CMO Copilote ou Embarqu\u00e9.\r\n <\/p>\r\n <\/div>\r\n <div class=\"lg:w-80 shrink-0 flex items-center justify-center\">\r\n <div class=\"bg-[#143d59]\/50 border border-blue-400\/20 rounded-2xl p-8 text-center w-full backdrop-blur-sm\">\r\n <div class=\"mb-2\">\r\n <span class=\"text-5xl font-extrabold text-white\">1 500 \u20ac<\/span>\r\n <\/div>\r\n <p class=\"text-blue-200 text-sm mb-6\">tarif fixe \u00b7 one-shot<\/p>\r\n <div class=\"inline-block px-4 py-2 border border-blue-300\/30 text-blue-100 text-xs font-bold uppercase tracking-wider rounded-full bg-white\/5\">\r\n Pr\u00e9requis obligatoire\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">CMO Pilotage \u2014 3 Niveaux<\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-teal-50 text-teal-700 font-semibold text-xs rounded-full mb-4\">Niveau 1<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Advisory<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">900 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement minimum : 3 mois<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">2 sessions d'1h30\/mois \u2022 Acc\u00e8s async (r\u00e9ponse sous 48h) \u2022 Relecture critique de livrables cl\u00e9s (3 documents strat\u00e9giques\/mois max) \u2022 Recommandations prioris\u00e9es<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Startup SaaS avec une assistante ou un freelance LinkedIn mais aucune vision coh\u00e9rente. Ou fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border-2 border-teal-600 p-8 flex flex-col shadow-lg relative transform lg:-translate-y-4\">\r\n <div class=\"absolute top-0 right-0 bg-teal-600 text-white text-xs font-bold px-4 py-1.5 rounded-bl-xl rounded-tr-xl\">Offre phare<\/div>\r\n <div class=\"mb-6 mt-2\">\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Copilote<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">Accompagnement + pilotage actif de la fonction marketing<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">2 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6 flex flex-wrap gap-2\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement 3 mois min<\/span>\r\n <span class=\"inline-block px-3 py-1 bg-slate-50 text-slate-700 text-xs font-medium border border-slate-200\/50 rounded-md\">Audit fortement recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">4 sessions\/mois \u2022 Strat\u00e9gie annuelle \u2022 Strat\u00e9gie de contenu & plan d'action \u2022 Pilotage prestataires \u2022 Suivi KPIs mensuel<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing mais garder la main sur la direction<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Entreprise avec 10-50 salari\u00e9s (CA 1-5M\u20ac) disposant d\u00e9j\u00e0 d'un profil junior ou de prestataires, qui a besoin d'un cap strat\u00e9gique pour rentabiliser ses actions \u00e9parpill\u00e9es.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-indigo-50 text-indigo-700 font-semibold text-xs rounded-full mb-4\">Niveau 3<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Embarqu\u00e9<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">5 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6 flex flex-wrap gap-2\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement 3 mois min<\/span>\r\n <span class=\"inline-block px-3 py-1 bg-slate-50 text-slate-700 text-xs font-medium border border-slate-200\/50 rounded-md\">Audit fortement recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Pr\u00e9sence hebdo (physique ou visio) \u2022 Recrutement & onboarding \u00e9quipe \u2022 Direction cr\u00e9ative & supervision de production \u2022 Reporting direction \u2022 Acc\u00e8s total<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Entreprise qui l\u00e8ve des fonds, qui double de taille, ou qui cherche \u00e0 structurer un d\u00e9partement marketing from scratch rapidement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Consulting \u2014 Sessions \u00e0 la carte<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 font-semibold text-xs rounded-full mb-4\">Ponctuel<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">S\u00e9ance Strat\u00e9gique<\/h3>\r\n <p class=\"text-gray-500 text-sm\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">250 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/session<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Th\u00e8mes disponibles<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">Offre & positionnement<\/span>\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">Acquisition<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Quelqu'un qui h\u00e9site sur son pricing, veut structurer sa prospection, ou optimiser son profil avant un RDV important.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 font-semibold text-xs rounded-full mb-4\">Pack<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">Pack 5 S\u00e9ances<\/h3>\r\n <p class=\"text-gray-500 text-sm\">Accompagnement court sur un projet d\u00e9fini<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">1 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/pack<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Soit<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou sur un fil conducteur d\u00e9fini ensemble<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Formations Entreprise \u2014 4 Programmes<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 1<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Les bases d'un marketing p\u00e9renne<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">Comprendre et poser les fondations<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 2<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Construire sa visibilit\u00e9<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">LinkedIn & pr\u00e9sence de marque<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales, dirigeants, ou responsable marketing d'une PME<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 3<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Syst\u00e8me d'acquisition<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">G\u00e9n\u00e9rer des leads en continu<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 800 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales B2B avec ambition de structurer leur prospection<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 4<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">IA dans le marketing<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">Int\u00e9grer l'IA dans ses process<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">2 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Outils IA (ChatGPT, Claude, Perplexity...), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-4xl mx-auto text-center pt-16 pb-12 border-t border-slate-200 mt-12\">\r\n <h2 class=\"text-3xl font-black mb-4\">Vous h\u00e9sitez sur l'accompagnement id\u00e9al ?<\/h2>\r\n <p class=\"text-lg text-gray-600\">\r\n Passez l'Audit Flash en 4 questions. Je vous recommanderai instantan\u00e9ment le niveau d'intervention adapt\u00e9 \u00e0 votre stade de maturit\u00e9.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pb-16\" id=\"audit-app\">\r\n \r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n \/\/ --- DONN\u00c9ES DU SIMULATEUR ---\r\n const questions = [\r\n {\r\n id: 'stade',\r\n title: \"O\u00f9 en est votre entreprise aujourd'hui ?\",\r\n icon: 'bar-chart-3',\r\n options: [\r\n { value: 'amor\u00e7age', label: \"Phase d'amor\u00e7age (< 1M\u20ac CA)\", description: \"On valide notre mod\u00e8le, le budget est serr\u00e9, chaque euro compte.\" },\r\n { value: 'croissance', label: \"Phase de structuration (1 \u00e0 5M\u20ac CA)\", description: \"On a une belle traction, mais on a besoin de process pour passer \u00e0 l'\u00e9chelle.\" },\r\n { value: 'scale', label: \"Scale & Hyper-croissance (> 5M\u20ac CA)\", description: \"Croissance forte, lev\u00e9e de fonds, on doit recruter et structurer massivement.\" }\r\n ]\r\n },\r\n {\r\n id: 'urgence',\r\n title: \"Quel est votre point de blocage principal ?\",\r\n icon: 'alert-triangle',\r\n options: [\r\n { value: 'ponctuel', label: \"Un doute tr\u00e8s pr\u00e9cis\", description: \"J'h\u00e9site sur mon pricing, mon positionnement ou un recrutement imminent.\" },\r\n { value: 'systeme', label: \"Le manque de syst\u00e8me global\", description: \"On fait plein d'actions, mais c'est le brouillon. Pas de ROI mesurable ni de vision \u00e0 long terme.\" },\r\n { value: 'competence', label: \"L'\u00e9quipe manque de niveau\", description: \"J'ai des \u00e9quipes commerciales ou marketing qui ont besoin d'\u00eatre form\u00e9es (IA, LinkedIn...).\" }\r\n ]\r\n },\r\n {\r\n id: 'equipe',\r\n title: \"De quelles ressources internes disposez-vous pour ex\u00e9cuter ?\",\r\n icon: 'users',\r\n options: [\r\n { value: 'zero', label: \"C'est moi (le dirigeant)\", description: \"Je fais tout, je n'ai personne \u00e0 qui d\u00e9l\u00e9guer l'op\u00e9rationnel.\" },\r\n { value: 'junior', label: \"1 profil Junior \/ Alternant \/ Freelance\", description: \"J'ai des 'mains', mais elles manquent cruellement d'un cerveau pour les guider.\" },\r\n { value: 'team', label: \"Une vraie \u00e9quipe (2+ personnes)\", description: \"J'ai un p\u00f4le marketing, il me faut quelqu'un pour les manager et les piloter.\" }\r\n ]\r\n },\r\n {\r\n id: 'implication',\r\n title: \"De quel niveau d'accompagnement avez-vous besoin ?\",\r\n icon: 'zap',\r\n options: [\r\n { value: 'sparring', label: \"Le Sparring Partner\", description: \"Quelqu'un pour challenger mes id\u00e9es, me donner le cap et relire mes livrables cl\u00e9s.\" },\r\n { value: 'orchestre', label: \"Le Chef d'Orchestre\", description: \"Quelqu'un qui cr\u00e9e le plan, fixe les KPIs et s'assure que mon \u00e9quipe l'ex\u00e9cute chaque semaine.\" },\r\n { value: 'delegation', label: \"La D\u00e9l\u00e9gation Totale\", description: \"Je veux me d\u00e9charger mentalement \u00e0 100%. Je veux un Directeur Marketing \u00e0 mes c\u00f4t\u00e9s.\" }\r\n ]\r\n }\r\n ];\r\n\r\n const offers = {\r\n seance: {\r\n id: 'seance', name: 'S\u00e9ance Strat\u00e9gique', subtitle: '1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis',\r\n price: '250 \u20ac', suffix: '', includes: ['Analyse de votre probl\u00e9matique', 'R\u00e9ponses directes et actionnables', 'Enregistrement de la session'],\r\n color: 'bg-amber-50 border-amber-300', badge: 'Intervention Flash', icon: 'lightbulb', iconColor: 'text-amber-600',\r\n message: \"Vous avez besoin d'une r\u00e9ponse rapide, pas d'un mariage \u00e0 long terme. Prenons 1h pour d\u00e9bloquer votre situation imm\u00e9diatement.\",\r\n stats: { strat: 80, pilotage: 10, vitesse: 40 }\r\n },\r\n formation: {\r\n id: 'formation', name: 'Formation \u00c9quipe', subtitle: 'Faites monter vos \u00e9quipes en comp\u00e9tences',\r\n price: '1 500 \u20ac', suffix: '\/ jour', includes: ['Programme sur-mesure (IA, LinkedIn, Acqui...)', 'Cas pratiques sur votre entreprise', 'Finan\u00e7able OPCO'],\r\n color: 'bg-blue-50 border-blue-300', badge: 'Autonomie interne', icon: 'book-open', iconColor: 'text-blue-600',\r\n message: \"Votre priorit\u00e9 est de muscler votre \u00e9quipe actuelle. Inutile de recruter un CMO pour l'instant, formons vos talents (finan\u00e7able via votre OPCO).\",\r\n stats: { strat: 70, pilotage: 50, vitesse: 50 }\r\n },\r\n advisory: {\r\n id: 'advisory', name: 'CMO Advisory', subtitle: 'Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone',\r\n price: '900 \u20ac', suffix: '\/ mois', includes: ['2 sessions d\\'1h30\/mois', 'Acc\u00e8s async (r\u00e9ponse sous 48h)', 'Relecture livrables cl\u00e9s', 'Recommandations prioris\u00e9es'],\r\n color: 'bg-slate-50 border-slate-300', badge: 'Niveau 1', icon: 'target', iconColor: 'text-slate-700',\r\n message: \"Votre besoin est clair : vous cherchez un cap et de la r\u00e9assurance. L'offre Advisory vous permet d'avoir un regard d'expert sans alourdir vos charges fixes.\",\r\n stats: { strat: 90, pilotage: 30, vitesse: 40 }\r\n },\r\n copilote: {\r\n id: 'copilote', name: 'CMO Copilote', subtitle: 'Direction marketing & Pilotage de vos ressources',\r\n price: '2 500 \u20ac', suffix: '\/ mois', includes: ['Direction strat\u00e9gique', 'Management de votre alternant\/freelance', 'Suivi du ROI hebdomadaire'],\r\n color: 'bg-teal-50 border-teal-500', badge: \"L'Offre Phare\", icon: 'rocket', iconColor: 'text-teal-600',\r\n message: \"C'est le 'Sweet Spot'. J'apporte le cerveau strat\u00e9gique et je m'assure que vos \u00e9quipes l'ex\u00e9cutent sans piti\u00e9. (NB : un Audit Strat\u00e9gique pr\u00e9alable est fortement recommand\u00e9).\",\r\n stats: { strat: 90, pilotage: 80, vitesse: 75 }\r\n },\r\n embarque: {\r\n id: 'embarque', name: 'CMO Embarqu\u00e9', subtitle: 'Direction int\u00e9gr\u00e9e \u00e0 forte implication',\r\n price: '5 000 \u20ac', suffix: '\/ mois', includes: ['Codirection du p\u00f4le', \"Recrutement & Management de l'\u00e9quipe\", 'Pr\u00e9sence Hebdomadaire'],\r\n color: 'bg-indigo-50 border-indigo-300', badge: 'D\u00e9l\u00e9gation Totale', icon: 'bar-chart-3', iconColor: 'text-indigo-600',\r\n message: \"Vu la complexit\u00e9 de votre structure, il vous faut un Directeur Marketing robuste, int\u00e9gr\u00e9 \u00e0 votre \u00e9quipe. (NB : un Audit Strat\u00e9gique pr\u00e9alable est fortement recommand\u00e9).\",\r\n stats: { strat: 100, pilotage: 100, vitesse: 95 }\r\n }\r\n };\r\n\r\n \/\/ --- ETAT DE L'APPLICATION ---\r\n let currentStep = 0;\r\n let answers = {};\r\n let isAnalyzing = false;\r\n let copied = false;\r\n\r\n \/\/ --- LOGIQUE ---\r\n function handleSelect(questionId, value) {\r\n answers[questionId] = value;\r\n renderApp(); \/\/ Force le re-render pour montrer la s\u00e9lection\r\n \r\n setTimeout(() => {\r\n if (currentStep < questions.length - 1) {\r\n currentStep++;\r\n renderApp();\r\n } else {\r\n isAnalyzing = true;\r\n renderApp();\r\n setTimeout(() => {\r\n isAnalyzing = false;\r\n currentStep++;\r\n renderApp();\r\n }, 1500);\r\n }\r\n }, 300);\r\n }\r\n\r\n function resetQuiz() {\r\n answers = {};\r\n currentStep = 0;\r\n copied = false;\r\n renderApp();\r\n }\r\n\r\n function goBack() {\r\n if (currentStep > 0) {\r\n currentStep--;\r\n renderApp();\r\n }\r\n }\r\n\r\n function getRecommendedOffer() {\r\n if (answers.urgence === 'ponctuel') return offers.seance;\r\n if (answers.urgence === 'competence') return offers.formation;\r\n if (answers.implication === 'sparring') return offers.advisory;\r\n if (answers.implication === 'orchestre') return offers.copilote;\r\n if (answers.implication === 'delegation') return offers.embarque;\r\n return offers.copilote;\r\n }\r\n\r\n function handleCopy() {\r\n const offer = getRecommendedOffer();\r\n const getLabel = (qId) => {\r\n const q = questions.find(q => q.id === qId);\r\n return q?.options.find(o => o.value === answers[qId])?.label || \"Non sp\u00e9cifi\u00e9\";\r\n };\r\n\r\n const text = `--- AUDIT MARKETING --- \\nStade actuel : ${getLabel('stade')}\\nEnjeu urgent : ${getLabel('urgence')}\\nRessources internes : ${getLabel('equipe')}\\nImplication souhait\u00e9e : ${getLabel('implication')}\\n--> Recommandation syst\u00e8me : ${offer.name}`;\r\n\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = text;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n copied = true;\r\n renderApp();\r\n setTimeout(() => {\r\n copied = false;\r\n renderApp();\r\n }, 3000);\r\n } catch (err) {\r\n console.error('Erreur', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n \/\/ --- RENDU HTML (DOM) ---\r\n function renderApp() {\r\n const container = document.getElementById('audit-app');\r\n \r\n if (isAnalyzing) {\r\n container.innerHTML = `\r\n <div class=\"max-w-2xl mx-auto p-12 bg-white rounded-2xl shadow-xl border border-gray-100 text-center flex flex-col items-center justify-center min-h-[400px]\">\r\n <div class=\"w-16 h-16 border-4 border-slate-800 border-t-transparent rounded-full animate-spin mb-6\"><\/div>\r\n <h3 class=\"text-2xl font-black text-gray-900 mb-2\">Analyse du profil en cours...<\/h3>\r\n <p class=\"text-gray-500 font-medium\">G\u00e9n\u00e9ration de la recommandation strat\u00e9gique.<\/p>\r\n <\/div>\r\n `;\r\n return;\r\n }\r\n\r\n if (currentStep === questions.length) {\r\n const offer = getRecommendedOffer();\r\n const isDarkTheme = offer.id === 'diagnostic';\r\n const textColor = isDarkTheme ? 'text-white' : 'text-gray-900';\r\n const subtitleColor = isDarkTheme ? 'text-blue-200' : 'text-gray-800';\r\n const iconColor = isDarkTheme ? 'text-white' : 'text-gray-800';\r\n const badgeBg = isDarkTheme ? 'bg-[#143d59]\/80 text-white border border-blue-400\/30' : 'bg-white\/60 text-gray-800';\r\n const messageBg = isDarkTheme ? 'bg-[#143d59]\/50 text-blue-50 border border-blue-400\/20' : 'bg-white\/40 text-gray-800';\r\n \r\n const includesHtml = offer.includes.map(item => `\r\n <li class=\"flex items-start gap-3\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-6 h-6 shrink-0 ${iconColor}\"><\/i>\r\n <span class=\"text-base font-semibold ${subtitleColor}\">${item}<\/span>\r\n <\/li>\r\n `).join('');\r\n\r\n container.innerHTML = `\r\n <div class=\"max-w-3xl mx-auto p-4 md:p-8 bg-white rounded-2xl shadow-xl border border-gray-200\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-black text-gray-900 uppercase tracking-tight\">R\u00e9sultat de l'audit<\/h2>\r\n <p class=\"text-gray-500 mt-3 font-medium\">Bas\u00e9 sur vos ressources et vos enjeux de croissance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-8 rounded-2xl border-2 ${offer.color} relative overflow-hidden shadow-sm mb-8\">\r\n ${offer.id === 'copilote' ? '<div class=\"absolute top-0 right-0 bg-teal-600 text-white text-xs font-bold px-4 py-1.5 rounded-bl-lg\">OPTIMAL<\/div>' : ''}\r\n \r\n <div class=\"flex items-start gap-5 mb-6\">\r\n <div class=\"p-3 rounded-2xl shadow-sm ${isDarkTheme ? 'bg-[#143d59]' : 'bg-white\/60'}\">\r\n <i data-lucide=\"${offer.icon}\" class=\"w-8 h-8 ${offer.iconColor}\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wide mb-2 ${badgeBg}\">\r\n ${offer.badge}\r\n <\/span>\r\n <h3 class=\"text-3xl font-extrabold ${textColor}\">${offer.name}<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"font-medium text-lg mb-6 leading-relaxed p-4 rounded-xl ${messageBg}\">\r\n \"${offer.message}\"\r\n <\/p>\r\n \r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-black ${textColor}\">${offer.price}<\/span>\r\n <span class=\"text-sm font-bold ${isDarkTheme ? 'text-blue-300' : 'text-gray-600'}\">${offer.suffix}<\/span>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3 mb-8\">\r\n ${includesHtml}\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 md:p-8 rounded-2xl border border-slate-200 mb-8 shadow-sm\">\r\n <h4 class=\"font-bold text-lg mb-6 text-gray-900\">Impact estim\u00e9 de cette solution<\/h4>\r\n <div class=\"space-y-5\">\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Clart\u00e9 Strat\u00e9gique<\/span><span class=\"text-slate-800\">${offer.stats.strat}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.strat}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Pilotage & Management<\/span><span class=\"text-slate-800\">${offer.stats.pilotage}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.pilotage}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Vitesse d'ex\u00e9cution<\/span><span class=\"text-slate-800\">${offer.stats.vitesse}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.vitesse}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 p-6 md:p-8 rounded-2xl border border-slate-200\">\r\n <h4 class=\"font-bold text-lg mb-6 flex items-center gap-2\">\r\n <i data-lucide=\"calendar\" class=\"w-5 h-5\"><\/i> Prochaines \u00e9tapes\r\n <\/h4>\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-500 uppercase mb-2\">1. Sauvegarder<\/p>\r\n <button onclick=\"handleCopy()\" class=\"w-full flex items-center justify-center gap-2 py-4 px-4 rounded-xl text-sm font-bold border-2 ${copied ? 'bg-green-100 border-green-500 text-green-800' : 'bg-white border-slate-200 hover:border-slate-400 text-slate-700'}\">\r\n ${copied ? '<i data-lucide=\"check\" class=\"w-5 h-5\"><\/i> \u00c0 coller dans le RDV !' : '<i data-lucide=\"copy\" class=\"w-5 h-5\"><\/i> Copier pour le RDV'}\r\n <\/button>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-500 uppercase mb-2\">2. Discuter<\/p>\r\n <a href=\"https:\/\/calendar.app.google\/bmuZtRYN96EvGvWr5\" target=\"_blank\" class=\"w-full py-4 px-6 bg-slate-900 hover:bg-black text-white rounded-xl text-sm font-bold flex items-center justify-center gap-2 shadow-lg transition-transform hover:scale-[1.02]\">\r\n <i data-lucide=\"calendar\" class=\"w-5 h-5\"><\/i> Prendre RDV (et coller)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-6\">\r\n <button onclick=\"resetQuiz()\" class=\"text-sm font-semibold text-gray-400 hover:text-gray-800\">Refaire l'audit<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n lucide.createIcons();\r\n return;\r\n }\r\n\r\n const question = questions[currentStep];\r\n const progress = ((currentStep) \/ questions.length) * 100;\r\n \r\n const optionsHtml = question.options.map((option, index) => {\r\n const isSelected = answers[question.id] === option.value;\r\n const btnClass = isSelected ? 'border-slate-800 bg-slate-50 shadow-md' : 'border-slate-100 hover:border-slate-300 hover:bg-slate-50';\r\n const dotBorder = isSelected ? 'border-slate-800' : 'border-slate-300 group-hover:border-slate-400';\r\n const titleColor = isSelected ? 'text-slate-900' : 'text-slate-800';\r\n const dotFill = isSelected ? '<div class=\"w-3 h-3 bg-slate-800 rounded-full\"><\/div>' : '';\r\n\r\n return `\r\n <button onclick=\"handleSelect('${question.id}', '${option.value}')\" class=\"w-full text-left p-6 rounded-2xl border-2 transition-all duration-200 group flex items-start gap-5 ${btnClass}\">\r\n <div class=\"w-6 h-6 mt-1 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${dotBorder}\">\r\n ${dotFill}\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-lg font-bold mb-1 ${titleColor}\">${option.label}<\/h3>\r\n <p class=\"text-sm text-slate-500 font-medium leading-relaxed\">${option.description}<\/p>\r\n <\/div>\r\n <\/button>\r\n `;\r\n }).join('');\r\n\r\n container.innerHTML = `\r\n <div class=\"max-w-2xl mx-auto p-6 md:p-10 bg-white rounded-2xl shadow-xl border border-gray-200\">\r\n <div class=\"mb-10\">\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-black uppercase tracking-widest text-slate-400\">Audit Flash<\/span>\r\n <span class=\"text-sm font-bold text-slate-800 bg-slate-100 px-3 py-1 rounded-full\">${currentStep + 1} \/ ${questions.length}<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2\">\r\n <div class=\"bg-slate-800 h-2 rounded-full transition-all duration-500 ease-out\" style=\"width: ${progress}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-8\">\r\n <div class=\"flex items-center gap-4 mb-8\">\r\n <div class=\"p-4 bg-slate-50 rounded-2xl border border-slate-100\">\r\n <i data-lucide=\"${question.icon}\" class=\"w-6 h-6 text-slate-800\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-black text-gray-900 leading-tight\">${question.title}<\/h2>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n ${optionsHtml}\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-between pt-6 border-t border-slate-100\">\r\n <button onclick=\"goBack()\" class=\"flex items-center gap-2 text-sm font-bold text-slate-400 hover:text-slate-800 transition-colors ${currentStep === 0 ? 'invisible' : ''}\">\r\n <i data-lucide=\"arrow-left\" class=\"w-4 h-4\"><\/i> Retour\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n lucide.createIcons();\r\n }\r\n\r\n \/\/ Initialisation\r\n renderApp();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MBC \u2014 Syst\u00e8me d’offres CMO Pilotage \u2014 3 niveaux Niveau 1 CMO Advisory Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone 900 \u20ac\/mois Ce qui est inclus 2 sessions d’1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture livrables \u00b7 Recommandations prioris\u00e9es Pour qui Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1386","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/comments?post=1386"}],"version-history":[{"count":27,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions"}],"predecessor-version":[{"id":1416,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions\/1416"}],"wp:attachment":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/media?parent=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMBC \u2014 Syst\u00e8me d'offres<\/title>\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: system-ui, sans-serif; background: #fff; color: #1a1a1a; padding: 2rem; max-width: 1100px; margin: auto; }\r\n.section-title { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; color: #888; margin-bottom: 1rem; }\r\n.offer-card { background: #fff; border: 0.5px solid #e0e0e0; border-radius: 12px; padding: 1.25rem; }\r\n.offer-card.featured { border: 2px solid #1D9E75; }\r\n.badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }\r\n.badge-teal { background: #E1F5EE; color: #0F6E56; }\r\n.badge-purple { background: #EEEDFE; color: #3C3489; }\r\n.badge-amber { background: #FAEEDA; color: #633806; }\r\n.badge-blue { background: #E6F1FB; color: #0C447C; }\r\n.badge-pop { background: #1D9E75; color: #fff; }\r\n.offer-name { font-size: 18px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; }\r\n.offer-tagline { font-size: 13px; color: #888; margin-bottom: 14px; line-height: 1.5; }\r\n.price-block { display: flex; align-items: baseline; gap: 6px; margin-bottom: 14px; }\r\n.price { font-size: 22px; font-weight: 500; color: #1a1a1a; }\r\n.price-unit { font-size: 13px; color: #888; }\r\n.divider { border: none; border-top: 0.5px solid #e0e0e0; margin: 14px 0; }\r\n.label { font-size: 11px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }\r\n.detail { font-size: 13px; color: #1a1a1a; line-height: 1.6; }\r\n.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\r\n.tag { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: #f5f5f5; color: #888; border: 0.5px solid #e0e0e0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n.four-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n.section-sep { border: none; border-top: 0.5px solid #e0e0e0; margin: 2rem 0; }\r\n.wrap { padding: 1rem 0; }\r\n@media(max-width:620px) { .two-col, .three-col, .four-col { grid-template-columns: 1fr; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n\r\n<p class=\"section-title\">CMO Pilotage \u2014 3 niveaux<\/p>\r\n<div class=\"three-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-teal\">Niveau 1<\/span>\r\n <div class=\"offer-name\">CMO Advisory<\/div>\r\n <div class=\"offer-tagline\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/div>\r\n <div class=\"price-block\"><span class=\"price\">900 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">2 sessions d'1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture livrables \u00b7 Recommandations prioris\u00e9es<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Startup SaaS avec une assistante ou un freelance LinkedIn mais aucune vision coh\u00e9rente. Ou fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card featured\">\r\n <span class=\"badge badge-pop\">Offre phare<\/span>\r\n <div class=\"offer-name\">CMO Copilote<\/div>\r\n <div class=\"offer-tagline\">Accompagnement + pilotage actif de la fonction marketing<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 500 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">4 sessions\/mois \u00b7 Audit initial \u00b7 Strat\u00e9gie annuelle \u00b7 Calendrier \u00e9ditorial \u00b7 Pilotage prestataires \u00b7 Suivi KPIs<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing mais garder la main sur la direction<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise avec 5-50 salari\u00e9s, CA 1-5M\u20ac, qui a d\u00e9j\u00e0 des actions marketing \u00e9parpill\u00e9es mais aucune coh\u00e9rence ni syst\u00e8me.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-purple\">Niveau 3<\/span>\r\n <div class=\"offer-name\">CMO Embarqu\u00e9<\/div>\r\n <div class=\"offer-tagline\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/div>\r\n <div class=\"price-block\"><span class=\"price\">5 000 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">Pr\u00e9sence hebdo (physique ou visio) \u00b7 Recrutement & onboarding \u00e9quipe marketing \u00b7 Production de contenus \u00b7 Reporting direction \u00b7 Acc\u00e8s total<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise qui l\u00e8ve des fonds, qui double de taille, ou qui cherche \u00e0 structurer un d\u00e9partement marketing from scratch rapidement.<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\">Consulting \u2014 Sessions \u00e0 la carte<\/p>\r\n<div class=\"two-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Ponctuel<\/span>\r\n <div class=\"offer-name\">S\u00e9ance Strat\u00e9gique<\/div>\r\n <div class=\"offer-tagline\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/div>\r\n <div class=\"price-block\"><span class=\"price\">250 \u20ac<\/span><span class=\"price-unit\">\/session<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Th\u00e8mes disponibles<\/div>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">Offre & positionnement<\/span>\r\n <span class=\"tag\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"tag\">Acquisition<\/span>\r\n <\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Quelqu'un qui h\u00e9site sur son pricing, veut structurer sa prospection, ou optimiser son profil avant un RDV important.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Pack<\/span>\r\n <div class=\"offer-name\">Pack 5 S\u00e9ances<\/div>\r\n <div class=\"offer-tagline\">Accompagnement court sur un projet d\u00e9fini<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 000 \u20ac<\/span><span class=\"price-unit\">\/pack<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Soit<\/div>\r\n <div class=\"detail\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou sur un fil conducteur d\u00e9fini ensemble<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\">Formations entreprise \u2014 4 programmes<\/p>\r\n<div class=\"four-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 1<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Les bases d'un marketing p\u00e9renne<\/div>\r\n <div class=\"offer-tagline\">Comprendre et poser les fondations<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 2<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Construire sa visibilit\u00e9<\/div>\r\n <div class=\"offer-tagline\">LinkedIn & pr\u00e9sence de marque<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales, dirigeants, ou responsable marketing d'une PME<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 3<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Syst\u00e8me d'acquisition<\/div>\r\n <div class=\"offer-tagline\">G\u00e9n\u00e9rer des leads en continu<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 800 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales B2B avec ambition de structurer leur prospection<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 4<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">IA dans le marketing<\/div>\r\n <div class=\"offer-tagline\">Int\u00e9grer l'IA dans ses process<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 000 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Outils IA (ChatGPT, Claude, Perplexity\u2026), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<hr class=\"section-sep\">\r\n<p class=\"section-title\" style=\"margin-bottom:0.75rem;\">Matrice besoin \u2192 offre recommand\u00e9e<\/p>\r\n<div class=\"offer-card\" style=\"padding:1rem;\">\r\n <table style=\"width:100%; font-size:13px; border-collapse:collapse;\">\r\n <thead>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Situation du client<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Offre<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Budget<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai une question pr\u00e9cise, je veux une r\u00e9ponse rapide\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-amber\" style=\"margin:0;\">S\u00e9ance strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">250 \u20ac<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai d\u00e9j\u00e0 un ex\u00e9cutant mais je manque de direction\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-teal\" style=\"margin:0;\">CMO Advisory<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">900 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je n'ai pas de marketing structur\u00e9, je veux quelqu'un qui pilote\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-pop\" style=\"margin:0;\">CMO Copilote<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 500 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux un CMO sans le recruter, tr\u00e8s pr\u00e9sent\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-purple\" style=\"margin:0;\">CMO Embarqu\u00e9<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">5 000 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe sur le marketing\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500\u20132 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <tr>\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe \u00e0 l'IA\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation IA<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-33d77af elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33d77af\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30d027b\" data-id=\"30d027b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63aa661 elementor-widget elementor-widget-html\" data-id=\"63aa661\" 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<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n.mbc-wrap { font-family: system-ui, sans-serif; color: #1a1a1a; padding: 2rem 0; max-width: 1100px; margin: auto; }\r\n.section-title { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; color: #888; margin-bottom: 1rem; }\r\n.offer-card { background: #fff; border: 0.5px solid #e0e0e0; border-radius: 12px; padding: 1.25rem; }\r\n.offer-card.featured { border: 2px solid #1D9E75; }\r\n.badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }\r\n.badge-teal { background: #E1F5EE; color: #0F6E56; }\r\n.badge-purple { background: #EEEDFE; color: #3C3489; }\r\n.badge-amber { background: #FAEEDA; color: #633806; }\r\n.badge-blue { background: #E6F1FB; color: #0C447C; }\r\n.badge-navy { background: #e8f0f7; color: #1B4F72; }\r\n.badge-pop { background: #1D9E75; color: #fff; }\r\n.offer-name { font-size: 18px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; }\r\n.offer-tagline { font-size: 13px; color: #888; margin-bottom: 10px; line-height: 1.5; }\r\n.price-block { display: flex; align-items: baseline; gap: 6px; margin-bottom: 8px; }\r\n.price { font-size: 22px; font-weight: 500; color: #1a1a1a; }\r\n.price-unit { font-size: 13px; color: #888; }\r\n.engage-note { font-size: 11px; color: #9a7a3a; background: #faf4e8; border-radius: 4px; padding: 3px 8px; display: inline-block; margin-bottom: 10px; }\r\n.divider { border: none; border-top: 0.5px solid #e0e0e0; margin: 12px 0; }\r\n.label { font-size: 11px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }\r\n.detail { font-size: 13px; color: #1a1a1a; line-height: 1.6; }\r\n.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\r\n.tag { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: #f5f5f5; color: #888; border: 0.5px solid #e0e0e0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n.four-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n.section-sep { border: none; border-top: 0.5px solid #e0e0e0; margin: 2rem 0; }\r\n\r\n\/* Diagnostic banner *\/\r\n.diag-banner {\r\n background: #1B4F72;\r\n border-radius: 12px;\r\n padding: 2rem;\r\n margin-bottom: 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 2rem;\r\n align-items: center;\r\n}\r\n.diag-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #C2A76F; margin-bottom: 6px; }\r\n.diag-title { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 8px; }\r\n.diag-sub { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.6; margin-bottom: 16px; }\r\n.diag-items { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }\r\n.diag-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,0.8); }\r\n.diag-dot { width: 4px; height: 4px; border-radius: 50%; background: #888; flex-shrink: 0; }\r\n.diag-note { font-size: 11px; color: rgba(255,255,255,0.35); font-style: italic; }\r\n.diag-price-box {\r\n text-align: center;\r\n border: 0.5px solid rgba(255,255,255,0.15);\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n min-width: 160px;\r\n}\r\n.diag-price { font-size: 32px; font-weight: 500; color: #fff; display: block; margin-bottom: 4px; }\r\n.diag-price-unit { font-size: 12px; color: rgba(255,255,255,0.4); display: block; margin-bottom: 12px; }\r\n.diag-badge { display: inline-block; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); font-size: 10px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; border: 0.5px solid rgba(255,255,255,0.2); }\r\n\r\n@media(max-width: 620px) {\r\n .two-col, .three-col, .four-col { grid-template-columns: 1fr; }\r\n .diag-banner { grid-template-columns: 1fr; }\r\n .diag-price-box { min-width: auto; }\r\n}\r\n\r\n\/* ============================================================\r\n STYLES APPLICATION DIAGNOSTIC FLASH (React -> CSS Vanilla)\r\n ============================================================ *\/\r\n.diag-app-container {\r\n max-width: 48rem;\r\n margin: 3rem auto;\r\n padding: 2rem;\r\n background: #ffffff;\r\n border-radius: 1rem;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n border: 1px solid #f3f4f6;\r\n font-family: system-ui, sans-serif;\r\n}\r\n.diag-app-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\r\n.diag-app-badge-text { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #0d9488; letter-spacing: 0.05em; }\r\n.diag-app-progress-text { font-size: 0.875rem; font-weight: 500; color: #9ca3af; }\r\n.diag-app-progress-bar { width: 100%; background: #f3f4f6; border-radius: 9999px; height: 0.375rem; margin-bottom: 2rem; overflow: hidden; }\r\n.diag-app-progress-fill { background: #0d9488; height: 100%; border-radius: 9999px; transition: width 0.5s ease-out; }\r\n.diag-app-q-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }\r\n.diag-app-q-icon { padding: 0.75rem; background: #f0fdfa; border-radius: 0.75rem; color: #0d9488; display: flex; align-items: center; justify-content: center; }\r\n.diag-app-q-title { font-size: 1.5rem; font-weight: 700; color: #111827; line-height: 1.25; margin: 0; }\r\n.diag-app-options { display: flex; flex-direction: column; gap: 0.75rem; }\r\n.diag-app-option { width: 100%; text-align: left; padding: 1.25rem; border-radius: 0.75rem; border: 2px solid #f3f4f6; background: #fff; display: flex; align-items: flex-start; gap: 1rem; cursor: pointer; transition: all 0.2s; }\r\n.diag-app-option:hover { border-color: #99f6e4; background: #f8fafc; }\r\n.diag-app-option.selected { border-color: #0d9488; background: #f0fdfa; }\r\n.diag-app-radio { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid #d1d5db; display: flex; align-items: center; justify-content: center; margin-top: 0.125rem; flex-shrink: 0; transition: border-color 0.2s; }\r\n.diag-app-option:hover .diag-app-radio { border-color: #5eead4; }\r\n.diag-app-option.selected .diag-app-radio { border-color: #0d9488; }\r\n.diag-app-radio-inner { width: 0.625rem; height: 0.625rem; background: #0d9488; border-radius: 50%; display: none; }\r\n.diag-app-option.selected .diag-app-radio-inner { display: block; }\r\n.diag-app-opt-title { font-weight: 700; margin-bottom: 0.25rem; color: #111827; font-size: 1rem; }\r\n.diag-app-option.selected .diag-app-opt-title { color: #134e4a; }\r\n.diag-app-opt-desc { font-size: 0.875rem; color: #6b7280; line-height: 1.5; margin: 0; }\r\n.diag-app-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem; margin-top: 2rem; border-top: 1px solid #f3f4f6; }\r\n.diag-app-btn-back { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #6b7280; background: none; border: none; cursor: pointer; padding: 0; }\r\n.diag-app-btn-back:hover { color: #1f2937; }\r\n.diag-app-time { font-size: 0.75rem; color: #9ca3af; }\r\n.diag-app-loader { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; text-align: center; }\r\n.diag-app-spinner { width: 4rem; height: 4rem; border: 4px solid #ccfbf1; border-top-color: #0d9488; border-radius: 50%; animation: diag-app-spin 1s linear infinite; margin-bottom: 1.5rem; }\r\n@keyframes diag-app-spin { to { transform: rotate(360deg); } }\r\n\r\n\/* App Result screen *\/\r\n.diag-app-res-title { font-size: 1.875rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; text-align: center; }\r\n.diag-app-res-desc { color: #4b5563; max-width: 42rem; margin: 0 auto 2rem auto; text-align: center; line-height: 1.5; }\r\n.diag-app-res-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }\r\n@media(min-width: 768px) { .diag-app-res-grid { grid-template-columns: 1fr 1fr; } }\r\n.diag-app-card { padding: 2rem; border-radius: 1rem; border: 2px solid; position: relative; overflow: hidden; }\r\n.diag-app-card-phare { position: absolute; top: 0; right: 0; background: #0d9488; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-bottom-left-radius: 0.5rem; }\r\n.diag-app-card-badge { display: inline-block; padding: 0.25rem 0.75rem; background: rgba(255,255,255,0.5); border-radius: 9999px; font-size: 0.875rem; font-weight: 600; margin-bottom: 1rem; color: inherit; }\r\n.diag-app-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.25rem; }\r\n.diag-app-card-sub { font-size: 0.875rem; opacity: 0.8; margin-bottom: 1.5rem; line-height: 1.4; }\r\n.diag-app-card-price-box { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; align-items: baseline; gap: 0.25rem; }\r\n.diag-app-card-price { font-size: 2.25rem; font-weight: 800; }\r\n.diag-app-card-price-unit { font-size: 0.875rem; opacity: 0.7; }\r\n.diag-app-card-features { list-style: none; padding: 0; margin: 0 0 2rem 0; display: flex; flex-direction: column; gap: 0.75rem; }\r\n.diag-app-card-feature { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; }\r\n.diag-app-btn-cta { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 1rem 1.5rem; background: #111827; color: #fff; border-radius: 0.75rem; font-weight: 700; text-decoration: none; transition: background 0.2s; box-sizing: border-box; }\r\n.diag-app-btn-cta:hover { background: #1f2937; color: #fff; }\r\n.diag-app-stats { padding: 1.5rem; background: #f9fafb; border-radius: 1rem; }\r\n.diag-app-stats-title { font-size: 1.125rem; font-weight: 700; color: #111827; margin-bottom: 1.5rem; }\r\n.diag-app-stat { margin-bottom: 1.25rem; }\r\n.diag-app-stat-header { display: flex; justify-content: space-between; font-size: 0.875rem; font-weight: 700; margin-bottom: 0.25rem; }\r\n.diag-app-stat-label { color: #374151; }\r\n.diag-app-stat-val { color: #0d9488; }\r\n.diag-app-stat-bar-bg { width: 100%; background: #e5e7eb; border-radius: 9999px; height: 0.625rem; }\r\n.diag-app-stat-bar-fill { background: #14b8a6; height: 100%; border-radius: 9999px; transition: width 1s ease; }\r\n.diag-app-btn-reset { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #6b7280; background: none; border: none; cursor: pointer; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; width: 100%; justify-content: flex-start; }\r\n.diag-app-btn-reset:hover { color: #1f2937; }\r\n<\/style>\r\n\r\n<div class=\"mbc-wrap\">\r\n\r\n <p class=\"section-title\">Point de d\u00e9part obligatoire<\/p>\r\n <div class=\"diag-banner\">\r\n <div>\r\n <div class=\"diag-label\">One-shot \u00b7 Pr\u00e9requis CMO Copilote & Embarqu\u00e9<\/div>\r\n <div class=\"diag-title\">Diagnostic Strat\u00e9gique<\/div>\r\n <div class=\"diag-sub\">Un audit complet de votre situation marketing pour identifier les priorit\u00e9s, les blocages et d\u00e9finir la feuille de route. Sans ce diagnostic, toute strat\u00e9gie repose sur des hypoth\u00e8ses.<\/div>\r\n <div class=\"diag-items\">\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Audit de votre positionnement & offre<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Analyse de vos canaux & actions en cours<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Benchmark concurrentiel<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Identification des priorit\u00e9s & quick wins<\/div>\r\n <div class=\"diag-item\"><div class=\"diag-dot\"><\/div>Livrable : roadmap strat\u00e9gique 6\u201312 mois<\/div>\r\n <\/div>\r\n <div class=\"diag-note\">\u00c0 l'issue du diagnostic, si vous souhaitez que je pilote la mise en \u0153uvre, vous basculez sur l'offre CMO Copilote ou Embarqu\u00e9.<\/div>\r\n <\/div>\r\n <div class=\"diag-price-box\">\r\n <span class=\"diag-price\">1 500 \u20ac<\/span>\r\n <span class=\"diag-price-unit\">tarif fixe \u00b7 one-shot<\/span>\r\n <span class=\"diag-badge\">Pr\u00e9requis obligatoire<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">CMO Pilotage \u2014 3 niveaux<\/p>\r\n <div class=\"three-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-teal\">Niveau 1<\/span>\r\n <div class=\"offer-name\">CMO Advisory<\/div>\r\n <div class=\"offer-tagline\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/div>\r\n <div class=\"price-block\"><span class=\"price\">900 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement minimum : 3 mois<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">2 sessions d'1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture critique de livrables cl\u00e9s (3 documents strat\u00e9giques\/mois max) \u00b7 Recommandations prioris\u00e9es<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Startup SaaS avec un freelance LinkedIn mais aucune vision coh\u00e9rente. Fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card featured\">\r\n <span class=\"badge badge-pop\">Offre phare<\/span>\r\n <div class=\"offer-name\">CMO Copilote<\/div>\r\n <div class=\"offer-tagline\">Accompagnement + pilotage actif de la fonction marketing<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 500 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement 3 mois min \u00b7 Diagnostic pr\u00e9requis<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">4 sessions\/mois \u00b7 Strat\u00e9gie annuelle \u00b7 Strat\u00e9gie de contenu & plan d'action \u00b7 Pilotage prestataires \u00b7 Suivi KPIs mensuel<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing tout en gardant la main sur la direction<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise avec 5\u201350 salari\u00e9s, CA 1\u20135M\u20ac, qui a d\u00e9j\u00e0 des actions marketing \u00e9parpill\u00e9es mais aucune coh\u00e9rence ni syst\u00e8me.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-purple\">Niveau 3<\/span>\r\n <div class=\"offer-name\">CMO Embarqu\u00e9<\/div>\r\n <div class=\"offer-tagline\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/div>\r\n <div class=\"price-block\"><span class=\"price\">5 000 \u20ac<\/span><span class=\"price-unit\">\/mois<\/span><\/div>\r\n <div class=\"engage-note\">Engagement 3 mois min \u00b7 Diagnostic pr\u00e9requis<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Ce qui est inclus<\/div>\r\n <div class=\"detail\">Pr\u00e9sence hebdo (physique ou visio) \u00b7 Recrutement & onboarding \u00e9quipe \u00b7 Direction cr\u00e9ative & supervision de production \u00b7 Reporting direction \u00b7 Acc\u00e8s total<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Entreprise qui l\u00e8ve des fonds, double de taille, ou cherche \u00e0 structurer un d\u00e9partement marketing from scratch.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <div id=\"mbc-diagnostic-app\" class=\"diag-app-container\">\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">Consulting \u2014 Sessions \u00e0 la carte<\/p>\r\n <div class=\"two-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Ponctuel<\/span>\r\n <div class=\"offer-name\">S\u00e9ance Strat\u00e9gique<\/div>\r\n <div class=\"offer-tagline\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/div>\r\n <div class=\"price-block\"><span class=\"price\">250 \u20ac<\/span><span class=\"price-unit\">\/session<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Th\u00e8mes disponibles<\/div>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">Offre & positionnement<\/span>\r\n <span class=\"tag\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"tag\">Acquisition<\/span>\r\n <\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">H\u00e9sitation sur son pricing, structuration de la prospection, optimisation du profil avant un RDV important.<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-amber\">Pack<\/span>\r\n <div class=\"offer-name\">Pack 5 S\u00e9ances<\/div>\r\n <div class=\"offer-tagline\">Accompagnement court sur un projet d\u00e9fini<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 000 \u20ac<\/span><span class=\"price-unit\">\/pack<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Soit<\/div>\r\n <div class=\"detail\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou fil conducteur d\u00e9fini ensemble<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Situation type<\/div>\r\n <div class=\"detail\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\">Formations entreprise \u2014 4 programmes<\/p>\r\n <div class=\"four-col\" style=\"margin-bottom:2rem;\">\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 1<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Les bases d'un marketing p\u00e9renne<\/div>\r\n <div class=\"offer-tagline\">Comprendre et poser les fondations<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 2<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Construire sa visibilit\u00e9<\/div>\r\n <div class=\"offer-tagline\">LinkedIn & pr\u00e9sence de marque<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 500 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales, dirigeants ou responsable marketing d'une PME<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 3<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">Syst\u00e8me d'acquisition<\/div>\r\n <div class=\"offer-tagline\">G\u00e9n\u00e9rer des leads en continu<\/div>\r\n <div class=\"price-block\"><span class=\"price\">1 800 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">\u00c9quipes commerciales B2B souhaitant structurer leur prospection<\/div>\r\n <\/div>\r\n\r\n <div class=\"offer-card\">\r\n <span class=\"badge badge-blue\">Formation 4<\/span>\r\n <div class=\"offer-name\" style=\"font-size:15px;\">IA dans le marketing<\/div>\r\n <div class=\"offer-tagline\">Int\u00e9grer l'IA dans ses process<\/div>\r\n <div class=\"price-block\"><span class=\"price\">2 000 \u20ac<\/span><span class=\"price-unit\">\/j<\/span><\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Contenu<\/div>\r\n <div class=\"detail\">Outils IA (ChatGPT, Claude, Perplexity\u2026), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/div>\r\n <hr class=\"divider\">\r\n <div class=\"label\">Pour qui<\/div>\r\n <div class=\"detail\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"section-sep\">\r\n\r\n <p class=\"section-title\" style=\"margin-bottom:0.75rem;\">Matrice besoin \u2192 offre recommand\u00e9e<\/p>\r\n <div class=\"offer-card\" style=\"padding:1rem;\">\r\n <table style=\"width:100%; font-size:13px; border-collapse:collapse;\">\r\n <thead>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Situation du client<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Offre<\/th>\r\n <th style=\"text-align:left;padding:6px 8px;color:#888;font-weight:500;\">Budget<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai une question pr\u00e9cise, je veux une r\u00e9ponse rapide\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-amber\" style=\"margin:0;\">S\u00e9ance strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">250 \u20ac<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux comprendre o\u00f9 j'en suis avant de me lancer\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-navy\" style=\"margin:0;\">Diagnostic strat\u00e9gique<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500 \u20ac one-shot<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"J'ai d\u00e9j\u00e0 un ex\u00e9cutant mais je manque de direction\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-teal\" style=\"margin:0;\">CMO Advisory<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">900 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je n'ai pas de marketing structur\u00e9, je veux quelqu'un qui pilote\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-pop\" style=\"margin:0;\">CMO Copilote<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 500 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux un CMO sans le recruter, tr\u00e8s pr\u00e9sent\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-purple\" style=\"margin:0;\">CMO Embarqu\u00e9<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">5 000 \u20ac\/mois<\/td>\r\n <\/tr>\r\n <tr style=\"border-bottom:0.5px solid #e0e0e0;\">\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe sur le marketing\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">1 500\u20131 800 \u20ac\/j<\/td>\r\n <\/tr>\r\n <tr>\r\n <td style=\"padding:8px;\">\"Je veux former mon \u00e9quipe \u00e0 l'IA\"<\/td>\r\n <td style=\"padding:8px;\"><span class=\"badge badge-blue\" style=\"margin:0;\">Formation IA<\/span><\/td>\r\n <td style=\"padding:8px;color:#888;\">2 000 \u20ac\/j<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const questions = [\r\n {\r\n id: 'ambition', \r\n title: \"Quel est votre objectif prioritaire pour les 12 prochains mois ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Poser les bases\", description: \"Je veux arr\u00eater de naviguer \u00e0 vue et avoir une strat\u00e9gie claire pour me rassurer.\" },\r\n { value: 2, label: \"Franchir un palier\", description: \"Je veux structurer une vraie machine d'acquisition pr\u00e9dictible pour scaler.\" },\r\n { value: 3, label: \"Hyper-croissance\", description: \"Je l\u00e8ve des fonds (ou viens de le faire), je dois doubler de taille tr\u00e8s rapidement.\" }\r\n ]\r\n },\r\n {\r\n id: 'situation', \r\n title: \"\u00c0 quoi ressemble votre marketing aujourd'hui ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"La page blanche\", description: \"On fait tr\u00e8s peu de choses, c'est le bouche-\u00e0-oreille qui nous fait vivre pour l'instant.\" },\r\n { value: 2, label: \"Le syndrome du spaghetti\", description: \"On fait plein de trucs (LinkedIn, SEO, salons...), mais sans coh\u00e9rence ni ROI clair.\" },\r\n { value: 3, label: \"L'usine \u00e0 gaz enray\u00e9e\", description: \"On a des outils partout, des datas illisibles, le discours de marque s'est un peu perdu.\" }\r\n ]\r\n },\r\n {\r\n id: 'equipe', \r\n title: \"Qui a les mains dans le cambouis (posts, emails, site) ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Le Dirigeant\", description: \"C'est moi (ou mon associ\u00e9) qui fais tout, quand on arrive \u00e0 trouver le temps.\" },\r\n { value: 2, label: \"Le profil Junior\/Freelance\", description: \"J'ai un alternant, un junior ou un freelance, mais ils manquent de direction strat\u00e9gique.\" },\r\n { value: 3, label: \"La petite \u00e9quipe\", description: \"J'ai d\u00e9j\u00e0 2 personnes ou plus en interne, il me faut quelqu'un pour les manager et les faire grandir.\" }\r\n ]\r\n },\r\n {\r\n id: 'implication', \r\n title: \"De quoi avez-vous le plus besoin de ma part ?\",\r\n icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>`,\r\n options: [\r\n { value: 1, label: \"Le Sparring Partner\", description: \"Quelqu'un pour challenger mes id\u00e9es et relire mes livrables cl\u00e9s 1 \u00e0 2 fois par mois.\" },\r\n { value: 2, label: \"Le Chef d'Orchestre\", description: \"Quelqu'un qui cr\u00e9e le plan, fixe les KPIs et s'assure que mon \u00e9quipe l'ex\u00e9cute chaque semaine.\" },\r\n { value: 3, label: \"La D\u00e9l\u00e9gation Totale\", description: \"Je veux me d\u00e9charger mentalement \u00e0 100%. Je veux un Directeur Marketing \u00e0 mes c\u00f4t\u00e9s.\" }\r\n ]\r\n }\r\n ];\r\n\r\n const offers = {\r\n advisory: {\r\n id: 'advisory', name: 'CMO Advisory', subtitle: 'Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone', price: '900 \u20ac',\r\n includes: [\"2 sessions d'1h30\/mois\", \"Acc\u00e8s async (r\u00e9ponse sous 48h)\", \"Relecture livrables cl\u00e9s\", \"Recommandations prioris\u00e9es\"],\r\n color: 'background: #f8fafc; color: #1e293b; border-color: #e2e8f0;', badge: 'Niveau 1',\r\n stats: { strat: 90, pilotage: 30, vitesse: 40 },\r\n message: \"Votre besoin est clair : vous cherchez un cap et de la r\u00e9assurance. L'offre Advisory vous permet d'avoir un regard d'expert sans alourdir vos charges fixes.\"\r\n },\r\n copilote: {\r\n id: 'copilote', name: 'CMO Copilote', subtitle: 'Accompagnement + pilotage actif de la fonction marketing', price: '2 500 \u20ac',\r\n includes: [\"4 sessions\/mois\", \"Audit initial & Strat\u00e9gie\", \"Suivi KPIs hebdomadaire\", \"Pilotage de vos ex\u00e9cutants\"],\r\n color: 'background: #f0fdfa; color: #134e4a; border-color: #14b8a6;', badge: 'Offre Recommand\u00e9e',\r\n stats: { strat: 95, pilotage: 80, vitesse: 75 },\r\n message: \"Vous avez besoin d'une vraie machine d'acquisition. Le Copilote est le 'sweet spot' : je construis la strat\u00e9gie et je m'assure qu'elle est ex\u00e9cut\u00e9e sans piti\u00e9.\"\r\n },\r\n embarque: {\r\n id: 'embarque', name: 'CMO Embarqu\u00e9', subtitle: 'CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle', price: '5 000 \u20ac',\r\n includes: [\"Pr\u00e9sence hebdomadaire\", \"Recrutement & onboarding\", \"Supervision production\", \"Reporting Direction\"],\r\n color: 'background: #eef2ff; color: #312e81; border-color: #c7d2fe;', badge: 'Niveau 3',\r\n stats: { strat: 100, pilotage: 100, vitesse: 95 },\r\n message: \"Vu vos ambitions et la complexit\u00e9 de votre \u00e9cosyst\u00e8me, il vous faut un vrai pilier dans votre entreprise. Je m'int\u00e8gre \u00e0 votre \u00e9quipe pour tout structurer rapidement.\"\r\n }\r\n };\r\n\r\n let currentStep = 0;\r\n let answers = {};\r\n let isAnalyzing = false;\r\n\r\n const container = document.getElementById('mbc-diagnostic-app');\r\n if (!container) return;\r\n\r\n function render() {\r\n if (isAnalyzing) {\r\n container.innerHTML = `\r\n <div class=\"diag-app-loader\">\r\n <div class=\"diag-app-spinner\"><\/div>\r\n <h3 class=\"diag-app-res-title\" style=\"font-size:1.25rem;\">Analyse de vos r\u00e9ponses...<\/h3>\r\n <p class=\"diag-app-res-desc\">Recherche de l'accompagnement optimal pour votre structure.<\/p>\r\n <\/div>\r\n `;\r\n return;\r\n }\r\n\r\n if (currentStep === questions.length) {\r\n const score = Object.values(answers).reduce((a, b) => a + b, 0);\r\n let offer = offers.advisory;\r\n if (score > 5 && score <= 9) offer = offers.copilote;\r\n if (score > 9) offer = offers.embarque;\r\n\r\n const checkIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>`;\r\n const calIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>`;\r\n const rotateIcon = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>`;\r\n const checkBadge = `<div style=\"display:inline-flex; padding:0.75rem; background:#ccfbf1; border-radius:50%; color:#0d9488; margin-bottom:1rem;\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>`;\r\n\r\n container.innerHTML = `\r\n <div style=\"text-align:center; margin-bottom: 2rem;\">\r\n ${checkBadge}\r\n <h2 class=\"diag-app-res-title\">Diagnostic termin\u00e9 !<\/h2>\r\n <p class=\"diag-app-res-desc\">${offer.message}<\/p>\r\n <\/div>\r\n <div class=\"diag-app-res-grid\">\r\n <div class=\"diag-app-card\" style=\"${offer.color}\">\r\n ${offer.id === 'copilote' ? '<div class=\"diag-app-card-phare\">OFFRE PHARE<\/div>' : ''}\r\n <span class=\"diag-app-card-badge\">${offer.badge}<\/span>\r\n <h3 class=\"diag-app-card-title\">${offer.name}<\/h3>\r\n <p class=\"diag-app-card-sub\">${offer.subtitle}<\/p>\r\n <div class=\"diag-app-card-price-box\">\r\n <span class=\"diag-app-card-price\">${offer.price}<\/span>\r\n <span class=\"diag-app-card-price-unit\">\/mois<\/span>\r\n <\/div>\r\n <ul class=\"diag-app-card-features\">\r\n ${offer.includes.map(inc => `<li class=\"diag-app-card-feature\"><span style=\"opacity:0.7\">${checkIcon}<\/span> ${inc}<\/li>`).join('')}\r\n <\/ul>\r\n <a href=\"https:\/\/calendar.app.google\/bmuZtRYN96EvGvWr5\" target=\"_blank\" class=\"diag-app-btn-cta\">\r\n ${calIcon} R\u00e9server mon appel strat\u00e9gique\r\n <\/a>\r\n <\/div>\r\n <div class=\"diag-app-stats\">\r\n <h4 class=\"diag-app-stats-title\">Impact estim\u00e9 sur votre entreprise<\/h4>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Clart\u00e9 Strat\u00e9gique<\/span><span class=\"diag-app-stat-val\">${offer.stats.strat}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%;\" data-width=\"${offer.stats.strat}%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Pilotage & Management<\/span><span class=\"diag-app-stat-val\">${offer.stats.pilotage}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%; transition-delay: 150ms;\" data-width=\"${offer.stats.pilotage}%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"diag-app-stat\">\r\n <div class=\"diag-app-stat-header\"><span class=\"diag-app-stat-label\">Vitesse d'ex\u00e9cution<\/span><span class=\"diag-app-stat-val\">${offer.stats.vitesse}%<\/span><\/div>\r\n <div class=\"diag-app-stat-bar-bg\"><div class=\"diag-app-stat-bar-fill\" style=\"width: 0%; transition-delay: 300ms;\" data-width=\"${offer.stats.vitesse}%\"><\/div><\/div>\r\n <\/div>\r\n <button class=\"diag-app-btn-reset\" onclick=\"window.mbcResetQuiz()\">${rotateIcon} Refaire le diagnostic<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Animation des barres\r\n setTimeout(() => {\r\n container.querySelectorAll('.diag-app-stat-bar-fill').forEach(el => {\r\n el.style.width = el.getAttribute('data-width');\r\n });\r\n }, 50);\r\n return;\r\n }\r\n\r\n const q = questions[currentStep];\r\n const progressPct = (currentStep \/ questions.length) * 100;\r\n const arrowLeft = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>`;\r\n\r\n container.innerHTML = `\r\n <div class=\"diag-app-header\">\r\n <span class=\"diag-app-badge-text\">Diagnostic Flash<\/span>\r\n <span class=\"diag-app-progress-text\">\u00c9tape ${currentStep + 1} sur ${questions.length}<\/span>\r\n <\/div>\r\n <div class=\"diag-app-progress-bar\">\r\n <div class=\"diag-app-progress-fill\" style=\"width: ${progressPct}%\"><\/div>\r\n <\/div>\r\n <div class=\"diag-app-q-header\">\r\n <div class=\"diag-app-q-icon\">${q.icon}<\/div>\r\n <h2 class=\"diag-app-q-title\">${q.title}<\/h2>\r\n <\/div>\r\n <div class=\"diag-app-options\">\r\n ${q.options.map(opt => {\r\n const isSelected = answers[q.id] === opt.value;\r\n return `\r\n <div class=\"diag-app-option ${isSelected ? 'selected' : ''}\" onclick=\"window.mbcSelectOption('${q.id}', ${opt.value})\">\r\n <div class=\"diag-app-radio\"><div class=\"diag-app-radio-inner\"><\/div><\/div>\r\n <div>\r\n <div class=\"diag-app-opt-title\">${opt.label}<\/div>\r\n <div class=\"diag-app-opt-desc\">${opt.description}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('')}\r\n <\/div>\r\n <div class=\"diag-app-footer\">\r\n <button class=\"diag-app-btn-back\" onclick=\"window.mbcGoBack()\" style=\"visibility: ${currentStep === 0 ? 'hidden' : 'visible'}\">\r\n ${arrowLeft} Retour\r\n <\/button>\r\n <span class=\"diag-app-time\">Temps estim\u00e9 : < 1 min<\/span>\r\n <\/div>\r\n `;\r\n }\r\n\r\n window.mbcSelectOption = function(qId, val) {\r\n answers[qId] = val;\r\n render();\r\n setTimeout(() => {\r\n if (currentStep < questions.length - 1) {\r\n currentStep++;\r\n render();\r\n } else {\r\n isAnalyzing = true;\r\n render();\r\n setTimeout(() => {\r\n isAnalyzing = false;\r\n currentStep++;\r\n render();\r\n }, 1500);\r\n }\r\n }, 300);\r\n };\r\n\r\n window.mbcGoBack = function() {\r\n if (currentStep > 0) {\r\n currentStep--;\r\n render();\r\n }\r\n };\r\n\r\n window.mbcResetQuiz = function() {\r\n answers = {};\r\n currentStep = 0;\r\n render();\r\n };\r\n\r\n render();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3551ee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3551ee0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fca98ba\" data-id=\"fca98ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8599048 elementor-widget elementor-widget-html\" data-id=\"8599048\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Offres CMO<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans text-slate-900\">\r\n\r\n<div class=\"min-h-screen py-16 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"max-w-7xl mx-auto text-center mb-16\">\r\n <h1 class=\"text-4xl md:text-5xl font-black tracking-tight mb-4\">\r\n L'accompagnement CMO qu'il vous faut\r\n <\/h1>\r\n <p class=\"text-xl text-gray-500 max-w-2xl mx-auto\">\r\n Des offres claires, sans surprise, pour structurer votre acquisition et acc\u00e9l\u00e9rer votre croissance.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Point de d\u00e9part obligatoire<\/h2>\r\n \r\n <div class=\"bg-[#1a4a6b] rounded-2xl p-8 md:p-10 flex flex-col lg:flex-row gap-10 shadow-xl border border-[#143d59]\">\r\n <div class=\"flex-1 text-white\">\r\n <p class=\"text-amber-500 font-bold text-xs uppercase tracking-wider mb-3\">\r\n One-shot \u00b7 Pr\u00e9requis CMO Copilote & Embarqu\u00e9\r\n <\/p>\r\n <h3 class=\"text-3xl md:text-4xl font-bold mb-4\">Diagnostic Strat\u00e9gique<\/h3>\r\n <p class=\"text-blue-100 text-sm md:text-base leading-relaxed mb-8 max-w-3xl\">\r\n Un audit complet de votre situation marketing pour identifier les priorit\u00e9s, les blocages et d\u00e9finir la feuille de route. Sans ce diagnostic, toute strat\u00e9gie repose sur des hypoth\u00e8ses.\r\n <\/p>\r\n \r\n <ul class=\"space-y-3 mb-8\">\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Audit de votre positionnement & offre\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Analyse de vos canaux & actions en cours\r\n <\/li>\r\n <li className=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Benchmark concurrentiel\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Identification des priorit\u00e9s & quick wins\r\n <\/li>\r\n <li class=\"flex items-center gap-3 text-sm text-blue-50\">\r\n <div class=\"w-1.5 h-1.5 bg-amber-500 rounded-full\"><\/div>\r\n Livrable : roadmap strat\u00e9gique 6\u201312 mois\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-sm text-blue-200 italic\">\r\n \u00c0 l'issue du diagnostic, si vous souhaitez que je pilote la mise en \u0153uvre, vous basculez sur l'offre CMO Copilote ou Embarqu\u00e9.\r\n <\/p>\r\n <\/div>\r\n <div class=\"lg:w-80 shrink-0 flex items-center justify-center\">\r\n <div class=\"bg-[#143d59]\/50 border border-blue-400\/20 rounded-2xl p-8 text-center w-full backdrop-blur-sm\">\r\n <div class=\"mb-2\">\r\n <span class=\"text-5xl font-extrabold text-white\">1 500 \u20ac<\/span>\r\n <\/div>\r\n <p class=\"text-blue-200 text-sm mb-6\">tarif fixe \u00b7 one-shot<\/p>\r\n <div class=\"inline-block px-4 py-2 border border-blue-300\/30 text-blue-100 text-xs font-bold uppercase tracking-wider rounded-full bg-white\/5\">\r\n Pr\u00e9requis obligatoire\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">CMO Pilotage \u2014 3 Niveaux<\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-teal-50 text-teal-700 font-semibold text-xs rounded-full mb-4\">Niveau 1<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Advisory<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">900 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement minimum : 3 mois<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">2 sessions d'1h30\/mois \u2022 Acc\u00e8s async (r\u00e9ponse sous 48h) \u2022 Relecture critique de livrables cl\u00e9s (3 documents strat\u00e9giques\/mois max) \u2022 Recommandations prioris\u00e9es<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap strat\u00e9gique<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Startup SaaS avec une assistante ou un freelance LinkedIn mais aucune vision coh\u00e9rente. Ou fondateur qui d\u00e9bute et a besoin d'un rep\u00e8re.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border-2 border-teal-600 p-8 flex flex-col shadow-lg relative transform lg:-translate-y-4\">\r\n <div class=\"absolute top-0 right-0 bg-teal-600 text-white text-xs font-bold px-4 py-1.5 rounded-bl-xl rounded-tr-xl\">Offre phare<\/div>\r\n <div class=\"mb-6 mt-2\">\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Copilote<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">Accompagnement + pilotage actif de la fonction marketing<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">2 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6 flex flex-wrap gap-2\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement 3 mois min<\/span>\r\n <span class=\"inline-block px-3 py-1 bg-slate-50 text-slate-700 text-xs font-medium border border-slate-200\/50 rounded-md\">Audit fortement recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">4 sessions\/mois \u2022 Strat\u00e9gie annuelle \u2022 Strat\u00e9gie de contenu & plan d'action \u2022 Pilotage prestataires \u2022 Suivi KPIs mensuel<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">PME ou ETI sans CMO interne, dirigeant qui veut d\u00e9l\u00e9guer le marketing mais garder la main sur la direction<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Entreprise avec 10-50 salari\u00e9s (CA 1-5M\u20ac) disposant d\u00e9j\u00e0 d'un profil junior ou de prestataires, qui a besoin d'un cap strat\u00e9gique pour rentabiliser ses actions \u00e9parpill\u00e9es.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-indigo-50 text-indigo-700 font-semibold text-xs rounded-full mb-4\">Niveau 3<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">CMO Embarqu\u00e9<\/h3>\r\n <p class=\"text-gray-500 text-sm h-10\">CMO \u00e0 temps partag\u00e9, forte implication op\u00e9rationnelle<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">5 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/mois<\/span>\r\n <\/div>\r\n <div class=\"mb-6 flex flex-wrap gap-2\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 text-xs font-medium border border-amber-200\/50 rounded-md\">Engagement 3 mois min<\/span>\r\n <span class=\"inline-block px-3 py-1 bg-slate-50 text-slate-700 text-xs font-medium border border-slate-200\/50 rounded-md\">Audit fortement recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Ce qui est inclus<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Pr\u00e9sence hebdo (physique ou visio) \u2022 Recrutement & onboarding \u00e9quipe \u2022 Direction cr\u00e9ative & supervision de production \u2022 Reporting direction \u2022 Acc\u00e8s total<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">PME en forte croissance ou en transformation qui a besoin d'un CMO \"presque salari\u00e9\" sans le co\u00fbt fixe ni le risque<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Entreprise qui l\u00e8ve des fonds, qui double de taille, ou qui cherche \u00e0 structurer un d\u00e9partement marketing from scratch rapidement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Consulting \u2014 Sessions \u00e0 la carte<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 font-semibold text-xs rounded-full mb-4\">Ponctuel<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">S\u00e9ance Strat\u00e9gique<\/h3>\r\n <p class=\"text-gray-500 text-sm\">1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">250 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/session<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Th\u00e8mes disponibles<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">Offre & positionnement<\/span>\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">LinkedIn & visibilit\u00e9<\/span>\r\n <span class=\"px-3 py-1 bg-gray-100 text-gray-600 text-xs font-medium rounded-md\">Acquisition<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Entrepreneur ou dirigeant qui a une question pr\u00e9cise et veut une r\u00e9ponse actionnelle rapide, sans engagement<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Quelqu'un qui h\u00e9site sur son pricing, veut structurer sa prospection, ou optimiser son profil avant un RDV important.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 flex flex-col shadow-sm hover:shadow-md transition-shadow\">\r\n <div class=\"mb-6\">\r\n <span class=\"inline-block px-3 py-1 bg-amber-50 text-amber-700 font-semibold text-xs rounded-full mb-4\">Pack<\/span>\r\n <h3 class=\"text-2xl font-bold mb-2\">Pack 5 S\u00e9ances<\/h3>\r\n <p class=\"text-gray-500 text-sm\">Accompagnement court sur un projet d\u00e9fini<\/p>\r\n <\/div>\r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-extrabold\">1 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/pack<\/span>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Soit<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">200 \u20ac\/s\u00e9ance \u00b7 \u00c0 utiliser sur 3 mois \u00b7 Th\u00e8mes libres ou sur un fil conducteur d\u00e9fini ensemble<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mb-6\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed\">Fondateur qui veut avancer sur un sujet pr\u00e9cis sans engagement long terme<\/p>\r\n <\/div>\r\n <div class=\"border-t border-gray-100 pt-6 mt-auto\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-3\">Situation type<\/p>\r\n <p class=\"text-sm text-gray-700 leading-relaxed italic\">Dirigeant qui sort d'un audit et veut un espace r\u00e9gulier pour impl\u00e9menter et ajuster.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto mb-20\">\r\n <h2 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Formations Entreprise \u2014 4 Programmes<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 1<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Les bases d'un marketing p\u00e9renne<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">Comprendre et poser les fondations<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Positionnement, persona, parcours client, proposition de valeur, bases du plan marketing<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales ou dirigeants sans culture marketing formalis\u00e9e<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 2<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Construire sa visibilit\u00e9<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">LinkedIn & pr\u00e9sence de marque<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 500 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Profil LinkedIn, social selling, strat\u00e9gie de contenu, calendrier \u00e9ditorial, algorithme<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales, dirigeants, ou responsable marketing d'une PME<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 3<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">Syst\u00e8me d'acquisition<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">G\u00e9n\u00e9rer des leads en continu<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">1 800 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Entonnoir de conversion, outils de prospection, s\u00e9quences email, qualification, CRM<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">\u00c9quipes commerciales B2B avec ambition de structurer leur prospection<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl border border-gray-200 p-8 shadow-sm hover:shadow-md transition-shadow\">\r\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 font-semibold text-xs rounded-full mb-4\">Formation 4<\/span>\r\n <h3 class=\"text-xl font-bold mb-1\">IA dans le marketing<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">Int\u00e9grer l'IA dans ses process<\/p>\r\n <div class=\"mb-6 flex items-baseline gap-1 pb-6 border-b border-gray-100\">\r\n <span class=\"text-3xl font-extrabold\">2 000 \u20ac<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/j<\/span>\r\n <\/div>\r\n <div class=\"mb-4\">\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Contenu<\/p>\r\n <p class=\"text-sm text-gray-700\">Outils IA (ChatGPT, Claude, Perplexity...), automatisation de contenus, gain de temps, prompts m\u00e9tier<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Pour qui<\/p>\r\n <p class=\"text-sm text-gray-700\">Toute \u00e9quipe marketing ou commerciale souhaitant gagner en productivit\u00e9<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-4xl mx-auto text-center pt-16 pb-12 border-t border-slate-200 mt-12\">\r\n <h2 class=\"text-3xl font-black mb-4\">Vous h\u00e9sitez sur l'accompagnement id\u00e9al ?<\/h2>\r\n <p class=\"text-lg text-gray-600\">\r\n Passez l'Audit Flash en 4 questions. Je vous recommanderai instantan\u00e9ment le niveau d'intervention adapt\u00e9 \u00e0 votre stade de maturit\u00e9.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pb-16\" id=\"audit-app\">\r\n \r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n \/\/ --- DONN\u00c9ES DU SIMULATEUR ---\r\n const questions = [\r\n {\r\n id: 'stade',\r\n title: \"O\u00f9 en est votre entreprise aujourd'hui ?\",\r\n icon: 'bar-chart-3',\r\n options: [\r\n { value: 'amor\u00e7age', label: \"Phase d'amor\u00e7age (< 1M\u20ac CA)\", description: \"On valide notre mod\u00e8le, le budget est serr\u00e9, chaque euro compte.\" },\r\n { value: 'croissance', label: \"Phase de structuration (1 \u00e0 5M\u20ac CA)\", description: \"On a une belle traction, mais on a besoin de process pour passer \u00e0 l'\u00e9chelle.\" },\r\n { value: 'scale', label: \"Scale & Hyper-croissance (> 5M\u20ac CA)\", description: \"Croissance forte, lev\u00e9e de fonds, on doit recruter et structurer massivement.\" }\r\n ]\r\n },\r\n {\r\n id: 'urgence',\r\n title: \"Quel est votre point de blocage principal ?\",\r\n icon: 'alert-triangle',\r\n options: [\r\n { value: 'ponctuel', label: \"Un doute tr\u00e8s pr\u00e9cis\", description: \"J'h\u00e9site sur mon pricing, mon positionnement ou un recrutement imminent.\" },\r\n { value: 'systeme', label: \"Le manque de syst\u00e8me global\", description: \"On fait plein d'actions, mais c'est le brouillon. Pas de ROI mesurable ni de vision \u00e0 long terme.\" },\r\n { value: 'competence', label: \"L'\u00e9quipe manque de niveau\", description: \"J'ai des \u00e9quipes commerciales ou marketing qui ont besoin d'\u00eatre form\u00e9es (IA, LinkedIn...).\" }\r\n ]\r\n },\r\n {\r\n id: 'equipe',\r\n title: \"De quelles ressources internes disposez-vous pour ex\u00e9cuter ?\",\r\n icon: 'users',\r\n options: [\r\n { value: 'zero', label: \"C'est moi (le dirigeant)\", description: \"Je fais tout, je n'ai personne \u00e0 qui d\u00e9l\u00e9guer l'op\u00e9rationnel.\" },\r\n { value: 'junior', label: \"1 profil Junior \/ Alternant \/ Freelance\", description: \"J'ai des 'mains', mais elles manquent cruellement d'un cerveau pour les guider.\" },\r\n { value: 'team', label: \"Une vraie \u00e9quipe (2+ personnes)\", description: \"J'ai un p\u00f4le marketing, il me faut quelqu'un pour les manager et les piloter.\" }\r\n ]\r\n },\r\n {\r\n id: 'implication',\r\n title: \"De quel niveau d'accompagnement avez-vous besoin ?\",\r\n icon: 'zap',\r\n options: [\r\n { value: 'sparring', label: \"Le Sparring Partner\", description: \"Quelqu'un pour challenger mes id\u00e9es, me donner le cap et relire mes livrables cl\u00e9s.\" },\r\n { value: 'orchestre', label: \"Le Chef d'Orchestre\", description: \"Quelqu'un qui cr\u00e9e le plan, fixe les KPIs et s'assure que mon \u00e9quipe l'ex\u00e9cute chaque semaine.\" },\r\n { value: 'delegation', label: \"La D\u00e9l\u00e9gation Totale\", description: \"Je veux me d\u00e9charger mentalement \u00e0 100%. Je veux un Directeur Marketing \u00e0 mes c\u00f4t\u00e9s.\" }\r\n ]\r\n }\r\n ];\r\n\r\n const offers = {\r\n seance: {\r\n id: 'seance', name: 'S\u00e9ance Strat\u00e9gique', subtitle: '1h de conseil cibl\u00e9 sur un probl\u00e8me pr\u00e9cis',\r\n price: '250 \u20ac', suffix: '', includes: ['Analyse de votre probl\u00e9matique', 'R\u00e9ponses directes et actionnables', 'Enregistrement de la session'],\r\n color: 'bg-amber-50 border-amber-300', badge: 'Intervention Flash', icon: 'lightbulb', iconColor: 'text-amber-600',\r\n message: \"Vous avez besoin d'une r\u00e9ponse rapide, pas d'un mariage \u00e0 long terme. Prenons 1h pour d\u00e9bloquer votre situation imm\u00e9diatement.\",\r\n stats: { strat: 80, pilotage: 10, vitesse: 40 }\r\n },\r\n formation: {\r\n id: 'formation', name: 'Formation \u00c9quipe', subtitle: 'Faites monter vos \u00e9quipes en comp\u00e9tences',\r\n price: '1 500 \u20ac', suffix: '\/ jour', includes: ['Programme sur-mesure (IA, LinkedIn, Acqui...)', 'Cas pratiques sur votre entreprise', 'Finan\u00e7able OPCO'],\r\n color: 'bg-blue-50 border-blue-300', badge: 'Autonomie interne', icon: 'book-open', iconColor: 'text-blue-600',\r\n message: \"Votre priorit\u00e9 est de muscler votre \u00e9quipe actuelle. Inutile de recruter un CMO pour l'instant, formons vos talents (finan\u00e7able via votre OPCO).\",\r\n stats: { strat: 70, pilotage: 50, vitesse: 50 }\r\n },\r\n advisory: {\r\n id: 'advisory', name: 'CMO Advisory', subtitle: 'Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone',\r\n price: '900 \u20ac', suffix: '\/ mois', includes: ['2 sessions d\\'1h30\/mois', 'Acc\u00e8s async (r\u00e9ponse sous 48h)', 'Relecture livrables cl\u00e9s', 'Recommandations prioris\u00e9es'],\r\n color: 'bg-slate-50 border-slate-300', badge: 'Niveau 1', icon: 'target', iconColor: 'text-slate-700',\r\n message: \"Votre besoin est clair : vous cherchez un cap et de la r\u00e9assurance. L'offre Advisory vous permet d'avoir un regard d'expert sans alourdir vos charges fixes.\",\r\n stats: { strat: 90, pilotage: 30, vitesse: 40 }\r\n },\r\n copilote: {\r\n id: 'copilote', name: 'CMO Copilote', subtitle: 'Direction marketing & Pilotage de vos ressources',\r\n price: '2 500 \u20ac', suffix: '\/ mois', includes: ['Direction strat\u00e9gique', 'Management de votre alternant\/freelance', 'Suivi du ROI hebdomadaire'],\r\n color: 'bg-teal-50 border-teal-500', badge: \"L'Offre Phare\", icon: 'rocket', iconColor: 'text-teal-600',\r\n message: \"C'est le 'Sweet Spot'. J'apporte le cerveau strat\u00e9gique et je m'assure que vos \u00e9quipes l'ex\u00e9cutent sans piti\u00e9. (NB : un Audit Strat\u00e9gique pr\u00e9alable est fortement recommand\u00e9).\",\r\n stats: { strat: 90, pilotage: 80, vitesse: 75 }\r\n },\r\n embarque: {\r\n id: 'embarque', name: 'CMO Embarqu\u00e9', subtitle: 'Direction int\u00e9gr\u00e9e \u00e0 forte implication',\r\n price: '5 000 \u20ac', suffix: '\/ mois', includes: ['Codirection du p\u00f4le', \"Recrutement & Management de l'\u00e9quipe\", 'Pr\u00e9sence Hebdomadaire'],\r\n color: 'bg-indigo-50 border-indigo-300', badge: 'D\u00e9l\u00e9gation Totale', icon: 'bar-chart-3', iconColor: 'text-indigo-600',\r\n message: \"Vu la complexit\u00e9 de votre structure, il vous faut un Directeur Marketing robuste, int\u00e9gr\u00e9 \u00e0 votre \u00e9quipe. (NB : un Audit Strat\u00e9gique pr\u00e9alable est fortement recommand\u00e9).\",\r\n stats: { strat: 100, pilotage: 100, vitesse: 95 }\r\n }\r\n };\r\n\r\n \/\/ --- ETAT DE L'APPLICATION ---\r\n let currentStep = 0;\r\n let answers = {};\r\n let isAnalyzing = false;\r\n let copied = false;\r\n\r\n \/\/ --- LOGIQUE ---\r\n function handleSelect(questionId, value) {\r\n answers[questionId] = value;\r\n renderApp(); \/\/ Force le re-render pour montrer la s\u00e9lection\r\n \r\n setTimeout(() => {\r\n if (currentStep < questions.length - 1) {\r\n currentStep++;\r\n renderApp();\r\n } else {\r\n isAnalyzing = true;\r\n renderApp();\r\n setTimeout(() => {\r\n isAnalyzing = false;\r\n currentStep++;\r\n renderApp();\r\n }, 1500);\r\n }\r\n }, 300);\r\n }\r\n\r\n function resetQuiz() {\r\n answers = {};\r\n currentStep = 0;\r\n copied = false;\r\n renderApp();\r\n }\r\n\r\n function goBack() {\r\n if (currentStep > 0) {\r\n currentStep--;\r\n renderApp();\r\n }\r\n }\r\n\r\n function getRecommendedOffer() {\r\n if (answers.urgence === 'ponctuel') return offers.seance;\r\n if (answers.urgence === 'competence') return offers.formation;\r\n if (answers.implication === 'sparring') return offers.advisory;\r\n if (answers.implication === 'orchestre') return offers.copilote;\r\n if (answers.implication === 'delegation') return offers.embarque;\r\n return offers.copilote;\r\n }\r\n\r\n function handleCopy() {\r\n const offer = getRecommendedOffer();\r\n const getLabel = (qId) => {\r\n const q = questions.find(q => q.id === qId);\r\n return q?.options.find(o => o.value === answers[qId])?.label || \"Non sp\u00e9cifi\u00e9\";\r\n };\r\n\r\n const text = `--- AUDIT MARKETING --- \\nStade actuel : ${getLabel('stade')}\\nEnjeu urgent : ${getLabel('urgence')}\\nRessources internes : ${getLabel('equipe')}\\nImplication souhait\u00e9e : ${getLabel('implication')}\\n--> Recommandation syst\u00e8me : ${offer.name}`;\r\n\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = text;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n copied = true;\r\n renderApp();\r\n setTimeout(() => {\r\n copied = false;\r\n renderApp();\r\n }, 3000);\r\n } catch (err) {\r\n console.error('Erreur', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n \/\/ --- RENDU HTML (DOM) ---\r\n function renderApp() {\r\n const container = document.getElementById('audit-app');\r\n \r\n if (isAnalyzing) {\r\n container.innerHTML = `\r\n <div class=\"max-w-2xl mx-auto p-12 bg-white rounded-2xl shadow-xl border border-gray-100 text-center flex flex-col items-center justify-center min-h-[400px]\">\r\n <div class=\"w-16 h-16 border-4 border-slate-800 border-t-transparent rounded-full animate-spin mb-6\"><\/div>\r\n <h3 class=\"text-2xl font-black text-gray-900 mb-2\">Analyse du profil en cours...<\/h3>\r\n <p class=\"text-gray-500 font-medium\">G\u00e9n\u00e9ration de la recommandation strat\u00e9gique.<\/p>\r\n <\/div>\r\n `;\r\n return;\r\n }\r\n\r\n if (currentStep === questions.length) {\r\n const offer = getRecommendedOffer();\r\n const isDarkTheme = offer.id === 'diagnostic';\r\n const textColor = isDarkTheme ? 'text-white' : 'text-gray-900';\r\n const subtitleColor = isDarkTheme ? 'text-blue-200' : 'text-gray-800';\r\n const iconColor = isDarkTheme ? 'text-white' : 'text-gray-800';\r\n const badgeBg = isDarkTheme ? 'bg-[#143d59]\/80 text-white border border-blue-400\/30' : 'bg-white\/60 text-gray-800';\r\n const messageBg = isDarkTheme ? 'bg-[#143d59]\/50 text-blue-50 border border-blue-400\/20' : 'bg-white\/40 text-gray-800';\r\n \r\n const includesHtml = offer.includes.map(item => `\r\n <li class=\"flex items-start gap-3\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-6 h-6 shrink-0 ${iconColor}\"><\/i>\r\n <span class=\"text-base font-semibold ${subtitleColor}\">${item}<\/span>\r\n <\/li>\r\n `).join('');\r\n\r\n container.innerHTML = `\r\n <div class=\"max-w-3xl mx-auto p-4 md:p-8 bg-white rounded-2xl shadow-xl border border-gray-200\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-black text-gray-900 uppercase tracking-tight\">R\u00e9sultat de l'audit<\/h2>\r\n <p class=\"text-gray-500 mt-3 font-medium\">Bas\u00e9 sur vos ressources et vos enjeux de croissance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-8 rounded-2xl border-2 ${offer.color} relative overflow-hidden shadow-sm mb-8\">\r\n ${offer.id === 'copilote' ? '<div class=\"absolute top-0 right-0 bg-teal-600 text-white text-xs font-bold px-4 py-1.5 rounded-bl-lg\">OPTIMAL<\/div>' : ''}\r\n \r\n <div class=\"flex items-start gap-5 mb-6\">\r\n <div class=\"p-3 rounded-2xl shadow-sm ${isDarkTheme ? 'bg-[#143d59]' : 'bg-white\/60'}\">\r\n <i data-lucide=\"${offer.icon}\" class=\"w-8 h-8 ${offer.iconColor}\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wide mb-2 ${badgeBg}\">\r\n ${offer.badge}\r\n <\/span>\r\n <h3 class=\"text-3xl font-extrabold ${textColor}\">${offer.name}<\/h3>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"font-medium text-lg mb-6 leading-relaxed p-4 rounded-xl ${messageBg}\">\r\n \"${offer.message}\"\r\n <\/p>\r\n \r\n <div class=\"mb-6 flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-black ${textColor}\">${offer.price}<\/span>\r\n <span class=\"text-sm font-bold ${isDarkTheme ? 'text-blue-300' : 'text-gray-600'}\">${offer.suffix}<\/span>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3 mb-8\">\r\n ${includesHtml}\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 md:p-8 rounded-2xl border border-slate-200 mb-8 shadow-sm\">\r\n <h4 class=\"font-bold text-lg mb-6 text-gray-900\">Impact estim\u00e9 de cette solution<\/h4>\r\n <div class=\"space-y-5\">\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Clart\u00e9 Strat\u00e9gique<\/span><span class=\"text-slate-800\">${offer.stats.strat}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.strat}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Pilotage & Management<\/span><span class=\"text-slate-800\">${offer.stats.pilotage}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.pilotage}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm font-bold mb-1\">\r\n <span class=\"text-gray-700\">Vitesse d'ex\u00e9cution<\/span><span class=\"text-slate-800\">${offer.stats.vitesse}%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2.5\">\r\n <div class=\"bg-slate-800 h-2.5 rounded-full\" style=\"width: ${offer.stats.vitesse}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 p-6 md:p-8 rounded-2xl border border-slate-200\">\r\n <h4 class=\"font-bold text-lg mb-6 flex items-center gap-2\">\r\n <i data-lucide=\"calendar\" class=\"w-5 h-5\"><\/i> Prochaines \u00e9tapes\r\n <\/h4>\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-500 uppercase mb-2\">1. Sauvegarder<\/p>\r\n <button onclick=\"handleCopy()\" class=\"w-full flex items-center justify-center gap-2 py-4 px-4 rounded-xl text-sm font-bold border-2 ${copied ? 'bg-green-100 border-green-500 text-green-800' : 'bg-white border-slate-200 hover:border-slate-400 text-slate-700'}\">\r\n ${copied ? '<i data-lucide=\"check\" class=\"w-5 h-5\"><\/i> \u00c0 coller dans le RDV !' : '<i data-lucide=\"copy\" class=\"w-5 h-5\"><\/i> Copier pour le RDV'}\r\n <\/button>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-bold text-gray-500 uppercase mb-2\">2. Discuter<\/p>\r\n <a href=\"https:\/\/calendar.app.google\/bmuZtRYN96EvGvWr5\" target=\"_blank\" class=\"w-full py-4 px-6 bg-slate-900 hover:bg-black text-white rounded-xl text-sm font-bold flex items-center justify-center gap-2 shadow-lg transition-transform hover:scale-[1.02]\">\r\n <i data-lucide=\"calendar\" class=\"w-5 h-5\"><\/i> Prendre RDV (et coller)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-6\">\r\n <button onclick=\"resetQuiz()\" class=\"text-sm font-semibold text-gray-400 hover:text-gray-800\">Refaire l'audit<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n lucide.createIcons();\r\n return;\r\n }\r\n\r\n const question = questions[currentStep];\r\n const progress = ((currentStep) \/ questions.length) * 100;\r\n \r\n const optionsHtml = question.options.map((option, index) => {\r\n const isSelected = answers[question.id] === option.value;\r\n const btnClass = isSelected ? 'border-slate-800 bg-slate-50 shadow-md' : 'border-slate-100 hover:border-slate-300 hover:bg-slate-50';\r\n const dotBorder = isSelected ? 'border-slate-800' : 'border-slate-300 group-hover:border-slate-400';\r\n const titleColor = isSelected ? 'text-slate-900' : 'text-slate-800';\r\n const dotFill = isSelected ? '<div class=\"w-3 h-3 bg-slate-800 rounded-full\"><\/div>' : '';\r\n\r\n return `\r\n <button onclick=\"handleSelect('${question.id}', '${option.value}')\" class=\"w-full text-left p-6 rounded-2xl border-2 transition-all duration-200 group flex items-start gap-5 ${btnClass}\">\r\n <div class=\"w-6 h-6 mt-1 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${dotBorder}\">\r\n ${dotFill}\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-lg font-bold mb-1 ${titleColor}\">${option.label}<\/h3>\r\n <p class=\"text-sm text-slate-500 font-medium leading-relaxed\">${option.description}<\/p>\r\n <\/div>\r\n <\/button>\r\n `;\r\n }).join('');\r\n\r\n container.innerHTML = `\r\n <div class=\"max-w-2xl mx-auto p-6 md:p-10 bg-white rounded-2xl shadow-xl border border-gray-200\">\r\n <div class=\"mb-10\">\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-black uppercase tracking-widest text-slate-400\">Audit Flash<\/span>\r\n <span class=\"text-sm font-bold text-slate-800 bg-slate-100 px-3 py-1 rounded-full\">${currentStep + 1} \/ ${questions.length}<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-100 rounded-full h-2\">\r\n <div class=\"bg-slate-800 h-2 rounded-full transition-all duration-500 ease-out\" style=\"width: ${progress}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-8\">\r\n <div class=\"flex items-center gap-4 mb-8\">\r\n <div class=\"p-4 bg-slate-50 rounded-2xl border border-slate-100\">\r\n <i data-lucide=\"${question.icon}\" class=\"w-6 h-6 text-slate-800\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-black text-gray-900 leading-tight\">${question.title}<\/h2>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n ${optionsHtml}\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-between pt-6 border-t border-slate-100\">\r\n <button onclick=\"goBack()\" class=\"flex items-center gap-2 text-sm font-bold text-slate-400 hover:text-slate-800 transition-colors ${currentStep === 0 ? 'invisible' : ''}\">\r\n <i data-lucide=\"arrow-left\" class=\"w-4 h-4\"><\/i> Retour\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n lucide.createIcons();\r\n }\r\n\r\n \/\/ Initialisation\r\n renderApp();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MBC \u2014 Syst\u00e8me d’offres CMO Pilotage \u2014 3 niveaux Niveau 1 CMO Advisory Conseil strat\u00e9gique l\u00e9ger, pilotage asynchrone 900 \u20ac\/mois Ce qui est inclus 2 sessions d’1h30\/mois \u00b7 Acc\u00e8s async (r\u00e9ponse sous 48h) \u00b7 Relecture livrables \u00b7 Recommandations prioris\u00e9es Pour qui Dirigeant qui a d\u00e9j\u00e0 un ex\u00e9cutant (en interne ou prestataire) mais manque de cap […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1386","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/comments?post=1386"}],"version-history":[{"count":27,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions"}],"predecessor-version":[{"id":1416,"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions\/1416"}],"wp:attachment":[{"href":"https:\/\/michaelbonconsulting.com\/index.php\/wp-json\/wp\/v2\/media?parent=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}