{"id":44574,"date":"2024-10-31T14:18:44","date_gmt":"2024-10-31T18:18:44","guid":{"rendered":"https:\/\/pathlock.com\/the-leader-in-application-security-and-controls-automation\/"},"modified":"2026-05-19T07:52:20","modified_gmt":"2026-05-19T11:52:20","slug":"the-leader-in-application-security-and-controls-automation","status":"publish","type":"page","link":"https:\/\/pathlock.com\/pt\/","title":{"rendered":"Compliance-Centric Identity Governance"},"content":{"rendered":"\n<section aria-labelledby=\"hero-heading\">\n    <div class=\"relative lg:py-24 py-12\">\n        <div class=\"absolute inset-0 -z-10\">\n\n            <video class=\"w-full h-full object-cover\"\n                   autoplay loop muted playsinline\n                   preload=\"metadata\"\n                   aria-hidden=\"true\"\n                   tabindex=\"-1\"\n                poster=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/hero_video_cover.avif\">\n                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.webm\" type=\"video\/webm\" fetchpriority=\"high\">\n                                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.mp4\" type=\"video\/mp4\" fetchpriority=\"high\">\n                            <\/video>\n        <\/div>\n\n        <div class=\"container pt-[80px] mx-auto lg:px-8 px-4 text-center\">\n\n            <h1 id=\"hero-heading\"\n                class=\"text-white lg:text-7xl text-4xl font-semibold lg:leading-[90px] leading-10\">\n                Governan\u00e7a de Identidades e<br> Acessos Pronta para Auditoria             <\/h1>\n\n\n            <div class=\"lg:mt-6 mt-4 text-[#EAF3FF] lg:text-xl text-sm lg:leading-8 leading-5\">\n                Proteja e governe <b class=\"text-white\">identidades humanas e n\u00e3o humanas<\/b>em sistemas ERP <span class=\"sm:block inline\">e aplica\u00e7\u00f5es cr\u00edticas de neg\u00f3cios - tudo em uma \u00fanica plataforma<b class=\"text-white\">nativa de IA<\/b>.<\/span>            <\/div>\n\n            <div class=\"flex flex-wrap sm:gap-5 gap-3 items-center justify-center lg:mt-12 mt-8\">\n\n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg justify-center items-center bg-[#24B770] hover:bg-[#148752] transition-colors duration-300 px-[18px] py-3 text-white text-base font-semibold leading-6 focus:outline-2 focus:outline-white focus:outline-offset-2\"\n                       href=\"\/pt\/contact\/\"\n                       data-cta=\"primary\">\n                        Agendar Demonstra\u00e7\u00e3o                    <\/a>\n                \n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg outline outline-1 overflow-hidden outline-offset-[-1px] outline-[#E3E7F6] justify-center items-center px-[18px] py-3 gap-2 stroke-white text-white text-base font-semibold leading-6 transition-colors duration-300 hover:bg-white hover:text-[#0F1556] hover:stroke-[#0F1556] focus:outline-2 focus:outline-white focus:outline-offset-2 group\"\n                       href=\"\/pt\/browser-tours\/main-pathlock-cloud\/\"\n                       data-cta=\"secondary\">\n                        Iniciar Tour no Navegador                        <span class=\"group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 rtl:rotate-180 transition ease-in-out duration-300\" aria-hidden=\"true\">\n\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                 aria-hidden=\"true\"\n                                 focusable=\"false\">\n                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                      stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/a>\n                \n            <\/div>\n        <\/div>\n\n                    <div class=\"lg:pt-24 pt-12 text-center max-w-[1920px] mx-auto\">\n\n                <div class=\"container mx-auto lg:px-8 px-4\">\n                    <div class=\"text-[#F5F6FC] text-base uppercase leading-6\">\n                        Confiado por Mais de 1.400 Clientes                    <\/div>\n                <\/div>\n\n\n                <div class=\"logo-slider-wrapper mx-auto mt-8\"\n                     role=\"region\"\n                     aria-label=\"Trusted by\">\n                    <div class=\"logo-slider-track ltr\"\n                         aria-hidden=\"true\">\n                                                        <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                <\/div>\n                    <ul class=\"sr-only\">\n                                                    <li>Aramco<\/li>\n                                                    <li>P&amp;G<\/li>\n                                                    <li>Jabil<\/li>\n                                                    <li>Chevron<\/li>\n                                                    <li>Toyota<\/li>\n                                                    <li>Siemens<\/li>\n                                                    <li>Microsoft<\/li>\n                                                    <li>Electrolux<\/li>\n                                                    <li>University of California<\/li>\n                                                    <li>Linde<\/li>\n                                            <\/ul>\n                <\/div>\n\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n    .logo-slider-wrapper {\n        overflow: hidden;\n        -webkit-user-select: none;\n        user-select: none;\n        -webkit-mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n        mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n    }\n\n    .logo-slider-track {\n        display: flex;\n        gap: 0;\n        width: max-content;\n        will-change: transform;\n    }\n\n    .logo-slider-track.ltr {\n        animation: logo-scroll-ltr 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-ltr {\n        from { transform: translateX(0); }\n        to   { transform: translateX(-33.333%); }\n    }\n\n    .logo-slider-track.rtl {\n        animation: logo-scroll-rtl 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-rtl {\n        from { transform: translateX(0); }\n        to   { transform: translateX(33.333%); }\n    }\n\n    .logo-slide {\n        flex-shrink: 0;\n        padding: 0 3rem;\n        display: flex;\n        align-items: center;\n    }\n\n    .logo-slide svg {\n        fill: currentColor;\n        color: white;\n    }\n\n    .logo-slider-wrapper:hover .logo-slider-track {\n        animation-play-state: paused;\n    }\n\n    @media (max-width: 768px) {\n        .logo-slide {\n            padding: 0 1.5rem;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .logo-slider-track {\n            animation: none;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n\n        <!-- Header Section -->\n        <div class=\"w-full text-center lg:text-left lg:rtl:text-right flex flex-col items-start gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                            <p class=\"text-[#148752] text-sm w-full lg:text-base font-bold uppercase leading-8 tracking-wider\">\n                    PLATAFORMA DE GOVERNAN\u00c7A PARA A ERA DA IA                <\/p>\n            \n                            <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n                    Onde Governan\u00e7a de Identidades, <br> Controles de Aplicativos e Auditoria Convergem                <\/h2>\n                    <\/div>\n\n        <!-- Main Content Area: Accordion + Image\/Video Widget -->\n        <div class=\"w-full flex flex-col lg:flex-row gap-8 items-start gov-platform-container\" data-total=\"4\">\n\n            <!-- Left Side: Accordion -->\n            <div class=\"w-full lg:w-[55%] flex flex-col relative lg:h-[800px] overflow-hidden\">\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"0\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Identidade e Governan\u00e7a de Acesso                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 rotate-180 text-[#0F1556]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: none; opacity: 1; padding-bottom: 2rem;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>\u00c0 medida que as identidades crescem em escala, processos manuais geram risco e inefici\u00eancia. Automatize processos essenciais de <a href=\"https:\/\/pathlock.com\/pt\/initiative\/modernize-iga\/\">governan\u00e7a de identidade<\/a>, incluindo:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/compliant-provisioning\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant_provisioning.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Provisionamento em conformidade                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatize o onboarding e offboarding de colaboradores (Joiner\/Mover\/Leaver).                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/compliant-provisioning\/#interface-de-usuario-intuitiva-e-moderna\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/encrypted_add.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Solicita\u00e7\u00f5es de Acesso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Portal de autoatendimento para que os usu\u00e1rios solicitem facilmente as aplicativos de que precisam.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/user-access-review-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access_certifications.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Certifica\u00e7\u00e3o de Acesso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatize revis\u00f5es de acesso por gestores para facilitar a aprova\u00e7\u00e3o em auditorias.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/role_management.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gerenciamento de Fun\u00e7\u00f5es                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Agrupe e atribua permiss\u00f5es automaticamente com base no cargo do usu\u00e1rio.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"1\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                GRC de Aplica\u00e7\u00f5es                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Lacunas de <a href=\"https:\/\/pathlock.com\/pt\/products\/application-access-governance\/\">governan\u00e7a<\/a> geram riscos. Elimine essas lacunas antes que levem a fraudes, falhas de controle ou achados de auditoria, automatizando:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/sap-access-risk-analysis\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sod.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Segrega\u00e7\u00e3o de Fun\u00e7\u00f5es (SoD)                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifique e bloqueie combina\u00e7\u00f5es de acesso t\u00f3xicas e de alto risco.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/elevated-access-management-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/emergency_access.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Acesso de Emerg\u00eancia                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Acesso \u201cbreak-glass\u201d seguro e totalmente rastreado para administradores.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/dynamic-access-control\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dac.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Controle de acesso din\u00e2mico                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Mascare dados condicionalmente ou bloqueie transa\u00e7\u00f5es sens\u00edveis em tempo real.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/entitlement_design.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Design de Direito de Acesso                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Crie e teste fun\u00e7\u00f5es seguras e em conformidade para seus aplicativos ERP.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"2\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Auditoria e Garantia                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Uma coisa \u00e9 implementar controles &#8211; outra \u00e9 provar que eles funcionam. A Pathlock automatiza processos de <a href=\"https:\/\/pathlock.com\/pt\/products\/continuous-controls-monitoring\/\">auditoria e garantia<\/a>, incluindo:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ccm.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Monitoramento Cont\u00ednuo de Controles                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Alertas em tempo real no momento em que uma regra de conformidade ou pol\u00edtica de TI \u00e9 violada.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/enriched_transaction.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Monitoramento de Transa\u00e7\u00f5es Aprimorado                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Analise transa\u00e7\u00f5es financeiras com contexto adicional para identificar fraudes reais.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit_trails.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Trilhas de Auditoria                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Um registro inviol\u00e1vel que mostra exatamente quem alterou quais dados e quando.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/initiative\/audit-readiness\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit-_reporting.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Relat\u00f3rios de Auditoria                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Evid\u00eancias e relat\u00f3rios prontos para uso para entrega direta a auditores externos.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"3\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Ciberseguran\u00e7a para ERP                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Vulnerabilidades n\u00e3o corrigidas e amea\u00e7as ativas podem contornar controles de governan\u00e7a. A Pathlock <a href=\"https:\/\/pathlock.com\/pt\/products\/cybersecurity-application-controls\/\">protege sistemas ERP<\/a> por meio da automa\u00e7\u00e3o de:<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/vulnerability.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gerenciamento de Vulnerabilidades                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifique e corrija patches ausentes ou lacunas de seguran\u00e7a em sistemas cr\u00edticos de neg\u00f3cios.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/sap-threat-detection-tool-for-enterprise\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/threat_detection.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Detec\u00e7\u00e3o de Amea\u00e7as                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Monitoramento em tempo real para identificar e interromper ataques ativos em sistemas financeiros.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/pt\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/transport_control.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Controles de Transporte                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Evite que atualiza\u00e7\u00f5es de c\u00f3digo maliciosas ou com falhas avancem para produ\u00e7\u00e3o.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- Right Side: Sticky Media Widget -->\n            <div class=\"hidden lg:block w-full lg:w-[45%] sticky right-0 min-h-[500px] lg:h-[800px]\">\n                <div class=\"relative w-full h-[500px] lg:h-full rounded-xl overflow-hidden bg-[#0F1556]\">\n\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-100 z-10\" data-index=\"0\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Lee.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                         \"A Pathlock garantiu um <span class=\"text-[#B9D4FF]\">provisionamento<\/span> conforme e o <span class=\"text-[#B9D4FF]\">gerenciamento do ciclo de vida de identidades<\/span>\"                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            10x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Aumento de na Automa\u00e7\u00e3o de JML                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"1\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC1-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/JAbil.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cA Pathlock automatizou nossa <span class=\"text-[#B9D4FF]\">an\u00e1lise de SoD (Segregation of Duties \/ Segrega\u00e7\u00e3o de Fun\u00e7\u00f5es)<\/span>, simplificando a conformidade\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            7x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Resposta Mais R\u00e1pida a Viola\u00e7\u00f5es                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"2\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/csm.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cA Pathlock simplificou nossas auditorias SOX ao nos ajudar a <span class=\"text-[#B9D4FF]\">identificar conflitos reais de SoD (Segregation of Duties \/ Segrega\u00e7\u00e3o de Fun\u00e7\u00f5es)<\/span>\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            5x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Prepara\u00e7\u00e3o de Auditoria Mais R\u00e1pida                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"3\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u201cCom a Pathlock, agora podemos <span class=\"text-[#B9D4FF]\">investigar e responder<\/span> a eventos cr\u00edticos muito mais rapidamente\u201d                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            80%                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Redu\u00e7\u00e3o no Tempo M\u00e9dio de Detec\u00e7\u00e3o de Amea\u00e7as                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* Make links in accordion description underlined by default, remove underline on hover\/focus *\/\n    .gov-accordion-content .description a {\n        text-decoration: underline;\n    }\n    .gov-accordion-content .description a:hover,\n    .gov-accordion-content .description a:focus {\n        text-decoration: none;\n    }\n    \/*\n     * FIX: Instead of animating max-height from 0\u21921000px (which is slow for small content),\n     * we now set exact scrollHeight via JS. The CSS transition covers max-height + opacity + padding.\n     * transform: scale() on the title avoids layout reflow while giving a visual size change.\n     *\/\n    .gov-accordion-title {\n        display: inline-block;\n        transform-origin: left center;\n        transition: transform .22s ease, color .22s ease;\n        will-change: transform;\n    }\n    .gov-accordion-title.is-active {\n        transform: scale(1.15);\n    }\n<\/style>\n\n<script>\n\n        document.addEventListener('DOMContentLoaded', function () {\n        const container = document.querySelector('.gov-platform-container');\n        if (!container) return;\n\n        const total = parseInt(container.getAttribute('data-total')) || 0;\n\n        \/\/ FIX: guard against single-item edge case that caused infinite rotation loop\n        if (total <= 1) return;\n\n        const items       = container.querySelectorAll('.gov-accordion-item');\n        const mediaLayers = container.querySelectorAll('.gov-media-layer');\n\n        let currentActiveIndex = -1;\n        const rotateDelay = 10000; \/\/ ms per tab\n        let isInView      = false;\n\n        let rafId         = null;\n        let timeoutId     = null;\n        let startTime     = 0;\n        let remainingTime = rotateDelay;\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Accordion open\/close using exact scrollHeight\n        \/\/ FIX: replaces the old max-h-[1000px] Tailwind trick so the CSS\n        \/\/ transition animates from 0 \u2192 actual height (no sluggish overshoot).\n        \/\/ ------------------------------------------------------------------\n        function openContent(content) {\n            content.style.maxHeight  = content.scrollHeight + 'px';\n            content.style.opacity    = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ After transition ends, set to 'none' so content can resize freely\n            \/\/ (e.g. dynamic inner content, images loading)\n            content.addEventListener('transitionend', function onEnd() {\n                content.removeEventListener('transitionend', onEnd);\n                if (content.style.opacity === '1') {\n                    content.style.maxHeight = 'none';\n                }\n            });\n        }\n\n        function closeContent(content) {\n            \/\/ First lock the current height so the browser has something to animate from\n            content.style.maxHeight     = content.scrollHeight + 'px';\n            content.style.opacity       = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ Force reflow so the transition starts from the locked value\n            \/\/ eslint-disable-next-line no-unused-expressions\n            content.offsetHeight;\n\n            content.style.maxHeight     = '0px';\n            content.style.opacity       = '0';\n            content.style.paddingBottom = '0';\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Lazy video loader\n        \/\/ src lives in data-src at render time; this copies it over and plays.\n        \/\/ A simple array tracks already-loaded videos to avoid re-fetching.\n        \/\/ ------------------------------------------------------------------\n        var loadedVideos = [];\n\n        function loadVideo(layer) {\n            if (window.innerWidth < 1024) return;\n            var video = layer.querySelector('.gov-lazy-video');\n            if (!video || loadedVideos.indexOf(video) !== -1) return;\n\n            video.querySelectorAll('source[data-src]').forEach(function (source) {\n                source.src = source.getAttribute('data-src');\n                source.removeAttribute('data-src');\n            });\n\n            video.load();\n            video.play().catch(function () {\n                \/\/ Autoplay blocked by browser policy \u2014 silently ignore.\n            });\n\n            loadedVideos.push(video);\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Progress bar helpers\n        \/\/ ------------------------------------------------------------------\n        function resetProgressBars() {\n            items.forEach(function (item) {\n                const bar = item.querySelector('.gov-progress-bar');\n                if (bar) {\n                    bar.style.transition = 'none';\n                    bar.style.width      = '0%';\n                }\n            });\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ setActiveTab \u2014 purely visual; does NOT call startAutoRotation\n        \/\/ FIX: decoupled from rotation logic so the flow is explicit:\n        \/\/   click \u2192 setActiveTab \u2192 startAutoRotation (called from handler)\n        \/\/   auto  \u2192 setActiveTab (called from timer callback)\n        \/\/ ------------------------------------------------------------------\n        function setActiveTab(newIndex) {\n            if (newIndex === currentActiveIndex) return;\n\n            resetProgressBars();\n\n            items.forEach(function (item, idx) {\n                const title   = item.querySelector('.gov-accordion-title');\n                const icon    = item.querySelector('.gov-accordion-icon');\n                const content = item.querySelector('.gov-accordion-content');\n\n                if (idx === newIndex) {\n                    title.classList.add('is-active');\n                    title.classList.remove('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n                    title.classList.add('text-[#0F1556]', 'font-medium');\n\n                    \/\/ FIX: use remove\/add instead of classList.replace (replace silently\n                    \/\/ no-ops when the class isn't present, which can leave state inconsistent)\n                    icon.classList.remove('text-[#6E759F]');\n                    icon.classList.add('text-[#0F1556]', 'rotate-180');\n\n                    openContent(content);\n                } else {\n                    title.classList.remove('is-active', 'text-[#0F1556]', 'font-medium');\n                    title.classList.add('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n\n                    icon.classList.remove('text-[#0F1556]', 'rotate-180');\n                    icon.classList.add('text-[#6E759F]');\n\n                    closeContent(content);\n                }\n            });\n\n            \/\/ Crossfade media layer + lazy-load video for the incoming tab\n            mediaLayers.forEach(function (layer, idx) {\n                if (idx === newIndex) {\n                    layer.classList.remove('opacity-0', 'z-0');\n                    layer.classList.add('opacity-100', 'z-10');\n                    \/\/ Load video only when its layer becomes active\n                    loadVideo(layer);\n                } else {\n                    layer.classList.remove('opacity-100', 'z-10');\n                    layer.classList.add('opacity-0', 'z-0');\n                }\n            });\n\n            currentActiveIndex = newIndex;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Timer helpers\n        \/\/ ------------------------------------------------------------------\n        function clearTimers() {\n            if (rafId)     { cancelAnimationFrame(rafId); rafId     = null; }\n            if (timeoutId) { clearTimeout(timeoutId);     timeoutId = null; }\n        }\n\n        function startAutoRotation() {\n            clearTimers();\n\n            if (!remainingTime || remainingTime > rotateDelay) remainingTime = rotateDelay;\n\n            const activeItem       = items[currentActiveIndex];\n            const activeProgressBar = activeItem ? activeItem.querySelector('.gov-progress-bar') : null;\n\n            startTime = performance.now();\n\n            function frame(now) {\n                const elapsed    = now - startTime;\n                const percentage = Math.min(elapsed \/ remainingTime, 1);\n                if (activeProgressBar) activeProgressBar.style.width = (percentage * 100) + '%';\n\n                if (elapsed < remainingTime) {\n                    rafId = requestAnimationFrame(frame);\n                } else {\n                    advance();\n                }\n            }\n\n            function advance() {\n                const nextIndex = (currentActiveIndex + 1) % total;\n                remainingTime = rotateDelay;\n                setActiveTab(nextIndex);\n                \/\/ Restart rotation for the new tab\n                startAutoRotation();\n            }\n\n            rafId     = requestAnimationFrame(frame);\n            timeoutId = setTimeout(advance, remainingTime);\n\n            remainingTime = rotateDelay;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Click handlers\n        \/\/ FIX: startAutoRotation is called EXPLICITLY here, not inside setActiveTab,\n        \/\/ making the data flow obvious and easy to reason about.\n        \/\/ ------------------------------------------------------------------\n        items.forEach(function (item, idx) {\n            item.querySelector('.gov-accordion-header').addEventListener('click', function () {\n                remainingTime = rotateDelay;\n                setActiveTab(idx);\n                if (isInView) startAutoRotation();\n            });\n        });\n\n        \/\/ Pause \/ resume on hover\n        container.addEventListener('mouseenter', function () {\n            if (!isInView || !startTime) return;\n            remainingTime = Math.max(rotateDelay - (performance.now() - startTime), 0);\n            clearTimers();\n        });\n\n        container.addEventListener('mouseleave', function () {\n            if (isInView) startAutoRotation();\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ FIX: visibilitychange \u2014 reset timer when user returns to tab so the\n        \/\/ progress bar doesn't jump due to browser RAF throttling in background.\n        \/\/ ------------------------------------------------------------------\n        document.addEventListener('visibilitychange', function () {\n            if (document.hidden) {\n                clearTimers();\n            } else if (isInView) {\n                remainingTime = rotateDelay; \/\/ give the current tab a fresh full duration\n                startAutoRotation();\n            }\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ IntersectionObserver: only rotate while section is \u226550% visible.\n        \/\/ Also triggers lazy load of the first video on first intersection.\n        \/\/ ------------------------------------------------------------------\n            const io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n\n                        isInView = true;\n\n                        if (window.innerWidth >= 1024) {\n                            var firstLayer = mediaLayers[currentActiveIndex];\n                            if (firstLayer) loadVideo(firstLayer);\n                            startAutoRotation();\n                        }\n                    } else {\n                        isInView = false;\n                        clearTimers();\n                        resetProgressBars();\n                        remainingTime = rotateDelay;\n                        startTime     = 0;\n                    }\n                });\n            }, { root: null, threshold: [0, 0.25, 0.5] });\n\n        io.observe(container);\n\n        \/\/ Initialise first tab (rotation starts only when observer fires)\n        setActiveTab(0);\n    });\n\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"bg-[#F5F6FC] lg:py-24 py-12 lg:px-8 px-4 overflow-x-hidden\">\n    <div class=\"container mx-auto\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">Integra\u00e7\u00f5es<\/span>\n\n                                    <h2 class=\"text-[#0F1556] lg:text-5xl text-3xl font-semibold lg:leading-[60px] leading-[38px]\">Conectores Pr\u00e9-Configurados para Mais de 150 Aplicativos,  Ferramentas No-Code para Integra\u00e7\u00f5es Personalizadas<\/h2>\n                \n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                            <a class=\"flex items-center font-semibold group-hover:text-[#44C382] leading-7 transition-colors duration-300 text-[#0F1556]\"\n                           href=\"\/pt\/integrations\/\">Explorar o Connector Studio                            <span dir=\"ltr\"\n                                  class=\"ml-2 rtl:mr-2 rtl:ml-0 stroke-[#0F1556] rtl:rotate-180 group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                          stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n\n                <div class=\"overflow-x-hidden flex justify-center\">\n                    <div class=\"relative max-w-[1920px] mx-auto space-y-[18px] text-center\">\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 left-0 rtl:left-auto rtl:right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(90deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 right-0 rtl:right-auto rtl:left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(270deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n\n                                                        <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Okta<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Mobile rows (3 rows, visible below md) -->\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Okta<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/pt\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            speed: 0.35,\n            paused: false,\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n            resizeObserver: null,\n\n            init() {\n                this.$nextTick(() => {\n                    this.setup();\n\n                    this.resizeObserver = new ResizeObserver(() => {\n                        this.pause();\n                        this.setup();\n                    });\n                    this.resizeObserver.observe(this.$refs.original);\n                });\n            },\n\n            setup() {\n                const original = this.$refs.original;\n                const clone    = this.$refs.clone;\n\n                if (original.offsetWidth === 0) return;\n                \n                clone.innerHTML = '';\n                const originalWidth = original.offsetWidth;\n                const screenWidth   = window.innerWidth;\n                const clonesNeeded  = Math.ceil((screenWidth * 2) \/ originalWidth) + 1;\n\n                for (let i = 0; i < clonesNeeded; i++) {\n                    clone.innerHTML += original.innerHTML;\n                }\n\n                this.containerWidth = originalWidth;\n\n                if (direction === 'right') {\n                    this.position = -this.containerWidth;\n                } else {\n                    this.position = 0;\n                }\n\n                this.play();\n            },\n\n            play() {\n                this.paused = false;\n                if (!this.animationId) this.animate();\n            },\n\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            animate() {\n                if (this.paused) return;\n\n                if (direction === 'left') {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                } else {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                }\n\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            destroy() {\n                this.pause();\n                if (this.resizeObserver) {\n                    this.resizeObserver.disconnect();\n                }\n            }\n        }));\n    });\n<\/script>\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n  <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n    \n    <!-- Header Section -->\n    <div class=\"w-full max-w-4xl text-center flex flex-col items-center gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                <div class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-8 tracking-wider\">\n            PRINCIPAIS COMPET\u00caNCIAS        <\/div>\n                \n                <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n            Identidade e Governan\u00e7a de Acesso\u2028Constru\u00edda para Hoje, Pronta para o Futuro        <\/h2>\n                \n                <p class=\"text-[#2A3274] text-lg lg:text-xl font-normal leading-relaxed max-w-[880px] mt-2\">\n            Oferecemos as capacidades essenciais necess\u00e1rias para atender \u00e0s demandas atuais de auditoria, conformidade e seguran\u00e7a - com a escalabilidade e flexibilidade para suportar o crescimento futuro e riscos em evolu\u00e7\u00e3o.        <\/p>\n            <\/div>\n\n    <!-- Slider Section -->\n    <div class=\"w-full relative key-capabilities-slider\" data-total=\"7\">\n        \n        <!-- Pills Navigation -->\n        <div class=\"flex  flex-nowrap lg:flex-wrap justify-start lg:justify-center items-center gap-3 mb-8 lg:mb-12 px-4 lg:max-w-[884px] lg:mx-auto overflow-x-auto scrollbar-hide pb-2\">\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"0\">\n                    Access Risk Analysis                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"1\">\n                    Compliant Provisioning                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"2\">\n                    Certifications                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"3\">\n                    AI Governance                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"4\">\n                    Privileged Access Management                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"5\">\n                    Dynamic Access Control                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"6\">\n                    Continuous Controls Monitoring                <\/button>\n                    <\/div>\n\n        <!-- Slider Container -->\n        <div class=\"relative w-full\">\n            \n            <!-- Desktop Left Arrow (match insights.php styles) -->\n            <button class=\"cap-prev hidden xl:inline-flex absolute left-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n            <!-- Cards -->\n            <div class=\"relative w-full overflow-hidden rounded-lg bg-[#F8F9FF] shadow-sm\">\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full block\" data-index=\"0\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Access Risk Analysis                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                A Pathlock automatiza a an\u00e1lise de risco de acesso e de SoD (Segregation of Duties \/ Segrega\u00e7\u00e3o de Fun\u00e7\u00f5es) com conjuntos de regras personaliz\u00e1veis, garantindo r\u00e1pida obten\u00e7\u00e3o de valor e reduzindo riscos e custos.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/sap-access-risk-analysis\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_0)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_0)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_0)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_0)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_0\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_0\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_0\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access-risk-analysis.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"1\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Compliant Provisioning                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Com o provisionamento em conformidade da Pathlock, \u00e9 poss\u00edvel validar as permiss\u00f5es dos usu\u00e1rios antes de conceder acesso. Voc\u00ea tamb\u00e9m pode automatizar todo o processo de ciclo JML (entrada, movimenta\u00e7\u00e3o e sa\u00edda) e, ao mesmo tempo, manter a conformidade.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/compliant-provisioning\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_1)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_1)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_1)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_1)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_1\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_1\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_1\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_1\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant-provisioning.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"2\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Certifications                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Estabele\u00e7a um processo cont\u00ednuo de revis\u00e3o de acesso de usu\u00e1rios, no qual os revisores possam tomar decis\u00f5es informadas sobre confirmar ou revogar acessos. Al\u00e9m disso, voc\u00ea obt\u00e9m a trilha de auditoria para provar que as revis\u00f5es foram realizadas.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/user-access-review-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_2)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_2)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_2)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_2)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_2\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_2\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_2\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_2\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/certifications.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"3\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                AI Governance                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                A Pathlock garante controle de acesso consistente em todas as identidades, tratando identidades n\u00e3o humanas (NHIs) com o mesmo rigor que usu\u00e1rios humanos. Ao mesmo tempo, incorpora agentes de IA diretamente nos fluxos de governan\u00e7a para impulsionar decis\u00f5es mais r\u00e1pidas e seguras.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/use-cases\/nhi-governance\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_3)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_3)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_3)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_3)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_3\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_3\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_3\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_3\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ai-governance-2.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"4\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Privileged Access Management                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Aproveite o processo de gerenciamento de acesso privilegiado totalmente automatizado, com fluxos de trabalho integrados que reduzem a necessidade de recursos adicionais de TI. Com a Pathlock, voc\u00ea tamb\u00e9m obt\u00e9m evid\u00eancias prontas para auditoria de que as sess\u00f5es de usu\u00e1rios privilegiados s\u00e3o monitoradas.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/elevated-access-management-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_4)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_4)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_4)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_4)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_4\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_4\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_4\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_4\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/privileged-access-management.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"5\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Dynamic Access Control                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Aplique pol\u00edticas baseadas em atributos em tempo real para mascarar, codificar e restringir dados sens\u00edveis, reduzindo riscos, eliminando a complexidade das fun\u00e7\u00f5es e simplificando a conformidade.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/dynamic-access-control\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Saiba Mais<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_5)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_5)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_5)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_5)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_5\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_5\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_5\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_5\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dynamic-access-control.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"6\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Continuous Controls Monitoring                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Automatize a supervis\u00e3o de controles, analise transa\u00e7\u00f5es para impacto financeiro e detecte mudan\u00e7as cr\u00edticas - acelerando a corre\u00e7\u00e3o de riscos e garantindo a conformidade cont\u00ednua.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/pt\/products\/continuous-controls-monitoring\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Learn More<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_6)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_6)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_6)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_6)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_6\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_6\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_6\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_6\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/continuous-controls-monitoring.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                            <\/div>\n\n            <!-- Desktop Right Arrow (match insights.php styles) -->\n            <button class=\"cap-next hidden xl:inline-flex absolute right-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n        <\/div>\n\n        <!-- Mobile\/Tablet Arrows (Below content) - use same style as insights.php -->\n        <div class=\"flex xl:hidden justify-start md:justify-center items-center gap-4 mt-8 px-4\">\n            <button class=\"rtl:rotate-180 cap-prev inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"rtl:rotate-180 cap-next inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n        <\/div>\n        \n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@keyframes capFadeIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n.animate-fade-in {\n    animation: capFadeIn 0.3s ease-out forwards;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const sliders = document.querySelectorAll('.key-capabilities-slider');\n    \n    sliders.forEach(slider => {\n        let current = 0; \/\/ Default to Privileged Access Management if possible, but 0 is safe\n        const total = parseInt(slider.getAttribute('data-total'));\n        if (total <= 0) return;\n\n        const pills = slider.querySelectorAll('.capability-pill');\n        const cards = slider.querySelectorAll('.capability-card');\n        const prevBtns = slider.querySelectorAll('.cap-prev');\n        const nextBtns = slider.querySelectorAll('.cap-next');\n\n        \/\/ Target indices for specific tabs if desired, otherwise index is standard\n        \/\/ In the mockup, \"Privileged Access Management\" is selected by default\n        \/\/ Let's find it and set it as default if it exists\n        pills.forEach((pill, idx) => {\n            if (pill.innerText.trim() === 'Privileged Access Management') {\n                current = idx;\n            }\n        });\n\n        function updateSlider(newIndex) {\n            \/\/ Revert old pill\n            pills[current].classList.remove('bg-[#0F1556]', 'text-white');\n            pills[current].classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            \n            \/\/ Set new pill\n            pills[newIndex].classList.remove('bg-[#F8F9FF]', 'text-[#0F1556]');\n            pills[newIndex].classList.add('bg-[#0F1556]', 'text-white');\n\n            \/\/ Hide old card\n            cards[current].classList.remove('block', 'animate-fade-in');\n            cards[current].classList.add('hidden');\n            \n            \/\/ Show new card\n            cards[newIndex].classList.remove('hidden');\n            cards[newIndex].classList.add('block', 'animate-fade-in');\n\n            current = newIndex;\n        }\n\n        \/\/ Initialize state (reset all, then apply current)\n        pills.forEach((pill, idx) => {\n            if (idx === current) {\n                pill.classList.add('bg-[#0F1556]', 'text-white');\n            } else {\n                pill.classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            }\n        });\n\n        cards.forEach((card, idx) => {\n            if (idx === current) {\n                card.classList.remove('hidden');\n                card.classList.add('block');\n            } else {\n                card.classList.remove('block');\n                card.classList.add('hidden');\n            }\n        });\n\n        \/\/ Event Listeners\n        pills.forEach((pill, idx) => {\n            pill.addEventListener('click', () => {\n                if(current !== idx) updateSlider(idx);\n            });\n        });\n\n        prevBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current - 1 + total) % total;\n                updateSlider(newIndex);\n            });\n        });\n\n        nextBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current + 1) % total;\n                updateSlider(newIndex);\n            });\n        });\n    });\n});\n<\/script>\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    .wistia_responsive_padding {\n        padding: 56.25% 0 0 0;\n        position: relative;\n    }\n\n    .wistia_responsive_wrapper {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n\n    .wistia_embed {\n        height: 100%;\n        position: relative;\n        width: 100%;\n    }\n\n    .wistia_video_container {\n        height: 100%;\n        width: 100%;\n    }\n\n    .slider-hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .slider-visible {\n        opacity: 1;\n        pointer-events: auto;\n        transition: opacity 0.3s ease-out;\n    }\n<\/style>\n\n\n<section class=\"p-16 lg:p-24 overflow-hidden px-4\" style=\"background-color:#F5F6FC\">\n    <div class=\"container mx-auto lg:px-8\">\n        <div class=\"relative container\">\n            <div class=\"text-center text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                                    <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\n                        NOSSOS CLIENTES                    <\/span>\n                                                    <h2 class=\"text-3xl lg:text-5xl lg:leading-[60px] font-semibold mb-12 lg:mb-16\">\n                        As Principais Empresas<br> do Mundo Confiam na Pathlock                    <\/h2>\n                            <\/div>\n\n            <!-- Alpine Component Root -->\n            <div x-data=\"videoController()\" class=\"relative\">\n\n                <!-- Mobile version (slider) -->\n                <div x-data=\"mobileSlider()\" class=\"w-full\">\n\n                    <!-- Slides Container -->\n                    <div class=\"relative overflow-visible w-full\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <div class=\"flex\"\n                             @touchstart=\"startDrag\"\n                             @touchmove=\"drag\"\n                             @touchend=\"endDrag\"\n                             x-ref=\"slider\">\n                            <template x-for=\"(video, index) in videos\" :key=\"index\">\n                                <div class=\"flex-shrink-0 h-[500px] px-4 relative\"\n                                     :style=\"{ width: slideWidth + 'px' }\">\n                                    <div class=\"relative rounded-lg overflow-hidden transition-all duration-500\"\n                                         :class=\"isActive(index) ? 'h-[500px] opacity-100' : 'h-[475px] opacity-60'\">\n\n                                        <!-- Background image -->\n                                        <img loading=\"lazy\" :src=\"video.bgImage\"\n                                             class=\"no-override absolute inset-0 w-full h-full object-cover\"\n                                             alt=\"Background Image\"\/>\n\n                                        <!-- Dot pattern overlay -->\n                                        <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10\">\n                                            <source media=\"(max-width: 640px)\" srcset=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_small.webp\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_big.webp\"\n                                                 class=\"no-override w-full h-full object-cover\"\n                                                 aria-hidden=\"true\" alt=\"\"\/>\n                                        <\/picture>\n\n                                        <!-- Background video -->\n                                        <video :data-index=\"index\"\n                                               class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-500\"\n                                               :class=\"isActive(index) ? 'opacity-100' : 'opacity-0'\"\n                                               muted loop playsinline preload=\"none\">\n                                        <\/video>\n\n                                        <!-- Content overlay -->\n                                        <div class=\"flex flex-col justify-between gap-8 md:p-8 p-4 z-20 h-full relative bg-[#0F15564D]\">\n                                            <div class=\"flex flex-col flex-start\">\n                                                <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-3 rounded inline-flex items-center self-start shadow-sm\">\n                                                    <img loading=\"lazy\" :src=\"video.logo\" class=\"no-override h-10 object-contain\" alt=\"Logo\"\/>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"z-20 flex flex-col items-start text-white sm:py-8\"\n                                                 style=\"max-width:900px\">\n                                                <span x-text=\"video.quote\"\n                                                      class=\"md:text-4xl text-2xl font-normal md:leading-10 leading-8 hyphens-auto\"><\/span>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-start z-10\">\n                                                <button @click=\"openModal(video.mediaID)\"\n                                                        aria-label=\"Play video\"\n                                                        class=\"group flex items-center rounded-lg\">\n                                                    <div class=\"w-12 h-12 rtl:rotate-180 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                                                        <svg class=\"max-w-12 max-h-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                                             width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                                            <g filter=\"url(#filter0_b_797_1676_mob)\">\n                                                                <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"\/>\n                                                                <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                                            <\/g>\n                                                            <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\"\n                                                               style=\"transform-origin: center;\">\n                                                                <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                                                          d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\"\n                                                                          fill=\"white\"\/>\n                                                                <\/g>\n                                                            <\/g>\n                                                            <defs>\n                                                                <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                                    <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"\/>\n                                                                <\/filter>\n                                                                <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\"\n                                                                        width=\"129.931\" height=\"129.916\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\n                                                                                   values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                                                                                   result=\"hardAlpha\"\/>\n                                                                    <feOffset\/>\n                                                                    <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                                    <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                                                    <feColorMatrix type=\"matrix\"\n                                                                                   values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"\/>\n                                                                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"\/>\n                                                                <\/filter>\n                                                            <\/defs>\n                                                        <\/svg>\n                                                    <\/div>\n                                                    <span class=\"rtl:ml-0 rtl:mr-2 ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">\n                                                        Assista ao v\u00eddeo                                                    <\/span>\n                                                <\/button>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Slider controls -->\n                    <div class=\"flex items-center justify-center slider-hidden gap-4 mt-6\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <button @click=\"prevSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Previous\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M10 12L6 8L10 4\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"flex items-center gap-2 px-4 py-[14px] border border-[#CED5EE] rounded-full\">\n                            <template x-for=\"(_, index) in Array.from({length: videos.length - 2})\" :key=\"index\">\n                                <button @click=\"goToSlide(index + 1)\"\n                                        class=\"w-10 h-1 rounded transition-colors duration-300\"\n                                        :class=\"realIndex() === index ? 'bg-[#0F1556]' : 'bg-[#CED5EE]'\"\n                                        :aria-label=\"`Go to slide ${index + 1}`\">\n                                <\/button>\n                            <\/template>\n                        <\/div>\n                        <button @click=\"nextSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Next\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M6 4L10 8L6 12\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Modal -->\n                <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n                    <div 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                         @click=\"closeModal()\"><\/div>\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div @click.stop\n                             x-transition:enter=\"transition ease-out duration-300\"\n                             x-transition:enter-start=\"opacity-0 transform scale-90\"\n                             x-transition:enter-end=\"opacity-100 transform scale-100\"\n                             x-transition:leave=\"transition ease-in duration-300\"\n                             x-transition:leave-start=\"opacity-100 transform scale-100\"\n                             x-transition:leave-end=\"opacity-0 transform scale-90\"\n                             class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\">\n                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button @click=\"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 class=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"p-4 pt-0\">\n                                <div id=\"wistia-container-6a1580139fc79\" class=\"w-full\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                    <div class=\"pt-8 lg:pt-16 container lg:px-8 px-4\">\n                        <div class=\"relative flex flex-wrap gap-x-16 gap-y-[45px] mx-auto justify-center\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/logo_ms.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-color.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabil_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/geico_.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_lightbg.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/panasonic.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/vw.svg\"\n                                     alt=\"\">\n                                                    <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function () {\n        const videoData = [{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabil7200000-1.avif\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabildarkbg.svg\",\"mediaID\":\"warq7glqoo\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720.mp4\",\"quote\":\"A Pathlock simplificou nossas auditorias SOX ao nos ajudar a identificar viola\\u00e7\\u00f5es reais de SoD (Segregation of Duties \\\/ Segrega\\u00e7\\u00e3o de Fun\\u00e7\\u00f5es), para que possamos nos concentrar em mitigar riscos efetivos, e n\\u00e3o apenas potenciais.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/csm.svg\",\"mediaID\":\"eluh781wd9\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720.mp4\",\"quote\":\"A Pathlock nos proporcionou visibilidade em tempo real sobre riscos de acesso e automatizou nossa an\\u00e1lise de SoD (Segregation of Duties \\\/ Segrega\\u00e7\\u00e3o de Fun\\u00e7\\u00f5es), eliminando suposi\\u00e7\\u00f5es e simplificando a conformidade.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lee.svg\",\"mediaID\":\"rq86egfbh3\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720.mp4\",\"quote\":\"A Pathlock garantiu um provisionamento seguro e em conformidade e o gerenciamento do ciclo de vida de identidades para estudantes e funcion\\u00e1rios.\",\"tag\":\"\"}];\n\n\n        let wistiaScriptsLoaded = false;\n        let wistiaScriptsLoading = null; \/\/ shared Promise so concurrent clicks don't double-load\n\n        function loadWistiaScripts() {\n            if (wistiaScriptsLoaded) return Promise.resolve();\n            if (wistiaScriptsLoading)  return wistiaScriptsLoading;\n\n            wistiaScriptsLoading = new Promise(function (resolve) {\n                let loaded = 0;\n                function onLoad() {\n                    loaded++;\n                    if (loaded === 2) {\n                        wistiaScriptsLoaded = true;\n                        resolve();\n                    }\n                }\n\n                \/\/ api.js (ES module)\n                const apiScript = document.createElement('script');\n                apiScript.src   = 'https:\/\/fast.wistia.com\/embed\/api.js';\n                apiScript.type  = 'module';\n                apiScript.async = true;\n                apiScript.onload = onLoad;\n                document.body.appendChild(apiScript);\n\n                \/\/ E-v1.js (classic embed helper)\n                const embedScript = document.createElement('script');\n                embedScript.src   = 'https:\/\/fast.wistia.com\/assets\/external\/E-v1.js';\n                embedScript.async = true;\n                embedScript.onload = onLoad;\n                document.body.appendChild(embedScript);\n            });\n\n            return wistiaScriptsLoading;\n        }\n\n        function registerAlpineComponents() {\n\n            \/\/ \u2500\u2500\u2500 Modal controller \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            Alpine.data('videoController', () => ({\n                isModalOpen: false,\n                currentVideoId: null,\n                wistiaEmbed: null,\n\n                openModal(mediaId) {\n                    this.currentVideoId = mediaId;\n                    this.isModalOpen = true;\n                    document.body.classList.add('modal-open');\n\n                    const self = this;\n                    \/\/ FIX: load Wistia scripts lazily \u2014 only now, not on page load\n                    loadWistiaScripts().then(function () {\n                        self.$nextTick(function () {\n                            const container = document.getElementById('wistia-container-6a1580139fc79');\n                            if (container) {\n                                self.createWistiaVideo(mediaId, container);\n                            } else {\n                                console.error('[Wistia] Container not found in modal.');\n                            }\n                        });\n                    });\n                },\n\n                closeModal() {\n                    if (this.wistiaEmbed) {\n                        try { this.wistiaEmbed.remove(); } catch (e) { console.error(e); }\n                        this.wistiaEmbed = null;\n                    }\n                    const container = document.getElementById('wistia-container-6a1580139fc79');\n                    if (container) container.innerHTML = '';\n                    this.isModalOpen    = false;\n                    this.currentVideoId = null;\n                    document.body.classList.remove('modal-open');\n                },\n\n                createWistiaVideo(mediaId, container) {\n                    container.innerHTML = '';\n\n                    const paddingDiv = document.createElement('div');\n                    paddingDiv.className = 'wistia_responsive_padding';\n                    paddingDiv.style.cssText = 'padding:56.25% 0 0 0;position:relative;';\n\n                    const wrapperDiv = document.createElement('div');\n                    wrapperDiv.className = 'wistia_responsive_wrapper';\n                    wrapperDiv.style.cssText = 'height:100%;left:0;position:absolute;top:0;width:100%;';\n\n                    const embedDiv = document.createElement('div');\n                    embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`;\n                    embedDiv.style.cssText = 'height:100%;position:relative;width:100%;';\n\n                    wrapperDiv.appendChild(embedDiv);\n                    paddingDiv.appendChild(wrapperDiv);\n                    container.appendChild(paddingDiv);\n\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                    if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n                        Wistia.api.scan();\n                    }\n                },\n            }));\n\n\n            Alpine.data('mobileSlider', () => ({\n                currentSlide: 1,\n                videos: [],\n                startX: 0,\n                currentX: 0,\n                isDragging: false,\n                dragThreshold: 50,\n                isRTL: false,\n                slideWidth: 0,\n                offset: 0,\n                ready: false,\n                isAnimating: false,\n                animTimer: null,\n\n                init() {\n                    const original = [...videoData];\n\n                    if (original.length === 1) {\n                        this.videos = original;\n                        this.currentSlide = 0;\n                        this.$nextTick(() => {\n                            this.calcDimensions();\n                            window.addEventListener('resize', () => this.calcDimensions());\n                        });\n                        return;\n                    }\n\n                    this.videos = [\n                        original[original.length - 1],\n                        ...original,\n                        original[0],\n                    ];\n                    this.currentSlide = 1;\n                    this.isRTL = document.documentElement.dir === 'rtl' ||\n                        document.documentElement.lang === 'ar';\n\n                    this.$nextTick(() => {\n                        this.calcDimensions();\n                        window.addEventListener('resize', () => this.calcDimensions());\n                    });\n                },\n\n                calcDimensions() {\n                    const wrapperWidth = this.$refs.slider.parentElement.offsetWidth;\n                    this.slideWidth = window.innerWidth < 640\n                        ? Math.round(wrapperWidth)\n                        : Math.round(wrapperWidth * 0.87);\n                    this.offset = window.innerWidth < 640\n                        ? 0\n                        : Math.round((wrapperWidth - this.slideWidth) \/ 2);\n                    this.$refs.slider.style.transition = 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(this.currentSlide)}px)`;\n                    this.$nextTick(() => {\n                        this.ready = true;\n                        this.loadAndPlayVideo(this.currentSlide);\n                    });\n                },\n\n                getTranslate(slide) {\n                    const sign = this.isRTL ? 1 : -1;\n                    return sign * slide * this.slideWidth + this.offset;\n                },\n\n                realIndex() {\n                    const total = videoData.length;\n                    return (this.currentSlide - 1 + total) % total;\n                },\n\n                isActive(index) {\n                    const total = videoData.length;\n                    const ri = (index - 1 + total) % total;\n                    return ri === this.realIndex();\n                },\n\n                startDrag(e) {\n                    if (videoData.length <= 1) return;\n                    if (e.touches.length === 1) {\n                        this.isDragging = true;\n                        this.startX = e.touches[0].clientX;\n                        this.currentX = this.startX;\n                        this.$refs.slider.style.transition = 'none';\n                    }\n                },\n\n                drag(e) {\n                    if (!this.isDragging || e.touches.length !== 1) return;\n                    this.currentX = e.touches[0].clientX;\n                    const diffX = this.currentX - this.startX;\n                    const base  = this.getTranslate(this.currentSlide);\n                    this.$refs.slider.style.transform = `translateX(${base + diffX}px)`;\n                },\n\n                endDrag() {\n                    if (!this.isDragging) return;\n                    this.isDragging = false;\n                    this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n                    const diffX = this.currentX - this.startX;\n                    if (Math.abs(diffX) > this.dragThreshold && !this.isAnimating) {\n                        if (this.isRTL) {\n                            diffX < 0 ? this.prevSlide() : this.nextSlide();\n                        } else {\n                            diffX < 0 ? this.nextSlide() : this.prevSlide();\n                        }\n                    } else {\n                        if (!this.isAnimating) this.goToSlide(this.currentSlide);\n                    }\n                    this.startX  = 0;\n                    this.currentX = 0;\n                },\n\n                nextSlide() {\n                    if (!this.isAnimating) this.goToSlide(this.currentSlide + 1); },\n                prevSlide() { if (!this.isAnimating) this.goToSlide(this.currentSlide - 1); },\n\n                goToSlide(index, animate = true) {\n                    if (this.isAnimating) return;\n                    this.isAnimating = true;\n\n                    const prev = this.currentSlide;\n                    this.currentSlide = index;\n\n                    this.$refs.slider.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(index)}px)`;\n\n                    if (prev !== index) {\n                        const prevVideo = this.$refs.slider.querySelector(`video[data-index=\"${prev}\"]`);\n                        if (prevVideo) prevVideo.pause();\n                    }\n\n                    const total    = this.videos.length;\n                    const lastReal = total - 2;\n\n                    if (this.animTimer) clearTimeout(this.animTimer);\n                    this.animTimer = setTimeout(() => {\n                        if (this.currentSlide === 0) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = lastReal;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(lastReal)}px)`;\n                        } else if (this.currentSlide === total - 1) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = 1;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(1)}px)`;\n                        }\n                        this.$nextTick(() => this.loadAndPlayVideo(this.currentSlide));\n                        this.isAnimating = false;\n                    }, 500);\n                },\n\n\n                loadAndPlayVideo(index) {\n                    const videoEl = this.$refs.slider.querySelector(`video[data-index=\"${index}\"]`);\n                    if (!videoEl) return;\n\n                    const item = this.videos[index];\n                    if (!item) return;\n\n                    if (!videoEl.dataset.loaded) {\n                        videoEl.dataset.loaded = 'true';\n\n                        if (item.videoUrlWEBM) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/webm';\n                            s.src    = item.videoUrlWEBM;\n                            videoEl.appendChild(s);\n                        }\n                        if (item.videoUrlMP4) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/mp4';\n                            s.src    = item.videoUrlMP4;\n                            videoEl.appendChild(s);\n                        }\n                        videoEl.load();\n                    }\n\n                    if (videoEl.readyState >= 3) {\n                        videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                    } else {\n                        videoEl.addEventListener('canplay', () => {\n                            videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                        }, { once: true });\n                    }\n                },\n            }));\n        }\n\n        if (typeof Alpine !== 'undefined' && typeof Alpine.data === 'function') {\n            registerAlpineComponents();\n        } else {\n            document.addEventListener('alpine:init', registerAlpineComponents);\n        }\n    })();\n\n<\/script>\n\n\n\n<section class=\"self-stretch inline-flex flex-col justify-start items-center overflow-hidden w-full bg-gradient-to-b from-[#0F1556] via-[#0E154F] to-[#121B66] font-['Inter']\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-bg.avif'); background-size: cover; background-position: center;\">\n    <div class=\"container px-4 lg:px-8 py-16 lg:py-24 flex flex-col justify-center items-center gap-16 mx-auto\">\n        <div class=\"max-w-[1280px] px-8 flex flex-col justify-start items-start gap-8\">\n            <div class=\"self-stretch flex flex-col justify-start items-center gap-8\">\n                <div class=\"self-stretch flex flex-col justify-start items-center gap-5\">\n                    <div class=\"self-stretch flex flex-col justify-start items-center gap-3\">\n                                                <div class=\"justify-center text-[#24B770] text-base font-bold uppercase leading-5 tracking-wider\">RECONHECIMENTO DE ANALISTAS<\/div>\n                        \n                                                <h2 class=\"max-w-[810px] text-center justify-start text-white text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Leadership Compass da KuppingerCole para Ferramentas de Controle de Acesso em Ambientes SAP<\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"self-stretch flex justify-center items-stretch gap-8 flex-wrap content-center\">\n                                            <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/sap.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock nomeada l\u00edder geral em ferramentas de controle de acesso para ambientes SAP<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/pt\/resources\/reports\/access-control-tools-for-sap-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Baixar Relat\u00f3rio Completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/business.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock nomeada l\u00edder geral em gerenciamento de riscos de aplica\u00e7\u00f5es empresariais<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/pt\/resources\/reports\/access-control-tools-for-multi-vendor-lob-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Baixar Relat\u00f3rio Completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/gartner.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/Gartner.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Guia de Mercado Gartner\u00ae para Governan\u00e7a e Administra\u00e7\u00e3o de Identidade (IGA)<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/pt\/resources\/reports\/2025-gartner-market-guide-for-iga\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Baixar Relat\u00f3rio Completo<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n<section id=\"parcerias\"\n         class=\"bg-[#f5f6fc] py-[40px] mt-8 lg:mt-12 lg:py-24 mb-0 w-full scroll-mt-28 !mt-0\"\n         x-data=\"modalVideoPlayer()\">\n\n    <div class=\"container mx-auto px-4 lg:px-8\">\n\n        <!-- Header -->\n        <div class=\"relative container text-center flex justify-center align-center\">\n            <div class=\"text-center text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                                    <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\n                        PARCERIAS                    <\/span>\n                \n                                    <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">\n                        Implanta\u00e7\u00e3o Atrav\u00e9s dos Principais Integradores de Sistemas do Mundo                    <\/h2>\n                \n                                    <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n                        A Pathlock colabora com os principais <b>Integradores de Sistemas<\/b> globais para garantir implanta\u00e7\u00f5es sem interrup\u00e7\u00f5es e implementa\u00e7\u00e3o especializada, proporcionando r\u00e1pido retorno sobre o investimento, seguran\u00e7a m\u00e1xima e conformidade cont\u00ednua.                    <\/div>\n                \n                            <\/div>\n        <\/div>\n\n\n        <div id=\"split\" class=\"\">\n            <div class=\"\">\n                <div class=\"relative overflow-hidden rounded-lg bg-blue-950 mx-auto inset-0 flex flex-col lg:flex-row items-center justify-center container mt-10 lg:mt-16 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n\n                    <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\" aria-hidden=\"true\">\n                    <\/div>\n\n                    <!-- Video \/ cover panel -->\n                                        <div id=\"parcerias-loop-video\"\n                         class=\"relative z-10 w-full lg:w-[47%] flex h-full min-h-[210px] sm:min-h-[350px] lg:min-h-[491px] bg-no-repeat bg-cover rounded-t-lg lg:rounded-t-none lg:rounded-l-lg\"\n                         style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/kpmgvideo-2_0000.webp'); background-position: top center;\">\n\n                                                    <!--\n                                Lazy video: autoplay and src are intentionally omitted here.\n                                The inline IntersectionObserver above copies data-src \u2192 src\n                                and calls play() once this wrapper enters the viewport.\n                            -->\n                            <video loop muted playsinline preload=\"none\"\n                                   class=\"hero-lazy-video absolute inset-0 w-full h-full object-cover\">\n                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.webm\" type=\"video\/webm\">\n                                                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.mp4\" type=\"video\/mp4\">\n                                                            <\/video>\n                        \n                        <!-- Play button -->\n                        <div class=\"absolute w-full h-full bottom-0 left-0\">\n                            <button @click=\"toggleModal('yhd8fv0ubm')\"\n                                    class=\"flex absolute lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\">\n                                <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                                    <svg class=\"max-w-16 max-h-16 lg:max-w-24 lg:max-h-24\"\n                                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                        <g filter=\"url(#filter0_b_797_1676)\">\n                                            <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"\/>\n                                            <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                        <\/g>\n                                        <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                            <g filter=\"url(#filter1_d_797_1676)\">\n                                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"\/>\n                                            <\/g>\n                                        <\/g>\n                                        <defs>\n                                            <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"\/>\n                                            <\/filter>\n                                            <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n                                                <feOffset\/>\n                                                <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                                <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"\/>\n                                                <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"\/>\n                                            <\/filter>\n                                        <\/defs>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial panel -->\n                    <div class=\"z-10 flex justify-center align-center lg:w-[53%] py-10 px-4 lg:p-16\">\n                        <div class=\"flex-col justify-start items-start gap-8 flex\">\n                            <div class=\"flex-col justify-start items-start gap-6 flex\">\n                                <h3 class=\"text-white text-2xl lg:text-3xl font-medium leading-loose lg:leading-[38px]\">\n                                    \u201cNa KPMG, estamos comprometidos com a inova\u00e7\u00e3o e a colabora\u00e7\u00e3o, e \u00e9 por isso que escolhemos colaborar com a Pathlock - uma l\u00edder que est\u00e1 redefinindo a seguran\u00e7a de identidade\u2026\u201d                                <\/h3>\n                            <\/div>\n                            <div class=\"justify-start items-center gap-5 inline-flex\">\n                                <div class=\"min-w-20 max-w-20 h-20\">\n                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override rounded-lg\"\n                                         src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/kpmg-small.svg\"\n                                         alt=\"company logo\" \/>\n                                <\/div>\n                                <div class=\"flex flex-col justify-start items-start gap-1\">\n                                    <div class=\"text-[#f5f6fc] text-base lg:text-lg font-semibold leading-normal lg:leading-7\">\n                                        \u2014 Mick McGarry                                    <\/div>\n                                    <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">\n                                        L\u00edder de Ofertas de GRC (Governan\u00e7a, Risco e Conformidade) e Servi\u00e7os de Ciberseguran\u00e7a nos EUA \/ KPMG                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Wistia modal -->\n        <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n            <!-- Backdrop -->\n            <div 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\"><\/div>\n\n            <!-- Content -->\n            <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                <div @click.stop\n                     x-transition:enter=\"transition ease-out duration-300\"\n                     x-transition:enter-start=\"opacity-0 transform scale-90\"\n                     x-transition:enter-end=\"opacity-100 transform scale-100\"\n                     x-transition:leave=\"transition ease-in duration-300\"\n                     x-transition:leave-start=\"opacity-100 transform scale-100\"\n                     x-transition:leave-end=\"opacity-0 transform scale-90\"\n                     class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\">\n\n                    <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                        <button @click=\"closeModal('yhd8fv0ubm')\"\n                                class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\">\n                            <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"p-4 pt-0\">\n                        <wistia-player\n                                class=\"w-full !h-full rounded-lg !object-cover aspect-video\"\n                                media-id=\"yhd8fv0ubm\"\n                                @ready=\"this.play()\"\n                                x-cloak>\n                        <\/wistia-player>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Logos -->\n                    <div id=\"split-logos\" class=\" pt-10 lg:pt-16\">\n                <div class=\"\">\n                    <div class=\"relative flex flex-wrap gap-4 lg:items-stretch justify-center md:justify-between\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/kpmg.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/pwc.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/deloitte.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/protiviti.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/ey.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/accenture.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                <\/div>\n                <\/div>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n\n    function modalVideoPlayer() {\n        return {\n            activeModal: null,\n            scriptLoaded: false,\n            toggleModal: function (modalId) {\n                if (this.activeModal === modalId) {\n                    this.closeModal();\n                } else {\n                    this.activeModal = modalId;\n                    document.body.classList.add('modal-open');\n                    var self = this;\n                    this.loadWistiaScripts().then(function () {\n                        self.playVideo();\n                    });\n                }\n            },\n            closeModal: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.pause();\n                this.activeModal = null;\n                document.body.classList.remove('modal-open');\n            },\n            loadWistiaScripts: function () {\n                var self = this;\n                return new Promise(function (resolve) {\n                    if (self.scriptLoaded) { resolve(); return; }\n\n                    var loaded = 0;\n                    function onLoad() {\n                        loaded++;\n                        if (loaded === 2) { self.scriptLoaded = true; resolve(); }\n                    }\n\n                    var playerScript = document.createElement('script');\n                    playerScript.src   = 'https:\/\/fast.wistia.com\/player.js';\n                    playerScript.async = true;\n                    playerScript.onload = onLoad;\n                    document.body.appendChild(playerScript);\n\n                    var embedScript = document.createElement('script');\n                    embedScript.src   = 'https:\/\/fast.wistia.com\/embed\/yhd8fv0ubm.js';\n                    embedScript.async = true;\n                    embedScript.type  = 'module';\n                    embedScript.onload = onLoad;\n                    document.body.appendChild(embedScript);\n                });\n            },\n            playVideo: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.play();\n            }\n        };\n    }\n    (function () {\n        document.addEventListener('DOMContentLoaded', function () {\n            var wrapperId = 'parcerias-loop-video';\n            var wrapper = document.getElementById(wrapperId);\n\n            if (!wrapper) {\n                return;\n            }\n\n            var video = wrapper.querySelector('.hero-lazy-video');\n\n            if (!video) {\n                return;\n            }\n            video.querySelectorAll('source').forEach(function (source) {\n            });\n            var io = new IntersectionObserver(function (entries, observer) {\n                entries.forEach(function (entry) {\n                    console.log('[LazyVideo] IntersectionObserver fired \u2014 isIntersecting:', entry.isIntersecting, '| ratio:', entry.intersectionRatio.toFixed(2));\n\n                    if (!entry.isIntersecting) return;\n\n                    video.querySelectorAll('source[data-src]').forEach(function (source) {\n                        var dataSrc = source.getAttribute('data-src');\n                        source.src = dataSrc;\n                        source.removeAttribute('data-src');\n                        console.log('[LazyVideo] Set src:', dataSrc, '| type:', source.type);\n                    });\n\n                    \/\/ autoplay attribute gives the browser an explicit permission signal\n                    video.setAttribute('autoplay', '');\n                    console.log('[LazyVideo] autoplay attribute set');\n\n                    \/\/ Fallback: play() after the browser has buffered enough to start\n                    video.addEventListener('canplay', function onCanPlay() {\n                        console.log('[LazyVideo] canplay fired \u2014 calling play()');\n                        video.removeEventListener('canplay', onCanPlay);\n                        video.play().then(function () {\n                        }).catch(function (err) {\n                        });\n                    });\n\n                    video.addEventListener('error', function (e) {\n                        console.error('[LazyVideo] Video error:', e, video.error);\n                    });\n\n                    video.load();\n\n                    observer.disconnect();\n                });\n            }, { threshold: 0.1 });\n\n            io.observe(wrapper);\n        });\n    }());\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"content-type":"","footnotes":""},"class_list":["post-44574","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compliance-Centric Identity Governance | 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\/pt\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta property=\"og:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/pt\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T11:52:20+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=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/\",\"name\":\"Compliance-Centric Identity Governance | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#website\"},\"datePublished\":\"2024-10-31T18:18:44+00:00\",\"dateModified\":\"2026-05-19T11:52:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/pt\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compliance-Centric Identity Governance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/pt\\\/#\\\/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\\\/pt\\\/#\\\/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":"Compliance-Centric Identity Governance | 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\/pt\/","og_locale":"pt_PT","og_type":"article","og_title":"Compliance-Centric Identity Governance | Pathlock","og_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","og_url":"https:\/\/pathlock.com\/pt\/","og_site_name":"Pathlock","article_modified_time":"2026-05-19T11:52:20+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":"Compliance-Centric Identity Governance | Pathlock","twitter_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/pt\/","url":"https:\/\/pathlock.com\/pt\/","name":"Compliance-Centric Identity Governance | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/pt\/#website"},"datePublished":"2024-10-31T18:18:44+00:00","dateModified":"2026-05-19T11:52:20+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/pt\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/pt\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/pt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Compliance-Centric Identity Governance"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/pt\/#website","url":"https:\/\/pathlock.com\/pt\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/pt\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pathlock.com\/pt\/#\/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\/pt\/#\/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\/pt\/wp-json\/wp\/v2\/pages\/44574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/comments?post=44574"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/pages\/44574\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/pt\/wp-json\/wp\/v2\/media?parent=44574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}