{"id":41691,"date":"2023-08-26T01:27:25","date_gmt":"2023-08-26T05:27:25","guid":{"rendered":"https:\/\/pathlock.com\/products\/cybersecurity-application-controls\/"},"modified":"2025-11-27T05:41:25","modified_gmt":"2025-11-27T10:41:25","slug":"cybersecurity-application-controls","status":"publish","type":"products","link":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/","title":{"rendered":"SAP Cybersecurity Controls"},"content":{"rendered":"<style>\n    .header-form-container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 40px;\n        max-width: 430px;\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background-color: #ffffff;\n        border-radius: 8px;\n        border: 1px solid #D6D8E4;\n        box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n    }\n\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        background: none;\n        box-shadow: none;\n        border: none;\n        font-size: 14px;\n    }\n\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n\n    @media screen and (min-width: 1280px) {\n        #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    \/* Input fields *\/\n\n    .hs-input {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 14px\n    }\n\n    \/* Select dropdown *\/\n\n    select.hs-input {\n        appearance: none;\n        background: white;\n        cursor: pointer;\n        color: #667085;\n    }\n\n    \/* Textarea *\/\n\n    textarea.hs-input {\n        resize: none !important;\n        height: 5em !important;\n    }\n\n    \/* Submit Button *\/\n    .hs_submit {\n        display: inline-flex;\n        width: 100%;\n\n        .actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n    }\n\n    .hs-button {\n        width: 100%;\n        \/* display: flex; *\/\n        background: #24b770;\n        color: white;\n        padding: 12px;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .hs-button:hover {\n        background: #148752;\n    }\n\n    .co-error-msg > span {\n        color: red !important;\n    }\n\n    .hs-error-msgs, .co-feedback-container {\n        color: red;\n        font-size: 12px;\n        margin-top: 8px;\n        padding: 0;\n        margin-bottom: -8px;\n    }\n    .hs_email  .inputs-list{display:none}\n\n    .legal-consent-container {\n        order: 999;\n        color: #96a1c8;\n        font-size: 12px;\n        text-align: center;\n        width: 100%;\n        margin-top: -8px;\n    }\n\n    .legal-consent-container a {\n        text-decoration: underline;\n    }\n<\/style>\n<script>\n    function modalFormHero() { \/\/ This is for Section 1\n        const lang = \"fr\";\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>You\u2019ll be redirected to the download page shortly.<\/p>\n        <\/div>\n    `,\n            de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Sie werden in K\u00fcrze zur Download-Seite weitergeleitet.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Vous serez redirig\u00e9 vers la page de t\u00e9l\u00e9chargement dans quelques instants.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Se le redirigir\u00e1 a la p\u00e1gina de descarga en breve.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de download em instantes.<\/p>\n        <\/div>\n    `,\n            ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0646\u0632\u064a\u0644 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n        };\n\n        return {\n            activeModal: null,\n            isFormInitialized: false, \/\/ New flag for Section 1's form\n            formTargetId: 'hero-header-form-container', \/\/ The ID of the div where S1 form renders\n\n            openModal(modalId) {\n                this.activeModal = modalId;\n                \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n                if (modalId === '9f1c5339-0319-459f-b4bd-5e991944a408' && !this.isFormInitialized) {\n                    this.initializeHubspotForm();\n                }\n            },\n            closeModal() {\n                this.activeModal = null;\n                \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n                \/\/ const targetEl = document.getElementById(this.formTargetId);\n                \/\/ if (targetEl) {\n                \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n                \/\/ }\n                \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                \/\/ you might not need to clear\/reset `isFormInitialized`.\n                \/\/ Testing is key here.\n            },\n            initializeHubspotForm() {\n                if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n                const targetEl = document.getElementById(this.formTargetId);\n                if (!targetEl) {\n                    console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                    return;\n                }\n                \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n                \/\/ targetEl.innerHTML = '';\n\n                var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"9f1c5339-0319-459f-b4bd-5e991944a408\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"fr\",\n                    translations: {\n                        en: {submitText: \"Download Now\"},\n                        de: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                        fr: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                        es: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                        pt: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                        ar: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                    },\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                        console.log(\"Section 1 HubSpot form ready.\");\n                        if (cid) {\n                            $form.find('input[name=\"cid\"]').val(cid);\n                        }\n                    },\n                    onFormSubmitted: (jqueryFormObject, data) => {\n\n\n                        console.log(\"Section 1 Form Submitted:\", data);\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('#form-copy');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/fr\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-s4hana\/';\n                            }\n                            \/\/ Add more else if blocks for other sap_version values if needed\n\n                            \/\/ Perform the redirect\n                            \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                            \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                            console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                            window.location.href = redirectUrl;\n\n                        } else {\n                            console.warn('sap_version field not found in submission data for form 9f1c5339...');\n                            let redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-cac\/'; \/\/ Default thank you page if no sap_version is selected\n                            window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n<!-- Hero -->\n<section class=\"w-full pt-12 lg:pt-24 z-50 bg-[#0F1556]\" x-data=\"modalFormHero()\">\n    <div class=\"relative flex flex-col lg:flex-row mx-auto gap-10 px-4 lg:px-8 container items-center justify-between\">\n        <div class=\"hidden rtl:rotate-180 xl:flex absolute bottom-0 left-0 w-full h-full\"\n             style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/demo-page-hero-bg-1.svg'); background-size:contain; background-position:right; background-repeat:no-repeat;\"><\/div>\n        <div class=\"z-10 flex flex-col w-full lg:w-1\/2\">\n            <div class=\"pt-[90px] lg:pt-24 gap-4 lg:gap-5 mb-8 lg:mb-[90px]\">\n                <div class=\"flex flex-col gap-8 lg:gap-12\">\n                    <div class=\"flex flex-col gap-4 lg:gap-5\">\n                        <div class=\"flex flex-col text-center lg:rtl:text-right lg:text-left gap-2 lg:gap-4 max-w-[720px]\">\n                                                            <div class=\"hidden lg:flex flex-row items-center\">\n                                                                                                                                                                <div class=\"justify-center items-center flex\">\n                                                <a href=\"\/fr\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    Accueil                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                                                                                                                                                                                        <div class=\"justify-center items-center flex\">\n                                                <a href=\"\/fr\/pathlock-cloud\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    Plateforme                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                                                                                                                                                                                        <div class=\"justify-center items-center flex gap-1\">\n                                                <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">Cybers\u00e9curit\u00e9 SAP<\/div>\n                                            <\/div>\n                                                                                                            <\/div>\n                                                        <h1 class=\"hero-title text-white font-semibold text-[28px] lg:text-6xl leading-[30px] lg:leading-[72px] lg:tracking-[-1.2px] \">\n                                S\u00e9curisez les app SAP et les donn\u00e9es sensibles                            <\/h1>\n                            <p class=\"hero-description text-sm lg:text-xl text-[#f2f9ff] leading-[20px] lg:leading-[30px] font-normal lg:max-w-[480px]\">\n                                Mettez en place des contr\u00f4les de s\u00e9curit\u00e9 proactifs et r\u00e9actifs pour vos applications et donn\u00e9es SAP critiques afin de r\u00e9duire le risque de violation.                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full flex gap-3 flex-col lg:flex-row justify-start\">\n                                                    <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                                    class=\"h-12 px-[18px] py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                    href=\"'. esc_attr( $btnPrimary[\" url\"] ) .'\">\n                            <div class=\"px-0.5 justify-center items-center flex\">\n                                <div class=\"text-white text-base font-semibold leading-normal\">Obtenez un scanner de vuln\u00e9rabilit\u00e9<\/div>\n                            <\/div>\n                            <\/button>\n                                                \n                        <a class=\"h-12 px-[18px] py-3 bg-white hover:bg-[#E3E7F6] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\" href=\"#editions-et-tarifs\">\n                                <div class=\"px-0.5 justify-center items-center flex\">\n                                    <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">Comparer \u00e9ditions et tarifs<\/div>\n                                <\/div>\n                            <\/a>                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hidden lg:flex lg:w-1\/2 max-w-[570px] flex-1 items-center justify-center z-10\">\n                            <img decoding=\"async\" class=\"no-override max-w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/hero-cac-2.png\"\n                     alt=\"\"\/>\n                    <\/div>\n    <\/div>\n            <div class=\"mt-0 lg:mt-16 pb-24 container mx-auto px-4 lg:px-8\">\n            <div class=\"grid grid-cols-3 lg:grid-cols-6 xl:flex xl:flex-row xl:justify-between items-center justify-items-center gap-y-6 gap-x-4\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ms-1-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"ms-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/vw-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"vw-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/07\/siemens-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"siemens-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/toyota.svg\" width=\"auto\" height=\"48\"\n                             alt=\"toyota\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/linde-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"linde-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Chevron-2.svg\" width=\"auto\" height=\"48\"\n                             alt=\"Chevron-2\"\/>\n                                                <\/div>\n        <\/div>\n    \n    <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n         x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n        <!-- Modal Backdrop -->\n        <div\n                class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0\"\n                x-transition:enter-end=\"opacity-100\"\n                x-transition:leave=\"transition ease-in duration-300\"\n                x-transition:leave-start=\"opacity-100\"\n                x-transition:leave-end=\"opacity-0\"\n        ><\/div>\n\n        <!-- Modal Wrapper for Centering -->\n        <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n            <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n                 @click.away=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\">\n                <!-- Close Button -->\n                <div class=\"flex justify-end p-2\">\n                    <button\n                            @click=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                            class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                    >\n                        <svg\n                                class=\"h-6 w-6\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                  d=\"M6 18L18 6M6 6l12 12\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Modal Content -->\n                <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white rounded-lg\">\n                    <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <div id=\"form-copy\" class=\"form-container\">\n                        <div class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                            <div id=\"form-title\"\n                                 class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">T\u00e9l\u00e9charger gratuitement scanner pour SAP<\/div>\n                            <div id=\"form-subtitle\"\n                                 class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Obtenez gratuitement un aper\u00e7u instantan\u00e9 de la s\u00e9curit\u00e9 de votre syst\u00e8me SAP<\/div>\n                        <\/div>\n                        <div id=\"hero-header-form-container\" ><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n\n\n<style>\n    .active {\n    @apply border-[#148752] text-[#148752];\n    }\n<\/style>\n\n    <div id=\"sticky-sub-nav\" class=\"hidden lg:flex w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto px-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n                            \n                        <a href=\"#valeur-commerciale\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Valeur commerciale                        <\/a>\n\n                                            \n                        <a href=\"#temps-de-protection-inegale\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u00c9dition gratuite                        <\/a>\n\n                                            \n                        <a href=\"#editions-et-tarifs\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Tarification                        <\/a>\n\n                                            \n                        <a href=\"#ce-qui-est-inclus\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Modules                        <\/a>\n\n                                            \n                        <a href=\"#centre-de-demonstration\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Centre de d\u00e9monstration                        <\/a>\n\n                                    <\/div>\n    <\/div>\n\n    <div class=\"flex lg:hidden w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto p-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n            <select id=\"mobile-toc\" class=\"w-full bg-[#f5f6fc] p-3 border-none rounded-md text-[#0f1556] text-sm font-semibold leading-tight\">\n                            \n                        <option value=\"#valeur-commerciale\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Valeur commerciale                        <\/option>\n\n                                            \n                        <option value=\"#temps-de-protection-inegale\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u00c9dition gratuite                        <\/option>\n\n                                            \n                        <option value=\"#editions-et-tarifs\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Tarification                        <\/option>\n\n                                            \n                        <option value=\"#ce-qui-est-inclus\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Modules                        <\/option>\n\n                                            \n                        <option value=\"#centre-de-demonstration\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Centre de d\u00e9monstration                        <\/option>\n\n                                        <\/select>\n        <\/div>\n    <\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const sections = document.querySelectorAll(\"section[id]\");\n    const navLinks = document.querySelectorAll(\".sticky a\");\n    const mobileSelect = document.getElementById(\"mobile-toc\");\n\n    function onScroll() {\n        let scrollPosition = window.scrollY + 120;\n        let currentSectionId = \"\";\n\n        sections.forEach((section) => {\n            const top = section.offsetTop;\n            const bottom = top + section.offsetHeight;\n            const id = section.getAttribute(\"id\");\n\n            if (scrollPosition >= top && scrollPosition < bottom) {\n                currentSectionId = id;\n\n                navLinks.forEach((link) => {\n                    link.classList.remove(\"border-[#148752]\", \"text-[#148752]\");\n                    link.classList.add(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n\n                    if (link.getAttribute(\"href\") === \"#\" + id) {\n                        link.classList.add(\"border-[#148752]\", \"text-[#148752]\");\n                        link.classList.remove(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n                    }\n                });\n            }\n        });\n\n        \/\/ Update the mobile select dropdown\n        if (mobileSelect && currentSectionId) {\n            mobileSelect.value = \"#\" + currentSectionId;\n        }\n    }\n\n    \/\/ Scroll to section when mobile dropdown changes\n    if (mobileSelect) {\n        mobileSelect.addEventListener(\"change\", function () {\n            const value = this.value;\n            if (value) {\n                const target = document.querySelector(value);\n                if (target) {\n                    window.scrollTo({\n                        top: target.offsetTop - 100,\n                        behavior: \"smooth\",\n                    });\n                }\n            }\n        });\n    }\n\n    \/\/ Highlight active link right after clicking on desktop nav\n    navLinks.forEach((link) => {\n        link.addEventListener(\"click\", function () {\n            setTimeout(onScroll, 10);\n        });\n    });\n\n    window.addEventListener(\"scroll\", onScroll);\n    onScroll(); \/\/ Initial highlight on page load\n});\n<\/script>\n\n\n\n<section id=\"valeur-commerciale\" class=\"bg-white py-8 lg:pb-12 lg:pt-24 scroll-mt-28\">\n  <div class=\"container mx-auto px-4 lg:px-8 \">\n    <div class=\"relative flex flex-col items-center lg:flex-row lg:items-stretch gap-12 lg:gap-16\">\n      <div class=\"text-center lg:rtl:text-right lg:text-left flex flex-col justify-center items-center lg:items-start py-4\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">VALEUR COMMERCIALE<\/span>\n        \n                <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">La cybers\u00e9curit\u00e9 SAP<br>simplifi\u00e9e<\/h2>\n        \n                <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[576px] prose prose-strong:text-[#2A3274]\">\n            <p>La protection des environnements SAP ne devrait pas \u00eatre compliqu\u00e9e ni entra\u00eener de co\u00fbts cach\u00e9s. Pathlock propose des tarifs <strong>transparents et fixes<\/strong>, publi\u00e9s en ligne, afin que vous sachiez toujours exactement ce que vous payez. Con\u00e7ue pour r\u00e9duire les contraintes li\u00e9es \u00e0 la s\u00e9curit\u00e9 op\u00e9rationnelle, la solution Pathlock combine des contr\u00f4les <strong>pr\u00e9ventifs et d\u00e9tectifs<\/strong> afin de prot\u00e9ger vos syst\u00e8mes et vos donn\u00e9es sensibles, sans complexit\u00e9 inutile.<\/p>\n        <\/div>\n                 \n    <\/div>\n      <div class=\"bg-[#F5F6FC] flex flex-col w-full flex-1 items-center justify-center rounded-lg py-[22px]\">\n        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Placeholder-Image.png\" alt=\"\" class=\"no-override max-w-80 max-h-96 rounded-lg flex items-center justify-center\" \/>\n        <a class=\"mt-[10px] flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/CAC-Product-Brief.pdf\">T\u00e9l\u00e9chargez la fiche (.PDF)<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n\n\n<style>\n.header-form-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px;\n    max-width: 430px;\n    width: 100%;\n    margin: 0 auto;\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border-radius: 8px;\n    border: 1px solid #D6D8E4;\n    box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n}\n\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Inter', sans-serif;\n    background: none;\n    box-shadow: none;\n    border: none;\n    font-size: 14px;\n}\n\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n\n@media screen and (min-width: 1280px) {\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n        flex: 0 0 calc(45% - 7.5px);\n        min-width: 0;\n        box-sizing: border-box;\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n        flex: 0 0 calc(55% - 7.5px);\n        min-width: 0;\n        box-sizing: border-box;\n    }\n}\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c{\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n\/* Input fields *\/\n\n.hs-input {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    font-size: 14px\n}\n\n\/* Select dropdown *\/\n\nselect.hs-input {\n    appearance: none;\n    background: white;\n    cursor: pointer;\n    color: #667085;\n}\n\n\/* Textarea *\/\n\ntextarea.hs-input {\n    resize: none !important;\n    height: 5em !important;\n}\n\n\/* Submit Button *\/\n.hs_submit {\n    display: inline-flex;\n    width: 100%;\n\n    .actions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n    }\n}\n.hs-button {\n    width: 100%;\n    \/* display: flex; *\/\n    background: #24b770;\n    color: white;\n    padding: 12px;\n    border: none;\n    border-radius: 5px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.3s ease;\n}\n\n.hs-button:hover {\n    background: #148752;\n}\n\n\n.hs-error-msgs, .co-feedback-container {\n    color: red;\n    font-size: 12px;\n    margin-top: 8px;\n    padding: 0;\n    margin-bottom: -8px;\n}\n.hs_email  .inputs-list{display:none}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n\n.legal-consent-container a {\n    text-decoration: underline;\n}\n<\/style>\n<script>\nfunction modalForm() { \/\/ This is for Section 1\n    return {\n        activeModal: null,\n        isFormInitialized: false, \/\/ New flag for Section 1's form\n        formTargetId: 'header-form-container', \/\/ The ID of the div where S1 form renders\n\n        openModal(modalId) {\n            this.activeModal = modalId;\n            \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n            if (modalId === '9f1c5339-0319-459f-b4bd-5e991944a408' && !this.isFormInitialized) {\n                this.initializeHubspotForm();\n            }\n        },\n        closeModal() {\n            this.activeModal = null;\n            \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n            \/\/ const targetEl = document.getElementById(this.formTargetId);\n            \/\/ if (targetEl) {\n            \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n            \/\/ }\n            \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                                          \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                                          \/\/ you might not need to clear\/reset `isFormInitialized`.\n                                          \/\/ Testing is key here.\n        },\n        initializeHubspotForm() {\n            if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n            const targetEl = document.getElementById(this.formTargetId);\n            if (!targetEl) {\n                console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                return;\n            }\n            \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n            \/\/ targetEl.innerHTML = '';\n\n            var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n            if(cid == null){ cid = \"701PZ00000IlEYNYA3\"; }\n\n            hbspt.forms.create({\n                region: \"na1\",\n                portalId: \"20500227\",\n                formId: \"9f1c5339-0319-459f-b4bd-5e991944a408\", \/\/ The form_id for Section 1\n                target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                css: \"\",\n                \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                sfdcCampaignId: cid,\n                onFormReady: ($form) => {\n                    document.querySelector('#form-copy').style.display = 'inline-flex';\n                    this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                    console.log(\"Section 1 HubSpot form ready.\");\n                    if (cid) {\n                        $form.find('input[name=\"cid\"]').val(cid);\n                    }\n                },\n                onFormSubmitted: (jqueryFormObject, data) => {\n                    \/\/ ... S1 specific submission logic ...\n                    document.querySelector('#form-copy').style.display = 'none';\n                    console.log(\"Section 1 Form Submitted:\", data);\n                    const submittedValues = data.submissionValues;\n                    if (submittedValues && submittedValues.sap_version) {\n                        const sapVersionSelected = submittedValues.sap_version;\n                        let redirectUrl = 'https:\/\/pathlock.com\/fr\/default-thank-you\/'; \/\/ Default thank you page\n\n                        if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                            redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-sap-basis\/';\n                        } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                            redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-s4hana\/';\n                        }\n                        \/\/ Add more else if blocks for other sap_version values if needed\n\n                        \/\/ Perform the redirect\n                        \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                        \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                        console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                        window.location.href = redirectUrl;\n\n                    } else {\n                        let redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-cac\/'; \/\/ Default thank you page\n                        window.location.href = redirectUrl;\n                    }\n                }\n            });\n        }\n    }\n}\n<\/script>\n<section id=\"temps-de-protection-inegale\" class=\"relative w-full bg-[#0F1556] mt-12\" style=\"background: linear-gradient(66deg, #070D35 2.4%, #0F1556 80.56%);\" x-data=\"modalForm()\">\n    <div class=\"relative z-0 container mx-auto px-4 lg:px-8 pt-16 lg:pt-[190px] pb-16 lg:pb-24\">\n        <div class=\"z-0 absolute top-[50px] -left-[88px] hidden lg:block h-full w-full\" style=\"background: url(https:\/\/pathlock.com\/wp-content\/uploads\/2025\/05\/bg_6.svg); object-fit:contain; background-position: bottom left; background-repeat:no-repeat;\"><\/div>\n        <div class=\"flex flex-col lg:flex-row z-10 relative \">\n            <div class=\"hidden lg:flex\">\n                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Content-1-1.webp\" alt=\"\" class=\"z-10 rounded-lg object-cover no-override w-full lg:w-[80%] max-w-[600px] mx-auto lg:mx-0\" \/>\n            <\/div>\n  \n            <div class=\"text-center lg:rtl:text-right lg:text-left flex flex-col justify-center items-center lg:items-start\">\n                <span class=\"text-[#24B770] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">TEMPS DE PROTECTION IN\u00c9GAL\u00c9<\/span>\n                \n                                <h2 class=\"tracking-tight  text-white text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">D\u00e9ploy\u00e9 en quelques minutes. R\u00e9sultats exploitables en quelques heures.<\/h2>\n                \n                                <div class=\"text-lg lg:text-xl font-normal text-[#EAF3FF] prose prose-strong:text-[#EAF3FF]\">\n                    Dans quelle mesure avez-vous confiance en votre posture actuelle en mati\u00e8re de cybers\u00e9curit\u00e9 SAP\u00a0? Vous n\u2019avez plus besoin de vous fier \u00e0 des suppositions. Nous vous aiderons \u00e0 mettre au jour les <b>risques que vous soup\u00e7onniez<\/b>, mais aussi<b> ceux dont vous ignoriez l\u2019existence<\/b>.                <\/div>\n                                                    <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\" class=\"h-12 px-[18px] mt-[36px] flex w-full lg:w-auto py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                        <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">T\u00e9l\u00e9charger gratuitement scanner pour SAP<\/div>\n                        <\/div>\n                    <\/button> \n                            <\/div>        \n\n        <\/div>\n    <\/div>\n\n            <div class=\"container mx-auto px-4 lg:px-8 pb-24 relative\">\n            <div class=\"flex flex-col lg:flex-row gap-8 lg:gap-12 items-start\">\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">90 minutes<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Du t\u00e9l\u00e9chargement initial au rapport complet sur la s\u00e9curit\u00e9 et l\u2019aper\u00e7u d\u00e9taill\u00e9 des risques.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">2 000+<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">V\u00e9rification des vuln\u00e9rabilit\u00e9s SAP et des faiblesses de configuration dans l\u2019ensemble de votre environnement.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">1 000 s<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Environnements SAP r\u00e9els utilis\u00e9s pour perfectionner nos contr\u00f4les SoD d\u00e9taill\u00e9s et d\u2019acc\u00e8s.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">70+<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Mod\u00e8les de vuln\u00e9rabilit\u00e9 du code ABAP personnalis\u00e9 con\u00e7us pour exposer efficacement les risques cach\u00e9s.<\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n        x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n        <!-- Modal Backdrop -->\n        <div\n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n        ><\/div>\n\n        <!-- Modal Wrapper for Centering -->\n        <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n            <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n            @click.away=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\">\n                <!-- Close Button -->\n                <div class=\"flex justify-end p-2\">\n                    <button\n                        @click=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                        class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                    >\n                        <svg\n                            class=\"h-6 w-6\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            viewBox=\"0 0 24 24\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M6 18L18 6M6 6l12 12\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Modal Content -->\n                <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white\">\n                <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <div id=\"form-copy\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                        <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">T\u00e9l\u00e9charger gratuitement scanner pour SAP<\/div>\n                        <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Obtenez gratuitement un aper\u00e7u instantan\u00e9 de la s\u00e9curit\u00e9 de votre syst\u00e8me SAP<\/div>\n                    <\/div>\n                    <div id=\"header-form-container\" class=\"form-container\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n<style>\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, \n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, \n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_sap_version, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-firstname, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-lastname, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-firstname, \n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-lastname, \n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-email, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-company, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_numemployees, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_sap_version, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-firstname, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-lastname, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-firstname, \n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-lastname, \n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-email, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-company, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_numemployees, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_sap_version, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-firstname, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-lastname, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-firstname, \n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-lastname, \n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-email, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-company, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_numemployees, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_sap_version, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-firstname, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-lastname, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-firstname, \n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-lastname, \n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-email, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-company, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_numemployees, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_sap_version, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Generic input styles are already defined in S1 or can be repeated if S1 isn't on page *\/\n\/* .hs-input { ... } .hs-button { ... } etc. If S1 styles are not global, copy them here. *\/\n\/* For brevity, assuming generic input\/button styles from S1 apply or are duplicated *\/\n<\/style>\n\n<script>\n\/\/ Ensure getCID is globally available\nif (typeof getCID !== 'function') {\n    window.getCID = function() { \/* ... getCID implementation from S1 ... *\/ \n        var cid = null; var urlParams = new URLSearchParams(window.location.search);\n        if (urlParams.has('cid')) cid = urlParams.get('cid');\n        if (!cid) { try { cid = localStorage.getItem('salesforce_campaign_id'); } catch (e) {} }\n        if (!cid) { var value = \"; \" + document.cookie; var parts = value.split(\"; salesforce_campaign_id=\");\n            if (parts.length === 2) cid = parts.pop().split(\";\").shift(); }\n        return cid;\n    }\n}\n\nfunction modalFormS2_block_1441d3cbc0c41730cd4f7954e164d46c() {\n    const messages = {\n        en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>You\u2019ll be redirected to the download page shortly.<\/p>\n        <\/div>\n    `,\n        de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Sie werden in K\u00fcrze zur Download-Seite weitergeleitet.<\/p>\n        <\/div>\n    `,\n        fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Vous serez redirig\u00e9 vers la page de t\u00e9l\u00e9chargement dans quelques instants.<\/p>\n        <\/div>\n    `,\n        es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Se le redirigir\u00e1 a la p\u00e1gina de descarga en breve.<\/p>\n        <\/div>\n    `,\n        pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de download em instantes.<\/p>\n        <\/div>\n    `,\n        ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0646\u0632\u064a\u0644 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n    };\n\n    return {\n        activeModalFormId: null, \/\/ Stores the HubSpot form_id for the currently active modal\n        \/\/ Store unique container ID for this block's modal to avoid conflicts if S2 block is used multiple times\n        modalFormContainerBaseId: 'modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c',\n        initializedForms: {}, \/\/ Tracks { 'hubspot_form_id': true }\n\n        openModal(hubspotFormIdToLoad) {\n            if (!hubspotFormIdToLoad) {\n                console.error(\"No HubSpot form_id provided for this modal trigger.\");\n                return;\n            }\n            this.activeModalFormId = hubspotFormIdToLoad;\n            \/\/ console.log(\"S2 Opening modal for form:\", this.activeModalFormId);\n            this.$nextTick(() => {\n                this.initForm();\n            });\n        },\n        closeModal() {\n            this.activeModalFormId = null;\n        },\n        getCurrentFormContainerId() {\n            if (!this.activeModalFormId) return null;\n            let sanitizedSuffix = this.activeModalFormId.replace(\/[^a-zA-Z0-9-_]\/g, '');\n            \/\/ This ID structure must match the IDs generated in the PHP loop for the modal divs\n            return `${this.modalFormContainerBaseId}-${sanitizedSuffix}`;\n        },\n        initForm() {\n            if (!this.activeModalFormId || this.initializedForms[this.activeModalFormId]) {\n                \/\/ console.log(\"S2 Form init skipped (no active form or already init):\", this.activeModalFormId);\n                return;\n            }\n\n            const targetContainerId = this.getCurrentFormContainerId(); \/\/ This generates the ID like 'modal-form-container-s2-blockID-formID'\n            if (!targetContainerId) {\n                 console.error(\"S2: Could not determine target container ID.\");\n                 return;\n            }\n            const targetEl = document.getElementById(targetContainerId);\n\n            if (!targetEl) {\n                console.error('S2 Form container #' + targetContainerId + ' not found. This div should exist in the modal markup.');\n                return;\n            }\n            \n            \/\/ It's generally safe to clear, but since each form has its own div,\n            \/\/ and we check initializedForms, this will only run once per form.\n            targetEl.innerHTML = ''; \n\n            var campaignId = getCID();\n            if (campaignId == null) {\n                campaignId = \"701PZ00000IlEYNYA3\"; \/\/ Default CID\n            }\n            \/\/ console.log(\"S2 CID:\", campaignId, \"FormID:\", this.activeModalFormId, \"Target:\", `#${targetContainerId}`);\n            const currentFormIdForCallbacks = this.activeModalFormId;\n\n\n            hbspt.forms.create({\n                region: \"na1\",\n                portalId: \"20500227\",\n                formId: this.activeModalFormId,\n                locale: \"fr\",\n                target: `#${targetContainerId}`, \/\/ Target the specific div\n                css: \"\", \/\/ HubSpot's own styles will apply unless you override\n                sfdcCampaignId: campaignId,\n                translations: {\n                    en: {submitText: \"Download Now\"},\n                    de: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                    fr: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                    es: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                    pt: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                    ar: {submitText: \"T\u00e9l\u00e9charger maintenant\"},\n                },\n                onFormReady: ($form) => {\n                    const formCopy2 = document.querySelector('#form-copy-2');\n                    if (formCopy2) formCopy2.style.display = 'inline-flex';\n\n                    const formCopy1 = document.querySelector('#form-copy-1');\n                    if (formCopy1) formCopy1.style.display = 'inline-flex';\n\n                    if (campaignId) {\n                        \/\/ Ensure jQuery is available or use vanilla JS\n                        \/\/ Example: $form[0].querySelector('input[name=\"cid\"]').value = campaignId;\n                        let cidInput = $form.find('input[name=\"cid\"]');\n                        if (cidInput.length) {\n                            cidInput.val(campaignId);\n                        } \n                    }\n                    this.initializedForms[currentFormIdForCallbacks] = true;\n                    \/\/ console.log(`S2 Form ${this.activeModalFormId} ready in #${targetContainerId}`);\n                },\n                onFormSubmitted: function(jqueryFormObject, data) {\n\n                    const formEl = jqueryFormObject.get(0);\n                    if (!formEl) return;\n\n                    const parentContainer = formEl.closest('.form-container');\n                    if (!parentContainer) return;\n\n                    parentContainer.innerHTML = messages[\"fr\"] || messages['en'];\n                    \/\/ Optional: Handle form submission event\n                    console.log(\"Form:\", data, jqueryFormObject);\n                    const submittedValues = data.submissionValues;\n\n                    const formCopy2 = document.querySelector('#form-copy-2');\n                    if (formCopy2) formCopy2.style.display = 'none';\n\n                    const formCopy1 = document.querySelector('#form-copy-1');\n                    if (formCopy1) formCopy1.style.display = 'none';\n                    console.log('Form submitted with values:', submittedValues);\n                    if (submittedValues && submittedValues.sap_version) {\n                        const sapVersionSelected = submittedValues.sap_version;\n                        let redirectUrl = 'https:\/\/pathlock.com\/fr\/default-thank-you\/'; \/\/ Default thank you page\n\n                        if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                            redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-sap-basis\/';\n                        } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                            redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-s4hana\/';\n                        }\n                        \/\/ Add more else if blocks for other sap_version values if needed\n\n                        \/\/ Perform the redirect\n                        \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                        \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                        console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                        window.location.href = redirectUrl;\n\n                    } else {\n                      let redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-cac\/'; \/\/ Default thank you page\n                      window.location.href = redirectUrl;\n                    }\n                }\n            });\n        }\n  }\n}\n<\/script>\n<!-- Make sure HubSpot's v2.js is loaded once on the page -->\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n\n<section id=\"editions-et-tarifs\" class=\"relative bg-white scroll-mt-28\" \n    x-data=\"modalFormS2_block_1441d3cbc0c41730cd4f7954e164d46c()\">\n  <div class=\"bg-[#F5F6FC] w-full pt-16 lg:pt-24 pb-[160px]\">\n    <div class=\"relative container mx-auto px-4 lg:px-8\">\n      <div class=\"text-center flex flex-col justify-center items-center\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u00c9ditions et TARIFS<\/span>        <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Choisissez votre offre de cybers\u00e9curit\u00e9 SAP \u00c9dition id\u00e9ale<\/h2>        <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">D\u2019un <b>outil gratuit d\u2019analyse des vuln\u00e9rabilit\u00e9s pour SAP <\/b>\u00e0 une <b>solution compl\u00e8te de cybers\u00e9curit\u00e9 SAP couvrant tout le cycle de vie<\/b>, choisissez l\u2019\u00e9dition qui correspond aux besoins de votre organisation.<\/div>      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"container mx-auto px-4 lg:px-8 -mt-[96px] pb-8 lg:pb-12\">\n              <div class=\"flex w-full justify-between flex-col xl:flex-row gap-x-8 gap-y-[48px] items-center xl:items-stretch\">\n                                        <div id=\"gratuit\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-0\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Gratuit<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Obtenez gratuitement un aper\u00e7u instantan\u00e9 de la s\u00e9curit\u00e9 de votre syst\u00e8me SAP<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                                            <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">0 $<\/p>\n                                          <\/div>\n                    \n                                                                  <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\" class=\"h-12 px-[18px] border border-[#7ADBA5] flex w-full py-3 bg-[#EEFBF3] hover:bg-[#7ADBA5] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-[#148752] text-base font-semibold leading-normal\">Download Gr\u00e1tis<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-0\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Modules :<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                              <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Limitations :<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                  <li class=\"flex items-start mb-4\"> \n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#EAF3FF\"\/><path d=\"M8 12.3999H16\" stroke=\"#6E759F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">R\u00e9duction de la port\u00e9e des contr\u00f4les<\/span>\n                        <\/li>\n                                                  <li class=\"flex items-start mb-4\"> \n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#EAF3FF\"\/><path d=\"M8 12.3999H16\" stroke=\"#6E759F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Aucune mesure corrective<\/span>\n                        <\/li>\n                                              <\/ul>\n                                      <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"essentiel\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-1\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Essentiel<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Surveillez et att\u00e9nuez les failles de s\u00e9curit\u00e9<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">\u00e0 partir de<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">7 500 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">par an<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('03e10772-16eb-4df7-95f7-41a5532b2681')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Commencer<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-1\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Modules :<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"professionnel\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_11px_25px_0px_rgba(15,21,86,0.10)] shadow-[0px_0px_46px_0px_rgba(15,21,86,0.09)] outline outline-2 outline-[#CED5EE]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                      <div class=\"px-2.5 py-0.5 left-0 top-[-14px] left-[20px] absolute bg-[#EAF3FF] rounded-lg outline outline-1 outline-offset-[-1px] outline-[#C7D7FE] inline-flex justify-start items-center gap-1\">\n                      <div class=\"text-center justify-start text-[#0F1556] text-base font-semibold leading-normal\">Le plus populaire<\/div>\n                    <\/div>\n                                    <div id=\"price-header-2\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Professionnel<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">D\u00e9tectez et pr\u00e9venez les menaces de s\u00e9curit\u00e9<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">\u00e0 partir de<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">15 000 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">par an<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('440bcfef-b39f-48c1-92ed-20ba67c5c3c6')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Commencer<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-2\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Modules :<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Transport Control<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Threat Detection<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"avance\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-3\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Avanc\u00e9<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Obtenez une solution de cybers\u00e9curit\u00e9 \u00e0 dur\u00e9e de vie compl\u00e8te pour SAP<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">\u00e0 partir de<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">30 000 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">par an<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('b2809c7b-819b-458e-8684-d5de84f86f4e')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Commencer<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-3\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Modules :<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Transport Control<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Threat Detection<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Application Profiler<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                      <\/div>\n      \n                <div id=\"custom\" class=\"scroll-mt-28 mt-16 self-stretch w-full p-8 bg-[#FAFBFD] rounded-lg outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] inline-flex justify-between items-center flex-wrap content-start\">\n        <div class=\"w-content text-center lg:text-left max-w-[750px]\">\n          <h3 class=\"text-[#0F1556] text-xl font-semibold leading-9 mb-2\">Cr\u00e9ez votre propre solution de cybers\u00e9curit\u00e9 SAP<\/h3>\n          <p class=\"text-[#2A3274] text-base font-normal leading-normal\">Besoin d\u2019un pack personnalis\u00e9 ? Laissez-nous cr\u00e9er l\u2019ensemble de modules id\u00e9al pour r\u00e9pondre \u00e0 vos besoins.<\/p>\n        <\/div>\n        <div class=\"flex w-full lg:w-auto justify-center items-center mt-6 lg:mt-0\">\n                    <button @click=\"openModal('d50e114d-2e77-4455-a73f-51e13b58f479')\" class=\"flex w-full lg:w-auto justify-center text-center lg:text-left font-semibold py-3 rounded-xl px-[18px] bg-white border border-solid border-[#E3E7F6] hover:bg-[#E3E7F6] gap-1.5 transition-colors duration-300\">\n            Contactez nos experts          <\/button>\n                  <\/div>    \n      <\/div>\n        <\/div>\n\n    <!-- Single Modal Structure for ALL forms in Section 2 -->\n    <div x-show=\"activeModalFormId !== null\" x-cloak class=\"fixed inset-0 z-50\"\n    x-effect=\"document.body.style.overflow = activeModalFormId ? 'hidden' : ''\">\n    <div class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\" @click=\"closeModal()\"\n        x-transition:enter=\"transition ease-out duration-300\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\n        x-transition:leave=\"transition ease-in duration-300\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\"><\/div>\n\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n        <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\" @click.away=\"closeModal()\">\n            <div class=\"flex justify-end p-2\">\n                <button @click=\"closeModal()\" class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\">\n                    <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white rounded-b-lg\">\n              <!-- Conditionally render form titles based on form ID -->\n              <template x-if=\"activeModalFormId === '9f1c5339-0319-459f-b4bd-5e991944a408'\">\n              <div id=\"form-copy-1\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">T\u00e9l\u00e9charger gratuitement scanner pour SAP<\/div>\n                <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Obtenez gratuitement un aper\u00e7u instantan\u00e9 de la s\u00e9curit\u00e9 de votre syst\u00e8me SAP<\/div>\n              <\/div>\n              <\/template>\n              <template x-if=\"activeModalFormId !== '9f1c5339-0319-459f-b4bd-5e991944a408'\">\n              <div id=\"form-copy-2\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Parlons de la cybers\u00e9curit\u00e9 SAP<\/div>\n                <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Un expert en solutions Pathlock vous contactera sous peu.<\/div>\n              <\/div>\n              <\/template>\n              \n                                <div class=\"form-container\" x-show=\"activeModalFormId === '9f1c5339-0319-459f-b4bd-5e991944a408'\"\n                     id=\"modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c-9f1c5339-0319-459f-b4bd-5e991944a408\">\n                    <!-- HubSpot form for 9f1c5339-0319-459f-b4bd-5e991944a408 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['9f1c5339-0319-459f-b4bd-5e991944a408']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === '03e10772-16eb-4df7-95f7-41a5532b2681'\"\n                     id=\"modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c-03e10772-16eb-4df7-95f7-41a5532b2681\">\n                    <!-- HubSpot form for 03e10772-16eb-4df7-95f7-41a5532b2681 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['03e10772-16eb-4df7-95f7-41a5532b2681']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === '440bcfef-b39f-48c1-92ed-20ba67c5c3c6'\"\n                     id=\"modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c-440bcfef-b39f-48c1-92ed-20ba67c5c3c6\">\n                    <!-- HubSpot form for 440bcfef-b39f-48c1-92ed-20ba67c5c3c6 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['440bcfef-b39f-48c1-92ed-20ba67c5c3c6']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === 'b2809c7b-819b-458e-8684-d5de84f86f4e'\"\n                     id=\"modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c-b2809c7b-819b-458e-8684-d5de84f86f4e\">\n                    <!-- HubSpot form for b2809c7b-819b-458e-8684-d5de84f86f4e will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['b2809c7b-819b-458e-8684-d5de84f86f4e']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === 'd50e114d-2e77-4455-a73f-51e13b58f479'\"\n                     id=\"modal-form-container-s2-block_1441d3cbc0c41730cd4f7954e164d46c-d50e114d-2e77-4455-a73f-51e13b58f479\">\n                    <!-- HubSpot form for d50e114d-2e77-4455-a73f-51e13b58f479 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['d50e114d-2e77-4455-a73f-51e13b58f479']\">Loading form&#8230;<\/p>\n                  <\/div>\n                          <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/section>\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        .active-tab {\n            box-shadow: 0 4px 38px #1018590d;\n        }\n    }\n<\/style>\n\n<section class=\"py-8 lg:py-12 scroll-mt-28\" id=\"ce-qui-est-inclus\">\n    <div class=\"container mx-auto max-w-[1024px] px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                    <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Ce qui est inclus<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">D\u00e9couvrez les modules principaux de la cybers\u00e9curit\u00e9 SAP de Pathlock<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px] mt-4 lg:mt-5\">\n                        Prot\u00e9gez votre environnement SAP, du d\u00e9veloppement au d\u00e9ploiement. Pathlock combine une att\u00e9nuation proactive des risques avec une d\u00e9tection et une r\u00e9ponse en temps r\u00e9el aux menaces afin de prot\u00e9ger vos donn\u00e9es sensibles.                    <\/div>\n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('6')\" x-init=\"init()\">\n                <div class=\"flex mx-auto justify-center\">\n                    <div>\n                        <!-- Mobile Dropdown -->\n                        <div class=\"block lg:hidden bg-white rounded-lg\">\n                            <select x-on:change=\"setActiveTab(parseInt($el.value))\" class=\"rounded-lg mb-6 py-3 rtl:pr-8 px-4 pe-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                    <option value=\"1\">Vulnerability <br>Management<\/option>\n                                                                    <option value=\"2\">Code <br>Scanning<\/option>\n                                                                    <option value=\"3\">Transport <br>Control<\/option>\n                                                                    <option value=\"4\">Threat <br>Detection<\/option>\n                                                                    <option value=\"5\">Application <br>Profiler<\/option>\n                                                                    <option value=\"6\">Dynamic Access Control<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Desktop Tabs -->\n                        <div style=\"box-shadow: 0px 12px 16px -4px rgba(15, 21, 86, 0.03);\" class=\"hidden lg:flex max-w-[1216px] min-w-[1216px] p-1.5 bg-white rounded-lg justify-around outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1.5\">\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 1 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 1 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 1 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 1 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 1 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(1)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 1 ? 'font-semibold' : 'font-medium'\">\n                      Vulnerability <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 2 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 2 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 2 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 2 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 2 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(2)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 2 ? 'font-semibold' : 'font-medium'\">\n                      Code <br>Scanning                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 3 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 3 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 3 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 3 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 3 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(3)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 3 ? 'font-semibold' : 'font-medium'\">\n                      Transport <br>Control                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 4 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 4 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 4 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 4 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 4 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(4)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 4 ? 'font-semibold' : 'font-medium'\">\n                      Threat <br>Detection                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 5 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 5 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 5 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 5 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 5 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(5)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 5 ? 'font-semibold' : 'font-medium'\">\n                      Application <br>Profiler                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 6 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 6 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 6 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 6 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 6 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 6 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 6 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(6)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 6 ? 'font-semibold' : 'font-medium'\">\n                      Dynamic Access Control                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Tab Content -->\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 1\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Corrigez les correctifs manquants et les vuln\u00e9rabilit\u00e9s                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Automatisez les campagnes d\u2019analyse et d\u2019audit des vuln\u00e9rabilit\u00e9s gr\u00e2ce \u00e0 plus de 4 000 contr\u00f4les personnalisables pr\u00eats \u00e0 l\u2019emploi. Le module hi\u00e9rarchise les correctifs les plus critiques pour l\u2019environnement unique de votre organisation.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez les efforts manuels et la complexit\u00e9                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Mettez en place des processus de s\u00e9curit\u00e9 proactifs                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez au minimum les temps d\u2019arr\u00eat co\u00fbteux du syst\u00e8me                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible en \u00e9ditions <a href=\"#editions-pricing\">Essentiel<\/a>, <a href=\"#editions-pricing\">Professionnel <\/a>et <a href=\"#editions-pricing\">Avanc\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas1\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_vulnerability_management_2.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 2\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Testez et s\u00e9curisez votre code personnalis\u00e9                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Identifiez automatiquement les failles de s\u00e9curit\u00e9 dans votre code ABAP et UI5 personnalis\u00e9. Tirez parti de plus de 150 contr\u00f4les pr\u00eats \u00e0 l\u2019emploi et personnalisables pour s\u00e9curiser votre code, qu\u2019il soit encore en cours de d\u00e9veloppement ou d\u00e9j\u00e0 en production.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u00c9liminez le besoin de scanner manuellement les codes                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Renforcez la s\u00e9curit\u00e9 proactive en identifiant rapidement les vuln\u00e9rabilit\u00e9s                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez au minimum les temps d\u2019arr\u00eat co\u00fbteux du syst\u00e8me                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible en \u00e9ditions <a href=\"#editions-pricing\">Essentiel<\/a>, <a href=\"#editions-pricing\">Professionnel <\/a>et <a href=\"#editions-pricing\">Avanc\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas2\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_code_scanning_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 3\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          S\u00e9curisez vos processus de gestion des changements SAP                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Surveillez en permanence et bloquez les transports contenant des objets critiques ou pr\u00e9sentant d\u2019autres failles de s\u00e9curit\u00e9. Avec plus de 70 contr\u00f4les pr\u00eats \u00e0 l\u2019emploi, ce module vous aide \u00e0 s\u00e9curiser vos processus de gestion des modifications SAP.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Migrations S\/4HANA s\u00e9curis\u00e9es                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Gagnez du temps et de l\u2019argent en corrigeant les probl\u00e8mes d\u00e8s leur apparition                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u00c9liminez les retards de transport                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible en \u00e9ditions <a href=\"#editions-pricing\">Professionnel <\/a>et <a href=\"#editions-pricing\">Avanc\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas3\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_transport_control.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 4\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          D\u00e9tectez et r\u00e9pondez aux menaces \u00e0 grande \u00e9chelle                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Assurez une r\u00e9ponse rapide et \u00e9clair\u00e9e aux menaces internes et externes. En analysant plus de 70 sources de journaux par rapport \u00e0 plus de 1 500 signatures de d\u00e9tection des menaces, ce module vous alerte m\u00eame en cas de menaces les plus complexes.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez le temps de r\u00e9ponse aux menaces jusqu\u2019\u00e0 80 %                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez le bruit des journaux et les faux positifs jusqu\u2019\u00e0 60 %                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Transmettez les \u00e9v\u00e9nements li\u00e9s aux menaces aux syst\u00e8mes SIEM et les int\u00e9grer \u00e0 ceux-ci                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible en \u00e9ditions <a href=\"#editions-pricing\">Professionnel <\/a>et <a href=\"#editions-pricing\">Avanc\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas4\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_threat_detection.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 5\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Atteignez la conformit\u00e9 \u00ab Confiance z\u00e9ro \u00bb dans les applications personnalis\u00e9es                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Comprenez rapidement le d\u00e9roulement technique complet des transactions clients dans les applications personnalis\u00e9es et identifiez les probl\u00e8mes de conformit\u00e9. Suivez en permanence les modifications apport\u00e9es au code et informez les approbateurs d\u00e8s qu\u2019elles surviennent.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Am\u00e9liorez la transparence dans les applications personnalis\u00e9es                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                D\u00e9l\u00e9guez les autorisations aux \u00e9quipes charg\u00e9es de la s\u00e9curit\u00e9 et de la conformit\u00e9                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Conservez une trace v\u00e9rifiable de toutes les modifications                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible dans l\u2019\u00e9dition <a href=\"#editions-pricing\">Avanc\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas5\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_application_profiler_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 6\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          S\u00e9curisez les donn\u00e9es sensibles dans votre SAP                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Masquez les donn\u00e9es sensibles, brouillez les donn\u00e9es de test r\u00e9pliqu\u00e9es, emp\u00eachez la transmission ou le t\u00e9l\u00e9chargement non autoris\u00e9 d\u2019informations sensibles et g\u00e9rez de mani\u00e8re dynamique l\u2019acc\u00e8s aux transactions en fonction des donn\u00e9es et des attributs des utilisateurs.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u00c9liminez l\u2019explosion des r\u00f4les                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                R\u00e9duisez au minimum les efforts de role management                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Simplifiez la conformit\u00e9 et automatisez les rapports d\u2019audit                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Disponible en \u00e9dition <a href=\"#editions-pricing\">Personnalis\u00e9<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas6\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_dac.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent() {\n        return {\n            selectedTab: 1,\n            progress: 0,\n            riveInstances: {},\n            interval: null,\n            progressInterval: null,\n            intervalDuration: 12000,\n            lastAutoChangeTab: 1,\n            isHoverPaused: false,\n            elapsedTime: 0,\n            isDesktop: false,\n            totalTabs: 0,\n            isRTL: document.dir === 'rtl' || document.documentElement.dir === 'rtl',\n\n            checkScreenSize() {\n                this.isDesktop = window.innerWidth >= 1024;\n            },\n\n            getProgressBackground(progress) {\n                \/\/ RTL-aware progress bar background\n                if (this.isRTL) {\n                    return `background: linear-gradient(to left, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n                }\n                return `background: linear-gradient(to right, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n            },\n\n            setActiveTab(tabId) {\n                this.selectedTab = tabId;\n                this.lastAutoChangeTab = tabId;\n                this.resetProgressBar();\n\n                if (this.isDesktop) {\n                    this.pauseOnHover();\n                }\n\n                this.$nextTick(() => {\n                    this.initializeRiveForTab(tabId);\n                    this.resizeRiveCanvas();\n                });\n            },\n\n            updateProgress(value) {\n                this.progress = value;\n            },\n\n            pauseOnHover() {\n                if (!this.isDesktop) return;\n\n                if (!this.isHoverPaused) {\n                    this.isHoverPaused = true;\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                }\n            },\n\n            resumeOnHover() {\n                if (!this.isDesktop) return;\n\n                if (this.isHoverPaused) {\n                    this.isHoverPaused = false;\n                    this.startProgressUpdate(this.elapsedTime);\n                    this.startAutoChange();\n                }\n            },\n\n            resetInterval() {\n                if (!this.isDesktop) return;\n\n                clearInterval(this.interval);\n                clearInterval(this.progressInterval);\n                this.progress = 0;\n                this.elapsedTime = 0;\n                this.startAutoChange();\n                this.startProgressUpdate();\n            },\n\n            startAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n\n                const remainingTime = this.intervalDuration - this.elapsedTime;\n\n                this.interval = setTimeout(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n\n                    this.startRegularAutoChange();\n                }, remainingTime);\n            },\n\n            startRegularAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n                this.interval = setInterval(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n                }, this.intervalDuration);\n            },\n\n            startProgressUpdate(startTime = 0) {\n                if (!this.isDesktop) return;\n\n                this.elapsedTime = startTime;\n                const step = 50;\n\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n\n                this.progressInterval = setInterval(() => {\n                    this.elapsedTime += step;\n                    this.updateProgress((this.elapsedTime \/ this.intervalDuration) * 100);\n\n                    if (this.elapsedTime >= this.intervalDuration) {\n                        this.elapsedTime = 0;\n                        this.updateProgress(0);\n                    }\n                }, step);\n            },\n\n            pauseActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].pause();\n                    } catch(e) {\n                        console.log('Pause not available for this Rive instance');\n                    }\n                }\n            },\n\n            resumeActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].play();\n                    } catch(e) {\n                        console.log('Play not available for this Rive instance');\n                    }\n                }\n            },\n\n            initializeRiveForTab(tabId) {\n                const canvas = this.$refs[`riveCanvas${tabId}`];\n                if (!canvas) return;\n\n                if (this.riveInstances[tabId]) {\n                    try {\n                        this.riveInstances[tabId].stop();\n                        this.riveInstances[tabId].cleanup();\n                    } catch(e) {}\n                }\n\n                const src = canvas.dataset.src;\n                if (!src) return;\n\n                if (canvas.parentElement) {\n                    const container = canvas.parentElement;\n                    canvas.width = container.clientWidth;\n                    canvas.height = container.clientHeight;\n                }\n\n                \/\/  ArrayBuffer insted src to fix console error loading file; may be corrupted\n                fetch(src)\n                    .then(res => {\n                        if (!res.ok) throw new Error(`Failed to fetch .riv: ${res.status}`);\n                        return res.arrayBuffer();\n                    })\n                    .then(buffer => {\n                        this.riveInstances[tabId] = new rive.Rive({\n                            buffer: buffer,\n                            canvas: canvas,\n                            autoplay: true,\n                            onLoad: () => {\n                                this.riveInstances[tabId].resizeDrawingSurfaceToCanvas();\n                            },\n                            onError: (error) => {\n                                console.error(`Rive error for tab ${tabId}:`, error);\n                            },\n                        });\n                    })\n                    .catch(err => {\n                        console.error(`Error loading .riv for tab ${tabId}:`, err);\n                    });\n            },\n\n            resizeRiveCanvas() {\n                setTimeout(() => {\n                    const activeCanvas = this.$refs[`riveCanvas${this.selectedTab}`];\n                    if (activeCanvas && this.riveInstances[this.selectedTab]) {\n                        const container = activeCanvas.parentElement;\n                        const containerWidth = container.clientWidth;\n                        const containerHeight = container.clientHeight;\n\n                        activeCanvas.width = containerWidth;\n                        activeCanvas.height = containerHeight;\n\n                        try {\n                            this.riveInstances[this.selectedTab].resizeDrawingSurfaceToCanvas();\n                        } catch(e) {\n                            console.log('Error resizing Rive canvas:', e);\n                        }\n                    }\n                }, 10);\n            },\n\n            countTotalTabs() {\n                let count = 0;\n                for (let i = 1; ; i++) {\n                    const canvas = this.$refs[`riveCanvas${i}`];\n                    if (!canvas) break;\n                    count++;\n                }\n                this.totalTabs = count;\n                return count;\n            },\n\n            initPlayers() {\n                setTimeout(() => {\n                    this.countTotalTabs();\n\n                    if (this.totalTabs > 0) {\n                        this.selectedTab = 1;\n                        this.lastAutoChangeTab = 1;\n\n                        this.initializeRiveForTab(1);\n\n                        if (this.isDesktop) {\n                            this.startRegularAutoChange();\n                            this.startProgressUpdate();\n                        }\n                    } else {\n                        console.warn(\"No Rive animations found.\");\n                    }\n                }, 50);\n            },\n\n            resetProgressBar() {\n                if (!this.isDesktop) {\n                    this.progress = 0;\n                    return;\n                }\n\n                this.elapsedTime = 0;\n                this.updateProgress(0);\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n                this.startProgressUpdate();\n            },\n\n            handleResize() {\n                const wasDesktop = this.isDesktop;\n                this.checkScreenSize();\n\n                if (!wasDesktop && this.isDesktop) {\n                    this.startRegularAutoChange();\n                    this.startProgressUpdate();\n                } else if (wasDesktop && !this.isDesktop) {\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    this.progress = 0;\n                    this.elapsedTime = 0;\n                    this.isHoverPaused = false;\n                }\n\n                this.resizeRiveCanvas();\n            },\n\n            init() {\n                this.$nextTick(() => {\n                    this.checkScreenSize();\n                    this.initPlayers();\n\n                    window.addEventListener('resize', () => {\n                        this.handleResize();\n                    });\n                });\n            }\n        };\n    }\n<\/script>\n\n\n\n\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n\n<section id=\"centre-de-demonstration\"\n         class=\"bg-white py-8 lg:py-12 scroll-mt-28 mb-4 lg:mb-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">CENTRE DE D\u00c9MONSTRATION<\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Voir Pathlock en action<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        D\u00e9couvrez une exp\u00e9rience produit enti\u00e8rement autoguid\u00e9e, dans votre navigateur, sans d\u00e9ploiement requis <b>et selon vos propres conditions.<\/b>                    <\/div>\n                \n\n                                    <div class=\"flex w-full flex-wrap md:gap-x-8 gap-y-[48px] mt-12 lg:mt-16 justify-center items-stretch\"\n                         id=\"demo-cards-container\">\n\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-11.png\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Automatisez l\u2019analyse des vuln\u00e9rabilit\u00e9s et hi\u00e9rarchisez les correctifs<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">D\u00e9couvrez comment Pathlock d\u00e9tecte automatiquement les failles de s\u00e9curit\u00e9 dans votre syst\u00e8me SAP et vous guide tout au long du processus de rem\u00e9diation.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/browser-tours\/pathlock-vulnerability-management-sap-erp\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Visite guid\u00e9e<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Identify-Security-Gaps-Within-Custom-ABAP-Code_0000.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Identifiez les failles de s\u00e9curit\u00e9 dans le code ABAP personnalis\u00e9<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">D\u00e9couvrez comment Pathlock vous aide \u00e0 d\u00e9tecter les vuln\u00e9rabilit\u00e9s dans le code personnalis\u00e9 et \u00e0 am\u00e9liorer la s\u00e9curit\u00e9 des applications.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/browser-tours\/pathlock-code-scanning-sap-erp\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Visite guid\u00e9e<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Dynamically-Control-and-Secure-Access-to-SAP-Data_0000.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Contr\u00f4lez et s\u00e9curisez de mani\u00e8re dynamique l\u2019acc\u00e8s aux donn\u00e9es SAP<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Masquez, brouillez et emp\u00eachez tout acc\u00e8s non autoris\u00e9 aux donn\u00e9es afin de r\u00e9duire le risque de violations dans votre SAP.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/browser-tours\/pathlock-dynamic-access-controls\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Visite guid\u00e9e<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo3\"\n                                                    data-videoId=\"bi3urlvj3x\"\n                                                    onclick=\"openModal('bi3urlvj3x')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">D\u00e9mo vid\u00e9o<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/image-10.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">D\u00e9tecter et r\u00e9pondre aux menaces \u00e0 grande \u00e9chelle<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">D\u00e9couvrez comment Pathlock vous aide \u00e0 obtenir une visibilit\u00e9 en temps r\u00e9el sur les activit\u00e9s suspectes et \u00e0 acc\u00e9l\u00e9rer la r\u00e9ponse aux incidents qui menacent votre s\u00e9curit\u00e9 SAP.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/browser-tours\/threat-detection\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Visite guid\u00e9e<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"modal\" class=\"fixed inset-0 z-50 hidden\">\n        <div\n                id=\"modal-backdrop\"\n                class=\"fixed  z-10 inset-0 bg-[#0f1556] bg-opacity-60 transition-opacity duration-300 opacity-0\"><\/div>\n\n        <div class=\"fixed inset-0 max-w-[1000px] mx-auto z-20 flex items-center justify-center p-4\">\n            <div\n                    id=\"modal-content\"\n                    class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative transform scale-90 opacity-0 transition-all duration-300\">\n\n                <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                    <button\n                            id=\"close-modal\"\n                            onclick=\"closeModal()\"\n                            aria-label=\"Close modal\"\n                            class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\">\n                        <svg\n                                class=\"h-4 w-4\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    stroke-width=\"2\"\n                                    d=\"M6 18L18 6M6 6l12 12\"><\/path>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n                <div class=\"p-4 pt-0\">\n                    <div id=\"wistia-video-container\" class=\"w-full aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n    const modalOverlay = document.getElementById('modal-backdrop');\n\n    modalOverlay.addEventListener('click', function (event) {\n\n        closeModal();\n    });\n\n    function animateModalOpen(modalBackdrop, modalContent) {\n        modalBackdrop.style.opacity = '1';\n        modalContent.style.opacity = '1';\n        modalContent.style.transform = 'scale(1)';\n    }\n\n    function openModal(mediaId) {\n        document.body.classList.add('modal-open');\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modal.classList.remove('hidden');\n        createWistiaVideo(mediaId);\n\n\n        setTimeout(() => animateModalOpen(modalBackdrop, modalContent), 300);\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modalBackdrop.style.opacity = '0';\n        modalContent.style.opacity = '0';\n        modalContent.style.transform = 'scale(0.9)';\n\n        setTimeout(() => {\n            modal.classList.add('hidden');\n        }, 300);\n        document.body.classList.remove('modal-open');\n    }\n\n    document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') {\n            closeModal();\n        }\n    });\n\n    function createWistiaVideo(mediaId) {\n\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n            container.innerHTML = '';\n\n\n            const videoDiv = document.createElement('div');\n            videoDiv.className = 'wistia_embed wistia_async_' + mediaId;\n            videoDiv.style.height = '100%';\n            videoDiv.style.width = '100%';\n            container.appendChild(videoDiv);\n\n            \/\/ Initialize Wistia\n            window._wq = window._wq || [];\n            window._wq.push({\n                id: mediaId,\n                onReady: (video) => {\n                    this.wistiaEmbed = video;\n                    video.play();\n                }\n            });\n\n\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', function () {\n        const hash = window.location.hash.substring(1);\n        \n        if (!hash) return;\n\n        const anchor = document.getElementById(hash);\n\n        if (anchor) {\n            const videoId = anchor.getAttribute('data-videoId');\n\n            setTimeout(() => {\n                anchor.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center'\n                });\n            }, 100);\n\n            if (videoId) {\n                setTimeout(() => {\n                    openModal(videoId);\n                }, 500);\n            }\n\n        }\n    });\n\n    \/\/ Function to equalize card heights\n    function equalizeCardHeights() {\n        const container = document.getElementById('demo-cards-container');\n        if (!container) return;\n\n        const cards = container.querySelectorAll('.demo-card');\n        if (cards.length === 0) return;\n\n        \/\/ Reset heights first\n        cards.forEach(card => {\n            card.style.height = 'auto';\n        });\n\n        \/\/ Group cards by rows\n        const rows = [];\n        let currentRow = [];\n        let currentTop = null;\n\n        cards.forEach((card, index) => {\n            const rect = card.getBoundingClientRect();\n            const cardTop = rect.top;\n\n            if (currentTop === null || Math.abs(cardTop - currentTop) < 10) {\n                \/\/ Same row\n                currentRow.push(card);\n                currentTop = cardTop;\n            } else {\n                \/\/ New row\n                if (currentRow.length > 0) {\n                    rows.push(currentRow);\n                }\n                currentRow = [card];\n                currentTop = cardTop;\n            }\n\n            \/\/ Add last row\n            if (index === cards.length - 1) {\n                rows.push(currentRow);\n            }\n        });\n\n        \/\/ Equalize heights within each row\n        rows.forEach(row => {\n            let maxHeight = 0;\n            row.forEach(card => {\n                const height = card.offsetHeight;\n                if (height > maxHeight) {\n                    maxHeight = height;\n                }\n            });\n\n            row.forEach(card => {\n                card.style.height = maxHeight + 'px';\n            });\n        });\n    }\n\n    \/\/ Run on load and resize\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Equalize card heights\n        equalizeCardHeights();\n\n        \/\/ Run again after images load\n        const images = document.querySelectorAll('.demo-card img');\n        let loadedImages = 0;\n        images.forEach(img => {\n            if (img.complete) {\n                loadedImages++;\n            } else {\n                img.addEventListener('load', () => {\n                    loadedImages++;\n                    if (loadedImages === images.length) {\n                        equalizeCardHeights();\n                    }\n                });\n            }\n        });\n\n        if (loadedImages === images.length) {\n            equalizeCardHeights();\n        }\n\n        \/\/ Handle window resize\n        let resizeTimeout;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(() => {\n                equalizeCardHeights();\n            }, 250);\n        });\n\n        \/\/ Existing toggle functionality\n        const toggleButtons = document.querySelectorAll('.button__toggle, .card__title');\n\n        toggleButtons.forEach(button => {\n            button.addEventListener('click', function () {\n\n                if (window.innerWidth >= 864) {\n                    return;\n                }\n\n                const cardInnerContainer = button.closest('.card__inner-container');\n                const textContainer = cardInnerContainer?.querySelector('.card-vgt__text-container');\n                const cardVgt = button.closest('.card-vgt');\n                const currentHeight = cardInnerContainer.offsetHeight;\n\n\n                const closeIcon = button.querySelector('.icon_toggle.close');\n                const openIcon = button.querySelector('.icon_toggle.open');\n\n                if (closeIcon && openIcon) {\n                    closeIcon.classList.toggle('hidden');\n                    openIcon.classList.toggle('hidden');\n                }\n\n                if (cardInnerContainer) {\n                    if (cardInnerContainer.style.maxHeight === '600px') {\n                        cardInnerContainer.style.maxHeight = '';\n                    } else {\n                        cardInnerContainer.style.maxHeight = '600px';\n                    }\n                }\n\n                const newHeight = cardInnerContainer.offsetHeight;\n                const heightDifference = newHeight - currentHeight;\n                const currentMarginBottom = parseFloat(window.getComputedStyle(cardVgt).marginBottom);\n                const newMarginBottom = currentMarginBottom + heightDifference;\n\n                if (textContainer) {\n                    textContainer.classList.toggle('desktop');\n                }\n                if (cardVgt) {\n                    if (newMarginBottom > currentMarginBottom) {\n                        cardVgt.style.marginBottom = `${newMarginBottom}px`;\n\n                    } else {\n                        cardVgt.style.marginBottom = '100px';\n                    }\n                }\n            });\n        });\n    });\n<\/script>\n\n\n\n  <section class=\"relative container mx-auto px-4 lg:px-8  my-8 lg:mt-12 mb-24\">\n  <div class=\"relative overflow-hidden  rounded-xl mx-auto inset-0 flex items-center justify-center container  text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/bg-svg-source.webp\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:w-[65%] flex flex-col items-center lg:items-start px-4 py-12 lg:p-16 h-full text-center lg:text-left lg:rtl:text-right\">\n      <div class=\"mb-8 h-6\">\n                    <img decoding=\"async\" class=\"no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/Auto-Layout-Horizontal.svg\" alt=\"\"\/>\n                <\/div>\n      <h2 class=\"text-[24px] leading-[32px] lg:text-[30px] lg:leading-[38px] font-medium mb-8 max-w-[615px]\">\u00ab La solution est parfaitement adapt\u00e9e aux clients SAP qui continuent d\u2019utiliser leurs solutions SAP sur site, ainsi qu\u2019aux clients disposant de S\/4HANA ou en cours de migration vers S\/4HANA. \u00bb\t<\/h2>\n      <div class=\"text-base font-semibold leading-normal\">Point de vue des dirigeants sur le rapport Cybersecurity Application Controls de Pathlock\t<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-12\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/fr\/resource\/kuppinger-cole-executive-view-pathlock-cybersecurity-application-controls\/\" rel=\"noopener\" target=\"_blank\">T\u00e9l\u00e9chargez le rapport complet (.PDF)        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"z-10 hidden lg:flex justify-center align-center lg:w-[40%] px-4 py-12 lg:p-16 \">\n      <img decoding=\"async\" class=\"no-override z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/KC-report-image.png\"  alt=\"\"\/>\n    <\/div>\n  <\/div>\n<\/section> \n         ","protected":false},"featured_media":41688,"parent":0,"template":"","categories":[],"products_type":[],"class_list":["post-41691","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Contr\u00f4les de Cybers\u00e9curit\u00e9 SAP | Pathlock<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SAP Cybersecurity Controls | Pathlock\" \/>\n<meta property=\"og:description\" content=\"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T10:41:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"SAP Cybersecurity Controls | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/\",\"name\":\"Contr\u00f4les de Cybers\u00e9curit\u00e9 SAP | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"datePublished\":\"2023-08-26T05:27:25+00:00\",\"dateModified\":\"2025-11-27T10:41:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/products\\\/cybersecurity-application-controls\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SAP Cybersecurity Controls\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"width\":460,\"height\":148,\"caption\":\"Pathlock, Inc\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/pathlock\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pathlock\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgo4izMJ70K4gnyWQ_mP-OA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contr\u00f4les de Cybers\u00e9curit\u00e9 SAP | Pathlock","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/","og_locale":"fr_FR","og_type":"article","og_title":"SAP Cybersecurity Controls | Pathlock","og_description":"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.","og_url":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/","og_site_name":"Pathlock","article_modified_time":"2025-11-27T10:41:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"SAP Cybersecurity Controls | Pathlock","twitter_description":"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.","twitter_site":"@pathlock","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/","url":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/","name":"Contr\u00f4les de Cybers\u00e9curit\u00e9 SAP | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/#primaryimage"},"image":{"@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","datePublished":"2023-08-26T05:27:25+00:00","dateModified":"2025-11-27T10:41:25+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/#primaryimage","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/fr\/"},{"@type":"ListItem","position":2,"name":"SAP Cybersecurity Controls"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/fr\/#website","url":"https:\/\/pathlock.com\/fr\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/fr\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/pathlock.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","width":460,"height":148,"caption":"Pathlock, Inc"},"image":{"@id":"https:\/\/pathlock.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/pathlock","https:\/\/www.linkedin.com\/company\/pathlock","https:\/\/www.youtube.com\/channel\/UCgo4izMJ70K4gnyWQ_mP-OA"]}]}},"ACF":false,"_links":{"self":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/products\/41691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/types\/products"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/media\/41688"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/media?parent=41691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/categories?post=41691"},{"taxonomy":"products_type","embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/products_type?post=41691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}