{"id":277,"date":"2026-10-05T06:28:41","date_gmt":"2026-10-05T06:28:41","guid":{"rendered":"https:\/\/aqavsecure.io\/?page_id=277"},"modified":"2026-10-05T06:28:41","modified_gmt":"2026-10-05T06:28:41","slug":"copy-of-home","status":"publish","type":"page","link":"https:\/\/aqavsecure.io\/fr\/copy-of-home\/","title":{"rendered":"Copy of Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"277\" class=\"elementor elementor-277\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d0e6b6 e-flex e-con-boxed e-con e-parent\" data-id=\"3d0e6b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-21c10e0 e-con-full e-grid e-con e-child\" data-id=\"21c10e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8b38aa2 e-con-full e-flex e-con e-child\" data-id=\"8b38aa2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-023a980 elementor-widget elementor-widget-text-editor\" data-id=\"023a980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"aqav-badge\">\n    <span class=\"aqav-badge__dot\" aria-hidden=\"true\"><\/span>\n    <span class=\"aqav-badge__text\"\n          data-fr=\"CONCEPT SUISSE \u00b7 PROTOTYPE DE DESIGN\"\n          data-en=\"SWISS CONCEPT \u00b7 DESIGN PROTOTYPE\">SWISS CONCEPT \u00b7 DESIGN PROTOTYPE<\/span>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f79eb9 hero-title elementor-widget elementor-widget-heading\" data-id=\"2f79eb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">You decide\nwho sees your identity.<br>\n<span class=\"hero-title__shine\">And how much of it.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6068a textBlock elementor-widget elementor-widget-text-editor\" data-id=\"1b6068a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Today you hand over a copy and hope. With AQAV a business asks a question, you approve it on your phone, and it receives an answer \u2014 never your document.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb9c5ec e-con-full e-flex e-con e-child\" data-id=\"eb9c5ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b1dc46 btnPrimary elementor-widget elementor-widget-button\" data-id=\"5b1dc46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Try an approval \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17b5b1f btnOutline elementor-widget elementor-widget-button\" data-id=\"17b5b1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See the principle<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c8ee62 e-con-full cardBanner e-flex e-con e-child\" data-id=\"8c8ee62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743a196 textBlock2 elementor-widget elementor-widget-text-editor\" data-id=\"743a196\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTHE SWISS REALITY \u00b7 OFFICIAL 2025 FIGURES\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56f2af2 e-con-full e-grid e-con e-child\" data-id=\"56f2af2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b3e429e e-con-full e-flex e-con e-child\" data-id=\"b3e429e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb77e1 elementor-widget elementor-widget-counter\" data-id=\"2eb77e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"64733\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd45f3f textBlock2 elementor-widget elementor-widget-text-editor\" data-id=\"bd45f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tcyber incident reports received in 2025\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d9a59e e-con-full e-flex e-con e-child\" data-id=\"1d9a59e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eecdb2 elementor-widget elementor-widget-counter\" data-id=\"6eecdb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"26\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c58e41 textBlock2 elementor-widget elementor-widget-text-editor\" data-id=\"9c58e41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tfake calls impersonating authorities \u2014 the top category\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f42bdf0 e-con-full e-flex e-con e-child\" data-id=\"f42bdf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-138df09 elementor-widget elementor-widget-counter\" data-id=\"138df09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"19\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d78251 textBlock2 elementor-widget elementor-widget-text-editor\" data-id=\"4d78251\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tphishing, among the most reported threats\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6576c textBlock elementor-widget elementor-widget-text-editor\" data-id=\"4d6576c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"source-note\">\n    <span class=\"source-note__label\">Source:<\/span>\n<a class=\"source-note__link\"\n       href=\"https:\/\/www.bacs.admin.ch\/en\/25w52-en\"\n       target=\"_blank\">Swiss National Cyber Security Centre, 2025 review<\/a><span class=\"source-note__text\">. AQAV&#8217;s own figures are design targets, never usage claims.<\/span>\n<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35814df elementor-widget elementor-widget-html\" data-id=\"35814df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!DOCTYPE html>\r\n    <html lang=\"en\">\r\n    <head>\r\n    \r\n        <style>\r\n        \r\n            .aqav-vault-wrap {\r\n                min-width: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 14px;\r\n            }\r\n            .aqav-vault {\r\n                width: 100%;\r\n                max-width: 480px;\r\n                aspect-ratio: 1 \/ 1;\r\n                perspective: 1200px;\r\n                display: grid;\r\n                place-items: center;\r\n                touch-action: none;\r\n                transform: translate3d(\r\n                    calc(var(--mx, 0) * -16px),\r\n                    calc(var(--my, 0) * -11px),\r\n                    0\r\n                );\r\n                transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n            }\r\n\r\n            .aqav-core {\r\n                position: relative;\r\n                width: 80%;\r\n                height: 80%;\r\n                transform-style: preserve-3d;\r\n                cursor: grab;\r\n                display: grid;\r\n                place-items: center;\r\n                transform: rotateX(-8deg) rotateY(0deg);\r\n                --h: 0.4;\r\n                outline: none;\r\n                will-change: transform;\r\n            }\r\n\r\n            .aqav-core:active {\r\n                cursor: grabbing;\r\n            }\r\n\r\n            .aqav-core:focus-visible {\r\n                outline: 2px solid var(--cyan);\r\n                outline-offset: 12px;\r\n                border-radius: 50%;\r\n            }\r\n\r\n            .aqav-core__pulse {\r\n                position: absolute;\r\n                width: 110%;\r\n                height: 110%;\r\n                border-radius: 50%;\r\n                background: radial-gradient(\r\n                    circle,\r\n                    color-mix(in oklab, var(--cyan) 30%, transparent),\r\n                    transparent 62%\r\n                );\r\n                transform: translateZ(-140px);\r\n                animation: aqPulse 5s ease-in-out infinite;\r\n                pointer-events: none;\r\n            }\r\n\r\n            @keyframes aqPulse {\r\n                0%, 100% {\r\n                    opacity: 0.6;\r\n                    transform: translateZ(-140px) scale(1);\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                    transform: translateZ(-140px) scale(1.08);\r\n                }\r\n            }\r\n\r\n            .aqav-core__ring {\r\n                position: absolute;\r\n                width: 104%;\r\n                height: 104%;\r\n                border-radius: 50%;\r\n                background: conic-gradient(\r\n                    from 0deg,\r\n                    transparent 0 55%,\r\n                    var(--cyan) 72%,\r\n                    var(--indigo) 88%,\r\n                    transparent 100%\r\n                );\r\n                -webkit-mask: radial-gradient(\r\n                    circle,\r\n                    transparent 63%,\r\n                    #000 64%,\r\n                    #000 66.5%,\r\n                    transparent 67.5%\r\n                );\r\n                mask: radial-gradient(\r\n                    circle,\r\n                    transparent 63%,\r\n                    #000 64%,\r\n                    #000 66.5%,\r\n                    transparent 67.5%\r\n                );\r\n                transform: rotateX(78deg) translateZ(-24px) rotateZ(30deg);\r\n                pointer-events: none;\r\n            }\r\n\r\n            .aqav-core__ring-solid {\r\n                position: absolute;\r\n                width: 98%;\r\n                height: 98%;\r\n                border-radius: 50%;\r\n                border: 1px solid color-mix(in oklab, var(--cyan) 35%, transparent);\r\n                transform: rotateX(78deg) translateZ(-24px);\r\n                pointer-events: none;\r\n            }\r\n\r\n            .aqav-core__ring-dashed {\r\n                position: absolute;\r\n                width: 72%;\r\n                height: 72%;\r\n                border-radius: 50%;\r\n                border: 1px dashed color-mix(in oklab, var(--indigo) 60%, transparent);\r\n                transform: rotateX(78deg) rotateZ(38deg) translateZ(48px);\r\n                pointer-events: none;\r\n            }\r\n\r\n            .aqav-core__glow {\r\n                position: absolute;\r\n                width: 62%;\r\n                height: 62%;\r\n                border-radius: 50%;\r\n                transform: translateZ(-2px);\r\n                box-shadow:\r\n                    0 0 90px -10px color-mix(in oklab, var(--cyan) 65%, transparent),\r\n                    inset 0 0 0 1px color-mix(in oklab, var(--cyan) 45%, transparent);\r\n                pointer-events: none;\r\n            }\r\n\r\n\r\n            .aqav-core__image {\r\n                position: absolute;\r\n                width: 60%;\r\n                height: 60%;\r\n                object-fit: cover;\r\n                border-radius: 50%;\r\n                pointer-events: none;\r\n                user-select: none;\r\n            }\r\n\r\n            .aqav-core__card {\r\n                position: absolute;\r\n                border-radius: 16px;\r\n                overflow: hidden;\r\n                background: var(--panel);\r\n                border: 1px solid color-mix(in oklab, var(--cyan) 30%, transparent);\r\n                backdrop-filter: blur(12px);\r\n                -webkit-backdrop-filter: blur(12px);\r\n                box-shadow: rgba(2, 6, 23, 0.8) 0 30px 60px -30px;\r\n                pointer-events: none;\r\n                will-change: transform;\r\n                transform: translateZ(125px) rotate(-6deg);\r\n            }\r\n\r\n            .aqav-core__card--doc {\r\n                left: -8%;\r\n                bottom: 4%;\r\n                width: 66%;\r\n                padding: 13px 15px;\r\n            }\r\n\r\n            \/* Card Shine *\/\r\n            .aqav-core__card-shine {\r\n                position: absolute;\r\n                inset: 0;\r\n                pointer-events: none;\r\n                background: linear-gradient(\r\n                    115deg,\r\n                    transparent calc(var(--h, 0.4) * 160% - 50%),\r\n                    color-mix(in oklab, var(--cyan) 26%, transparent) calc(var(--h, 0.4) * 160% - 30%),\r\n                    color-mix(in oklab, var(--indigo) 22%, transparent) calc(var(--h, 0.4) * 160% - 15%),\r\n                    transparent calc(var(--h, 0.4) * 160%)\r\n                );\r\n            }\r\n\r\n            .aqav-core__card-label {\r\n                position: relative;\r\n                font-family: \"JetBrains Mono\", monospace;\r\n                font-size: 8.5px;\r\n                letter-spacing: 0.18em;\r\n                color: var(--ink3);\r\n            }\r\n\r\n            .aqav-core__card-row {\r\n                position: relative;\r\n                margin-top: 7px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                gap: 10px;\r\n                font-family: \"JetBrains Mono\", monospace;\r\n                font-size: 12.5px;\r\n                color: #f1f5f9;\r\n            }\r\n\r\n            .aqav-core__badge {\r\n                font-size: 8.5px;\r\n                padding: 4px 8px;\r\n                border-radius: 99px;\r\n                font-family: \"JetBrains Mono\", monospace;\r\n                letter-spacing: 0.08em;\r\n            }\r\n\r\n            .aqav-core__badge--ok {\r\n                background: color-mix(in oklab, var(--ok) 18%, transparent);\r\n                color: var(--ok);\r\n            }\r\n\r\n            .aqav-core__badge-float {\r\n                position: absolute;\r\n                padding: 9px 13px;\r\n                border-radius: 13px;\r\n                background: var(--panel2);\r\n                font-family: \"JetBrains Mono\", monospace;\r\n                font-size: 9.5px;\r\n                letter-spacing: 0.12em;\r\n                pointer-events: none;\r\n                white-space: nowrap;\r\n                will-change: transform;\r\n            }\r\n\r\n            .aqav-core__badge-float--ok {\r\n                right: -6%;\r\n                top: 6%;\r\n                border: 1px solid color-mix(in oklab, var(--ok) 50%, transparent);\r\n                color: var(--ok);\r\n                box-shadow: 0 0 34px -10px color-mix(in oklab, var(--ok) 70%, transparent);\r\n                transform: translateZ(170px) rotate(5deg);\r\n            }\r\n\r\n            .aqav-core__badge-float--bad {\r\n                left: -2%;\r\n                top: 22%;\r\n                border: 1px solid color-mix(in oklab, var(--bad) 50%, transparent);\r\n                color: var(--bad);\r\n                transform: translateZ(90px) rotate(-3deg);\r\n            }\r\n\r\n            .aqav-vault-hints {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 10px 22px;\r\n                font-family: \"JetBrains Mono\", monospace;\r\n                font-size: 9.5px;\r\n                letter-spacing: 0.24em;\r\n                color: var(--ink3);\r\n                text-transform: uppercase;\r\n                text-align: center;\r\n                padding: 0 10px;\r\n            }\r\n\r\n            @media (max-width: 480px) {\r\n                .aqav-vault {\r\n                    max-width: 100%;\r\n                }\r\n\r\n                .aqav-core__card--doc {\r\n                    padding: 10px 12px;\r\n                }\r\n\r\n                .aqav-core__card-label {\r\n                    font-size: 7px;\r\n                }\r\n\r\n                .aqav-core__card-row {\r\n                    font-size: 10px;\r\n                }\r\n\r\n                .aqav-core__badge-float {\r\n                    font-size: 8px;\r\n                    padding: 7px 10px;\r\n                }\r\n\r\n                .aqav-vault-hints {\r\n                    font-size: 8px;\r\n                    gap: 8px 16px;\r\n                }\r\n            }\r\n\r\n            @media (prefers-reduced-motion: reduce) {\r\n                .aqav-core__pulse {\r\n                    animation: none !important;\r\n                }\r\n\r\n                .aqav-vault,\r\n                .aqav-core__card,\r\n                .aqav-core__badge-float {\r\n                    transition-duration: 0.01ms !important;\r\n                }\r\n            }\r\n        <\/style>\r\n    <\/head>\r\n    <body>\r\n\r\n        <div class=\"aqav-vault-wrap\">\r\n\r\n            <div class=\"aqav-vault\" id=\"aqav-vault\">\r\n\r\n                <!-- 3D CORE -->\r\n                <div class=\"aqav-core\"\r\n                    id=\"aqav-core\"\r\n                    tabindex=\"0\"\r\n                    role=\"img\"\r\n                    aria-label=\"AQAV identity vault \u2014 drag or use arrow keys to rotate\"\r\n                    data-fr-label=\"Coffre d'identit\u00e9 AQAV \u2014 faites glisser ou utilisez les fl\u00e8ches pour tourner\"\r\n                    data-en-label=\"AQAV identity vault \u2014 drag or use arrow keys to rotate\">\r\n\r\n                    <!-- Pulse Glow -->\r\n                    <div class=\"aqav-core__pulse\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <!-- Conic Ring -->\r\n                    <div class=\"aqav-core__ring\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <!-- Solid Ring -->\r\n                    <div class=\"aqav-core__ring-solid\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <!-- Dashed Ring -->\r\n                    <div class=\"aqav-core__ring-dashed\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <!-- Core Glow -->\r\n                    <div class=\"aqav-core__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <!-- Center Image (SVG placeholder) -->\r\n                    <img decoding=\"async\" class=\"aqav-core__image\"\r\n                        src=\"https:\/\/aqavsecure.io\/wp-content\/uploads\/2026\/10\/image-2-1.jpg\"\r\n                        alt=\"\"\r\n                        aria-hidden=\"true\"  style=\"border-radius: 50%;\"\/>\r\n\r\n                    <!-- Protected Document Card -->\r\n                    <div class=\"aqav-core__card aqav-core__card--doc\" data-float data-base=\"translateZ(125px) rotate(-6deg)\">\r\n                        <div class=\"aqav-core__card-shine\" aria-hidden=\"true\"><\/div>\r\n                        <div class=\"aqav-core__card-label\"\r\n                            data-fr=\"DOCUMENT PROT\u00c9G\u00c9\"\r\n                            data-en=\"PROTECTED DOCUMENT\">PROTECTED DOCUMENT<\/div>\r\n                        <div class=\"aqav-core__card-row\">\r\n                            <span>\u00b7\u00b7\u00b7\u00b7 \u00b7\u00b7\u00b7\u00b7 4172<\/span>\r\n                            <span class=\"aqav-core__badge aqav-core__badge--ok\"\r\n                                data-fr=\"AU COFFRE\"\r\n                                data-en=\"IN VAULT\">IN VAULT<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Answer Shared Badge -->\r\n                    <div class=\"aqav-core__badge-float aqav-core__badge-float--ok\"\r\n                        data-float\r\n                        data-base=\"translateZ(170px) rotate(5deg)\"\r\n                        data-fr=\"R\u00c9PONSE \u00b7 PARTAG\u00c9E\"\r\n                        data-en=\"ANSWER \u00b7 SHARED\">ANSWER \u00b7 SHARED<\/div>\r\n\r\n                    <!-- Document Never Badge -->\r\n                    <div class=\"aqav-core__badge-float aqav-core__badge-float--bad\"\r\n                        data-float\r\n                        data-base=\"translateZ(90px) rotate(-3deg)\"\r\n                        data-fr=\"DOCUMENT \u00b7 JAMAIS\"\r\n                        data-en=\"DOCUMENT \u00b7 NEVER\">DOCUMENT \u00b7 NEVER<\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ============================================\r\n            BOTTOM HINTS\r\n            ============================================ -->\r\n            <div class=\"aqav-vault-hints\">\r\n                <span data-fr=\"\u25c4 FAITES GLISSER POUR TOURNER \u25ba\"\r\n                    data-en=\"\u25c4 DRAG TO ROTATE \u25ba\">\u25c4 DRAG TO ROTATE \u25ba<\/span>\r\n                <span data-fr=\"46.2044\u00b0 N \u00b7 6.1432\u00b0 E \u2014 CON\u00c7U \u00c0 GEN\u00c8VE\"\r\n                    data-en=\"46.2044\u00b0 N \u00b7 6.1432\u00b0 E \u2014 DESIGNED IN GENEVA\">46.2044\u00b0 N \u00b7 6.1432\u00b0 E \u2014 DESIGNED IN GENEVA<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ============================================\r\n        JAVASCRIPT\r\n        ============================================ -->\r\n        <script>\r\n            (function () {\r\n                'use strict';\r\n\r\n                const vault = document.getElementById('aqav-vault');\r\n                const core = document.getElementById('aqav-core');\r\n\r\n                if (!vault || !core) return;\r\n\r\n                \/\/ ============================================\r\n                \/\/ STATE\r\n                \/\/ ============================================\r\n                const state = {\r\n                    rotX: -8,\r\n                    rotY: 0,\r\n                    targetRotX: -8,\r\n                    targetRotY: 0,\r\n                    isDragging: false,\r\n                    lastX: 0,\r\n                    lastY: 0,\r\n                    autoRotate: true,\r\n                    autoRotateSpeed: 0.35\r\n                };\r\n\r\n                \/\/ ============================================\r\n                \/\/ POINTER DRAG\r\n                \/\/ ============================================\r\n                function onPointerDown(e) {\r\n                    state.isDragging = true;\r\n                    state.lastX = e.clientX;\r\n                    state.lastY = e.clientY;\r\n                    state.autoRotate = false;\r\n                    core.style.cursor = 'grabbing';\r\n                }\r\n\r\n                function onPointerMove(e) {\r\n                    if (!state.isDragging) return;\r\n\r\n                    const dx = e.clientX - state.lastX;\r\n                    const dy = e.clientY - state.lastY;\r\n\r\n                    state.targetRotY += dx * 0.5;\r\n                    state.targetRotX -= dy * 0.3;\r\n                    state.targetRotX = Math.max(-80, Math.min(10, state.targetRotX));\r\n\r\n                    state.lastX = e.clientX;\r\n                    state.lastY = e.clientY;\r\n                }\r\n\r\n                function onPointerUp() {\r\n                    if (!state.isDragging) return;\r\n                    state.isDragging = false;\r\n                    core.style.cursor = 'grab';\r\n                    setTimeout(function () {\r\n                        state.autoRotate = true;\r\n                    }, 2000);\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ KEYBOARD\r\n                \/\/ ============================================\r\n                function onKeyDown(e) {\r\n                    const step = 15;\r\n                    switch (e.key) {\r\n                        case 'ArrowLeft':\r\n                            state.targetRotY -= step;\r\n                            e.preventDefault();\r\n                            break;\r\n                        case 'ArrowRight':\r\n                            state.targetRotY += step;\r\n                            e.preventDefault();\r\n                            break;\r\n                        case 'ArrowUp':\r\n                            state.targetRotX = Math.min(10, state.targetRotX + step);\r\n                            e.preventDefault();\r\n                            break;\r\n                        case 'ArrowDown':\r\n                            state.targetRotX = Math.max(-80, state.targetRotX - step);\r\n                            e.preventDefault();\r\n                            break;\r\n                    }\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ MOUSE PARALLAX (Outer)\r\n                \/\/ ============================================\r\n                function onMouseMove(e) {\r\n                    const rect = vault.getBoundingClientRect();\r\n                    const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n                    const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n                    vault.style.setProperty('--mx', x.toFixed(3));\r\n                    vault.style.setProperty('--my', y.toFixed(3));\r\n                }\r\n\r\n                function onMouseLeave() {\r\n                    vault.style.setProperty('--mx', 0);\r\n                    vault.style.setProperty('--my', 0);\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ ANIMATION LOOP\r\n                \/\/ ============================================\r\n                let lastTime = performance.now();\r\n\r\n                function animate(now) {\r\n                    const dt = (now - lastTime) \/ 1000;\r\n                    lastTime = now;\r\n\r\n                    \/\/ Auto-rotate\r\n                    if (state.autoRotate && !state.isDragging) {\r\n                        state.targetRotY += state.autoRotateSpeed * dt * 60;\r\n                    }\r\n\r\n                    \/\/ Smooth interpolation\r\n                    state.rotX += (state.targetRotX - state.rotX) * 0.08;\r\n                    state.rotY += (state.targetRotY - state.rotY) * 0.08;\r\n\r\n                    \/\/ Apply transform\r\n                    core.style.transform =\r\n                        'rotateX(' + state.rotX.toFixed(2) + 'deg) rotateY(' +\r\n                        state.rotY.toFixed(2) + 'deg)';\r\n\r\n                    \/\/ Animate shine position\r\n                    const h = 0.1 + (Math.sin(now * 0.001) + 1) * 0.4;\r\n                    core.style.setProperty('--h', h.toFixed(3));\r\n\r\n                    \/\/ Animate floating elements\r\n                    animateFloats(now);\r\n\r\n                    requestAnimationFrame(animate);\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ FLOATING ELEMENTS\r\n                \/\/ ============================================\r\n                const floatEls = core.querySelectorAll('[data-float]');\r\n\r\n                function animateFloats(now) {\r\n                    floatEls.forEach(function (el, i) {\r\n                        const base = el.dataset.base || '';\r\n                        const t = now * 0.001 + i * 1.7;\r\n                        const offsetX = Math.sin(t * 0.7) * 4;\r\n                        const offsetY = Math.cos(t * 0.5) * 6;\r\n\r\n                        el.style.transform =\r\n                            base + ' translate3d(' +\r\n                            offsetX.toFixed(2) + 'px, ' +\r\n                            offsetY.toFixed(2) + 'px, 0)';\r\n                    });\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ EVENT LISTENERS\r\n                \/\/ ============================================\r\n                core.addEventListener('pointerdown', onPointerDown);\r\n                window.addEventListener('pointermove', onPointerMove);\r\n                window.addEventListener('pointerup', onPointerUp);\r\n                window.addEventListener('pointercancel', onPointerUp);\r\n                core.addEventListener('keydown', onKeyDown);\r\n                vault.addEventListener('mousemove', onMouseMove);\r\n                vault.addEventListener('mouseleave', onMouseLeave);\r\n\r\n                \/\/ ============================================\r\n                \/\/ LANGUAGE SWITCHER\r\n                \/\/ ============================================\r\n                function setLanguage(lang) {\r\n                    \/\/ Text content\r\n                    document.querySelectorAll('[data-fr][data-en]').forEach(function (el) {\r\n                        const text = el.getAttribute('data-' + lang);\r\n                        if (text) el.textContent = text;\r\n                    });\r\n\r\n                    \/\/ Aria labels\r\n                    document.querySelectorAll('[data-fr-label][data-en-label]').forEach(function (el) {\r\n                        const text = el.getAttribute('data-' + lang + '-label');\r\n                        if (text) el.setAttribute('aria-label', text);\r\n                    });\r\n                }\r\n\r\n                \/\/ ============================================\r\n                \/\/ EXPOSE API\r\n                \/\/ ============================================\r\n                window.aqavVault = {\r\n                    setLanguage: setLanguage,\r\n                    start: function () { state.autoRotate = true; },\r\n                    stop: function () { state.autoRotate = false; },\r\n                    reset: function () {\r\n                        state.targetRotX = -8;\r\n                        state.targetRotY = 0;\r\n                    }\r\n                };\r\n\r\n                \/\/ ============================================\r\n                \/\/ START\r\n                \/\/ ============================================\r\n                requestAnimationFrame(animate);\r\n\r\n                console.log('\ud83d\udd10 AQAV Vault initialized');\r\n                console.log('\ud83d\udca1 Drag or use arrow keys to rotate');\r\n            })();\r\n        <\/script>\r\n\r\n    <\/body>\r\n    <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5636d95 e-flex e-con-boxed e-con e-parent\" data-id=\"5636d95\" 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-f500616 elementor-widget elementor-widget-html\" data-id=\"f500616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n    <style>\r\n       \r\n\r\n        .reversal {\r\n            position: relative;\r\n            height: 250vh;\r\n            --p: 0;\r\n            --m: 1;\r\n        }\r\n\r\n        .reversal__sticky {\r\n            position: sticky;\r\n            top: 56px;\r\n            min-height: calc(-56px + 100vh);\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 12px 0;\r\n        }\r\n\r\n        .reversal__container {\r\n            max-width: 1320px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .reversal__header {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 16px;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .reversal__header-left {\r\n            flex: 1 1 auto;\r\n            min-width: 0;\r\n        }\r\n\r\n        .reversal__eyebrow {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10.5px;\r\n            letter-spacing: 0.26em;\r\n            color: var(--cyan);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .reversal__eyebrow-num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n\r\n        .reversal__eyebrow-line {\r\n            width: 28px;\r\n            height: 1px;\r\n            background: currentColor;\r\n            opacity: 0.7;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .reversal__title {\r\n            margin-top: 12px;\r\n            font-size: clamp(1.7rem, 3.6vw, 2.9rem);\r\n            line-height: 1.02;\r\n            letter-spacing: -0.035em;\r\n            font-weight: 600;\r\n            color: #f1f5f9;\r\n        }\r\n\r\n        .reversal__title > span {\r\n            display: block;\r\n        }\r\n\r\n        .reversal__title-accent {\r\n            color: var(--cyan);\r\n        }\r\n\r\n        .reversal__scroll-hint {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.2em;\r\n            color: var(--ink3);\r\n            white-space: nowrap;\r\n            animation: scrollHint 2s ease-in-out infinite;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @keyframes scrollHint {\r\n            0%, 100% {\r\n                opacity: 0.5;\r\n                transform: translateY(0);\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateY(4px);\r\n            }\r\n        }\r\n\r\n\r\n        .reversal__progress {\r\n            margin-top: 14px;\r\n            height: 3px;\r\n            border-radius: 99px;\r\n            background: var(--line);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .reversal__progress-fill {\r\n            height: 100%;\r\n            width: calc(var(--p, 0) * 100%);\r\n            background: linear-gradient(90deg, var(--cyan), var(--indigo));\r\n            box-shadow: 0 0 14px color-mix(in oklab, var(--cyan) 70%, transparent);\r\n            transition: width 0.15s cubic-bezier(0.16, 1, 0.3, 1);\r\n            will-change: width;\r\n        }\r\n\r\n        .reversal__grid {\r\n            margin-top: clamp(14px, 2.4vh, 30px);\r\n            position: relative;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));\r\n            gap: clamp(12px, 1.8vh, 24px);\r\n            align-items: stretch;\r\n            perspective: 1400px;\r\n        }\r\n\r\n        .reversal__card {\r\n            min-width: 0;\r\n            padding: clamp(14px, 2vh, 26px);\r\n            border-radius: 24px;\r\n            border: 1px solid var(--line);\r\n            background: var(--panel);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            will-change: transform, opacity;\r\n            transition:\r\n                transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),\r\n                opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),\r\n                box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n     \r\n        .reversal__card--today {\r\n            opacity: calc(1.05 - var(--p, 0) * 0.8);\r\n            transform:\r\n                translate3d(0,\r\n                    calc(var(--p, 0) * -22px * var(--m, 1)),\r\n                    calc(var(--p, 0) * -140px * var(--m, 1)))\r\n                rotateY(calc(var(--p, 0) * -13deg * var(--m, 1)));\r\n        }\r\n\r\n        .reversal__card--aqav {\r\n            border-color: color-mix(in oklab, var(--cyan) 42%, transparent);\r\n            opacity: calc(0.2 + var(--p, 0) * 0.9);\r\n            transform:\r\n                translate3d(0,\r\n                    calc((22px - var(--p, 0) * 22px) * var(--m, 1)),\r\n                    calc((-150px + var(--p, 0) * 150px) * var(--m, 1)))\r\n                rotateY(calc((15deg - var(--p, 0) * 15deg) * var(--m, 1)));\r\n            box-shadow: 0 30px 80px -44px color-mix(in oklab, var(--cyan) 70%, transparent);\r\n        }\r\n\r\n\r\n        .reversal__eyebrow-tag {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.2em;\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .reversal__eyebrow-tag--bad {\r\n            color: var(--bad);\r\n        }\r\n\r\n        .reversal__eyebrow-tag--ok {\r\n            color: var(--cyan);\r\n        }\r\n\r\n      \r\n        .reversal__card-title {\r\n            margin-top: clamp(8px, 1.4vh, 12px);\r\n            font-size: clamp(16px, 1.7vw, 21px);\r\n            font-weight: 600;\r\n            line-height: 1.25;\r\n            letter-spacing: -0.01em;\r\n            color: #f1f5f9;\r\n        }\r\n\r\n     \r\n        .reversal__list {\r\n            margin-top: clamp(10px, 1.6vh, 16px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: clamp(6px, 1.1vh, 9px);\r\n            font-size: 13.5px;\r\n            line-height: 1.42;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        .reversal__row {\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .reversal__mark {\r\n            flex-shrink: 0;\r\n            font-size: 13px;\r\n            line-height: 1.42;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .reversal__mark--bad {\r\n            color: var(--bad);\r\n        }\r\n\r\n        .reversal__mark--ok {\r\n            color: var(--ok);\r\n        }\r\n\r\n    \r\n        .reversal__placeholder-row {\r\n            margin-top: clamp(10px, 1.8vh, 18px);\r\n            display: flex;\r\n            gap: 7px;\r\n        }\r\n\r\n        .reversal__placeholder {\r\n            flex: 1 1 0%;\r\n            height: clamp(34px, 6vh, 56px);\r\n            border-radius: 8px;\r\n            border: 1px dashed color-mix(in oklab, var(--bad) 50%, transparent);\r\n            background: repeating-linear-gradient(\r\n                45deg,\r\n                color-mix(in oklab, var(--bad) 10%, transparent) 0 6px,\r\n                transparent 6px 12px\r\n            );\r\n        }\r\n\r\n        .reversal__terminal {\r\n            margin-top: clamp(10px, 1.8vh, 18px);\r\n            padding: clamp(10px, 1.6vh, 14px);\r\n            border-radius: 12px;\r\n            background: var(--panel2);\r\n            border: 1px solid var(--line);\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 11px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .reversal__terminal-line {\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .reversal__terminal-line--ok {\r\n            color: var(--ok);\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .reversal__grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .reversal__card--today,\r\n            .reversal__card--aqav {\r\n                transform: none;\r\n                opacity: 1;\r\n            }\r\n\r\n            .reversal__scroll-hint {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .reversal__card,\r\n            .reversal__progress-fill {\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n\r\n            .reversal__scroll-hint {\r\n                animation: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n    <section class=\"reversal\" id=\"reversal\">\r\n\r\n        <!-- Sticky Container -->\r\n        <div class=\"reversal__sticky\">\r\n            <div class=\"reversal__container\">\r\n\r\n                <!-- Header Row -->\r\n                <div class=\"reversal__header\">\r\n\r\n                    <!-- Left: Eyebrow + Title -->\r\n                    <div class=\"reversal__header-left\">\r\n\r\n                        <!-- Eyebrow -->\r\n                   <div class=\"reversal__eyebrow\"><span class=\"reversal__eyebrow-num\" aria-hidden=\"true\">01<\/span>\r\n\r\n<span data-fr=\"LE RENVERSEMENT\" data-en=\"THE REVERSAL\">THE REVERSAL<\/span><\/div>\r\n<!-- Title -->\r\n<h2 class=\"reversal__title\"><span data-fr=\"D'une copie que vous abandonnez\" data-en=\"From a copy you give away\">From a copy you give away<\/span>\r\n<span class=\"reversal__title-accent\" data-fr=\"\u00e0 une r\u00e9ponse que vous accordez.\" data-en=\"to an answer you grant.\">to an answer you grant.<\/span><\/h2>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- Right: Scroll Hint -->\r\n                    <div class=\"reversal__scroll-hint\"\r\n                         data-fr=\"\u2193 FAITES D\u00c9FILER\"\r\n                         data-en=\"\u2193 KEEP SCROLLING\">\u2193 KEEP SCROLLING<\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Progress Bar -->\r\n                <div class=\"reversal__progress\" aria-hidden=\"true\">\r\n                    <div class=\"reversal__progress-fill\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Comparison Cards -->\r\n                <div class=\"reversal__grid\">\r\n\r\n                    <article class=\"reversal__card reversal__card--today\">\r\n\r\n                        <div class=\"reversal__eyebrow-tag reversal__eyebrow-tag--bad\"\r\n                             data-fr=\"AUJOURD'HUI\"\r\n                             data-en=\"TODAY\">TODAY<\/div>\r\n\r\n                        <h3 class=\"reversal__card-title\"\r\n                            data-fr=\"Vous tendez une photocopie\"\r\n                            data-en=\"You hand over a photocopy\">You hand over a photocopy<\/h3>\r\n\r\n                        <div class=\"reversal__list\">\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--bad\" aria-hidden=\"true\">\u2715<\/span>\r\n                                <span data-fr=\"La copie reste dans un classeur, un e-mail, une galerie photo \u2014 pour toujours.\"\r\n                                      data-en=\"The copy sits in a cabinet, an inbox, a photo gallery \u2014 forever.\">The copy sits in a cabinet, an inbox, a photo gallery \u2014 forever.<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--bad\" aria-hidden=\"true\">\u2715<\/span>\r\n                                <span data-fr=\"Vous ignorez combien d'entreprises en d\u00e9tiennent une aujourd'hui.\"\r\n                                      data-en=\"You don't know how many companies hold one right now.\">You don't know how many companies hold one right now.<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--bad\" aria-hidden=\"true\">\u2715<\/span>\r\n                                <span data-fr=\"Impossible de la r\u00e9voquer, impossible de la faire expirer.\"\r\n                                      data-en=\"No way to revoke it, no way to make it expire.\">No way to revoke it, no way to make it expire.<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--bad\" aria-hidden=\"true\">\u2715<\/span>\r\n                                <span data-fr=\"Chaque copie stock\u00e9e est une fuite de donn\u00e9es en attente.\"\r\n                                      data-en=\"Every stored copy is a data breach waiting to happen.\">Every stored copy is a data breach waiting to happen.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"reversal__placeholder-row\" aria-hidden=\"true\">\r\n                            <div class=\"reversal__placeholder\"><\/div>\r\n                            <div class=\"reversal__placeholder\"><\/div>\r\n                            <div class=\"reversal__placeholder\"><\/div>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n               \r\n                    <article class=\"reversal__card reversal__card--aqav\">\r\n\r\n                        <div class=\"reversal__eyebrow-tag reversal__eyebrow-tag--ok\"\r\n                             data-fr=\"AVEC AQAV\"\r\n                             data-en=\"WITH AQAV\">WITH AQAV<\/div>\r\n\r\n                        <h3 class=\"reversal__card-title\"\r\n                            data-fr=\"Vous accordez une r\u00e9ponse, une seule\"\r\n                            data-en=\"You grant one answer, and only one\">You grant one answer, and only one<\/h3>\r\n\r\n                        <div class=\"reversal__list\">\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--ok\" aria-hidden=\"true\">\u2713<\/span>\r\n                                <span data-fr=\"Le document reste chiffr\u00e9 chez vous. L'entreprise re\u00e7oit \u00ab oui \u00bb ou \u00ab non \u00bb.\"\r\n                                      data-en=\"The document stays encrypted with you. The business gets &quot;yes&quot; or &quot;no&quot;.\">The document stays encrypted with you. The business gets \"yes\" or \"no\".<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--ok\" aria-hidden=\"true\">\u2713<\/span>\r\n                                <span data-fr=\"Vous voyez qui demande, quoi, et pourquoi \u2014 avant d'approuver.\"\r\n                                      data-en=\"You see who is asking, for what, and why \u2014 before you approve.\">You see who is asking, for what, and why \u2014 before you approve.<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--ok\" aria-hidden=\"true\">\u2713<\/span>\r\n                                <span data-fr=\"L'accord expire seul : \u00e0 l'heure pr\u00e9vue, ou en quittant le guichet.\"\r\n                                      data-en=\"The approval expires on its own: at the set time, or when you leave the counter.\">The approval expires on its own: at the set time, or when you leave the counter.<\/span>\r\n                            <\/div>\r\n                            <div class=\"reversal__row\">\r\n                                <span class=\"reversal__mark reversal__mark--ok\" aria-hidden=\"true\">\u2713<\/span>\r\n                                <span data-fr=\"Rien n'est stock\u00e9 c\u00f4t\u00e9 entreprise. Il n'y a rien \u00e0 voler.\"\r\n                                      data-en=\"Nothing is stored on the business side. There is nothing to steal.\">Nothing is stored on the business side. There is nothing to steal.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"reversal__terminal\">\r\n                            <div class=\"reversal__terminal-line reversal__terminal-line--ok\"\r\n                                 data-fr=\"\u2713 \u00c2GE \u2265 18 \u00b7 VALID\u00c9\"\r\n                                 data-en=\"\u2713 AGE \u2265 18 \u00b7 PASS\">\u2713 AGE \u2265 18 \u00b7 PASS<\/div>\r\n                            <div class=\"reversal__terminal-line\"\r\n                                 data-fr=\"\u2715 NOM \u00b7 NON DEMAND\u00c9\"\r\n                                 data-en=\"\u2715 NAME \u00b7 NOT REQUESTED\">\u2715 NAME \u00b7 NOT REQUESTED<\/div>\r\n                            <div class=\"reversal__terminal-line\"\r\n                                 data-fr=\"\u2715 DOCUMENT \u00b7 NE QUITTE JAMAIS LE COFFRE\"\r\n                                 data-en=\"\u2715 DOCUMENT \u00b7 NEVER LEAVES THE VAULT\">\u2715 DOCUMENT \u00b7 NEVER LEAVES THE VAULT<\/div>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function () {\r\n            'use strict';\r\n\r\n            const section = document.getElementById('reversal');\r\n            if (!section) return;\r\n\r\n            const progressFill = section.querySelector('.reversal__progress-fill');\r\n\r\n            let ticking = false;\r\n\r\n            function calculateProgress() {\r\n                const rect = section.getBoundingClientRect();\r\n                const windowHeight = window.innerHeight;\r\n\r\n                const sectionHeight = rect.height;\r\n                const scrollableDistance = sectionHeight - windowHeight;\r\n\r\n                let scrolled = -rect.top;\r\n                scrolled = Math.max(0, Math.min(scrollableDistance, scrolled));\r\n\r\n                const progress = scrollableDistance > 0\r\n                    ? scrolled \/ scrollableDistance\r\n                    : 0;\r\n\r\n                return progress;\r\n            }\r\n\r\n\r\n            function updateSection() {\r\n                const progress = calculateProgress();\r\n\r\n                section.style.setProperty('--p', progress.toFixed(4));\r\n\r\n                if (progressFill) {\r\n                    progressFill.style.width = (progress * 100) + '%';\r\n                }\r\n\r\n                ticking = false;\r\n            }\r\n\r\n            function onScroll() {\r\n                if (!ticking) {\r\n                    window.requestAnimationFrame(updateSection);\r\n                    ticking = true;\r\n                }\r\n            }\r\n\r\n            function onResize() {\r\n                updateSection();\r\n            }\r\n\r\n            function setLanguage(lang) {\r\n                const elements = section.querySelectorAll('[data-fr][data-en]');\r\n                elements.forEach(function (el) {\r\n                    const text = el.getAttribute('data-' + lang);\r\n                    if (text) {\r\n                        el.textContent = text;\r\n                    }\r\n                });\r\n            }\r\n\r\n            function init() {\r\n                updateSection();\r\n\r\n                window.addEventListener('scroll', onScroll, { passive: true });\r\n                window.addEventListener('resize', onResize, { passive: true });\r\n\r\n                \/\/ Expose language switcher globally\r\n                window.aqavReversal = {\r\n                    setLanguage: setLanguage,\r\n                    getProgress: calculateProgress\r\n                };\r\n\r\n                console.log('\ud83c\udfac AQAV Reversal initialized');\r\n            }\r\n\r\n            \/\/ Start when ready\r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', init);\r\n            } else {\r\n                init();\r\n            }\r\n\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de2f20d e-flex e-con-boxed e-con e-parent\" data-id=\"de2f20d\" 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-bcd1937 elementor-widget elementor-widget-html\" data-id=\"bcd1937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n    \r\n        \/* ============================================\r\n           SECTION\r\n           ============================================ *\/\r\n        .approve-section {\r\n            margin: 0 auto;\r\n            padding: clamp(48px, 6.5vw, 104px) clamp(16px, 4vw, 40px);\r\n        }\r\n\r\n        \/* ============================================\r\n           HEADER\r\n           ============================================ *\/\r\n        .approve-header {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 18px;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition:\r\n                opacity 0.9s ease,\r\n                transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n\r\n        .approve-header.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        .approve-header__left {\r\n            flex: 1 1 auto;\r\n            min-width: 0;\r\n        }\r\n\r\n        \/* ============================================\r\n           EYEBROW\r\n           ============================================ *\/\r\n        .approve-eyebrow {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10.5px;\r\n            letter-spacing: 0.26em;\r\n            color: var(--cyan);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .approve-eyebrow__num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n\r\n        .approve-eyebrow__line {\r\n            width: 28px;\r\n            height: 1px;\r\n            background: currentColor;\r\n            opacity: 0.7;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* ============================================\r\n           TITLE\r\n           ============================================ *\/\r\n        .approve-title {\r\n            margin-top: 12px;\r\n            font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n            line-height: 1.02;\r\n            letter-spacing: -0.035em;\r\n            font-weight: 600;\r\n            max-width: 18ch;\r\n            text-wrap: balance;\r\n            color: #f1f5f9;\r\n        }\r\n\r\n        .approve-subtitle {\r\n            margin-top: 14px;\r\n            max-width: 58ch;\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        \/* ============================================\r\n           BUTTON\r\n           ============================================ *\/\r\n        .approve-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 13px 22px;\r\n            border-radius: 999px;\r\n            font-size: 13.5px;\r\n            font-weight: 600;\r\n            color: var(--onAcc);\r\n            background: linear-gradient(100deg, var(--cyan), var(--indigo));\r\n            box-shadow:\r\n                0 14px 36px -16px color-mix(in oklab, var(--cyan) 85%, transparent),\r\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.4);\r\n            border: none;\r\n            cursor: pointer;\r\n            font-family: inherit;\r\n            transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n                        box-shadow 0.35s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .approve-btn:hover {\r\n            box-shadow:\r\n                0 20px 44px -16px color-mix(in oklab, var(--cyan) 95%, transparent),\r\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .approve-btn:active {\r\n            transform: scale(0.97);\r\n        }\r\n\r\n        .approve-btn__icon {\r\n            font-size: 16px;\r\n            line-height: 1;\r\n        }\r\n\r\n        \/* ============================================\r\n           DEMO GRID\r\n           ============================================ *\/\r\n        .approve-demo {\r\n            margin-top: 34px;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));\r\n            gap: 26px;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition:\r\n                opacity 0.9s ease 0.1s,\r\n                transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;\r\n        }\r\n\r\n        .approve-demo.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        \/* ============================================\r\n           TERMINAL PANEL\r\n           ============================================ *\/\r\n        .approve-terminal {\r\n            min-width: 0;\r\n            padding: 24px;\r\n            border-radius: 26px;\r\n            background:\r\n                radial-gradient(\r\n                    420px circle at var(--sx, -999px) var(--sy, -999px),\r\n                    color-mix(in oklab, var(--cyan) 12%, transparent),\r\n                    transparent 65%\r\n                ),\r\n                var(--panel);\r\n            border: 1px solid var(--line);\r\n            backdrop-filter: blur(14px);\r\n            -webkit-backdrop-filter: blur(14px);\r\n            box-shadow:\r\n                rgba(2, 6, 23, 0.8) 0 40px 80px -50px,\r\n                rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n            --sx: -999px;\r\n            --sy: -999px;\r\n        }\r\n\r\n        .approve-terminal__header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n            padding-bottom: 13px;\r\n            border-bottom: 1px solid var(--line);\r\n        }\r\n\r\n        .approve-terminal__location {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            letter-spacing: 0.18em;\r\n            color: var(--ink3);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .approve-terminal__status {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            color: var(--ok);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .approve-terminal__status-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 99px;\r\n            background: var(--ok);\r\n            animation: aqBlink 1.6s ease infinite;\r\n        }\r\n\r\n        @keyframes aqBlink {\r\n            0%, 100% { opacity: 1; }\r\n            50% { opacity: 0.35; }\r\n        }\r\n\r\n        .approve-terminal__details {\r\n            margin-top: 16px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 12px;\r\n            line-height: 2;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        .approve-terminal__row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n        }\r\n\r\n        .approve-terminal__row-label {\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .approve-terminal__log {\r\n            margin-top: 16px;\r\n            padding: 16px;\r\n            border-radius: 16px;\r\n            background: var(--panel2);\r\n            border: 1px solid var(--line);\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 11.5px;\r\n            line-height: 1.95;\r\n            min-height: 184px;\r\n        }\r\n\r\n        .approve-terminal__log-line { color: var(--ink3); }\r\n        .approve-terminal__log-line--ok { color: var(--ok); }\r\n        .approve-terminal__log-line--bad { color: var(--bad); }\r\n        .approve-terminal__log-line--warn { color: var(--warn); }\r\n        .approve-terminal__log-line--cyan { color: var(--cyan); }\r\n        .approve-terminal__log-line--spacer { margin-top: 6px; }\r\n\r\n        .approve-terminal__footnote {\r\n            margin-top: 12px;\r\n            font-size: 12.5px;\r\n            line-height: 1.55;\r\n            color: var(--ink3);\r\n        }\r\n\r\n        \/* ============================================\r\n           PHONE\r\n           ============================================ *\/\r\n        .approve-phone-wrap {\r\n            min-width: 0;\r\n            display: flex;\r\n            justify-content: center;\r\n            perspective: 1400px;\r\n            padding: 10px 0;\r\n        }\r\n\r\n        .approve-phone {\r\n            position: relative;\r\n            width: 300px;\r\n            max-width: 100%;\r\n            aspect-ratio: 300 \/ 620;\r\n            border-radius: 46px;\r\n            padding: 10px;\r\n            background: linear-gradient(\r\n                160deg,\r\n                oklch(0.48 0.03 246),\r\n                oklch(0.2 0.02 250) 60%,\r\n                oklch(0.32 0.03 248)\r\n            );\r\n            box-shadow:\r\n                0 70px 100px -54px rgba(2, 6, 23, 0.85),\r\n                0 0 0 1px rgba(180, 190, 200, 0.25),\r\n                0 0 80px -30px color-mix(in oklab, var(--cyan) 50%, transparent);\r\n            transform: perspective(1000px) rotateY(-22deg) rotateX(-1deg) translateY(-8px);\r\n            transform-style: preserve-3d;\r\n            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        .approve-phone:hover {\r\n            transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-8px);\r\n        }\r\n\r\n        .approve-phone__screen {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 37px;\r\n            overflow: hidden;\r\n            background: oklch(0.15 0.03 250);\r\n        }\r\n\r\n        .approve-phone__notch {\r\n            position: absolute;\r\n            top: 10px;\r\n            left: 50%;\r\n            width: 86px;\r\n            height: 24px;\r\n            margin-left: -43px;\r\n            border-radius: 99px;\r\n            background: oklch(0.06 0.01 250);\r\n            z-index: 3;\r\n        }\r\n\r\n        .approve-phone__content {\r\n            position: absolute;\r\n            inset: 0;\r\n            padding: 46px 18px 22px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n            color: oklch(0.97 0.01 230);\r\n        }\r\n\r\n        .approve-phone__topbar {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            letter-spacing: 0.14em;\r\n            color: oklch(0.74 0.03 235);\r\n        }\r\n\r\n        .approve-phone__identity {\r\n            padding: 15px;\r\n            border-radius: 18px;\r\n            background: linear-gradient(\r\n                160deg,\r\n                oklch(0.34 0.07 232 \/ 0.7),\r\n                oklch(0.2 0.04 250 \/ 0.8)\r\n            );\r\n            border: 1px solid oklch(0.84 0.14 198 \/ 0.28);\r\n        }\r\n\r\n        .approve-phone__identity-label {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.18em;\r\n            color: oklch(0.8 0.08 205);\r\n        }\r\n\r\n        .approve-phone__identity-name {\r\n            margin-top: 8px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .approve-phone__identity-sub {\r\n            margin-top: 3px;\r\n            font-size: 11px;\r\n            color: oklch(0.8 0.02 235);\r\n        }\r\n\r\n        .approve-phone__section-label {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.18em;\r\n            color: oklch(0.7 0.03 235);\r\n        }\r\n\r\n        .approve-phone__activity {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n            font-size: 11px;\r\n            color: oklch(0.84 0.02 235);\r\n        }\r\n\r\n        .approve-phone__activity-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 8px;\r\n            padding: 10px 12px;\r\n            border-radius: 12px;\r\n            background: oklch(0.3 0.05 242 \/ 0.36);\r\n        }\r\n\r\n        .approve-phone__activity-status--ok { color: oklch(0.84 0.16 165); }\r\n        .approve-phone__activity-status--bad { color: oklch(0.78 0.17 22); }\r\n\r\n        \/* ============================================\r\n           OVERLAY\r\n           ============================================ *\/\r\n        .approve-phone__overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 2;\r\n            background: oklch(0.1 0.02 250 \/ 0.96);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 14px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: oklch(0.97 0.01 230);\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.35s ease;\r\n        }\r\n\r\n        .approve-phone__overlay.is-active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n            animation: aqIn 0.35s ease;\r\n        }\r\n\r\n        @keyframes aqIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-12px) scale(0.96);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n        }\r\n\r\n        .approve-phone__overlay-icon {\r\n            width: 68px;\r\n            height: 68px;\r\n            border-radius: 99px;\r\n            display: grid;\r\n            place-items: center;\r\n            font-size: 27px;\r\n        }\r\n\r\n        .approve-phone__overlay-icon--ok {\r\n            background: oklch(0.84 0.16 165 \/ 0.16);\r\n            border: 1px solid oklch(0.84 0.16 165 \/ 0.55);\r\n            color: oklch(0.86 0.16 165);\r\n            box-shadow: 0 0 40px -8px oklch(0.84 0.16 165 \/ 0.6);\r\n        }\r\n\r\n        .approve-phone__overlay-title {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .approve-phone__overlay-list {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 6px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n        }\r\n\r\n        .approve-phone__overlay-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 8px;\r\n            padding: 9px 11px;\r\n            border-radius: 11px;\r\n        }\r\n\r\n        .approve-phone__overlay-item--ok {\r\n            background: oklch(0.84 0.16 165 \/ 0.13);\r\n            color: oklch(0.86 0.16 165);\r\n        }\r\n\r\n        .approve-phone__overlay-item--muted {\r\n            background: oklch(0.3 0.05 242 \/ 0.55);\r\n            color: oklch(0.78 0.02 235);\r\n        }\r\n\r\n        .approve-phone__overlay-btn {\r\n            padding: 10px 18px;\r\n            border-radius: 99px;\r\n            font-size: 11.5px;\r\n            border: 1px solid oklch(0.62 0.05 238 \/ 0.5);\r\n            color: oklch(0.86 0.02 235);\r\n            background: transparent;\r\n            cursor: pointer;\r\n            font-family: inherit;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .approve-phone__overlay-btn:hover {\r\n            border-color: var(--cyan);\r\n            color: var(--cyan);\r\n        }\r\n\r\n        \/* ============================================\r\n           RESPONSIVE\r\n           ============================================ *\/\r\n        @media (max-width: 640px) {\r\n            .approve-phone {\r\n                transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\r\n                width: 260px;\r\n            }\r\n\r\n            .approve-terminal {\r\n                padding: 18px;\r\n            }\r\n\r\n            .approve-terminal__log {\r\n                font-size: 10.5px;\r\n                padding: 12px;\r\n            }\r\n\r\n            .approve-btn {\r\n                font-size: 12.5px;\r\n                padding: 11px 18px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .approve-header,\r\n            .approve-demo,\r\n            .approve-phone,\r\n            .approve-phone__overlay {\r\n                transition-duration: 0.01ms !important;\r\n                opacity: 1 !important;\r\n                transform: none !important;\r\n            }\r\n\r\n            .approve-terminal__status-dot {\r\n                animation: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <section class=\"approve-section\" id=\"approve\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"approve-header\" data-reveal>\r\n            <div class=\"approve-header__left\">\r\n                <div class=\"approve-eyebrow\">\r\n                    <span class=\"approve-eyebrow__num\" aria-hidden=\"true\">02<\/span>\r\n                    <span class=\"approve-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                    <span data-fr=\"D\u00c9MO \u00b7 C'EST VOUS QUI APPROUVEZ\"\r\n                          data-en=\"DEMO \u00b7 YOU DO THE APPROVING\">DEMO \u00b7 YOU DO THE APPROVING<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"approve-title\"\r\n                    data-fr=\"Une demande arrive. Le geste vous appartient.\"\r\n                    data-en=\"A request lands. The gesture is yours.\">A request lands. The gesture is yours.<\/h2>\r\n\r\n                <p class=\"approve-subtitle\"\r\n                   data-fr=\"Le terminal du guichet \u00e0 gauche, votre t\u00e9l\u00e9phone \u00e0 droite. Rien n'est envoy\u00e9 nulle part : tout se joue dans cette page.\"\r\n                   data-en=\"The counter terminal on the left, your phone on the right. Nothing is sent anywhere \u2014 it all runs inside this page.\">The counter terminal on the left, your phone on the right. Nothing is sent anywhere \u2014 it all runs inside this page.<\/p>\r\n            <\/div>\r\n\r\n            <button class=\"approve-btn\" id=\"approve-reset\" type=\"button\">\r\n                <span class=\"approve-btn__icon\" aria-hidden=\"true\">\u21bb<\/span>\r\n                <span data-fr=\"Envoyer une nouvelle demande\"\r\n                      data-en=\"Send a new request\">Send a new request<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- DEMO GRID -->\r\n        <div class=\"approve-demo\" data-reveal>\r\n\r\n            <!-- LEFT: TERMINAL -->\r\n            <div class=\"approve-terminal\" id=\"approve-terminal-panel\">\r\n\r\n                <div class=\"approve-terminal__header\">\r\n                    <div class=\"approve-terminal__location\"\r\n                         data-fr=\"TERMINAL ENTREPRISE \u00b7 GEN\u00c8VE\"\r\n                         data-en=\"BUSINESS TERMINAL \u00b7 GENEVA\">BUSINESS TERMINAL \u00b7 GENEVA<\/div>\r\n                    <div class=\"approve-terminal__status\">\r\n                        <span class=\"approve-terminal__status-dot\" aria-hidden=\"true\"><\/span>\r\n                        <span data-fr=\"EN LIGNE\"\r\n                              data-en=\"ONLINE\">ONLINE<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"approve-terminal__details\">\r\n                    <div class=\"approve-terminal__row\">\r\n                        <span class=\"approve-terminal__row-label\"\r\n                              data-fr=\"OP\u00c9RATION\"\r\n                              data-en=\"OPERATION\">OPERATION<\/span>\r\n                        <span data-fr=\"LEASING AUTO\"\r\n                              data-en=\"CAR LEASING\">CAR LEASING<\/span>\r\n                    <\/div>\r\n                    <div class=\"approve-terminal__row\">\r\n                        <span class=\"approve-terminal__row-label\"\r\n                              data-fr=\"DEMANDE\"\r\n                              data-en=\"ASKING FOR\">ASKING FOR<\/span>\r\n                        <span data-fr=\"\u00c2GE \u2265 18 \u00b7 PERMIS VALIDE\"\r\n                              data-en=\"AGE \u2265 18 \u00b7 LICENCE VALID\">AGE \u2265 18 \u00b7 LICENCE VALID<\/span>\r\n                    <\/div>\r\n                    <div class=\"approve-terminal__row\">\r\n                        <span class=\"approve-terminal__row-label\"\r\n                              data-fr=\"MOTIF\"\r\n                              data-en=\"REASON\">REASON<\/span>\r\n                        <span data-fr=\"OBLIGATION L\u00c9GALE\"\r\n                              data-en=\"LEGAL REQUIREMENT\">LEGAL REQUIREMENT<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"approve-terminal__log\" id=\"approve-log\" aria-live=\"polite\"><\/div>\r\n\r\n                <p class=\"approve-terminal__footnote\"\r\n                   data-fr=\"Le terminal ne garde qu'un r\u00e9sultat sign\u00e9 et un horodatage. Aucune image, aucun num\u00e9ro : rien \u00e0 faire fuir plus tard.\"\r\n                   data-en=\"The terminal keeps a signed result and a timestamp. No image, no number \u2014 nothing to leak later.\">The terminal keeps a signed result and a timestamp. No image, no number \u2014 nothing to leak later.<\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT: PHONE -->\r\n            <div class=\"approve-phone-wrap\">\r\n                <div class=\"approve-phone\" id=\"approve-phone\">\r\n\r\n                    <div class=\"approve-phone__screen\">\r\n\r\n                        <div class=\"approve-phone__notch\" aria-hidden=\"true\"><\/div>\r\n\r\n                        <div class=\"approve-phone__content\">\r\n\r\n                            <div class=\"approve-phone__topbar\">\r\n                                <span>AQAV<\/span>\r\n                                <span data-fr=\"COFFRE\"\r\n                                      data-en=\"VAULT\">VAULT<\/span>\r\n                            <\/div>\r\n\r\n                            <div class=\"approve-phone__identity\">\r\n                                <div class=\"approve-phone__identity-label\"\r\n                                     data-fr=\"PROT\u00c9G\u00c9 \u00b7 4 DOCUMENTS\"\r\n                                     data-en=\"PROTECTED \u00b7 4 DOCUMENTS\">PROTECTED \u00b7 4 DOCUMENTS<\/div>\r\n                                <div class=\"approve-phone__identity-name\">Melvin K. \u00b7 Gen\u00e8ve<\/div>\r\n                                <div class=\"approve-phone__identity-sub\"\r\n                                     data-fr=\"Coffre verrouill\u00e9 \u00b7 Face ID activ\u00e9\"\r\n                                     data-en=\"Vault locked \u00b7 Face ID armed\">Vault locked \u00b7 Face ID armed<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"approve-phone__section-label\"\r\n                                 data-fr=\"ACTIVIT\u00c9 R\u00c9CENTE\"\r\n                                 data-en=\"RECENT ACTIVITY\">RECENT ACTIVITY<\/div>\r\n\r\n                            <div class=\"approve-phone__activity\">\r\n                                <div class=\"approve-phone__activity-item\">\r\n                                    <span data-fr=\"Assurance \u00b7 B\u00e2le\"\r\n                                          data-en=\"Insurance \u00b7 Basel\">Insurance \u00b7 Basel<\/span>\r\n                                    <span class=\"approve-phone__activity-status--ok\"\r\n                                          data-fr=\"Approuv\u00e9\"\r\n                                          data-en=\"Approved\">Approved<\/span>\r\n                                <\/div>\r\n                                <div class=\"approve-phone__activity-item\">\r\n                                    <span data-fr=\"Appelant inconnu\"\r\n                                          data-en=\"Unknown caller\">Unknown caller<\/span>\r\n                                    <span class=\"approve-phone__activity-status--bad\"\r\n                                          data-fr=\"Refus\u00e9\"\r\n                                          data-en=\"Refused\">Refused<\/span>\r\n                                <\/div>\r\n                                <div class=\"approve-phone__activity-item\">\r\n                                    <span data-fr=\"Universit\u00e9 \u00b7 Gen\u00e8ve\"\r\n                                          data-en=\"University \u00b7 Geneva\">University \u00b7 Geneva<\/span>\r\n                                    <span class=\"approve-phone__activity-status--ok\"\r\n                                          data-fr=\"Approuv\u00e9\"\r\n                                          data-en=\"Approved\">Approved<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <!-- Overlay -->\r\n                        <div class=\"approve-phone__overlay\" id=\"approve-overlay\">\r\n                            <div class=\"approve-phone__overlay-icon approve-phone__overlay-icon--ok\"\r\n                                 id=\"approve-overlay-icon\">\u2713<\/div>\r\n\r\n                            <div class=\"approve-phone__overlay-title\"\r\n                                 id=\"approve-overlay-title\">Approved in 0.9s<\/div>\r\n\r\n                            <div class=\"approve-phone__overlay-list\" id=\"approve-overlay-list\"><\/div>\r\n\r\n                            <button class=\"approve-phone__overlay-btn\"\r\n                                    id=\"approve-overlay-btn\"\r\n                                    type=\"button\"\r\n                                    data-fr=\"Rejouer\"\r\n                                    data-en=\"Run it again\">Run it again<\/button>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <!-- ============================================\r\n    JAVASCRIPT\r\n    ============================================ -->\r\n    <script>\r\n        (function () {\r\n            'use strict';\r\n\r\n            const section = document.getElementById('approve');\r\n            const revealEls = section.querySelectorAll('[data-reveal]');\r\n            const terminalPanel = document.getElementById('approve-terminal-panel');\r\n            const logEl = document.getElementById('approve-log');\r\n            const overlay = document.getElementById('approve-overlay');\r\n            const overlayIcon = document.getElementById('approve-overlay-icon');\r\n            const overlayTitle = document.getElementById('approve-overlay-title');\r\n            const overlayList = document.getElementById('approve-overlay-list');\r\n            const overlayBtn = document.getElementById('approve-overlay-btn');\r\n            const resetBtn = document.getElementById('approve-reset');\r\n\r\n            let currentLang = 'en';\r\n\r\n            \/\/ i18n helper\r\n            function t(en, fr) {\r\n                return currentLang === 'fr' ? fr : en;\r\n            }\r\n\r\n            \/\/ Scroll reveal\r\n            const io = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            revealEls.forEach(function (el) { io.observe(el); });\r\n\r\n            \/\/ Spotlight cursor\r\n            terminalPanel.addEventListener('mousemove', function (e) {\r\n                const rect = terminalPanel.getBoundingClientRect();\r\n                terminalPanel.style.setProperty('--sx', (e.clientX - rect.left) + 'px');\r\n                terminalPanel.style.setProperty('--sy', (e.clientY - rect.top) + 'px');\r\n            });\r\n\r\n            terminalPanel.addEventListener('mouseleave', function () {\r\n                terminalPanel.style.setProperty('--sx', '-999px');\r\n                terminalPanel.style.setProperty('--sy', '-999px');\r\n            });\r\n\r\n            \/\/ Log helpers\r\n            function clearLog() {\r\n                logEl.innerHTML = '';\r\n            }\r\n\r\n            function addLog(text, tone, spacer) {\r\n                const line = document.createElement('div');\r\n                line.className = 'approve-terminal__log-line' +\r\n                    (tone ? ' approve-terminal__log-line--' + tone : '') +\r\n                    (spacer ? ' approve-terminal__log-line--spacer' : '');\r\n                line.textContent = text;\r\n                logEl.appendChild(line);\r\n            }\r\n\r\n            \/\/ Make overlay item\r\n            function makeOverlayItem(label, value, tone) {\r\n                const row = document.createElement('div');\r\n                row.className = 'approve-phone__overlay-item approve-phone__overlay-item--' + tone;\r\n\r\n                const left = document.createElement('span');\r\n                left.textContent = label;\r\n\r\n                const right = document.createElement('span');\r\n                right.textContent = value;\r\n\r\n                row.appendChild(left);\r\n                row.appendChild(right);\r\n                return row;\r\n            }\r\n\r\n            \/\/ ============================================\r\n            \/\/ SHOW APPROVED STATE\r\n            \/\/ ============================================\r\n            function showApproved() {\r\n                \/\/ Terminal log\r\n                clearLog();\r\n                addLog(t('\u2713 AGE \u2265 18 \u00b7 PASS', '\u2713 \u00c2GE \u2265 18 \u00b7 VALID\u00c9'), 'ok');\r\n                addLog(t('\u2713 LICENCE VALID \u00b7 PASS', '\u2713 PERMIS VALIDE \u00b7 VALID\u00c9'), 'ok');\r\n                addLog(t('\u2715 DATE OF BIRTH \u00b7 NOT DISCLOSED', '\u2715 DATE DE NAISSANCE \u00b7 NON DIVULGU\u00c9E'));\r\n                addLog(t('\u2715 DOCUMENT IMAGE \u00b7 NOT DISCLOSED', '\u2715 IMAGE DU DOCUMENT \u00b7 NON DIVULGU\u00c9E'));\r\n                addLog(t('\u2192 receipt kept on both sides \u00b7 0.9s', '\u2192 re\u00e7u conserv\u00e9 des deux c\u00f4t\u00e9s \u00b7 0,9 s'), '', true);\r\n\r\n                \/\/ Overlay: success\r\n                overlayIcon.className = 'approve-phone__overlay-icon approve-phone__overlay-icon--ok';\r\n                overlayIcon.textContent = '\u2713';\r\n                overlayTitle.textContent = t('Approved in 0.9s', 'Approuv\u00e9 en 0,9 s');\r\n\r\n                overlayList.innerHTML = '';\r\n                overlayList.appendChild(makeOverlayItem(\r\n                    t('AGE \u2265 18', '\u00c2GE \u2265 18'),\r\n                    t('SHARED', 'PARTAG\u00c9'),\r\n                    'ok'\r\n                ));\r\n                overlayList.appendChild(makeOverlayItem(\r\n                    t('LICENCE VALID', 'PERMIS VALIDE'),\r\n                    t('SHARED', 'PARTAG\u00c9'),\r\n                    'ok'\r\n                ));\r\n                overlayList.appendChild(makeOverlayItem(\r\n                    t('DATE OF BIRTH', 'DATE DE NAISSANCE'),\r\n                    t('WITHHELD', 'MASQU\u00c9E'),\r\n                    'muted'\r\n                ));\r\n                overlayList.appendChild(makeOverlayItem(\r\n                    t('DOCUMENT IMAGE', 'IMAGE DU DOCUMENT'),\r\n                    t('WITHHELD', 'MASQU\u00c9E'),\r\n                    'muted'\r\n                ));\r\n\r\n                overlay.classList.add('is-active');\r\n            }\r\n\r\n            \/\/ ============================================\r\n            \/\/ RESET DEMO\r\n            \/\/ ============================================\r\n            function resetDemo() {\r\n                overlay.classList.remove('is-active');\r\n\r\n                clearLog();\r\n                addLog(t('\u2192 request signed \u00b7 REQ-8841', '\u2192 demande sign\u00e9e \u00b7 REQ-8841'), 'cyan');\r\n                addLog(t(\r\n                    '\u2192 delivered to the holder\\'s device',\r\n                    '\u2192 remise sur l\\'appareil du titulaire'\r\n                ));\r\n                addLog(t(\r\n                    '\u2026 waiting for the holder',\r\n                    '\u2026 en attente du titulaire'\r\n                ), 'warn');\r\n\r\n                \/\/ Auto-show approved after short delay\r\n                setTimeout(function () {\r\n                    showApproved();\r\n                }, 1400);\r\n            }\r\n\r\n            \/\/ ============================================\r\n            \/\/ LANGUAGE SWITCHER\r\n            \/\/ ============================================\r\n            function setLanguage(lang) {\r\n                currentLang = lang;\r\n\r\n                section.querySelectorAll('[data-fr][data-en]').forEach(function (el) {\r\n                    const text = el.getAttribute('data-' + lang);\r\n                    if (text) el.textContent = text;\r\n                });\r\n\r\n                \/\/ Re-render current state\r\n                if (overlay.classList.contains('is-active')) {\r\n                    overlayTitle.textContent = t('Approved in 0.9s', 'Approuv\u00e9 en 0,9 s');\r\n                }\r\n            }\r\n\r\n            \/\/ ============================================\r\n            \/\/ EVENTS\r\n            \/\/ ============================================\r\n            resetBtn.addEventListener('click', resetDemo);\r\n            overlayBtn.addEventListener('click', resetDemo);\r\n\r\n            \/\/ Click phone \u2192 approve\r\n            document.getElementById('approve-phone').addEventListener('click', function (e) {\r\n                if (e.target.closest('.approve-phone__overlay-btn')) return;\r\n                if (overlay.classList.contains('is-active')) return;\r\n                showApproved();\r\n            });\r\n\r\n            \/\/ ============================================\r\n            \/\/ INIT\r\n            \/\/ ============================================\r\n            resetDemo();\r\n\r\n            \/\/ Expose API\r\n            window.aqavApprove = {\r\n                reset: resetDemo,\r\n                approve: showApproved,\r\n                setLanguage: setLanguage\r\n            };\r\n\r\n            console.log('\u2705 AQAV Approval Demo initialized');\r\n            console.log('\ud83d\udca1 Auto-approves after 1.4s, or click the phone');\r\n        })();\r\n    <\/script>\r\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-80f7030 e-flex e-con-boxed e-con e-parent\" data-id=\"80f7030\" 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-0073a5d elementor-widget elementor-widget-text-editor\" data-id=\"0073a5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"section-eyebrow\">\n<span class=\"section-eyebrow__num\" aria-hidden=\"true\">03<\/span>\n\n<span>HOW IT WORKS<\/span><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d220f7f textLight elementor-widget elementor-widget-heading\" data-id=\"d220f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Three steps. Target: <br>under three seconds.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9d62d elementor-widget elementor-widget-html\" data-id=\"7e9d62d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>AQAV \u2014 Stacked Cards<\/title>\r\n\r\n    <!-- Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n    <style>\r\n      \r\n\r\n        \/* ============================================\r\n           STACK WRAPPER\r\n           ============================================ *\/\r\n        .stack-wrap {\r\n            margin-top: 34px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0;\r\n          \r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* ============================================\r\n           STACK CARD\r\n           ============================================ *\/\r\n        .stack-card {\r\n            padding: clamp(28px, 3vw, 44px);\r\n            border-radius: 26px;\r\n            background-color: var(--bg2);\r\n            border: 1px solid var(--line);\r\n            transform-style: preserve-3d;\r\n            box-shadow:\r\n                rgba(2, 6, 23, 0.7) 0 -24px 60px -30px,\r\n                rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n\r\n            \/* Sticky stacking *\/\r\n            position: sticky;\r\n            top: 96px;\r\n            min-height: min(46vh, 380px);\r\n            margin-bottom: 14vh;\r\n            transform-origin: center top;\r\n\r\n            \/* Content layout *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-end;\r\n\r\n            \/* Scale control *\/\r\n            transform: scale(1);\r\n            --sx: -999px;\r\n            --sy: -999px;\r\n\r\n            \/* Spotlight background *\/\r\n            background-image: radial-gradient(\r\n                420px circle at var(--sx, -999px) var(--sy, -999px),\r\n                color-mix(in oklab, var(--cyan) 10%, transparent),\r\n                transparent 65%\r\n            );\r\n\r\n            transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* Second card offset *\/\r\n        .stack-card:nth-child(2) {\r\n            top: 122px;\r\n            border-color: color-mix(in oklab, var(--cyan) 40%, transparent);\r\n        }\r\n\r\n        \/* Third card offset *\/\r\n        .stack-card:nth-child(3) {\r\n            top: 148px;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* ============================================\r\n           CARD HEADER\r\n           ============================================ *\/\r\n        .stack-card__header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: baseline;\r\n        }\r\n\r\n        .stack-card__num {\r\n            font-size: 56px;\r\n            font-weight: 700;\r\n            letter-spacing: -0.05em;\r\n            line-height: 1;\r\n            background-image: linear-gradient(135deg, var(--cyan), var(--indigo));\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n        }\r\n\r\n        .stack-card__tag {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            letter-spacing: 0.2em;\r\n            color: var(--ink3);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .stack-card:nth-child(2) .stack-card__tag {\r\n            color: var(--cyan);\r\n        }\r\n\r\n        \/* ============================================\r\n           CARD TITLE + BODY\r\n           ============================================ *\/\r\n        .stack-card__title {\r\n            margin-top: 18px;\r\n            font-size: 19px;\r\n            font-weight: 600;\r\n            letter-spacing: -0.01em;\r\n            color: #f1f5f9;\r\n        }\r\n\r\n        .stack-card__body {\r\n            margin-top: 9px;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        \/* ============================================\r\n           RESPONSIVE\r\n           ============================================ *\/\r\n        @media (max-width: 640px) {\r\n            .stack-card {\r\n                padding: 24px;\r\n                min-height: auto;\r\n                margin-bottom: 20px;\r\n                position: relative;\r\n                top: auto;\r\n            }\r\n\r\n            .stack-card__num {\r\n                font-size: 42px;\r\n            }\r\n\r\n            .stack-card__title {\r\n                font-size: 17px;\r\n            }\r\n\r\n            .stack-card__body {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        \/* ============================================\r\n           REDUCED MOTION\r\n           ============================================ *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .stack-card {\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ============================================\r\n    STACKED CARDS\r\n    ============================================ -->\r\n    <div class=\"stack-wrap\">\r\n\r\n        <!-- Card 01 -->\r\n        <div class=\"stack-card\" data-spot>\r\n            <div class=\"stack-card__header\">\r\n                <span class=\"stack-card__num\">01<\/span>\r\n                <span class=\"stack-card__tag\"\r\n                      data-fr=\"L'ENTREPRISE\"\r\n                      data-en=\"THE BUSINESS\">THE BUSINESS<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"stack-card__title\"\r\n                data-fr=\"La demande arrive\"\r\n                data-en=\"The request arrives\">The request arrives<\/h3>\r\n\r\n            <p class=\"stack-card__body\"\r\n               data-fr=\"Au guichet, par QR ou dans l'app. Vous voyez le nom de l'entreprise, ce qu'elle demande et pourquoi.\"\r\n               data-en=\"At the counter, by QR or in the app. You see the company's name, what it wants and why.\">At the counter, by QR or in the app. You see the company's name, what it wants and why.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 02 -->\r\n        <div class=\"stack-card\" data-spot>\r\n            <div class=\"stack-card__header\">\r\n                <span class=\"stack-card__num\">02<\/span>\r\n                <span class=\"stack-card__tag\"\r\n                      data-fr=\"VOUS\"\r\n                      data-en=\"YOU\">YOU<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"stack-card__title\"\r\n                data-fr=\"Vous approuvez, ou pas\"\r\n                data-en=\"You approve, or you don't\">You approve, or you don't<\/h3>\r\n\r\n            <p class=\"stack-card__body\"\r\n               data-fr=\"Face ID et une question de s\u00e9curit\u00e9 confirment que c'est bien vous. Refuser est un choix normal, pas un incident.\"\r\n               data-en=\"Face ID and a security question confirm it's really you. Refusing is a normal choice, not an incident.\">Face ID and a security question confirm it's really you. Refusing is a normal choice, not an incident.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 03 -->\r\n        <div class=\"stack-card\" data-spot>\r\n            <div class=\"stack-card__header\">\r\n                <span class=\"stack-card__num\">03<\/span>\r\n                <span class=\"stack-card__tag\"\r\n                      data-fr=\"LA R\u00c9PONSE\"\r\n                      data-en=\"THE ANSWER\">THE ANSWER<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"stack-card__title\"\r\n                data-fr=\"Seule la r\u00e9ponse circule\"\r\n                data-en=\"Only the answer travels\">Only the answer travels<\/h3>\r\n\r\n            <p class=\"stack-card__body\"\r\n               data-fr=\"Oui ou non, sign\u00e9 et horodat\u00e9. Le document reste dans votre coffre chiffr\u00e9, et l'accord expire seul.\"\r\n               data-en=\"Yes or no, signed and timestamped. The document stays in your encrypted vault, and the approval expires on its own.\">Yes or no, signed and timestamped. The document stays in your encrypted vault, and the approval expires on its own.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n    JAVASCRIPT \u2014 SPOTLIGHT + SCALE ON SCROLL\r\n    ============================================ -->\r\n    <script>\r\n        (function () {\r\n            'use strict';\r\n\r\n            const cards = document.querySelectorAll('.stack-card');\r\n            let currentLang = 'en';\r\n\r\n            \/\/ ============================================\r\n            \/\/ SPOTLIGHT CURSOR\r\n            \/\/ ============================================\r\n            cards.forEach(function (card) {\r\n                card.addEventListener('mousemove', function (e) {\r\n                    const rect = card.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n                    card.style.setProperty('--sx', x + 'px');\r\n                    card.style.setProperty('--sy', y + 'px');\r\n                });\r\n\r\n                card.addEventListener('mouseleave', function () {\r\n                    card.style.setProperty('--sx', '-999px');\r\n                    card.style.setProperty('--sy', '-999px');\r\n                });\r\n            });\r\n\r\n            \/\/ ============================================\r\n            \/\/ SCALE ON SCROLL (cards shrink as they get covered)\r\n            \/\/ ============================================\r\n            let ticking = false;\r\n\r\n            function updateScale() {\r\n                cards.forEach(function (card, i) {\r\n                    \/\/ Skip the last card (it's on top, stays full size)\r\n                    if (i === cards.length - 1) return;\r\n\r\n                    const rect = card.getBoundingClientRect();\r\n                    const cardTop = rect.top;\r\n                    const stickyTop = 96 + i * 26; \/\/ matches CSS top values\r\n\r\n                    \/\/ How much the card has been \"covered\"\r\n                    const covered = Math.max(0, stickyTop - cardTop);\r\n                    const maxCover = 60; \/\/ px before full shrink\r\n                    const progress = Math.min(1, covered \/ maxCover);\r\n\r\n                    \/\/ Scale from 1 \u2192 0.94\r\n                    const scale = 1 - progress * 0.06;\r\n                    \/\/ Slight opacity drop\r\n                    const opacity = 1 - progress * 0.25;\r\n\r\n                    card.style.transform = 'scale(' + scale.toFixed(3) + ')';\r\n                    card.style.opacity = opacity.toFixed(3);\r\n                });\r\n\r\n                ticking = false;\r\n            }\r\n\r\n            function onScroll() {\r\n                if (!ticking) {\r\n                    window.requestAnimationFrame(updateScale);\r\n                    ticking = true;\r\n                }\r\n            }\r\n\r\n            window.addEventListener('scroll', onScroll, { passive: true });\r\n            window.addEventListener('resize', onScroll, { passive: true });\r\n\r\n            \/\/ ============================================\r\n            \/\/ LANGUAGE SWITCHER\r\n            \/\/ ============================================\r\n            function setLanguage(lang) {\r\n                currentLang = lang;\r\n                document.querySelectorAll('[data-fr][data-en]').forEach(function (el) {\r\n                    const text = el.getAttribute('data-' + lang);\r\n                    if (text) el.textContent = text;\r\n                });\r\n            }\r\n\r\n            \/\/ ============================================\r\n            \/\/ INIT\r\n            \/\/ ============================================\r\n            updateScale();\r\n\r\n            window.aqavStack = {\r\n                setLanguage: setLanguage\r\n            };\r\n\r\n            console.log('\ud83d\udcda AQAV Stacked Cards initialized');\r\n            console.log('\ud83d\udca1 Scroll to see cards stack + shrink');\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d93f8cc e-con-full e-grid e-con e-child\" data-id=\"d93f8cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2546e72 elementor-widget elementor-widget-text-editor\" data-id=\"2546e72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"feature-card\" style=\"height: 100% !important;\" data-tilt=\"\" data-spot=\"\"><div class=\"feature-card__header\"><span class=\"feature-card__num\">01<\/span><br \/><span class=\"feature-card__tag\" data-fr=\"L'ENTREPRISE\" data-en=\"THE BUSINESS\">THE BUSINESS<\/span><\/div><h3 class=\"feature-card__title\" data-fr=\"La demande arrive\" data-en=\"The request arrives\">The request arrives<\/h3><p class=\"feature-card__body\" data-fr=\"Au guichet, par QR ou dans l'app. Vous voyez le nom de l'entreprise, ce qu'elle demande et pourquoi.\" data-en=\"At the counter, by QR or in the app. You see the company's name, what it wants and why.\">At the counter, by QR or in the app. You see the company&#8217;s name, what it wants and why.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1576c elementor-widget elementor-widget-text-editor\" data-id=\"8e1576c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"feature-card\" data-tilt=\"\" data-spot=\"\">\n<div class=\"feature-card__header\"><span class=\"feature-card__num\">02<\/span>\n<span class=\"feature-card__tag\" style=\"color: #1be6eb;\">YOU<\/span><\/div>\n<h3 class=\"feature-card__title\">You approve, or you don&#8217;t<\/h3>\n<p class=\"feature-card__body\">Face ID and a security question confirm it&#8217;s really you. Refusing is a normal choice, not an incident.<\/p>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4a613 elementor-widget elementor-widget-text-editor\" data-id=\"ec4a613\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"feature-card\" data-tilt=\"\" data-spot=\"\"><div class=\"feature-card__header\"><span class=\"feature-card__num\">03<\/span><br \/><span class=\"feature-card__tag\">THE ANSWER<br \/><\/span><\/div><h3 class=\"feature-card__title\">Only the answer travels<\/h3><p class=\"feature-card__body\">Yes or no, signed and timestamped. The document stays in your encrypted vault, and the approval expires on its own.<\/p><\/div>\t\t\t\t\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-0a0dae9 e-flex e-con-boxed e-con e-parent\" data-id=\"0a0dae9\" 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-9080fa2 elementor-widget elementor-widget-text-editor\" data-id=\"9080fa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"section-eyebrow\">\n<span class=\"section-eyebrow__num\" aria-hidden=\"true\">04<\/span>\n\n<span>WHAT ACTUALLY CHANGES<\/span><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a648cb textLight elementor-widget elementor-widget-heading\" data-id=\"5a648cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Four design decisions. <br>None of them cosmetic.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9d709e e-con-full e-grid e-con e-child\" data-id=\"b9d709e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa027f8 elementor-widget elementor-widget-text-editor\" data-id=\"fa027f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"zk-card feature-card\" data-tilt data-spot>\n    <div class=\"zk-card__eyebrow\">01 \u00b7 ZERO KNOWLEDGE<\/div>\n\n    <h3 class=\"zk-card__heading\" >An answer, not a document<\/h3>\n\n    <p class=\"zk-card__desc\">The business learns what it is entitled to know. Not the file, not the number, not your date of birth if age is enough.<\/p>\n\n    <div class=\"zk-card__meta\">TARGET: 0 DOCUMENTS STORED<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09675dc elementor-widget elementor-widget-text-editor\" data-id=\"09675dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"zk-card feature-card\" data-tilt=\"\" data-spot=\"\">\n<div class=\"zk-card__eyebrow\">02 \u00b7 UNDER DURESS<\/div>\n<h3 class=\"zk-card__heading\">Duress passcode\n<\/h3>\n<p class=\"zk-card__desc\">If you&#8217;re forced to unlock your phone, a second code opens a believable empty profile and quietly alerts a trusted contact.\n\n<\/p>\n\n<div class=\"zk-card__meta\"><a class=\"link-footer\" href=\"#duress\">\n    <span data-fr=\"ESSAYEZ-LE PLUS BAS \u2193\"\n          data-en=\"TRY IT BELOW \u2193\">TRY IT BELOW \u2193<\/span>\n<\/a><\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2e6bef elementor-widget elementor-widget-text-editor\" data-id=\"f2e6bef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"zk-card feature-card\" data-tilt=\"\" data-spot=\"\"><div class=\"zk-card__eyebrow\">03 \u00b7 SIGNED AT SOURCE<\/div><h3 class=\"zk-card__heading\">Signed by the issuer<\/h3><p class=\"zk-card__desc\">A diploma signed by the university itself can be neither self-declared nor retouched. Trust comes from the signature, not from our word.<\/p><div class=\"zk-card__meta\">UNFORGEABLE BY CONSTRUCTION<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d1546 elementor-widget elementor-widget-text-editor\" data-id=\"a2d1546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"zk-card feature-card\" data-tilt=\"\" data-spot=\"\"><div class=\"zk-card__eyebrow\">04 \u00b7 SCOPED<\/div><h3 class=\"zk-card__heading\">Approvals that expire<\/h3><p class=\"zk-card__desc\">Every approval has a scope, a duration and sometimes a place. It expires on its own: at the set minute, or when you leave the counter.<\/p><div class=\"zk-card__meta\">TARGET: EXPIRY BY DEFAULT<\/div><\/div>\t\t\t\t\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-361039d e-flex e-con-boxed e-con e-parent\" data-id=\"361039d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-07ea72e e-con-full e-flex e-con e-child\" data-id=\"07ea72e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1aba0 elementor-widget elementor-widget-text-editor\" data-id=\"3a1aba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"section-eyebrow\">\n\n<span class=\"section-eyebrow__num\" aria-hidden=\"true\">04<\/span>SAFE DEMO<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec77640 textLight elementor-widget elementor-widget-heading\" data-id=\"ec77640\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The code you give when<br> you have no choice.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e5c017 textBlock elementor-widget elementor-widget-text-editor\" data-id=\"5e5c017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTwo codes, one phone. Nothing you type here leaves the page \u2014 both codes are<br> shown on purpose.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef27db0 elementor-widget elementor-widget-html\" data-id=\"ef27db0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div data-dc-tpl=\"357\" style=\"margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 28px; align-items: center;\">\r\n        <div data-dc-tpl=\"358\" style=\"min-width: 0px;\">\r\n          <div data-dc-tpl=\"359\" style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\r\n            <div data-dc-tpl=\"360\" style=\"padding: 11px 15px; border-radius: 14px; border: 1px solid color-mix(in oklab, var(--ok) 45%, transparent); background: color-mix(in oklab, var(--ok) 8%, transparent); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; color: var(--ok);\"><span data-dc-tpl=\"361\" data-fr=\"VRAI CODE\" data-en=\"REAL CODE\">REAL CODE<\/span> \u00b7 2 8 4 1<\/div>\r\n            <div data-dc-tpl=\"362\" style=\"padding: 11px 15px; border-radius: 14px; border: 1px solid color-mix(in oklab, var(--bad) 45%, transparent); background: color-mix(in oklab, var(--bad) 8%, transparent); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 11.5px; color: var(--bad);\"><span data-dc-tpl=\"363\" data-fr=\"CODE DE CONTRAINTE\" data-en=\"DURESS CODE\">DURESS CODE<\/span> \u00b7 9 1 1 0<\/div>\r\n          <\/div>\r\n          <div data-dc-tpl=\"364\" aria-live=\"polite\" style=\"margin-top: 20px; min-height: 150px; padding: 20px; border-radius: 18px; background: var(--panel2); border: 1px solid var(--line);\">\r\n            \r\n            \r\n            \r\n              <div data-dc-tpl=\"371\" data-fr=\"PROFIL LEURRE OUVERT\" style=\"font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px; letter-spacing: 0.18em; color: var(--bad);\">DECOY PROFILE OPENED<\/div>\r\n              <p data-dc-tpl=\"372\" data-fr=\"L'\u00e9cran a l'air normal, juste vide : aucun document, aucun historique. Rien n'indique qu'un second profil existe \u2014 m\u00eame le son est identique.\" style=\"margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--ink2);\">The screen looks normal, just empty: no documents, no history. Nothing hints that a second profile exists \u2014 even the sound is identical.<\/p>\r\n              <div data-dc-tpl=\"373\" style=\"margin-top: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid color-mix(in oklab, var(--cyan) 40%, transparent); background: color-mix(in oklab, var(--cyan) 10%, transparent); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10.5px; line-height: 1.8; color: var(--cyan);\">\r\n                <div data-dc-tpl=\"374\" data-fr=\"\u2192 ALERTE SILENCIEUSE ENVOY\u00c9E \u00b7 PERSONNE DE CONFIANCE\">\u2192 SILENT ALERT SENT \u00b7 TRUSTED CONTACT<\/div>\r\n                <div data-dc-tpl=\"375\" data-fr=\"\u2192 POSITION PARTAG\u00c9E \u00b7 COFFRE SCELL\u00c9\">\u2192 LOCATION SHARED \u00b7 VAULT SEALED<\/div>\r\n                <div data-dc-tpl=\"376\" data-fr=\"\u2192 AUCUNE NOTIFICATION SUR CET APPAREIL\">\u2192 NO NOTIFICATION ON THIS DEVICE<\/div>\r\n              <\/div>\r\n            \r\n            \r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div data-dc-tpl=\"380\" style=\"min-width: 0px; display: flex; justify-content: center; perspective: 1200px;\">\r\n          <div data-dc-tpl=\"381\" data-tilt=\"\" style=\"width: 290px; max-width: 100%; padding: 12px; border-radius: 42px; background: linear-gradient(160deg, oklch(0.48 0.03 246), oklch(0.2 0.02 250) 60%, oklch(0.32 0.03 248)); box-shadow: oklch(0.05 0.03 250 \/ 0.85) 0px 50px 80px -50px, oklch(0.7 0.03 240 \/ 0.25) 0px 0px 0px 1px, oklch(1 0 0 \/ 0.09) 0px 1px 0px 0px inset; transform: perspective(1000px) rotateX(-1.62deg) rotateY(-1.19deg) translateY(1.4px); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\">\r\n            <div data-dc-tpl=\"382\" style=\"border-radius: 32px; padding: 22px 18px; background: oklch(0.15 0.03 250); color: oklch(0.97 0.01 230);\">\r\n              \r\n                <div data-dc-tpl=\"384\" style=\"margin-bottom: 14px; padding: 14px; border-radius: 14px; background: oklch(0.3 0.05 242 \/ 0.4); text-align: center; animation: 0.3s ease 0s 1 normal none running aqIn;\">\r\n                  <div data-dc-tpl=\"385\" data-fr=\"Aucun document\" style=\"font-size: 13px; font-weight: 600;\">No documents yet<\/div>\r\n                  <div data-dc-tpl=\"386\" data-fr=\"Ajoutez une pi\u00e8ce d'identit\u00e9 pour commencer\" style=\"margin-top: 4px; font-size: 10.5px; color: oklch(0.76 0.03 235);\">Add an ID to get started<\/div>\r\n                <\/div>\r\n              \r\n              \r\n              <div data-dc-tpl=\"398\" data-fr=\"SAISISSEZ LE CODE\" data-en=\"ENTER PASSCODE\" style=\"text-align: center; font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 9px; letter-spacing: 0.2em; color: oklch(0.74 0.03 235);\">ENTER PASSCODE<\/div>\r\n              <div data-dc-tpl=\"399\" aria-hidden=\"true\" style=\"margin-top: 14px; display: flex; justify-content: center; font-size: 20px; letter-spacing: 0.3em; color: oklch(0.9 0.08 205);\"><span class=\"sc-interp\">\u25cb\u25cb\u25cb\u25cb<\/span><\/div>\r\n              <div data-dc-tpl=\"400\" style=\"margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;\">\r\n                <button data-dc-tpl=\"401\" aria-label=\"1\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">1<\/button>\r\n                <button data-dc-tpl=\"402\" aria-label=\"2\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">2<\/button>\r\n                <button data-dc-tpl=\"403\" aria-label=\"3\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">3<\/button>\r\n                <button data-dc-tpl=\"404\" aria-label=\"4\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">4<\/button>\r\n                <button data-dc-tpl=\"405\" aria-label=\"5\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">5<\/button>\r\n                <button data-dc-tpl=\"406\" aria-label=\"6\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">6<\/button>\r\n                <button data-dc-tpl=\"407\" aria-label=\"7\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">7<\/button>\r\n                <button data-dc-tpl=\"408\" aria-label=\"8\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">8<\/button>\r\n                <button data-dc-tpl=\"409\" aria-label=\"9\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">9<\/button>\r\n                <button data-dc-tpl=\"410\" aria-label=\"Clear\" data-fr-label=\"Effacer\" style=\"padding: 14px 0px; border-radius: 18px; border: 1px solid oklch(0.62 0.05 238 \/ 0.4); color: oklch(0.82 0.02 235); font-family: &quot;JetBrains Mono&quot;, monospace; font-size: 10px;\" data-en-label=\"Clear\">C<\/button>\r\n                <button data-dc-tpl=\"411\" aria-label=\"0\" class=\"scp1 scp2\" style=\"padding: 14px 0px; border-radius: 18px; background: oklch(0.3 0.05 242 \/ 0.45); color: oklch(0.96 0.01 230); font-size: 18px;\">0<\/button>\r\n                <button data-dc-tpl=\"412\" aria-label=\"Delete last digit\" data-fr-label=\"Supprimer le dernier chiffre\" style=\"padding: 14px 0px; border-radius: 18px; border: 1px solid oklch(0.62 0.05 238 \/ 0.4); color: oklch(0.82 0.02 235); font-size: 14px;\" data-en-label=\"Delete last digit\">\u232b<\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SWISS CONCEPT \u00b7 DESIGN PROTOTYPE You decide who sees your identity. And how much of it. Today you hand over a copy and hope. With AQAV a business asks a question, you approve it on your phone, and it receives an answer \u2014 never your document. Try an approval \u2192 See the principle THE SWISS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":1,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/277\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/277\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/media?parent=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}