{"id":2744,"date":"2025-11-21T09:54:01","date_gmt":"2025-11-21T09:54:01","guid":{"rendered":"https:\/\/lexai.co\/?page_id=2744"},"modified":"2026-03-24T08:30:20","modified_gmt":"2026-03-24T08:30:20","slug":"roi-calculator","status":"publish","type":"page","link":"https:\/\/lexai.co\/fr\/roi-calculator\/","title":{"rendered":"Calculatrice Roi"},"content":{"rendered":"
\n\t\t\t\t
\n\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\n ROI Calculator | LEXAI<\/title>\r\n <style>\r\n :root {\r\n --lexai-primary: #31A6D6;\r\n --lexai-dark: #201E38;\r\n --lexai-light: #fff;\r\n --lexai-success: #28a745;\r\n --lexai-text: #333333;\r\n --lexai-text-light: #6c757d;\r\n --radius: 4px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .roi-calculator-wrapper {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n padding: 40px 20px;\r\n min-height: 600px;\r\n }\r\n\r\n .roi-calculator-container {\r\n width: 90%;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n background: #fff;\r\n border-radius: 12px;\r\n }\r\n\r\n \/* Header *\/\r\n .roi-header {\r\n background: none;\r\n color: #31A6D6;\r\n padding: 24px 30px;\r\n text-align: center;\r\n border: 2px solid #31A6D6;\r\n border-radius: 8px 8px 8px 0px;\r\n }\r\n .roi-header h1 { font-size: 2em; margin-bottom: 6px; font-weight: 700; color: #31A6D6; }\r\n .roi-header p { font-size: 1em; opacity: 0.95; max-width: 700px; margin: 0 auto; }\r\n\r\n \/* ================================ *\/\r\n \/* DESKTOP PHASES *\/\r\n \/* ================================ *\/\r\n .desktop-phase { display: none; }\r\n .desktop-phase.active { display: block; animation: fadeIn 0.35s ease; }\r\n\r\n .desktop-centered {\r\n width: 100%;\r\n padding: 0 2em 2em 2em;\r\n }\r\n\r\n \/* Step indicator *\/\r\n .step-indicator {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0;\r\n margin-bottom: 10px;\r\n padding-top: 1.5em;\r\n }\r\n .step-dot {\r\n width: 36px; height: 36px;\r\n border-radius: 50%;\r\n background: #e9ecef;\r\n color: var(--lexai-text-light);\r\n display: flex; align-items: center; justify-content: center;\r\n font-weight: 700; font-size: 0.95em;\r\n transition: all 0.3s;\r\n flex-shrink: 0;\r\n }\r\n .step-dot.active { background: var(--lexai-primary); color: white; }\r\n .step-dot.completed { background: var(--lexai-success); color: white; }\r\n .step-line { width: 60px; height: 3px; background: #e9ecef; transition: background 0.3s; }\r\n .step-line.active { background: var(--lexai-primary); }\r\n\r\n .desktop-step { display: none; }\r\n .desktop-step.active { display: block; animation: fadeIn 0.35s ease; }\r\n\r\n \/* Horizontal layout for desktop steps: 3 columns *\/\r\n .desktop-step-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 24px;\r\n align-items: start;\r\n }\r\n\r\n .desktop-step-grid .input-group {\r\n margin-bottom: 0;\r\n padding-top: 1.5em;\r\n }\r\n\r\n \/* Jurisdiction takes full width *\/\r\n .desktop-step-grid .jurisdiction-section {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n \/* Mobile wrapper *\/\r\n .mobile-wrapper { display: none; }\r\n\r\n \/* ================================ *\/\r\n \/* SHARED FORM STYLES *\/\r\n \/* ================================ *\/\r\n .input-group { margin-bottom: 30px; padding-top: 2em; }\r\n .input-group label {\r\n display: block; font-weight: 600; color: var(--lexai-dark);\r\n margin-top: 10px; margin-bottom: 10px; font-size: 1.05em;\r\n }\r\n .input-group label .required { color: #dc3545; margin-left: 3px; }\r\n\r\n .input-group select,\r\n .input-group input[type=\"number\"] {\r\n width: 100%; padding: 12px 15px; border: 2px solid #ced4da;\r\n border-radius: var(--radius); font-size: 1em; transition: all 0.3s; background: white;\r\n }\r\n .input-group select:focus,\r\n .input-group input[type=\"number\"]:focus {\r\n outline: none; border-color: var(--lexai-primary);\r\n box-shadow: 0 0 0 3px rgba(49, 166, 214, 0.1);\r\n }\r\n\r\n .input-hint { display: none; }\r\n\r\n \/* ================================ *\/\r\n \/* MODERN SLIDER *\/\r\n \/* ================================ *\/\r\n .slider-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .slider-row input[type=\"range\"] {\r\n flex: 1;\r\n height: 6px;\r\n border-radius: var(--radius);\r\n background: #e9ecef;\r\n outline: none;\r\n -webkit-appearance: none;\r\n transition: background 0.2s;\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-webkit-slider-runnable-track {\r\n height: 6px;\r\n border-radius: var(--radius);\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n width: 22px; height: 22px;\r\n border-radius: var(--radius);\r\n background: var(--lexai-primary);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n margin-top: -8px;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.15);\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n background: var(--lexai-dark);\r\n transform: scale(1.1);\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-moz-range-track {\r\n height: 6px;\r\n border-radius: var(--radius);\r\n background: #e9ecef;\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-moz-range-thumb {\r\n width: 22px; height: 22px;\r\n border-radius: var(--radius);\r\n background: var(--lexai-primary);\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.15);\r\n }\r\n\r\n .slider-row input[type=\"range\"]::-moz-range-thumb:hover {\r\n background: var(--lexai-dark);\r\n }\r\n\r\n .slider-badge {\r\n flex-shrink: 0;\r\n min-width: 90px;\r\n text-align: center;\r\n padding: 6px 12px;\r\n background: var(--lexai-primary);\r\n color: white;\r\n border-radius: var(--radius);\r\n font-weight: 700;\r\n font-size: 0.95em;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* Jurisdiction *\/\r\n .jurisdiction-section {\r\n background: white; padding: 20px; border-radius: 8px;\r\n margin-bottom: 0; border: 2px solid #e9ecef;\r\n }\r\n .jurisdiction-section h3 { color: var(--lexai-dark); margin-bottom: 12px; font-size: 1.1em; }\r\n .base-info { background: #e7f3ff; padding: 12px; border-radius: var(--radius); margin-bottom: 15px; font-size: 0.9em; line-height: 1.6; }\r\n .jurisdiction-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }\r\n .jurisdiction-item {\r\n display: flex; align-items: center; padding: 8px;\r\n background: #f8f9fa; border-radius: var(--radius); transition: all 0.2s;\r\n }\r\n .jurisdiction-item:hover { background: #e9ecef; }\r\n .jurisdiction-item input[type=\"checkbox\"] { margin-right: 8px; width: 18px; height: 18px; cursor: pointer; }\r\n\r\n \/* Persona info *\/\r\n .persona-info {\r\n background: white; padding: 20px; border-radius: 8px;\r\n margin-top: 15px; margin-bottom: 1em;\r\n border-left: 4px solid var(--lexai-primary); display: none;\r\n }\r\n .persona-info.show { display: block; animation: slideIn 0.3s ease; }\r\n .persona-info h3 { color: var(--lexai-dark); margin-bottom: 8px; font-size: 1.1em; }\r\n .persona-info p { color: var(--lexai-text); line-height: 1.6; font-size: 0.95em; }\r\n\r\n \/* Buttons *\/\r\n .step-nav { display: flex; gap: 12px; margin-top: 10px; }\r\n .step-nav .btn-back {\r\n flex: 0 0 auto; padding: 15px 30px; background: white; color: var(--lexai-dark);\r\n border: 2px solid #dee2e6; border-radius: 8px; font-size: 1.1em;\r\n font-weight: 600; cursor: pointer; transition: all 0.3s;\r\n }\r\n .step-nav .btn-back:hover { border-color: var(--lexai-primary); color: var(--lexai-primary); }\r\n\r\n .calculate-btn, .next-btn {\r\n padding: 15px 30px;\r\n background: linear-gradient(135deg, var(--lexai-primary) 0%, var(--lexai-dark) 100%);\r\n color: white; border: none; border-radius: 8px;\r\n font-size: 1.2em; font-weight: 600; cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: 0 4px 15px rgba(49, 166, 214, 0.3);\r\n }\r\n .calculate-btn { flex: 1; }\r\n .next-btn { width: 100%; }\r\n .calculate-btn:hover, .next-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(49, 166, 214, 0.4); }\r\n\r\n \/* ================================ *\/\r\n \/* RESULTS *\/\r\n \/* ================================ *\/\r\n .results-centered {\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 2em;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 30px;\r\n align-items: flex-start;\r\n }\r\n\r\n .results-left {\r\n flex: 0 0 280px;\r\n position: sticky;\r\n top: 2em;\r\n }\r\n\r\n .results-right {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .results-left .additional-metrics {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .results-left .additional-metrics .metric-item { width: 100%; }\r\n\r\n .recommended-plan { background-color: #207CDF; color: white; padding: 15px 20px; border-radius: 8px; margin-bottom: 25px; text-align: center; }\r\n .recommended-plan h3 { font-size: 1.1em; margin-bottom: 5px; color: #fff; }\r\n .recommended-plan p { font-size: 0.9em; opacity: 0.95; }\r\n\r\n .metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }\r\n .metric-card { background: var(--lexai-light); padding: 20px; border-radius: 8px; border-left: 4px solid var(--lexai-primary); transition: all 0.3s; }\r\n .metric-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }\r\n .metric-value { font-size: 2em; font-weight: 700; color: var(--lexai-primary); margin-bottom: 5px; }\r\n .metric-label { font-size: 0.9em; color: var(--lexai-text-light); font-weight: 500; }\r\n\r\n .breakdown-section { background: var(--lexai-light); padding: 25px; border-radius: 8px; margin-bottom: 25px; }\r\n .breakdown-section h3 { color: var(--lexai-dark); margin-bottom: 15px; font-size: 1.2em; }\r\n .breakdown-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #dee2e6; }\r\n .breakdown-row:last-child { border-bottom: none; padding-top: 15px; margin-top: 10px; border-top: 2px solid var(--lexai-dark); }\r\n .breakdown-label { color: var(--lexai-text); font-weight: 500; }\r\n .breakdown-value { color: var(--lexai-dark); font-weight: 600; }\r\n .breakdown-value.highlight { color: var(--lexai-success); font-size: 1.1em; }\r\n\r\n .additional-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 25px; }\r\n .results-left .additional-metrics { grid-template-columns: 1fr; }\r\n .metric-item { background: white; padding: 15px; border-radius: 8px; border: 2px solid #e9ecef; }\r\n .metric-item-label { font-size: 0.85em; color: var(--lexai-text-light); margin-bottom: 8px; }\r\n .metric-item-value { font-size: 1.5em; font-weight: 700; color: var(--lexai-dark); }\r\n\r\n .cta-button { width: 100%; padding: 12px 20px; background: #288ebd; color: white; border: 2px solid #288ebd; border-radius: 9999px; font-size: 1em; font-weight: 600; cursor: pointer; transition: all 0.3s; }\r\n .cta-button:hover { background: #ffffff; color: #288ebd; }\r\n\r\n .recalculate-link { display: inline-block; margin-top: 15px; color: var(--lexai-primary); cursor: pointer; font-weight: 600; font-size: 0.95em; text-decoration: none; transition: color 0.2s; }\r\n .recalculate-link:hover { color: var(--lexai-dark); text-decoration: underline; }\r\n\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes slideIn { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }\r\n\r\n \/* ======================== *\/\r\n \/* MOBILE *\/\r\n \/* ======================== *\/\r\n @media (max-width: 968px) {\r\n .roi-calculator-wrapper { padding: 10px 0; }\r\n .roi-calculator-container { width: 100%; border-radius: 0; }\r\n .roi-header { padding: 25px 16px; border-radius: 0; border-left: none; border-right: none; }\r\n .roi-header h1 { font-size: 1.6em; }\r\n .roi-header p { font-size: 0.95em; }\r\n\r\n .desktop-phase { display: none !important; }\r\n .mobile-wrapper { display: block !important; }\r\n\r\n .mobile-wrapper .mobile-inputs { padding: 20px 16px; border-bottom: 1px solid #dee2e6; }\r\n .mobile-wrapper .mobile-results { padding: 20px 16px; }\r\n\r\n .input-hint { display: block; font-size: 0.85em; color: var(--lexai-text-light); margin-top: 6px; }\r\n .input-group { margin-bottom: 20px; padding-top: 1em; }\r\n .metrics-grid { grid-template-columns: 1fr; gap: 12px; }\r\n .metric-value { font-size: 1.6em; }\r\n .additional-metrics { grid-template-columns: 1fr; gap: 10px; }\r\n .jurisdiction-section { padding: 14px; }\r\n .jurisdiction-grid { grid-template-columns: 1fr; }\r\n .breakdown-section { padding: 16px; }\r\n .breakdown-row { flex-wrap: wrap; gap: 4px; }\r\n .breakdown-value { text-align: right; word-break: break-word; font-size: 0.9em; }\r\n .recommended-plan { padding: 14px 16px; }\r\n .calculate-btn { font-size: 1.05em; padding: 14px 20px; width: 100%; }\r\n\r\n \/* Mobile sliders: keep label above *\/\r\n .slider-row { flex-wrap: wrap; }\r\n .slider-badge { min-width: auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"roi-calculator-wrapper\">\r\n <div class=\"roi-calculator-container\">\r\n <div class=\"roi-header\">\r\n <h1>Calculateur de retour sur investissement LEX AI<\/h1>\r\n <p>Calculez vos \u00e9conomies potentielles gr\u00e2ce \u00e0 la couche d'intelligence juridique et r\u00e9glementaire de LEXAI.<\/p>\r\n <\/div>\r\n\r\n <!-- ======== DESKTOP PHASE 1: Input Steps ======== -->\r\n <div class=\"desktop-phase active\" id=\"desktopInputPhase\">\r\n <div class=\"desktop-centered\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot active\" id=\"dot1\">1<\/div>\r\n <div class=\"step-line\" id=\"line1\"><\/div>\r\n <div class=\"step-dot\" id=\"dot2\">2<\/div>\r\n <\/div>\r\n\r\n <!-- Step 1: Role, Industry, Team Size -->\r\n <div class=\"desktop-step active\" id=\"desktopStep1\">\r\n <div class=\"desktop-step-grid\">\r\n <div class=\"input-group\">\r\n <label for=\"persona\">Votre r\u00f4le <span class=\"required\">*<\/span><\/label>\r\n <select id=\"persona\">\r\n <option value=\"\">-- S\u00e9lectionner le r\u00f4le --<\/option>\r\n <option value=\"ceo-coo-clo\">CEO \/ COO \/ CLO<\/option>\r\n <option value=\"compliance-officer\">Responsable de la conformit\u00e9<\/option>\r\n <option value=\"dpo\">D\u00e9l\u00e9gu\u00e9 \u00e0 la protection des donn\u00e9es (DPD)<\/option>\r\n <option value=\"general-counsel\">Conseiller g\u00e9n\u00e9ral<\/option>\r\n <option value=\"general-manager\">Directeur g\u00e9n\u00e9ral \/ chef de secteur<\/option>\r\n <option value=\"head-legal-ops\">Chef des op\u00e9rations juridiques<\/option>\r\n <option value=\"in-house-counsel\">Conseiller juridique interne (sp\u00e9cialis\u00e9)<\/option>\r\n <option value=\"legal-counsel\">Conseiller juridique<\/option>\r\n <option value=\"risk-manager\">Gestionnaire des risques<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"sector\">Votre secteur d'activit\u00e9 <span class=\"required\">*<\/span><\/label>\r\n <select id=\"sector\">\r\n <option value=\"\">-- S\u00e9lectionner l'industrie --<\/option>\r\n <option value=\"financial-services-banking\">Services financiers - Banque<\/option>\r\n <option value=\"financial-services-insurance\">Services financiers - Assurance<\/option>\r\n <option value=\"asset-wealth-management\">Gestion d'actifs et de patrimoine<\/option>\r\n <option value=\"exchange-operator\">Op\u00e9rateur de change<\/option>\r\n <option value=\"derivative-exchange\">Bourse des produits d\u00e9riv\u00e9s<\/option>\r\n <option value=\"clearing-organization\">Organisation de compensation (CCP)<\/option>\r\n <option value=\"audit-organization\">Organisation de l'audit<\/option>\r\n <option value=\"risk-management-services\">Services de gestion des risques<\/option>\r\n <option value=\"pharma-healthcare\">Pharmacie et soins de sant\u00e9<\/option>\r\n <option value=\"chemical\">Chimie et mat\u00e9riaux<\/option>\r\n <option value=\"aerospace-defense\">A\u00e9rospatiale et d\u00e9fense<\/option>\r\n <option value=\"aviation\">Aviation<\/option>\r\n <option value=\"energy\">\u00c9nergie et services publics<\/option>\r\n <option value=\"oil-gas\">P\u00e9trole et gaz<\/option>\r\n <option value=\"mining\">Exploitation mini\u00e8re et ressources naturelles<\/option>\r\n <option value=\"transport-logistics\">Transport et logistique<\/option>\r\n <option value=\"manufacturing\">Industrie manufacturi\u00e8re et automobile<\/option>\r\n <option value=\"heavy-transport\">Mat\u00e9riel de transport lourd<\/option>\r\n <option value=\"tyres\">Fabrication de pneus<\/option>\r\n <option value=\"construction\">Construction et ing\u00e9nierie<\/option>\r\n <option value=\"cleaning-solutions\">Solutions de nettoyage<\/option>\r\n <option value=\"technology\">Technologie et logiciels<\/option>\r\n <option value=\"telecom\">T\u00e9l\u00e9communications<\/option>\r\n <option value=\"public-sector\">Secteur public et entrepreneurs publics<\/option>\r\n <option value=\"real-estate\">Immobilier et infrastructure<\/option>\r\n <option value=\"education\">L'\u00e9ducation<\/option>\r\n <option value=\"tourism-hospitality\">Tourisme et h\u00f4tellerie<\/option>\r\n <option value=\"retail\">Commerce de d\u00e9tail et commerce \u00e9lectronique<\/option>\r\n <option value=\"food-beverage\">Alimentation et boissons<\/option>\r\n <option value=\"law-firm\">Cabinet d'avocats<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"teamSize\">Taille de l'\u00e9quipe<\/label>\r\n <div class=\"slider-row\">\r\n <input type=\"range\" id=\"teamSize\" min=\"1\" max=\"200\" value=\"5\" step=\"1\">\r\n <span class=\"slider-badge\" id=\"teamSizeValue\">5 personnes<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"personaInfo\" class=\"persona-info\"><\/div>\r\n <button class=\"next-btn\" onclick=\"goToStep(2)\" style=\"margin-top:1.5em\">Continuer \u2192<\/button>\r\n <\/div>\r\n\r\n <!-- Step 2: Hours, Rate, Jurisdictions -->\r\n <div class=\"desktop-step\" id=\"desktopStep2\">\r\n <div class=\"desktop-step-grid\">\r\n <div class=\"input-group\">\r\n <label for=\"hoursPerWeek\">Heures consacr\u00e9es par semaine<\/label>\r\n <div class=\"slider-row\">\r\n <input type=\"range\" id=\"hoursPerWeek\" min=\"1\" max=\"40\" value=\"10\" step=\"1\">\r\n <span class=\"slider-badge\" id=\"hoursValue\">10 h\/semaine<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"hourlyRate\">Taux horaire moyen (\u20ac)<\/label>\r\n <input type=\"number\" id=\"hourlyRate\" value=\"200\" min=\"50\" max=\"3000\" step=\"5\">\r\n <\/div>\r\n <div style=\"padding-top:1.5em;\"><!-- spacer to keep grid aligned --><\/div>\r\n <div class=\"jurisdiction-section\">\r\n <h3>\ud83d\udccd Couverture g\u00e9ographique<\/h3>\r\n <div class=\"base-info\"><strong>L'ensemble de base comprend<\/strong> UE + USA + Canada (3 r\u00e9gions) - <em>Ajouter des r\u00e9gions suppl\u00e9mentaires ci-dessous :<\/em><\/div>\r\n <div class=\"jurisdiction-grid\">\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"international\" name=\"jurisdiction\" data-price=\"2000\"><label for=\"international\">International (+ 2 000 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"southAfrica\" name=\"jurisdiction\" data-price=\"1000\"><label for=\"southAfrica\">Afrique du Sud (+ 1 000 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"asia\" name=\"jurisdiction\" data-price=\"2000\"><label for=\"asia\">Asie (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"india\" name=\"jurisdiction\" data-price=\"2000\"><label for=\"india\">Inde (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"middleEast\" name=\"jurisdiction\" data-price=\"1500\"><label for=\"middleEast\">Moyen-Orient (+ 1 500 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"oceania\" name=\"jurisdiction\" data-price=\"2000\"><label for=\"oceania\">Oc\u00e9anie (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"southAmerica\" name=\"jurisdiction\" data-price=\"1000\"><label for=\"southAmerica\">Am\u00e9rique du Sud (+ 1 000 \u20ac\/mois)<\/label><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-nav\" style=\"margin-top:1.5em\">\r\n <button class=\"btn-back\" onclick=\"goToStep(1)\">\u2190 Retour<\/button>\r\n <button class=\"calculate-btn\" onclick=\"calculateROI()\">Calculer mon retour sur investissement \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ======== DESKTOP PHASE 2: Results ======== -->\r\n <div class=\"desktop-phase\" id=\"desktopResultsPhase\">\r\n <div class=\"results-centered\">\r\n <div class=\"results-left\">\r\n <div class=\"additional-metrics\">\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\u23f1\ufe0f P\u00e9riode de r\u00e9cup\u00e9ration<\/div><div class=\"metric-item-value\" id=\"paybackPeriod\">0 mois<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\ud83c\udf0e Gain de couverture<\/div><div class=\"metric-item-value\" id=\"coverageGain\">0 r\u00e9gions<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\u26a1 Heures hebdomadaires lib\u00e9r\u00e9es<\/div><div class=\"metric-item-value\" id=\"weeklyHours\">0h<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\ud83d\udcc8 \u00c9conomies sur 3 ans<\/div><div class=\"metric-item-value\" id=\"threeYearSavings\">\u20ac0<\/div><\/div>\r\n <\/div>\r\n <a class=\"recalculate-link\" onclick=\"resetToInput()\">\u2190 Recalculer<\/a>\r\n <\/div>\r\n <div class=\"results-right\">\r\n <div class=\"recommended-plan\">\r\n <h3>Plan recommand\u00e9 : <span id=\"planName\">D\u00c9PARTEMENT<\/span><\/h3>\r\n <p id=\"planRange\">1-15 personnes<\/p>\r\n <\/div>\r\n <div class=\"metrics-grid\">\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"timeSaved\">0<\/div><div class=\"metric-label\" id=\"timeSavedDesc\">Heures \u00e9conomis\u00e9es par an<\/div><\/div>\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"costSavings\">\u20ac0<\/div><div class=\"metric-label\">\u00c9conomies annuelles<\/div><\/div>\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"roiPercentage\">0%<\/div><div class=\"metric-label\">Retour sur investissement<\/div><\/div>\r\n <\/div>\r\n <div class=\"breakdown-section\">\r\n <h3>\ud83d\udcb0 Aper\u00e7u des investissements<\/h3>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Co\u00fbt annuel actuel (manuel)<\/span><span class=\"breakdown-value\" id=\"currentCost\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Licence de base LEXAI<\/span><span class=\"breakdown-value\" id=\"baseLicense\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Juridictions suppl\u00e9mentaires<\/span><span class=\"breakdown-value\" id=\"jurisdictionCost\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Total de l'investissement LEXAI<\/span><span class=\"breakdown-value\" id=\"totalLexaiCost\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\"><strong>\u00c9conomies nettes (ann\u00e9e 1)<\/strong><\/span><span class=\"breakdown-value highlight\" id=\"netSavings\">\u20ac0<\/span><\/div>\r\n <\/div>\r\n <button class=\"cta-button\" onclick=\"bookDemo()\">R\u00e9server une d\u00e9monstration<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ======== MOBILE: Single scroll ======== -->\r\n <div class=\"mobile-wrapper\" id=\"mobileWrapper\">\r\n <div class=\"mobile-inputs\">\r\n <div class=\"input-group\">\r\n <label for=\"persona_m\">Votre r\u00f4le <span class=\"required\">*<\/span><\/label>\r\n <select id=\"persona_m\">\r\n <option value=\"\">-- Choisissez votre r\u00f4le professionnel --<\/option>\r\n <option value=\"ceo-coo-clo\">CEO \/ COO \/ CLO<\/option>\r\n <option value=\"compliance-officer\">Responsable de la conformit\u00e9<\/option>\r\n <option value=\"dpo\">D\u00e9l\u00e9gu\u00e9 \u00e0 la protection des donn\u00e9es (DPD)<\/option>\r\n <option value=\"general-counsel\">Conseiller g\u00e9n\u00e9ral<\/option>\r\n <option value=\"general-manager\">Directeur g\u00e9n\u00e9ral \/ chef d'unit\u00e9 op\u00e9rationnelle<\/option>\r\n <option value=\"head-legal-ops\">Chef des op\u00e9rations juridiques<\/option>\r\n <option value=\"in-house-counsel\">Conseiller juridique interne (sp\u00e9cialis\u00e9)<\/option>\r\n <option value=\"legal-counsel\">Conseiller juridique<\/option>\r\n <option value=\"risk-manager\">Gestionnaire des risques<\/option>\r\n <\/select>\r\n <span class=\"input-hint\">S\u00e9lectionnez la fonction qui d\u00e9crit le mieux votre poste<\/span>\r\n <\/div>\r\n <div id=\"personaInfo_m\" class=\"persona-info\"><\/div>\r\n <div class=\"input-group\">\r\n <label for=\"sector_m\">Votre secteur d'activit\u00e9 <span class=\"required\">*<\/span><\/label>\r\n <select id=\"sector_m\">\r\n <option value=\"\">S\u00e9lectionnez votre secteur d'activit\u00e9...<\/option>\r\n <option value=\"financial-services-banking\">Services financiers - Banque<\/option>\r\n <option value=\"financial-services-insurance\">Services financiers - Assurance<\/option>\r\n <option value=\"asset-wealth-management\">Gestion d'actifs et de patrimoine<\/option>\r\n <option value=\"exchange-operator\">Op\u00e9rateur de change<\/option>\r\n <option value=\"derivative-exchange\">Bourse des produits d\u00e9riv\u00e9s<\/option>\r\n <option value=\"clearing-organization\">Organisation de compensation (CCP)<\/option>\r\n <option value=\"audit-organization\">Organisation de l'audit<\/option>\r\n <option value=\"risk-management-services\">Services de gestion des risques<\/option>\r\n <option value=\"pharma-healthcare\">Pharmacie et soins de sant\u00e9<\/option>\r\n <option value=\"chemical\">Chimie et mat\u00e9riaux<\/option>\r\n <option value=\"aerospace-defense\">A\u00e9rospatiale et d\u00e9fense<\/option>\r\n <option value=\"aviation\">Aviation<\/option>\r\n <option value=\"energy\">\u00c9nergie et services publics<\/option>\r\n <option value=\"oil-gas\">P\u00e9trole et gaz<\/option>\r\n <option value=\"mining\">Exploitation mini\u00e8re et ressources naturelles<\/option>\r\n <option value=\"transport-logistics\">Transport et logistique<\/option>\r\n <option value=\"manufacturing\">Industrie manufacturi\u00e8re et automobile<\/option>\r\n <option value=\"heavy-transport\">Mat\u00e9riel de transport lourd<\/option>\r\n <option value=\"tyres\">Fabrication de pneus<\/option>\r\n <option value=\"construction\">Construction et ing\u00e9nierie<\/option>\r\n <option value=\"cleaning-solutions\">Cleaning Solutions (Facility Services)<\/option>\r\n <option value=\"technology\">Technologie et logiciels<\/option>\r\n <option value=\"telecom\">T\u00e9l\u00e9communications<\/option>\r\n <option value=\"public-sector\">Secteur public et entrepreneurs gouvernementaux<\/option>\r\n <option value=\"real-estate\">Immobilier et infrastructure<\/option>\r\n <option value=\"education\">L'\u00e9ducation<\/option>\r\n <option value=\"tourism-hospitality\">Tourisme et h\u00f4tellerie<\/option>\r\n <option value=\"retail\">Commerce de d\u00e9tail et commerce \u00e9lectronique<\/option>\r\n <option value=\"food-beverage\">Alimentation et boissons<\/option>\r\n <option value=\"law-firm\">Cabinet d'avocats<\/option>\r\n <\/select>\r\n <span class=\"input-hint\">Votre secteur d'activit\u00e9 d\u00e9termine les \u00e9conomies ajust\u00e9es en fonction de la complexit\u00e9<\/span>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"teamSize_m\">Taille de l'\u00e9quipe<\/label>\r\n <div class=\"slider-row\">\r\n <input type=\"range\" id=\"teamSize_m\" min=\"1\" max=\"200\" value=\"5\" step=\"1\">\r\n <span class=\"slider-badge\" id=\"teamSizeValue_m\">5 personnes<\/span>\r\n <\/div>\r\n <span class=\"input-hint\">Nombre de personnes impliqu\u00e9es dans la veille r\u00e9glementaire<\/span>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"hoursPerWeek_m\">Heures consacr\u00e9es par semaine<\/label>\r\n <div class=\"slider-row\">\r\n <input type=\"range\" id=\"hoursPerWeek_m\" min=\"1\" max=\"40\" value=\"10\" step=\"1\">\r\n <span class=\"slider-badge\" id=\"hoursValue_m\">10 h\/semaine<\/span>\r\n <\/div>\r\n <span class=\"input-hint\">Nombre moyen d'heures par personne consacr\u00e9es \u00e0 la surveillance r\u00e9glementaire<\/span>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"hourlyRate_m\">Taux horaire moyen (\u20ac)<\/label>\r\n <input type=\"number\" id=\"hourlyRate_m\" value=\"200\" min=\"50\" max=\"3000\" step=\"5\">\r\n <span class=\"input-hint\">Taux horaire mixte pour votre \u00e9quipe de r\u00e9glementation<\/span>\r\n <\/div>\r\n <div class=\"jurisdiction-section\">\r\n <h3>\ud83d\udccd Couverture g\u00e9ographique<\/h3>\r\n <div class=\"base-info\"><strong>L'ensemble de base comprend<\/strong> UE + USA + Canada (3 r\u00e9gions)<br><em>Ajouter des r\u00e9gions suppl\u00e9mentaires ci-dessous :<\/em><\/div>\r\n <div class=\"jurisdiction-grid\">\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"international_m\" name=\"jurisdiction_m\" data-price=\"2000\"><label for=\"international_m\">International (+ 2 000 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"southAfrica_m\" name=\"jurisdiction_m\" data-price=\"1000\"><label for=\"southAfrica_m\">Afrique du Sud (+ 1 000 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"asia_m\" name=\"jurisdiction_m\" data-price=\"2000\"><label for=\"asia_m\">Asie (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"india_m\" name=\"jurisdiction_m\" data-price=\"2000\"><label for=\"india_m\">Inde (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"middleEast_m\" name=\"jurisdiction_m\" data-price=\"1500\"><label for=\"middleEast_m\">Moyen-Orient (+ 1 500 \u20ac\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"oceania_m\" name=\"jurisdiction_m\" data-price=\"2000\"><label for=\"oceania_m\">Oc\u00e9anie (+\u20ac2,000\/mois)<\/label><\/div>\r\n <div class=\"jurisdiction-item\"><input type=\"checkbox\" id=\"southAmerica_m\" name=\"jurisdiction_m\" data-price=\"1000\"><label for=\"southAmerica_m\">Am\u00e9rique du Sud (+ 1 000 \u20ac\/mois)<\/label><\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"calculate-btn\" style=\"width:100%\" onclick=\"calculateROI()\">Calculer mon retour sur investissement \u2192<\/button>\r\n <\/div>\r\n <div class=\"mobile-results\" id=\"mobileResults\" style=\"display:none\">\r\n <div class=\"recommended-plan\"><h3>Plan recommand\u00e9 : <span id=\"planName_m\">D\u00c9PARTEMENT<\/span><\/h3><p id=\"planRange_m\">1-15 personnes<\/p><\/div>\r\n <div class=\"metrics-grid\">\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"timeSaved_m\">0<\/div><div class=\"metric-label\" id=\"timeSavedDesc_m\">Heures \u00e9conomis\u00e9es par an<\/div><\/div>\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"costSavings_m\">\u20ac0<\/div><div class=\"metric-label\">\u00c9conomies annuelles<\/div><\/div>\r\n <div class=\"metric-card\"><div class=\"metric-value\" id=\"roiPercentage_m\">0%<\/div><div class=\"metric-label\">Retour sur investissement<\/div><\/div>\r\n <\/div>\r\n <div class=\"breakdown-section\">\r\n <h3>\ud83d\udcb0 Aper\u00e7u des investissements<\/h3>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Co\u00fbt annuel actuel (manuel)<\/span><span class=\"breakdown-value\" id=\"currentCost_m\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Licence de base LEXAI<\/span><span class=\"breakdown-value\" id=\"baseLicense_m\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Juridictions suppl\u00e9mentaires<\/span><span class=\"breakdown-value\" id=\"jurisdictionCost_m\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\">Total de l'investissement LEXAI<\/span><span class=\"breakdown-value\" id=\"totalLexaiCost_m\">\u20ac0<\/span><\/div>\r\n <div class=\"breakdown-row\"><span class=\"breakdown-label\"><strong>\u00c9conomies nettes (ann\u00e9e 1)<\/strong><\/span><span class=\"breakdown-value highlight\" id=\"netSavings_m\">\u20ac0<\/span><\/div>\r\n <\/div>\r\n <div class=\"additional-metrics\">\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\u23f1\ufe0f P\u00e9riode de r\u00e9cup\u00e9ration<\/div><div class=\"metric-item-value\" id=\"paybackPeriod_m\">0 mois<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\ud83c\udf0e Gain de couverture<\/div><div class=\"metric-item-value\" id=\"coverageGain_m\">0 r\u00e9gions<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\u26a1 Heures hebdomadaires lib\u00e9r\u00e9es<\/div><div class=\"metric-item-value\" id=\"weeklyHours_m\">0h<\/div><\/div>\r\n <div class=\"metric-item\"><div class=\"metric-item-label\">\ud83d\udcc8 \u00c9conomies sur 3 ans<\/div><div class=\"metric-item-value\" id=\"threeYearSavings_m\">\u20ac0<\/div><\/div>\r\n <\/div>\r\n <button class=\"cta-button\" onclick=\"bookDemo()\">R\u00e9server une d\u00e9monstration<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const isMobile = () => window.innerWidth <= 968;\r\n\r\n const personaData = {\r\n 'ceo-coo-clo': { name: 'CEO \/ COO \/ CLO', description: 'Make strategic decisions with comprehensive regulatory intelligence and risk visibility across all business units' },\r\n 'compliance-officer': { name: 'Compliance Officer', description: 'Move from reactive to predictive compliance with automated regulatory horizon scanning' },\r\n 'dpo': { name: 'Data Protection Officer', description: 'Master the constantly evolving data privacy regulatory landscape across 27 jurisdictions' },\r\n 'general-counsel': { name: 'General Counsel', description: 'Transform your legal function into a strategic value center with 360\\u00B0 regulatory vision' },\r\n 'general-manager': { name: 'General Manager \/ Business Unit Leader', description: 'Transform regulatory constraint into strategic advantage with 12-18 months lead time' },\r\n 'head-legal-ops': { name: 'Head of Legal Operations', description: 'Optimize your legal function\\'s efficiency with measurable productivity gains' },\r\n 'in-house-counsel': { name: 'In-House Counsel (Specialized)', description: 'Become the go-to expert with exhaustive monitoring across 27 jurisdictions' },\r\n 'legal-counsel': { name: 'Legal Counsel', description: 'Free yourself from monitoring to focus on high-value advisory with 80% efficiency gain' },\r\n 'risk-manager': { name: 'Risk Manager', description: 'Anticipate regulatory risks before they become crises with 12-18 months lead time' }\r\n };\r\n\r\n const sectorData = { 'financial-services-banking': 82, 'financial-services-insurance': 80, 'asset-wealth-management': 81, 'exchange-operator': 81, 'derivative-exchange': 81, 'clearing-organization': 82, 'audit-organization': 68, 'risk-management-services': 70, 'pharma-healthcare': 77, 'chemical': 77, 'aerospace-defense': 72, 'aviation': 72, 'energy': 74, 'oil-gas': 74, 'mining': 73, 'transport-logistics': 72, 'manufacturing': 65, 'heavy-transport': 65, 'tyres': 64, 'construction': 66, 'cleaning-solutions': 60, 'technology': 67, 'telecom': 62, 'public-sector': 70, 'real-estate': 63, 'education': 63, 'tourism-hospitality': 62, 'retail': 60, 'food-beverage': 60, 'law-firm': 69 };\r\n const timeSavingsMatrix = {};\r\n ['general-counsel','compliance-officer','dpo','ceo-coo-clo','general-manager','head-legal-ops','in-house-counsel','legal-counsel','risk-manager'].forEach(k => { timeSavingsMatrix[k] = sectorData; });\r\n\r\n \/\/ Desktop step nav\r\n function goToStep(step) {\r\n if (step === 2 && (!document.getElementById('persona').value || !document.getElementById('sector').value)) {\r\n alert('Please select both your role and industry'); return;\r\n }\r\n document.getElementById('desktopStep1').classList.toggle('active', step === 1);\r\n document.getElementById('desktopStep2').classList.toggle('active', step === 2);\r\n document.getElementById('dot1').className = step === 1 ? 'step-dot active' : 'step-dot completed';\r\n document.getElementById('dot2').className = step === 2 ? 'step-dot active' : 'step-dot';\r\n document.getElementById('line1').className = step === 2 ? 'step-line active' : 'step-line';\r\n }\r\n\r\n function resetToInput() {\r\n document.getElementById('desktopResultsPhase').classList.remove('active');\r\n document.getElementById('desktopInputPhase').classList.add('active');\r\n goToStep(1);\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Sliders\r\n document.getElementById('teamSize').addEventListener('input', function() { document.getElementById('teamSizeValue').textContent = this.value + (this.value == 1 ? ' person' : ' people'); });\r\n document.getElementById('hoursPerWeek').addEventListener('input', function() { document.getElementById('hoursValue').textContent = this.value + ' h\/week'; });\r\n document.getElementById('teamSize_m').addEventListener('input', function() { document.getElementById('teamSizeValue_m').textContent = this.value + (this.value == 1 ? ' person' : ' people'); });\r\n document.getElementById('hoursPerWeek_m').addEventListener('input', function() { document.getElementById('hoursValue_m').textContent = this.value + ' h\/week'; });\r\n\r\n \/\/ Persona info\r\n function bindPI(sId, dId) {\r\n document.getElementById(sId).addEventListener('change', function() {\r\n const d = document.getElementById(dId);\r\n if (this.value && personaData[this.value]) { d.innerHTML = '<h3>'+personaData[this.value].name+'<\/h3><p>'+personaData[this.value].description+'<\/p>'; d.classList.add('show'); }\r\n else { d.classList.remove('show'); }\r\n });\r\n }\r\n bindPI('persona','personaInfo'); bindPI('persona_m','personaInfo_m');\r\n\r\n \/\/ Calculate\r\n function getV() {\r\n if (isMobile()) return { p: document.getElementById('persona_m').value, s: document.getElementById('sector_m').value, t: parseInt(document.getElementById('teamSize_m').value), h: parseInt(document.getElementById('hoursPerWeek_m').value), r: parseFloat(document.getElementById('hourlyRate_m').value), j: 'input[name=\"jurisdiction_m\"]:checked' };\r\n return { p: document.getElementById('persona').value, s: document.getElementById('sector').value, t: parseInt(document.getElementById('teamSize').value), h: parseInt(document.getElementById('hoursPerWeek').value), r: parseFloat(document.getElementById('hourlyRate').value), j: 'input[name=\"jurisdiction\"]:checked' };\r\n }\r\n\r\n function calculateROI() {\r\n const v = getV();\r\n if (!v.p || !v.s) { alert('Please select both your role and industry'); return; }\r\n const tsPct = (timeSavingsMatrix[v.p] && timeSavingsMatrix[v.p][v.s] !== undefined) ? timeSavingsMatrix[v.p][v.s] : 65;\r\n let jMo = 0, jN = 0;\r\n document.querySelectorAll(v.j).forEach(c => { jMo += parseFloat(c.getAttribute('data-price')); jN++; });\r\n\r\n const aH = v.t * v.h * 52, cC = aH * v.r, hA = Math.round(aH * tsPct \/ 100), aS = hA * v.r;\r\n let tc, pN, pR;\r\n if (v.t<=15){tc=41988;pN=\"DEPARTMENT\";pR=\"1-15 people\";}\r\n else if(v.t<=30){tc=62988;pN=\"BUSINESS UNIT\";pR=\"16-30 people\";}\r\n else if(v.t<=60){tc=100788;pN=\"SCALE\";pR=\"31-60 people\";}\r\n else if(v.t<=100){tc=142788;pN=\"GROWTH\";pR=\"61-100 people\";}\r\n else{tc=251988;pN=\"GLOBAL\";pR=\"101-200 people\";}\r\n\r\n const jC=jMo*12, tL=tc+jC, net=aS-tL, roi=Math.round((net\/tL)*100);\r\n const pb=tL>0&&aS>0?Math.ceil((tL\/aS)*12):0, wH=Math.round(v.t*v.h*tsPct\/100), y3=net*3, tR=3+jN;\r\n\r\n const sfx = isMobile() ? '_m' : '';\r\n const el = id => document.getElementById(id + sfx);\r\n\r\n if (!isMobile()) {\r\n document.getElementById('desktopInputPhase').classList.remove('active');\r\n document.getElementById('desktopResultsPhase').classList.add('active');\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n } else {\r\n document.getElementById('mobileResults').style.display = 'block';\r\n }\r\n\r\n el('planName').textContent = pN;\r\n el('planRange').textContent = pR;\r\n el('timeSavedDesc').textContent = 'Hours your team saves per year with LEXAI automation (' + tsPct + '% reduction)';\r\n anim('timeSaved'+sfx, 0, hA, 1000, ' hours');\r\n anim('costSavings'+sfx, 0, aS, 1000, '', true);\r\n anim('roiPercentage'+sfx, 0, roi, 1000, '%');\r\n el('currentCost').textContent = fmt(cC);\r\n el('baseLicense').textContent = v.t+' people ('+pN+' Plan: \\u20AC'+Math.round(tc).toLocaleString()+'\/year) = '+fmt(Math.round(tc));\r\n el('jurisdictionCost').textContent = jN>0?'Total: \\u20AC'+jMo.toLocaleString()+'\/mo \\u00D7 12 = '+fmt(jC):'\\u20AC0 (base package only)';\r\n el('totalLexaiCost').textContent = fmt(Math.round(tL));\r\n el('netSavings').textContent = fmt(Math.round(net));\r\n el('paybackPeriod').textContent = pb+' months';\r\n el('coverageGain').textContent = tR+' regions';\r\n el('weeklyHours').textContent = wH+'h';\r\n el('threeYearSavings').textContent = fmt(y3);\r\n\r\n if (isMobile()) document.getElementById('mobileResults').scrollIntoView({behavior:'smooth',block:'start'});\r\n }\r\n\r\n function anim(id, s, e, d, sfx, cur) {\r\n const el = document.getElementById(id); if(!el) return;\r\n const inc=(e-s)\/(d\/16); let c=s;\r\n const t=setInterval(()=>{c+=inc;if((inc>0&&c>=e)||(inc<0&&c<=e)){c=e;clearInterval(t);}el.textContent=cur?fmt(Math.round(c)):Math.round(c).toLocaleString()+(sfx||'');},16);\r\n }\r\n\r\n function fmt(v){return '\\u20AC'+Math.round(v).toLocaleString();}\r\n function bookDemo(){window.location.href='https:\/\/lexai.co\/contact\/';}\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ROI Calculator | LEXAI LEX AI ROI Calculator Calculate your potential savings with LEXAI’s legal and regulatory intelligence layer 1 2 Your Role * — Select role —CEO \/ COO \/ CLOCompliance OfficerData Protection Officer (DPO)General CounselGeneral Manager \/ BU LeaderHead of Legal OperationsIn-House Counsel (Specialized)Legal CounselRisk Manager Your Industry * — Select industry —Financial […]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"two_page_speed":[],"footnotes":""},"class_list":["post-2744","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/pages\/2744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/comments?post=2744"}],"version-history":[{"count":27,"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/pages\/2744\/revisions"}],"predecessor-version":[{"id":4820,"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/pages\/2744\/revisions\/4820"}],"wp:attachment":[{"href":"https:\/\/lexai.co\/fr\/wp-json\/wp\/v2\/media?parent=2744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}