{"id":917,"date":"2026-03-14T17:04:02","date_gmt":"2026-03-14T16:04:02","guid":{"rendered":"https:\/\/skyfall-protection.fr\/notre-histoire-2\/"},"modified":"2026-03-14T17:04:02","modified_gmt":"2026-03-14T16:04:02","slug":"notre-histoire-2","status":"publish","type":"page","link":"https:\/\/skyfall-protection.fr\/en\/notre-histoire-2\/","title":{"rendered":"Our Story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"917\" class=\"elementor elementor-917\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32d8f1f e-con-full e-flex e-con e-parent\" data-id=\"32d8f1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63f6d5f elementor-widget elementor-widget-skyfall-pages-hero\" data-id=\"63f6d5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-pages-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- SECTION 1: HERO - THE ORIGIN -->\n        <section class=\"about-hero min-h-[80vh] flex flex-col items-center justify-center py-32 text-center relative overflow-hidden\">\n            <div class=\"about-grid-bg absolute inset-0 z-0 opacity-40\"><\/div>\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6 relative z-10\">\n                <div class=\"max-w-4xl mx-auto text-center\">\n\n                    <h1 class=\"sf-heading-hero mb-8\">\n                        The <span class=\"sf-text-gradient\">Skyfall<\/span> Story                    <\/h1>\n\n                    <p class=\"sf-text-hero-lead mx-auto mb-10 \">\n                        Since 2025, we have refused to accept what seems inevitable: seeing <strong>60% of SMBs go bankrupt<\/strong> after a cyberattack. Our mission is to make <strong>enterprise-grade cybersecurity<\/strong> accessible to all organizations, regardless of their size.                    <\/p>\n\n                                        <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center \">\n                        <a href=\"https:\/\/skyfall-protection.fr\/en\/contact\" class=\"hud-btn hud-btn-primary\">\n                            Secure my business                        <\/a>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c1537d e-con-full e-flex e-con e-parent\" data-id=\"1c1537d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48c535 elementor-widget elementor-widget-skyfall-about-story\" data-id=\"a48c535\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-about-story.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- Swiper Slide Styles - EXACT V3 -->\n        <style>\n            .swiper-slide { display: flex; align-items: center; justify-content: center; background: #050505; overflow: hidden; }\n            .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }\n            .swiper-pagination-bullet-active { background: #EA580C !important; }\n        <\/style>\n\n        <!-- SECTION 2: THE SKYFALL STORY -->\n        <section class=\"py-24 bg-[#050505] relative border-t border-white\/5\">\n             <div class=\"w-[95%] max-w-[1400px] mx-auto px-6\">\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-24 items-start relative\">\n\n                    <!-- LEFT: 3D CAROUSEL (Sticky on PC) -->\n                    <div class=\"lg:sticky lg:top-32 lg:h-fit self-start order-2 lg:order-2\">\n                        <div class=\"about-3d-wrapper\">\n                        <div id=\"sf-story-a48c535-swiper\" class=\"swiper h-[500px] w-full hud-card relative group !p-[25px]\" data-3d-card>\n                            <!-- HUD Corners -->\n                            <div class=\"hud-corner hud-corner-tl\"><\/div>\n                            <div class=\"hud-corner hud-corner-tr\"><\/div>\n                            <div class=\"hud-corner hud-corner-bl\"><\/div>\n                            <div class=\"hud-corner hud-corner-br\"><\/div>\n\n                            <!-- HUD Effects -->\n                            <div class=\"hud-shine\"><\/div>\n                            <div class=\"hud-tech-line-v\"><\/div>\n                            <div class=\"hud-tech-line-h\"><\/div>\n\n                            <div class=\"swiper-wrapper h-full w-full\">\n                                                                <div class=\"swiper-slide h-full w-full\">\n                                     <img decoding=\"async\" src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/02\/skyfallcerf.webp\" alt=\"Skyfall Cerf\" loading=\"lazy\" class=\"lazy-img\">\n                                <\/div>\n                                                                <div class=\"swiper-slide h-full w-full\">\n                                     <img decoding=\"async\" src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/02\/qdevantlacyberattaque-e1751749748931.webp\" alt=\"Q Cyberattack\" loading=\"lazy\" class=\"lazy-img\">\n                                <\/div>\n                                                                <div class=\"swiper-slide h-full w-full\">\n                                     <img decoding=\"async\" src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/02\/aston-martin-db5-james-bond-symbol-spectre-skyfall.jpg.webp\" alt=\"Aston Martin\" loading=\"lazy\" class=\"lazy-img\">\n                                <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- RIGHT: CONTENT -->\n                    <div class=\"order-1 lg:order-1\">\n                        <h2 class=\"sf-heading-2 mb-10 text-white\">Why Skyfall?<\/h2>\n\n                        <div class=\"space-y-8 text-lg leading-relaxed\">\n                            <p class=\"sf-paragraph\">\n                                En 2012, le film <em>Skyfall<\/em> r\u00e9volutionne l'univers de James Bond. Silva, ancien agent devenu cyberterroriste, prouve qu'un seul homme, arm\u00e9 d'un ordinateur, peut mettre \u00e0 genoux les services secrets les plus puissants du monde.                            <\/p>\n                            <p class=\"sf-paragraph\">\n                                Face \u00e0 cette infiltration virale qui retourne leur propre r\u00e9seau contre eux, M et Bond font un constat gla\u00e7ant : <strong>on ne peut pas combattre un ennemi qui contr\u00f4le le terrain de jeu.<\/strong>                            <\/p>\n\n                            <div class=\"about-highlight-box relative overflow-hidden group\">\n                                <div class=\"absolute top-0 right-0 p-4 opacity-10 group-hover:opacity-20 transition-opacity\">\n                                    <i data-lucide=\"scissors\" class=\"w-16 h-16 text-orange-500\"><\/i>\n                                <\/div>\n                                <p class=\"text-white font-medium relative z-10 italic\">\n                                    &quot;They make a radical decision: they deliberately cut their own communications to isolate the threat and protect what truly matters.&quot;                                <\/p>\n                            <\/div>\n\n                            <p class=\"sf-paragraph\">\n                                Cette strat\u00e9gie de <strong>\u00ab d\u00e9connexion d\u00e9fensive \u00bb<\/strong> est le seul moyen de reprendre le contr\u00f4le. En se coupant du monde temporairement, ils figent l'attaquant et sauvent l'essentiel.                            <\/p>\n                            <p class=\"sf-paragraph\">\n                                Aujourd'hui, le <em>\u00ab Protocole Skyfall \u00bb<\/em> n'est plus de la fiction. C'est notre r\u00e9ponse concr\u00e8te aux ransomwares modernes : <strong>l'isolation physique imm\u00e9diate<\/strong>.                            <\/p>\n\n                            <div class=\"hud-card-no3d hud-theme-orange p-8 mt-8 transition-colors relative\">\n                                <div class=\"hud-corner hud-corner-tl\"><\/div>\n                                <div class=\"hud-corner hud-corner-tr\"><\/div>\n                                <div class=\"hud-corner hud-corner-bl\"><\/div>\n                                <div class=\"hud-corner hud-corner-br\"><\/div>\n                                <div class=\"flex items-start gap-4 relative z-10\">\n                                    <div class=\"text-orange-500 mt-1\">\n                                        <i data-lucide=\"shield-alert\" class=\"w-8 h-8\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"text-white font-bold mb-2\">The Skyfall Promise<\/h4>\n                                        <p class=\"text-sm text-white\/80 mb-0\">\n                                            When infiltration becomes critical, <span class=\"text-white\">we cut the cable for you<\/span>. Plug &amp; Play installation.                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Initialize Swiper and 3D Card Effect -->\n        <script>\n        (function() {\n            function initStoryWidget() {\n                \/\/ Wait for Swiper\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initStoryWidget, 100);\n                    return;\n                }\n\n                const swiperEl = document.getElementById('sf-story-a48c535-swiper');\n                if (!swiperEl) return;\n\n                \/\/ Check if already initialized\n                if (swiperEl.swiper) return;\n\n                \/\/ Initialize Swiper - EXACT v3 config\n                const swiper = new Swiper('#sf-story-a48c535-swiper', {\n                    loop: true,\n                    effect: 'fade',\n                    fadeEffect: { crossFade: true },\n                    speed: 1500,\n                    autoplay: {\n                        delay: 4000,\n                        disableOnInteraction: false,\n                    },\n                    allowTouchMove: false,\n                });\n\n                \/\/ HUD Hover Effect\n                swiperEl.addEventListener('mouseenter', () => swiperEl.classList.add('is-hovered'));\n                swiperEl.addEventListener('mouseleave', () => swiperEl.classList.remove('is-hovered'));\n\n                \/\/ 3D Card Effect\n                const card = swiperEl;\n                let targetX = 0, targetY = 0;\n                let currentX = 0, currentY = 0;\n                const lerpFactor = 0.08;\n\n                card.addEventListener('mousemove', (e) => {\n                    const rect = card.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    targetX = (x \/ rect.width - 0.5) * 2;\n                    targetY = (y \/ rect.height - 0.5) * 2;\n                });\n\n                card.addEventListener('mouseleave', () => {\n                    targetX = 0;\n                    targetY = 0;\n                });\n\n                function animate3D() {\n                    currentX += (targetX - currentX) * lerpFactor;\n                    currentY += (targetY - currentY) * lerpFactor;\n\n                    const xRot = currentY * 12;\n                    const yRot = currentX * -12;\n                    card.style.transform = `rotateX(${xRot}deg) rotateY(${yRot}deg)`;\n\n                    requestAnimationFrame(animate3D);\n                }\n                animate3D();\n\n                \/\/ Reinitialize Lucide icons\n                if (window.lucide) {\n                    window.lucide.createIcons();\n                }\n            }\n\n            \/\/ Run on DOM ready or immediately if already loaded\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initStoryWidget);\n            } else {\n                initStoryWidget();\n            }\n\n            \/\/ Handle Elementor editor preview\n            if (window.elementorFrontend) {\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skyfall-about-story.default', initStoryWidget);\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e08234 e-con-full e-flex e-con e-parent\" data-id=\"3e08234\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e207522 elementor-widget elementor-widget-skyfall-about-founder\" data-id=\"e207522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-about-founder.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- SECTION 3: THE FOUNDER VISION -->\n        <section class=\"py-24 bg-[#030304] relative\">\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6\">\n                <div class=\"flex flex-col md:flex-row gap-12 items-center\">\n                     <div class=\"w-full md:w-1\/3\">\n                        <div class=\"about-3d-wrapper\">\n                        <div id=\"sf-founder-e207522-card\" class=\"hud-card relative group !p-[25px] aspect-[3\/4] overflow-hidden\" data-3d-card>\n                             <!-- HUD Corners -->\n                             <div class=\"hud-corner hud-corner-tl\"><\/div>\n                             <div class=\"hud-corner hud-corner-tr\"><\/div>\n                             <div class=\"hud-corner hud-corner-bl\"><\/div>\n                             <div class=\"hud-corner hud-corner-br\"><\/div>\n\n                             <!-- HUD Effects -->\n                             <div class=\"hud-shine\"><\/div>\n                             <div class=\"hud-tech-line-v\"><\/div>\n                             <div class=\"hud-tech-line-h\"><\/div>\n\n                             <!-- Founder Image -->\n                             <img decoding=\"async\" src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/01\/francois-verryden-skyfall-2.webp\" alt=\"Fran\u00e7ois Verryden - CEO &amp; Founder\" loading=\"lazy\" class=\"lazy-img w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n                             <div class=\"absolute bottom-[25px] left-[25px] right-[25px] p-4 bg-gradient-to-t from-black to-transparent z-10\">\n                                 <div class=\"text-white font-bold\">Fran\u00e7ois Verryden<\/div>\n                                 <div class=\"text-xs text-orange-500 font-mono\">CEO &amp; Founder<\/div>\n                             <\/div>\n                        <\/div>\n                        <\/div>\n                     <\/div>\n                     <div class=\"md:w-2\/3\">\n                        <h2 class=\"sf-heading-2 mb-8 text-white\">The man behind the shield<\/h2>\n                        <div class=\"about-vision-quote mb-8 pl-8\">\n                            Si votre entreprise \u00e9tait votre maison, vos donn\u00e9es seraient vos bijoux. Personne ne laisserait sa maison ouverte sans gardien. Pourtant, c'est ce que font des milliers de PME chaque jour.<br><br>J'ai cr\u00e9\u00e9 Skyfall pour apporter la s\u00e9curit\u00e9 des grandes banques aux TPE et PME, avec une philosophie simple : <strong>Ceinture, bretelles, parachute.<\/strong><br><br>Notre \u00e9quipe d'experts veille 24h\/24, 7j\/7. Derri\u00e8re chaque alerte, il y a un humain qui analyse, d\u00e9cide et agit. <strong>La technologie d\u00e9tecte, l'humain prot\u00e8ge.<\/strong>                        <\/div>\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"h-px bg-white\/20 w-20\"><\/div>\n                            <span class=\"text-xs font-mono text-white\/20 uppercase\">Skyfall Protection<\/span>\n                        <\/div>\n                     <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Initialize 3D Card Effect -->\n        <script>\n        (function() {\n            function initFounderWidget() {\n                const card = document.getElementById('sf-founder-e207522-card');\n                if (!card) return;\n\n                \/\/ Check if already initialized\n                if (card.dataset.initialized) return;\n                card.dataset.initialized = 'true';\n\n                \/\/ 3D Card Effect\n                let targetX = 0, targetY = 0;\n                let currentX = 0, currentY = 0;\n                const lerpFactor = 0.08;\n\n                card.addEventListener('mousemove', (e) => {\n                    const rect = card.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    targetX = (x \/ rect.width - 0.5) * 2;\n                    targetY = (y \/ rect.height - 0.5) * 2;\n                });\n\n                card.addEventListener('mouseleave', () => {\n                    targetX = 0;\n                    targetY = 0;\n                });\n\n                function animate3D() {\n                    currentX += (targetX - currentX) * lerpFactor;\n                    currentY += (targetY - currentY) * lerpFactor;\n\n                    const xRot = currentY * 12;\n                    const yRot = currentX * -12;\n                    card.style.transform = `rotateX(${xRot}deg) rotateY(${yRot}deg)`;\n\n                    requestAnimationFrame(animate3D);\n                }\n                animate3D();\n\n                \/\/ Reinitialize Lucide icons\n                if (window.lucide) {\n                    window.lucide.createIcons();\n                }\n            }\n\n            \/\/ Run on DOM ready or immediately if already loaded\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initFounderWidget);\n            } else {\n                initFounderWidget();\n            }\n\n            \/\/ Handle Elementor editor preview\n            if (window.elementorFrontend) {\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skyfall-about-founder.default', initFounderWidget);\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ae0bf9 e-flex e-con-boxed e-con e-parent\" data-id=\"6ae0bf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c43d226 elementor-widget elementor-widget-skyfall-about-timeline\" data-id=\"c43d226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-about-timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- SECTION 4: TIMELINE - EXACT V3 STRUCTURE -->\n        <section class=\"py-24 bg-black relative\">\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"sf-heading-2 mb-4 text-white\">From idea to European patent<\/h2>\n                    <p class=\"sf-paragraph-lead mx-auto\">Our journey toward excellence.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-[0.7fr_0.3fr] gap-12 items-start relative\">\n                    <!-- LEFT: TIMELINE CONTENT (70%) - EXACT V3 STRUCTURE -->\n                    <div id=\"sf-timeline-c43d226-items\" class=\"timeline-items-container space-y-0 pl-4 md:pl-8 order-2 lg:order-1\">\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"lightbulb\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">The genesis<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">Fran\u00e7ois Verryden identifies the gap: antivirus software is no longer enough. The Skyfall concept is born.<\/p>\n                        <\/div>\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"box\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">Proof of concept<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">Technological validation of the \"Skyfall Box\". First successful deployments.<\/p>\n                        <\/div>\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"cpu\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">AI acceleration<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">Integration of meshed deep learning. Our AI predicts abnormal behaviors.<\/p>\n                        <\/div>\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"award\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">Official recognition (INPI)<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">French patent validated. An industrial innovation recognized by the State.<\/p>\n                        <\/div>\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"globe\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">Expansion &amp; sovereignty<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">European patent. Launch of the ANSSI security Visa certification.<\/p>\n                        <\/div>\n                                                <!-- Timeline Item - V3 Structure -->\n                        <div class=\"timeline-item timeline-trigger opacity-0 translate-y-8\" data-year=\"\">\n                            <div class=\"timeline-marker\">\n                                <i data-lucide=\"landmark\" class=\"w-3 h-3\"><\/i>\n                            <\/div>\n                            <div class=\"mb-1\">\n                                <span class=\"timeline-item-year\"><\/span>\n                                <span class=\"text-white font-bold\">Strategic Alliance<\/span>\n                            <\/div>\n                            <p class=\"sf-paragraph\">Capital entry by <a href=\"https:\/\/www.weesure.com\" target=\"_blank\" class=\"text-orange-500 hover:text-orange-400 font-bold transition-colors\" rel=\"noopener\">Weesure<\/a>. A union of forces to redefine the standards of global security.<\/p>\n                        <\/div>\n                                            <\/div>\n\n                                        <!-- RIGHT: TECH HOLO VISUAL (30%) - EXACT V3 STRUCTURE -->\n                    <div class=\"about-3d-wrapper lg:sticky lg:top-40 h-[450px] flex items-center justify-center order-1 lg:order-2 overflow-visible\">\n                        <div id=\"sf-timeline-c43d226-card\" class=\"hud-card relative group w-[280px] h-[400px] overflow-hidden flex items-center justify-center\" data-3d-card>\n                            <!-- HUD Corners -->\n                            <div class=\"hud-corner hud-corner-tl\"><\/div>\n                            <div class=\"hud-corner hud-corner-tr\"><\/div>\n                            <div class=\"hud-corner hud-corner-bl\"><\/div>\n                            <div class=\"hud-corner hud-corner-br\"><\/div>\n\n                            <!-- HUD Effects -->\n                            <div class=\"hud-shine\"><\/div>\n                            <div class=\"hud-tech-line-v\"><\/div>\n                            <div class=\"hud-tech-line-h\"><\/div>\n\n                            <!-- CRT Overlay (Scanlines Background) -->\n                            <div class=\"absolute inset-0 z-20 pointer-events-none opacity-40\"\n                                 style=\"background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); background-size: 100% 4px, 3px 100%;\">\n                            <\/div>\n\n                            <!-- Moving Scanline -->\n                            <div class=\"about-scanline absolute left-0 w-full h-[2px] bg-orange-500 shadow-[0_0_15px_#f97316] z-30 opacity-80\"><\/div>\n\n                            <!-- Logo -->\n                            <div class=\"relative z-10 p-0 w-full flex justify-center perspective-[1000px]\">\n                                <img decoding=\"async\" id=\"sf-timeline-c43d226-logo\" class=\"about-3d-logo w-[95%] h-auto object-contain opacity-90 drop-shadow-[0_0_10px_rgba(234,88,12,0.4)] transition-all duration-500 ease-out will-change-transform\" src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/01\/logo-skyfall.webp\" alt=\"Skyfall Logo\">\n                            <\/div>\n\n                            <!-- Screen Flicker\/Glow -->\n                            <div class=\"absolute inset-0 bg-orange-500\/5 mix-blend-overlay animate-pulse z-15 pointer-events-none\"><\/div>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Initialize Timeline Animations -->\n        <script>\n        (function() {\n            function initTimelineWidget() {\n                \/\/ Wait for dependencies\n                if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n                    setTimeout(initTimelineWidget, 100);\n                    return;\n                }\n\n                \/\/ Register ScrollTrigger\n                gsap.registerPlugin(ScrollTrigger);\n\n                \/\/ Animate timeline items\n                const container = document.getElementById('sf-timeline-c43d226-items');\n                if (container) {\n                    gsap.to('#sf-timeline-c43d226-items .timeline-trigger', {\n                        opacity: 1,\n                        y: 0,\n                        duration: 0.8,\n                        stagger: 0.2,\n                        ease: \"power2.out\",\n                        scrollTrigger: {\n                            trigger: container,\n                            start: \"top 80%\"\n                        }\n                    });\n                }\n\n                \/\/ Initialize 3D card effect\n                const card = document.querySelector('#sf-timeline-c43d226-card');\n                const logo = document.querySelector('#sf-timeline-c43d226-logo');\n\n                if (card && logo) {\n                    let targetX = 0, targetY = 0;\n                    let currentX = 0, currentY = 0;\n                    const lerpFactor = 0.08;\n\n                    card.addEventListener('mousemove', (e) => {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        targetX = (x \/ rect.width - 0.5) * 2;\n                        targetY = (y \/ rect.height - 0.5) * 2;\n                    });\n\n                    card.addEventListener('mouseleave', () => {\n                        targetX = 0;\n                        targetY = 0;\n                    });\n\n                    function animate3D() {\n                        currentX += (targetX - currentX) * lerpFactor;\n                        currentY += (targetY - currentY) * lerpFactor;\n\n                        const xRot = currentY * 12;\n                        const yRot = currentX * -12;\n                        card.style.transform = `rotateX(${xRot}deg) rotateY(${yRot}deg)`;\n\n                        const xMove = currentX * -15;\n                        const yMove = currentY * -15;\n                        logo.style.transform = `translateZ(60px) translateX(${xMove}px) translateY(${yMove}px)`;\n\n                        requestAnimationFrame(animate3D);\n                    }\n                    animate3D();\n                }\n\n                \/\/ Reinitialize Lucide icons\n                if (window.lucide) {\n                    window.lucide.createIcons();\n                }\n            }\n\n            \/\/ Run on DOM ready or immediately if already loaded\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initTimelineWidget);\n            } else {\n                initTimelineWidget();\n            }\n\n            \/\/ Also handle Elementor editor preview\n            if (window.elementorFrontend) {\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skyfall-about-timeline.default', initTimelineWidget);\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc06f89 e-con-full e-flex e-con e-parent\" data-id=\"dc06f89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d2ea2c elementor-widget elementor-widget-skyfall-about-team-v2\" data-id=\"2d2ea2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-about-team-v2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- SECTION: \u00c9QUIPE SKYFALL PROTECTION V2 (NO PARALLAX) -->\n\n                <!-- STACKED LAYOUT -->\n\n        <!-- 1. TEXT CONTENT SECTION -->\n        <section class=\"py-24 bg-[#050505] relative border-t border-white\/5\">\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6 relative z-30\">\n                <div class=\"max-w-3xl mx-auto text-center\">\n                    <!-- Title -->\n                    <h2 class=\"sf-heading-2 mb-8 text-white\">\n                        Skyfall Protection <span class=\"sf-text-gradient\">Team<\/span>\n                    <\/h2>\n\n                    <!-- Description -->\n                    <div class=\"space-y-6\">\n                        <p class=\"sf-paragraph text-xl leading-relaxed\">\n                            Behind every alert, every detection, every intervention, are dedicated men and women. <strong class=\"text-white\">Our strength<\/strong>: a close-knit team, driven by the desire to protect your business as if it were their own.                        <\/p>\n\n                        <p class=\"sf-paragraph text-lg leading-relaxed\">\n                            Our monitoring center provides continuous surveillance, <strong class=\"text-orange-500\">24\/7<\/strong>.                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2. IMAGE SECTION (STATIC - NO PARALLAX) -->\n        <section class=\"relative bg-[#050505]\">\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6\">\n                <div class=\"sf-team-image-container relative overflow-hidden\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/skyfall-protection.fr\/wp-content\/uploads\/2026\/01\/skyfall-team-24.webp\"\n                        alt=\"Team\"\n                        class=\"w-full h-full object-cover\"\n                    \/>\n                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent\"><\/div>\n                    \n                                    <\/div>\n            <\/div>\n        <\/section>\n\n                <!-- 3. STATS CARDS SECTION (Below Image) -->\n        <section class=\"pb-24 pt-12 bg-[#050505] relative\">\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6 relative z-30\">\n                <div class=\"max-w-3xl mx-auto text-center\">\n                    <!-- HUD Stats Box -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                                                <div class=\"hud-card-no3d hud-theme-orange bg-black\/80 backdrop-blur-md border border-orange-500\/20 group shadow-2xl\">\n                            <div class=\"hud-corner hud-corner-tl\"><\/div>\n                            <div class=\"hud-corner hud-corner-tr\"><\/div>\n                            <div class=\"hud-corner hud-corner-bl\"><\/div>\n                            <div class=\"hud-corner hud-corner-br\"><\/div>\n                            <div class=\"relative z-10 text-center py-2\">\n                                <div class=\"text-4xl font-bold text-orange-500 mb-1\">24\/7<\/div>\n                                <div class=\"text-xs text-white uppercase tracking-wide\">Active monitoring<\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"hud-card-no3d hud-theme-orange bg-black\/80 backdrop-blur-md border border-orange-500\/20 group shadow-2xl\">\n                            <div class=\"hud-corner hud-corner-tl\"><\/div>\n                            <div class=\"hud-corner hud-corner-tr\"><\/div>\n                            <div class=\"hud-corner hud-corner-bl\"><\/div>\n                            <div class=\"hud-corner hud-corner-br\"><\/div>\n                            <div class=\"relative z-10 text-center py-2\">\n                                <div class=\"text-4xl font-bold text-orange-500 mb-1\">&lt; 3min<\/div>\n                                <div class=\"text-xs text-white uppercase tracking-wide\">Response time<\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"hud-card-no3d hud-theme-orange bg-black\/80 backdrop-blur-md border border-orange-500\/20 group shadow-2xl\">\n                            <div class=\"hud-corner hud-corner-tl\"><\/div>\n                            <div class=\"hud-corner hud-corner-tr\"><\/div>\n                            <div class=\"hud-corner hud-corner-bl\"><\/div>\n                            <div class=\"hud-corner hud-corner-br\"><\/div>\n                            <div class=\"relative z-10 text-center py-2\">\n                                <div class=\"text-4xl font-bold text-orange-500 mb-1\">100%<\/div>\n                                <div class=\"text-xs text-white uppercase tracking-wide\">Human + AI<\/div>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        \n        <!-- Initialize Lucide Icons -->\n        <script>\n        (function() {\n            function initTeamWidgetV2() {\n                \/\/ Reinitialize Lucide icons\n                if (window.lucide) {\n                    window.lucide.createIcons();\n                }\n            }\n\n            \/\/ Run on DOM ready or immediately if already loaded\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initTeamWidgetV2);\n            } else {\n                initTeamWidgetV2();\n            }\n\n            \/\/ Handle Elementor editor preview\n            if (window.elementorFrontend) {\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skyfall-about-team-v2.default', initTeamWidgetV2);\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6c345e e-con-full e-flex e-con e-parent\" data-id=\"e6c345e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2e1c4e elementor-widget elementor-widget-skyfall-footer-cta\" data-id=\"d2e1c4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skyfall-footer-cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- SECTION 7: FINAL CTA (From Protocol) -->\n        <section class=\"py-32 bg-[#050505] relative overflow-hidden\">\n            <!-- Glow background -->\n            <div class=\"sf-bg-glow-cta\"><\/div>\n\n            <div class=\"w-[95%] max-w-[1400px] mx-auto px-6 relative z-10 text-center\">\n                <h2 class=\"sf-heading-2 mb-8 text-white\">\n                    Is your business<br>\n                    <span class=\"sf-text-gradient\">the next target?<\/span>\n                <\/h2>\n                <p class=\"sf-paragraph text-xl mb-12 max-w-2xl mx-auto\">\n                    A cyberattack costs <strong>\u20ac130,000<\/strong>. Skyfall starts at <strong>\u20ac59\/month<\/strong>.<br \/>The math is simple.                <\/p>\n\n                <div>\n                    <a href=\"https:\/\/skyfall-protection.fr\/en\/contact\" class=\"hud-btn hud-btn-primary hud-btn-pulse text-lg h-auto inline-flex flex-col items-center justify-center py-4 px-8 gap-1\">\n                        <span>I want to protect my business<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L&#039;histoire de Skyfall Depuis 2025, nous refusons une fatalit\u00e9 : celle de voir 60% des PME faire faillite apr\u00e8s une cyberattaque. Notre mission, rendre la cybers\u00e9curit\u00e9 de niveau entreprise accessible \u00e0 toutes les organisations, quelle que soit leur taille. S\u00e9curiser mon entreprise Pourquoi Skyfall ? En 2012, le film Skyfall r\u00e9volutionne l&#8217;univers de James Bond. [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-917","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/pages\/917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/comments?post=917"}],"version-history":[{"count":0,"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/pages\/917\/revisions"}],"wp:attachment":[{"href":"https:\/\/skyfall-protection.fr\/en\/wp-json\/wp\/v2\/media?parent=917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}