{"id":9,"date":"2026-09-30T12:48:54","date_gmt":"2026-09-30T12:48:54","guid":{"rendered":"https:\/\/aqavsecure.io\/?page_id=9"},"modified":"2026-10-09T06:45:15","modified_gmt":"2026-10-09T06:45:15","slug":"home","status":"publish","type":"page","link":"https:\/\/aqavsecure.io\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6af0318d e-flex e-con-boxed e-con e-parent\" data-id=\"6af0318d\" 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-3acd6074 elementor-widget elementor-widget-html\" data-id=\"3acd6074\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    #aqav-loader {\r\n    position: fixed;\r\n    inset: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 999999;\r\n    background: #0f1726;\r\n    overflow: hidden;\r\n    z-index: 9999;\r\n}\r\n\r\n#aqav-loader.hide {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transition: opacity .6s ease, visibility .6s ease;\r\n}\r\n\r\n#aqav-canvas-wrap {\r\n    border-radius: 0 !important;\r\n}\r\n<\/style>\r\n<div id=\"aqav-loader\">\r\n    <div id=\"aqav-canvas-wrap\" style=\"position:relative;width:100%;height:100%;background:radial-gradient(70% 60% at 50% 42%, #1a2540, #0f1726 72%);overflow:hidden;\">\r\n      \r\n  <canvas id=\"aqav-canvas\" style=\"position:absolute;inset:0;width:100%;height:100%;display:block;\"><\/canvas>\r\n  <div id=\"aqav-content\" style=\"position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;will-change:transform,opacity;\">\r\n\r\n    <!-- LOGO MARK -->\r\n    <div id=\"aqav-mark\" style=\"position:relative;width:148px;height:148px;display:grid;place-items:center;\">\r\n      <div id=\"aqav-logo\" style=\"width:112px;height:112px;border-radius:50%;background:linear-gradient(135deg,#5fd3ea,#7b8ff7);display:grid;place-items:center;font-family:Helvetica,Arial,sans-serif;font-size:44px;font-weight:700;color:#0f1726;opacity:0;transform:scale(.6);filter:blur(8px) brightness(1.6);\"><img decoding=\"async\" style=\"width: 100%;height: auto;border-radius: 50%;\" src=\"\/wordpress\/wp-content\/uploads\/2026\/10\/image-2-1.jpg\"\/><\/div>\r\n      <svg viewBox=\"0 0 148 148\" width=\"148\" height=\"148\" style=\"position:absolute;inset:0;transform:rotate(-90deg);overflow:visible;\">\r\n        <circle id=\"aqav-circle\" cx=\"74\" cy=\"74\" r=\"70\" fill=\"none\" stroke=\"#5fd3ea\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-dasharray=\"440\" stroke-dashoffset=\"440\" style=\"filter:drop-shadow(0 0 6px #5fd3ea);\"><\/circle>\r\n      <\/svg>\r\n      <div id=\"aqav-brackets\" style=\"position:absolute;inset:-22px;opacity:0;transform:scale(1.7) rotate(45deg);\">\r\n        <span style=\"position:absolute;width:16px;height:16px;left:0;top:0;border-left:2px solid #5fd3ea;border-top:2px solid #5fd3ea;filter:drop-shadow(0 0 6px #5fd3ea);\"><\/span>\r\n        <span style=\"position:absolute;width:16px;height:16px;right:0;top:0;border-right:2px solid #5fd3ea;border-top:2px solid #5fd3ea;filter:drop-shadow(0 0 6px #5fd3ea);\"><\/span>\r\n        <span style=\"position:absolute;width:16px;height:16px;left:0;bottom:0;border-left:2px solid #5fd3ea;border-bottom:2px solid #5fd3ea;filter:drop-shadow(0 0 6px #5fd3ea);\"><\/span>\r\n        <span style=\"position:absolute;width:16px;height:16px;right:0;bottom:0;border-right:2px solid #5fd3ea;border-bottom:2px solid #5fd3ea;filter:drop-shadow(0 0 6px #5fd3ea);\"><\/span>\r\n      <\/div>\r\n      <div id=\"aqav-scan\" style=\"position:absolute;left:14px;right:14px;top:50%;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#5fd3ea,transparent);box-shadow:0 0 16px 4px rgba(95,211,234,.7);\"><\/div>\r\n      <div id=\"aqav-shock\" style=\"position:absolute;inset:0;border-radius:50%;border:2px solid #6ee7b7;opacity:0;pointer-events:none;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- WORDMARK -->\r\n    <div style=\"display:flex;gap:.18em;font-family:Helvetica,Arial,sans-serif;font-size:64px;font-weight:600;line-height:1;color:#e9f3f8;\">\r\n      <span class=\"aqav-letter\" style=\"display:inline-block;width:.78em;text-align:center;opacity:0;\">A<\/span>\r\n      <span class=\"aqav-letter\" style=\"display:inline-block;width:.78em;text-align:center;opacity:0;\">Q<\/span>\r\n      <span class=\"aqav-letter\" style=\"display:inline-block;width:.78em;text-align:center;opacity:0;\">A<\/span>\r\n      <span class=\"aqav-letter\" style=\"display:inline-block;width:.78em;text-align:center;opacity:0;\">V<\/span>\r\n    <\/div>\r\n\r\n    <!-- STATUS READOUT -->\r\n    <div id=\"aqav-stat\" style=\"width:min(320px,76vw);display:flex;flex-direction:column;gap:10px;font-family:'Courier New',monospace;font-size:10.5px;letter-spacing:.22em;color:#b9c6d2;opacity:0;\">\r\n      <div style=\"display:flex;justify-content:space-between;gap:12px;\">\r\n        <span id=\"aqav-status\">REQUEST RECEIVED<\/span>\r\n        <span id=\"aqav-count\" style=\"color:#5fd3ea;font-variant-numeric:tabular-nums;\">000<\/span>\r\n      <\/div>\r\n      <div style=\"height:2px;border-radius:2px;background:rgba(120,140,170,.3);overflow:hidden;\">\r\n        <div id=\"aqav-bar\" style=\"height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#5fd3ea,#7b8ff7);box-shadow:0 0 10px #5fd3ea;\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\n(function () {\r\n  var wrap    = document.getElementById('aqav-canvas-wrap');\r\n  var cv      = document.getElementById('aqav-canvas');\r\n  var ctx     = cv.getContext('2d');\r\n  var content = document.getElementById('aqav-content');\r\n  var mark    = document.getElementById('aqav-mark');\r\n  var logo    = document.getElementById('aqav-logo');\r\n  var circle  = document.getElementById('aqav-circle');\r\n  var brk     = document.getElementById('aqav-brackets');\r\n  var scan    = document.getElementById('aqav-scan');\r\n  var shock   = document.getElementById('aqav-shock');\r\n  var stat    = document.getElementById('aqav-stat');\r\n  var status  = document.getElementById('aqav-status');\r\n  var count   = document.getElementById('aqav-count');\r\n  var bar     = document.getElementById('aqav-bar');\r\n  var letters = Array.prototype.slice.call(wrap.querySelectorAll('.aqav-letter'));\r\n\r\n  var WORD = \"AQAV\";\r\n  var STEPS = [\"REQUEST RECEIVED\", \"SCOPE CHECKED\", \"APPROVED BY YOU \u2713\"];\r\n  var TOTAL = 5000; \/\/ 5s loop\r\n\r\n  var dpr = Math.min(2, window.devicePixelRatio || 1);\r\n  var W = 0, H = 0, cx = 0, cy = 0;\r\n\r\n  function size() {\r\n    W = wrap.clientWidth;\r\n    H = wrap.clientHeight;\r\n    cv.width  = Math.round(W * dpr);\r\n    cv.height = Math.round(H * dpr);\r\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n    var r = mark.getBoundingClientRect();\r\n    var wr = wrap.getBoundingClientRect();\r\n    cx = r.left - wr.left + r.width  \/ 2;\r\n    cy = r.top  - wr.top  + r.height \/ 2;\r\n  }\r\n\r\n  \/\/ particle pool\r\n  var N = (navigator.hardwareConcurrency || 4) <= 4 ? 150 : 260;\r\n  var P = [];\r\n  var R0 = 0;\r\n\r\n  function buildParticles() {\r\n    R0 = Math.min(W, H) * 0.3;\r\n    P = [];\r\n    for (var i = 0; i < N; i++) {\r\n      var a = Math.random() * Math.PI * 2;\r\n      var d = 0.6 + Math.random() * 0.9;\r\n      P.push({\r\n        a: (i \/ N) * Math.PI * 2,\r\n        band: (Math.random() - 0.5) * 0.22,\r\n        sx: Math.cos(a) * Math.max(W, H) * d,\r\n        sy: Math.sin(a) * Math.max(W, H) * d * 0.7,\r\n        sz: (Math.random() - 0.5) * 900,\r\n        px: null, py: null,\r\n        s: 0.6 + Math.random() * 1.2,\r\n        burst: 0.7 + Math.random() * 0.8\r\n      });\r\n    }\r\n  }\r\n\r\n  var cl   = function (v) { return v < 0 ? 0 : v > 1 ? 1 : v; };\r\n  var seg  = function (t, a, b) { return cl((t - a) \/ (b - a)); };\r\n  var eo   = function (k) { return 1 - Math.pow(1 - k, 3); };\r\n  var eio  = function (k) { return k < 0.5 ? 4 * k * k * k : 1 - Math.pow(-2 * k + 2, 3) \/ 2; };\r\n\r\n  var t0 = performance.now();\r\n  var raf = 0;\r\n  var lastStep = -1;\r\n\r\n  function frame(now) {\r\n    var t = Math.min(5, (now - t0) \/ 1000);\r\n\r\n    \/\/ ---- particle field ----\r\n    ctx.clearRect(0, 0, W, H);\r\n    ctx.globalCompositeOperation = \"lighter\";\r\n\r\n    var conv  = eio(seg(t, 0.0, 1.5));\r\n    var tight = eio(seg(t, 1.5, 2.5));\r\n    var burst = eo (seg(t, 3.85, 4.9));\r\n    var R     = R0 + (78 - R0) * tight + burst * Math.max(W, H) * 0.9;\r\n    var spin  = t * (1.1 + tight * 1.6);\r\n    var tilt  = 1.15 - tight * 0.35;\r\n    var ct    = Math.cos(tilt), st = Math.sin(tilt);\r\n    var fade  = 1 - seg(t, 4.2, 4.95);\r\n\r\n    for (var i = 0; i < N; i++) {\r\n      var p = P[i];\r\n      var ang = p.a + spin;\r\n      var rr  = R * (1 + p.band) * (1 + burst * (p.burst - 1));\r\n      var x = Math.cos(ang) * rr;\r\n      var y = Math.sin(ang) * rr * ct;\r\n      var z = Math.sin(ang) * rr * st;\r\n\r\n      x = p.sx + (x - p.sx) * conv;\r\n      y = p.sy + (y - p.sy) * conv;\r\n      z = p.sz + (z - p.sz) * conv;\r\n\r\n      var f = 700 \/ (700 + z);\r\n      var X = cx + x * f;\r\n      var Y = cy + y * f;\r\n      var depth = cl(f * 0.9);\r\n      var al = (0.25 + depth * 0.75) * fade * (0.35 + conv * 0.65);\r\n\r\n      if (p.px !== null && al > 0.02) {\r\n        var hue = (198 + (1 - depth) * 70).toFixed(0);\r\n        ctx.strokeStyle = \"rgba(95, 211, 234, \" + al.toFixed(3) + \")\";\r\n        ctx.lineWidth = p.s * f;\r\n        ctx.beginPath();\r\n        ctx.moveTo(p.px, p.py);\r\n        ctx.lineTo(X, Y);\r\n        ctx.stroke();\r\n      }\r\n      p.px = X;\r\n      p.py = Y;\r\n    }\r\n    ctx.globalCompositeOperation = \"source-over\";\r\n\r\n    \/\/ ---- logo materialise ----\r\n    var lk = eo(seg(t, 1.6, 2.4));\r\n    logo.style.opacity = lk.toFixed(3);\r\n    logo.style.transform = \"scale(\" + (0.6 + lk * 0.4).toFixed(3) + \")\";\r\n    logo.style.filter = lk >= 1 ? \"none\"\r\n      : \"blur(\" + ((1 - lk) * 8).toFixed(2) + \"px) brightness(\" + (1 + (1 - lk) * 0.6).toFixed(2) + \")\";\r\n\r\n    \/\/ ---- ring draw ----\r\n    circle.setAttribute(\"stroke-dashoffset\", (440 * (1 - eio(seg(t, 1.9, 2.7)))).toFixed(1));\r\n\r\n    \/\/ ---- brackets lock ----\r\n    var bk = eo(seg(t, 2.0, 2.55));\r\n    brk.style.opacity = bk.toFixed(3);\r\n    brk.style.transform = \"scale(\" + (1.7 - bk * 0.7).toFixed(3) + \") rotate(\" + (45 * (1 - bk)).toFixed(1) + \"deg)\";\r\n\r\n    \/\/ ---- scan line ----\r\n    var sk = seg(t, 2.5, 3.5);\r\n    scan.style.opacity = (sk > 0 && sk < 1) ? Math.sin(sk * Math.PI).toFixed(3) : \"0\";\r\n    scan.style.transform = \"translateY(\" + ((sk * 2 - 1) * 60).toFixed(1) + \"px)\";\r\n\r\n    \/\/ ---- letters decode ----\r\n    for (var j = 0; j < letters.length; j++) {\r\n      var l = letters[j];\r\n      var a = 2.25 + j * 0.13;\r\n      var k = seg(t, a, a + 0.42);\r\n      if (k <= 0) { l.style.opacity = \"0\"; continue; }\r\n      l.style.opacity = \"1\";\r\n      var e3 = 1 - Math.pow(1 - k, 3);\r\n      if (l.textContent !== WORD[j]) l.textContent = WORD[j];\r\n      if (k < 1) {\r\n        l.style.opacity = e3.toFixed(3);\r\n        l.style.transform = \"translateY(\" + ((1 - e3) * 18).toFixed(1) + \"px)\";\r\n        l.style.filter = \"blur(\" + ((1 - e3) * 6).toFixed(2) + \"px)\";\r\n      } else if (l.style.transform) {\r\n        l.style.transform = \"\";\r\n        l.style.filter = \"\";\r\n      }\r\n    }\r\n\r\n    \/\/ ---- readout ----\r\n    var rk = seg(t, 2.7, 3.85);\r\n    stat.style.opacity = eo(seg(t, 2.6, 2.9)).toFixed(3);\r\n    count.textContent = String(Math.round(eio(rk) * 100)).padStart(3, \"0\");\r\n    bar.style.transform = \"scaleX(\" + eio(rk).toFixed(4) + \")\";\r\n\r\n    var step = t < 3.15 ? 0 : t < 3.6 ? 1 : 2;\r\n    if (step !== lastStep) {\r\n      lastStep = step;\r\n      status.textContent = STEPS[step];\r\n      if (step === 2) {\r\n        status.style.color = \"#6ee7b7\";\r\n        count.style.color  = \"#6ee7b7\";\r\n        circle.setAttribute(\"stroke\", \"#6ee7b7\");\r\n      }\r\n    }\r\n\r\n    \/\/ ---- shockwave ----\r\n    var shk = seg(t, 3.85, 4.6);\r\n    shock.style.opacity = shk > 0 ? (1 - shk).toFixed(3) : \"0\";\r\n    shock.style.transform = \"scale(\" + (1 + eo(shk) * 5).toFixed(3) + \")\";\r\n\r\n    \/\/ ---- iris out ----\r\n    var ik = eio(seg(t, 4.2, 5.0));\r\n    if (ik > 0) {\r\n      var rad = ik * Math.hypot(Math.max(cx, W - cx), Math.max(cy, H - cy)) * 1.05;\r\n      var m = \"radial-gradient(circle at \" + cx.toFixed(0) + \"px \" + cy.toFixed(0) + \"px, transparent \" + rad.toFixed(0) + \"px, #000 \" + (rad + 2).toFixed(0) + \"px)\";\r\n      wrap.style.webkitMaskImage = m;\r\n      wrap.style.maskImage = m;\r\n      content.style.opacity = (1 - ik * 1.6 < 0 ? 0 : 1 - ik * 1.6).toFixed(3);\r\n      content.style.transform = \"scale(\" + (1 + ik * 0.25).toFixed(3) + \")\";\r\n    }\r\n\r\n    \/\/ ---- loop ----\r\n    if (now - t0 >= TOTAL) {\r\n      \/\/ reset for the next cycle\r\n      t0 = performance.now();\r\n      lastStep = -1;\r\n      for (var m2 = 0; m2 < P.length; m2++) { P[m2].px = null; P[m2].py = null; }\r\n      wrap.style.webkitMaskImage = \"none\";\r\n      wrap.style.maskImage = \"none\";\r\n      content.style.opacity = \"\";\r\n      content.style.transform = \"\";\r\n      logo.style.opacity = \"0\";\r\n      logo.style.transform = \"scale(.6)\";\r\n      logo.style.filter = \"blur(8px) brightness(1.6)\";\r\n      circle.setAttribute(\"stroke-dashoffset\", \"440\");\r\n      circle.setAttribute(\"stroke\", \"#5fd3ea\");\r\n      brk.style.opacity = \"0\";\r\n      scan.style.opacity = \"0\";\r\n      shock.style.opacity = \"0\";\r\n      stat.style.opacity = \"0\";\r\n      status.style.color = \"\";\r\n      count.style.color = \"\";\r\n      letters.forEach(function (l) { l.style.opacity = \"0\"; l.style.transform = \"\"; l.style.filter = \"\"; });\r\n    }\r\n    raf = requestAnimationFrame(frame);\r\n  }\r\n\r\n  \/\/ ---- init ----\r\n  function init() {\r\n    size();\r\n    buildParticles();\r\n    t0 = performance.now();\r\n    raf = requestAnimationFrame(frame);\r\n  }\r\n\r\n  var rt;\r\n  window.addEventListener(\"resize\", function () {\r\n    clearTimeout(rt);\r\n    rt = setTimeout(function () {\r\n      size();\r\n      buildParticles();\r\n    }, 150);\r\n  });\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function hideLoader() {\r\n        var loader = document.getElementById(\"aqav-loader\");\r\n\r\n        if (!loader) return;\r\n\r\n        loader.classList.add(\"hide\");\r\n\r\n        setTimeout(function () {\r\n            loader.remove();\r\n        }, 750);\r\n    }\r\n\r\n    \/*\r\n     * Wait until complete page is loaded\r\n     *\/\r\n    if (document.readyState === \"complete\") {\r\n\r\n        setTimeout(function () {\r\n            hideLoader();\r\n        }, 5200);\r\n\r\n    } else {\r\n\r\n        window.addEventListener(\"load\", function () {\r\n\r\n            \/*\r\n             * Your animation is 5 seconds,\r\n             * so allow it to finish first.\r\n             *\/\r\n            setTimeout(function () {\r\n                hideLoader();\r\n            }, 5200);\r\n\r\n        });\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\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-3d0e6b6 e-flex e-con-boxed e-con e-parent\" data-id=\"3d0e6b6\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\">\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 elementor-invisible e-con e-child\" data-id=\"8b38aa2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\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=\"#approve\">\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=\"#reversal\">\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 lightText 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 lightText 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-invisible elementor-widget elementor-widget-html\" data-id=\"35814df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" 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 elementor-invisible e-con e-parent\" data-id=\"5636d95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\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    <style>\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            width: 100%;\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 elementor-invisible e-con e-parent\" data-id=\"de2f20d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\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\/* ---------- animations ---------- *\/\r\n  @keyframes aqBlink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }\r\n  @keyframes aqIn   { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }\r\n  @keyframes aqScan { 0% { transform: translateY(-58px); opacity: 0; } 14%, 86% { opacity: 1; } 100% { transform: translateY(58px); opacity: 0; } }\r\n  @keyframes aqRing { 0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--cyan) 45%, transparent); } 100% { box-shadow: 0 0 0 14px transparent; } }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #approve *, #approve *::before, #approve *::after {\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n  }\r\n\r\n  \/* ---------- section shell ---------- *\/\r\n  #approve {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: clamp(48px, 6.5vw, 104px) clamp(16px, 4vw, 40px);\r\n    color: var(--ink);\r\n    font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n  }\r\n  #approve *, #approve *::before, #approve *::after { box-sizing: border-box; }\r\n  #approve button {\r\n    font-family: inherit;\r\n    color: inherit;\r\n    font-size: inherit;\r\n    border: none;\r\n    background: none;\r\n    cursor: pointer;\r\n  }\r\n  #approve :focus-visible {\r\n    outline: 2px solid var(--cyan);\r\n    outline-offset: 3px;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  \/* ---------- header ---------- *\/\r\n  .appr-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  }\r\n  .appr-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  }\r\n  .appr-eyebrow .num { color: var(--ink3); letter-spacing: 0.12em; }\r\n  .appr-eyebrow .line { width: 28px; height: 1px; background: currentColor; opacity: 0.7; }\r\n  .appr-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  }\r\n  .appr-sub {\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  .appr-send {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 13px 22px !important;\r\n    border-radius: 999px;\r\n    font-size: 13.5px !important;\r\n    font-weight: 600;\r\n    color: var(--onAcc) !important;\r\n    background: linear-gradient(100deg, var(--cyan), var(--indigo)) !important;\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 oklch(1 0 0 \/ 40%);\r\n    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  \/* ---------- main grid ---------- *\/\r\n  .appr-grid {\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  }\r\n\r\n  \/* ---------- terminal card ---------- *\/\r\n  .appr-terminal {\r\n    min-width: 0;\r\n    padding: 24px;\r\n    border-radius: 26px;\r\n    background:\r\n      radial-gradient(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      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      oklch(0.05 0.03 250 \/ 0.8) 0px 40px 80px -50px,\r\n      oklch(1 0 0 \/ 0.09) 0px 1px 0px 0px inset;\r\n    --sx: -999px;\r\n    --sy: -999px;\r\n  }\r\n  .appr-term-head {\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  .appr-term-title {\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  }\r\n  .appr-online {\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  }\r\n  .appr-online-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  .appr-term-meta {\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  .appr-term-meta > div { display: flex; justify-content: space-between; gap: 12px; }\r\n  .appr-term-meta .k { color: var(--ink3); }\r\n\r\n  .appr-output {\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  .appr-output .acc  { color: var(--cyan); }\r\n  .appr-output .ok   { color: var(--ok); }\r\n  .appr-output .warn { color: var(--warn); }\r\n  .appr-output .bad  { color: var(--bad); }\r\n  .appr-output .mut  { color: var(--ink3); }\r\n\r\n  .appr-note {\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  \/* ---------- phone ---------- *\/\r\n  .appr-phone-col {\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  .appr-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(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    box-shadow:\r\n      0 70px 100px -54px oklch(0.05 0.03 250 \/ 85%),\r\n      0 0 0 1px oklch(0.7 0.03 240 \/ 25%),\r\n      0 0 80px -30px color-mix(in oklab, var(--cyan) 50%, transparent);\r\n    transform: perspective(1000px) rotateY(-13deg) rotateX(5deg);\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .appr-phone-inner {\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  .appr-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  .appr-screen {\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  .appr-screen-top {\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  .appr-vault {\r\n    padding: 15px;\r\n    border-radius: 18px;\r\n    background: linear-gradient(160deg,\r\n      oklch(0.34 0.07 232 \/ 0.7),\r\n      oklch(0.2 0.04 250 \/ 0.8));\r\n    border: 1px solid oklch(0.84 0.14 198 \/ 0.28);\r\n  }\r\n  .appr-vault-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  .appr-vault-name { margin-top: 8px; font-size: 16px; font-weight: 600; }\r\n  .appr-vault-sub  { margin-top: 3px; font-size: 11px; color: oklch(0.8 0.02 235); }\r\n  .appr-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  .appr-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  .appr-activity-row {\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  .appr-activity-row .ok  { color: oklch(0.84 0.16 165); }\r\n  .appr-activity-row .bad { color: oklch(0.78 0.17 22); }\r\n\r\n  \/* ---------- overlays ---------- *\/\r\n  .appr-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    color: oklch(0.97 0.01 230);\r\n    animation: aqIn 0.3s ease;\r\n  }\r\n  \/* incoming request *\/\r\n  .appr-overlay--req {\r\n    background: oklch(0.1 0.02 250 \/ 0.74);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    padding: 44px 12px 12px;\r\n  }\r\n  .appr-req-card {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border-radius: 22px;\r\n    background: linear-gradient(160deg,\r\n      oklch(0.33 0.06 238 \/ 0.97),\r\n      oklch(0.2 0.04 250 \/ 0.97));\r\n    border: 1px solid oklch(0.84 0.14 198 \/ 0.45);\r\n    box-shadow: 0 20px 50px -20px oklch(0.84 0.14 198 \/ 0.45);\r\n  }\r\n  .appr-req-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-family: \"JetBrains Mono\", monospace;\r\n    font-size: 9.5px;\r\n    letter-spacing: 0.16em;\r\n    color: oklch(0.84 0.14 198);\r\n  }\r\n  .appr-req-title { margin-top: 9px; font-size: 15.5px; font-weight: 600; }\r\n  .appr-req-sub   { margin-top: 4px; font-size: 11.5px; color: oklch(0.82 0.02 235); }\r\n  .appr-req-reason {\r\n    margin-top: 9px;\r\n    padding: 8px 10px;\r\n    border-radius: 10px;\r\n    background: oklch(0.1 0.02 250 \/ 0.6);\r\n    font-size: 10.5px;\r\n    line-height: 1.45;\r\n    color: oklch(0.8 0.02 235);\r\n  }\r\n  .appr-req-actions {\r\n    margin-top: 12px;\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n  .appr-req-actions button {\r\n    flex: 1;\r\n    padding: 12px;\r\n    border-radius: 99px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n  }\r\n  .appr-btn-approve {\r\n    color: oklch(0.16 0.04 250);\r\n    background: linear-gradient(100deg,\r\n      oklch(0.84 0.14 198),\r\n      oklch(0.7 0.16 272));\r\n    animation: aqRing 1.6s ease-out infinite;\r\n  }\r\n  .appr-btn-refuse {\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  }\r\n\r\n  \/* liveness *\/\r\n  .appr-overlay--face {\r\n    background: oklch(0.1 0.02 250 \/ 0.95);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    padding: 22px;\r\n  }\r\n  .appr-face-box {\r\n    position: relative;\r\n    width: 142px;\r\n    height: 142px;\r\n    border-radius: 38px;\r\n    border: 1px solid oklch(0.84 0.14 198 \/ 0.55);\r\n    overflow: hidden;\r\n    box-shadow: 0 0 50px -12px oklch(0.84 0.14 198 \/ 0.7);\r\n  }\r\n  .appr-face-glow {\r\n    position: absolute; inset: 0;\r\n    background: radial-gradient(circle at 50% 42%, oklch(0.84 0.14 198 \/ 0.22), transparent 65%);\r\n  }\r\n  .appr-face-line {\r\n    position: absolute;\r\n    left: 8%; right: 8%;\r\n    top: 50%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, oklch(0.86 0.14 198), transparent);\r\n    box-shadow: 0 0 12px 2px oklch(0.84 0.14 198 \/ 0.6);\r\n    animation: aqScan 1.5s ease-in-out infinite;\r\n  }\r\n  .appr-face-label {\r\n    font-family: \"JetBrains Mono\", monospace;\r\n    font-size: 9.5px;\r\n    letter-spacing: 0.2em;\r\n    color: oklch(0.86 0.12 198);\r\n  }\r\n  .appr-face-note {\r\n    font-size: 11.5px;\r\n    line-height: 1.5;\r\n    text-align: center;\r\n    max-width: 210px;\r\n    color: oklch(0.8 0.02 235);\r\n  }\r\n\r\n  \/* result screens (done \/ refused \/ expired) *\/\r\n  .appr-overlay--done,\r\n  .appr-overlay--refused,\r\n  .appr-overlay--expired {\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  }\r\n  .appr-overlay--refused,\r\n  .appr-overlay--expired { padding: 24px; }\r\n\r\n  .appr-badge {\r\n    width: 68px; height: 68px;\r\n    border-radius: 99px;\r\n    display: grid;\r\n    place-items: center;\r\n    font-size: 25px;\r\n  }\r\n  .appr-badge--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    font-size: 27px;\r\n    box-shadow: 0 0 40px -8px oklch(0.84 0.16 165 \/ 0.6);\r\n  }\r\n  .appr-badge--bad {\r\n    background: oklch(0.76 0.17 22 \/ 0.14);\r\n    border: 1px solid oklch(0.76 0.17 22 \/ 0.55);\r\n    color: oklch(0.8 0.17 22);\r\n  }\r\n  .appr-badge--warn {\r\n    background: oklch(0.85 0.13 85 \/ 0.14);\r\n    border: 1px solid oklch(0.85 0.13 85 \/ 0.5);\r\n    color: oklch(0.87 0.13 85);\r\n    font-size: 23px;\r\n  }\r\n  .appr-state-title { font-size: 16px; font-weight: 600; }\r\n  .appr-state-note {\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n    max-width: 215px;\r\n    color: oklch(0.82 0.02 235);\r\n  }\r\n  .appr-state-rows {\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  .appr-state-rows > div {\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  .appr-row--shared  { background: oklch(0.84 0.16 165 \/ 0.13); color: oklch(0.86 0.16 165); }\r\n  .appr-row--withheld { background: oklch(0.3 0.05 242 \/ 0.55); color: oklch(0.78 0.02 235); }\r\n\r\n  .appr-btn-replay {\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  }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     SECTION #approve\r\n     ============================================================ -->\r\n<section id=\"approve\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"appr-header\">\r\n    <div>\r\n      <div class=\"appr-eyebrow\">\r\n        <span class=\"num\" aria-hidden=\"true\">02<\/span>\r\n        <span class=\"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      <h2 class=\"appr-title\"\r\n          data-fr=\"Une demande arrive. Le geste vous appartient.\"\r\n          data-en=\"A request lands. The gesture is yours.\">\r\n        A request lands. The gesture is yours.\r\n      <\/h2>\r\n      <p class=\"appr-sub\"\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.\">\r\n        The counter terminal on the left, your phone on the right. Nothing is sent anywhere \u2014 it all runs inside this page.\r\n      <\/p>\r\n    <\/div>\r\n    <button class=\"appr-send\" id=\"appr-send\" data-magnet>\r\n      <span 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  <!-- GRID -->\r\n  <div class=\"appr-grid\">\r\n\r\n    <!-- TERMINAL -->\r\n    <div class=\"appr-terminal\" data-spot>\r\n      <div class=\"appr-term-head\">\r\n        <div class=\"appr-term-title\"\r\n             data-fr=\"TERMINAL ENTREPRISE \u00b7 GEN\u00c8VE\"\r\n             data-en=\"BUSINESS TERMINAL \u00b7 GENEVA\">\r\n          BUSINESS TERMINAL \u00b7 GENEVA\r\n        <\/div>\r\n        <div class=\"appr-online\">\r\n          <span class=\"appr-online-dot\" aria-hidden=\"true\"><\/span>\r\n          <span data-fr=\"EN LIGNE\" data-en=\"ONLINE\">ONLINE<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"appr-term-meta\">\r\n        <div>\r\n          <span class=\"k\" data-fr=\"OP\u00c9RATION\" data-en=\"OPERATION\">OPERATION<\/span>\r\n          <span data-fr=\"LEASING AUTO\" data-en=\"CAR LEASING\">CAR LEASING<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"k\" data-fr=\"DEMANDE\" data-en=\"ASKING FOR\">ASKING FOR<\/span>\r\n          <span data-fr=\"\u00c2GE \u2265 18 \u00b7 PERMIS VALIDE\" data-en=\"AGE \u2265 18 \u00b7 LICENCE VALID\">AGE \u2265 18 \u00b7 LICENCE VALID<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"k\" data-fr=\"MOTIF\" data-en=\"REASON\">REASON<\/span>\r\n          <span data-fr=\"OBLIGATION L\u00c9GALE\" data-en=\"LEGAL REQUIREMENT\">LEGAL REQUIREMENT<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"appr-output\" id=\"appr-output\" aria-live=\"polite\"><\/div>\r\n\r\n      <p class=\"appr-note\"\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.\">\r\n        The terminal keeps a signed result and a timestamp. No image, no number \u2014 nothing to leak later.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- PHONE -->\r\n    <div class=\"appr-phone-col\">\r\n      <div class=\"appr-phone\" id=\"appr-phone\">\r\n        <div class=\"appr-phone-inner\">\r\n          <div class=\"appr-notch\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"appr-screen\">\r\n            <div class=\"appr-screen-top\">\r\n              <span>AQAV<\/span>\r\n              <span data-fr=\"COFFRE\" data-en=\"VAULT\">VAULT<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"appr-vault\">\r\n              <div class=\"appr-vault-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=\"appr-vault-name\">Melvin K. \u00b7 Gen\u00e8ve<\/div>\r\n              <div class=\"appr-vault-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=\"appr-label\"\r\n                 data-fr=\"ACTIVIT\u00c9 R\u00c9CENTE\"\r\n                 data-en=\"RECENT ACTIVITY\">RECENT ACTIVITY<\/div>\r\n\r\n            <div class=\"appr-activity\">\r\n              <div class=\"appr-activity-row\">\r\n                <span data-fr=\"Assurance \u00b7 B\u00e2le\" data-en=\"Insurance \u00b7 Basel\">Insurance \u00b7 Basel<\/span>\r\n                <span class=\"ok\" data-fr=\"Approuv\u00e9\" data-en=\"Approved\">Approved<\/span>\r\n              <\/div>\r\n              <div class=\"appr-activity-row\">\r\n                <span data-fr=\"Appelant inconnu\" data-en=\"Unknown caller\">Unknown caller<\/span>\r\n                <span class=\"bad\" data-fr=\"Refus\u00e9\" data-en=\"Refused\">Refused<\/span>\r\n              <\/div>\r\n              <div class=\"appr-activity-row\">\r\n                <span data-fr=\"Universit\u00e9 \u00b7 Gen\u00e8ve\" data-en=\"University \u00b7 Geneva\">University \u00b7 Geneva<\/span>\r\n                <span class=\"ok\" data-fr=\"Approuv\u00e9\" data-en=\"Approved\">Approved<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- overlays injected here -->\r\n          <div id=\"appr-overlay\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     SCRIPT \u2014 drives the demo\r\n     ============================================================ -->\r\n<script>\r\n(function () {\r\n  var output  = document.getElementById('appr-output');\r\n  var overlay = document.getElementById('appr-overlay');\r\n  var phone   = document.getElementById('appr-phone');\r\n  var trigger = document.getElementById('appr-send');\r\n  if (!output || !overlay || !phone || !trigger) return;\r\n\r\n  var state = 'idle';   \/\/ idle | req | face | done | refused | expired\r\n  var secs = 60;\r\n  var tick = null;\r\n  var timers = [];\r\n\r\n  function clearAll() {\r\n    if (tick) { clearInterval(tick); tick = null; }\r\n    timers.forEach(clearTimeout);\r\n    timers = [];\r\n  }\r\n\r\n  \/* ---------------- terminal outputs ---------------- *\/\r\n  function termIdle() {\r\n    output.innerHTML =\r\n      '<div class=\"mut\">$ terminal ready<span style=\"animation:aqBlink 1s infinite;\">_<\/span><\/div>';\r\n  }\r\n  function termReq() {\r\n    output.innerHTML =\r\n      '<div class=\"acc\">\u2192 request signed \u00b7 REQ-8841<\/div>' +\r\n      '<div class=\"mut\">\u2192 delivered to the holder\\'s device<\/div>' +\r\n      '<div class=\"warn\">\u2026 waiting for the holder (' + secs + 's)<\/div>';\r\n  }\r\n  function termFace() {\r\n    output.innerHTML =\r\n      '<div class=\"acc\">\u2192 request signed \u00b7 REQ-8841<\/div>' +\r\n      '<div class=\"mut\">\u2192 approved, checking it is really them<\/div>' +\r\n      '<div class=\"warn\">\u2026 no document transferred<\/div>';\r\n  }\r\n  function termDone() {\r\n    output.innerHTML =\r\n      '<div class=\"ok\">\u2713 AGE \u2265 18 \u00b7 PASS<\/div>' +\r\n      '<div class=\"ok\">\u2713 LICENCE VALID \u00b7 PASS<\/div>' +\r\n      '<div class=\"mut\">\u2715 DATE OF BIRTH \u00b7 NOT DISCLOSED<\/div>' +\r\n      '<div class=\"mut\">\u2715 DOCUMENT IMAGE \u00b7 NOT DISCLOSED<\/div>' +\r\n      '<div class=\"mut\" style=\"margin-top:6px;\">\u2192 receipt kept on both sides \u00b7 0.9s<\/div>';\r\n  }\r\n  function termRefused() {\r\n    output.innerHTML =\r\n      '<div class=\"bad\">\u2715 REFUSED BY THE HOLDER<\/div>' +\r\n      '<div class=\"mut\">\u2192 nothing disclosed, refusal logged<\/div>' +\r\n      '<div class=\"mut\">\u2192 the operator may ask again in person<\/div>';\r\n  }\r\n  function termExpired() {\r\n    output.innerHTML =\r\n      '<div class=\"warn\">\u2715 REQUEST EXPIRED<\/div>' +\r\n      '<div class=\"mut\">\u2192 unanswered for 60s, it dies on its own<\/div>' +\r\n      '<div class=\"mut\">\u2192 nothing disclosed<\/div>';\r\n  }\r\n\r\n  \/* ---------------- phone overlays ---------------- *\/\r\n  function ovRequest() {\r\n    overlay.innerHTML =\r\n      '<div class=\"appr-overlay appr-overlay--req\">' +\r\n        '<div class=\"appr-req-card\">' +\r\n          '<div class=\"appr-req-head\">' +\r\n            '<span data-fr=\"DEMANDE ENTRANTE\" data-en=\"INCOMING REQUEST\">INCOMING REQUEST<\/span>' +\r\n            '<span class=\"js-secs\">00:' + String(secs).padStart(2, '0') + '<\/span>' +\r\n          '<\/div>' +\r\n          '<div class=\"appr-req-title\" data-fr=\"Leasing auto \u00b7 Gen\u00e8ve\" data-en=\"Car leasing \u00b7 Geneva\">Car leasing \u00b7 Geneva<\/div>' +\r\n          '<div class=\"appr-req-sub\" data-fr=\"Demande : \u00e2ge \u2265 18, permis valide\" data-en=\"Asking: age \u2265 18, licence valid\">Asking: age \u2265 18, licence valid<\/div>' +\r\n          '<div class=\"appr-req-reason\" data-fr=\"Motif : obligation l\u00e9gale \u00b7 re\u00e7u conserv\u00e9 des deux c\u00f4t\u00e9s\" data-en=\"Reason: legal requirement \u00b7 receipt kept on both sides\">Reason: legal requirement \u00b7 receipt kept on both sides<\/div>' +\r\n          '<div class=\"appr-req-actions\">' +\r\n            '<button class=\"appr-btn-approve\" id=\"appr-approve\" data-fr=\"Approuver\" data-en=\"Approve\">Approve<\/button>' +\r\n            '<button class=\"appr-btn-refuse\"  id=\"appr-refuse\"  data-fr=\"Refuser\"   data-en=\"Refuse\">Refuse<\/button>' +\r\n          '<\/div>' +\r\n        '<\/div>' +\r\n      '<\/div>';\r\n    document.getElementById('appr-approve').addEventListener('click', approve);\r\n    document.getElementById('appr-refuse').addEventListener('click', refuse);\r\n  }\r\n\r\n  function ovFace() {\r\n    overlay.innerHTML =\r\n      '<div class=\"appr-overlay appr-overlay--face\">' +\r\n        '<div class=\"appr-face-box\">' +\r\n          '<div class=\"appr-face-glow\"><\/div>' +\r\n          '<div class=\"appr-face-line\"><\/div>' +\r\n        '<\/div>' +\r\n        '<div class=\"appr-face-label\" data-fr=\"CONTR\u00d4LE DE PR\u00c9SENCE\" data-en=\"LIVENESS CHECK\">LIVENESS CHECK<\/div>' +\r\n        '<div class=\"appr-face-note\" data-fr=\"Face ID et une question de s\u00e9curit\u00e9. Un t\u00e9l\u00e9phone vol\u00e9, seul, n\\'approuve rien.\" data-en=\"Face ID plus a security question. A stolen phone on its own approves nothing.\">Face ID plus a security question. A stolen phone on its own approves nothing.<\/div>' +\r\n      '<\/div>';\r\n  }\r\n\r\n  function ovDone() {\r\n    overlay.innerHTML =\r\n      '<div class=\"appr-overlay appr-overlay--done\">' +\r\n        '<div class=\"appr-badge appr-badge--ok\">\u2713<\/div>' +\r\n        '<div class=\"appr-state-title\" data-fr=\"Approuv\u00e9 en 0,9 s\" data-en=\"Approved in 0.9s\">Approved in 0.9s<\/div>' +\r\n        '<div class=\"appr-state-rows\">' +\r\n          '<div class=\"appr-row--shared\"><span data-fr=\"\u00c2GE \u2265 18\" data-en=\"AGE \u2265 18\">AGE \u2265 18<\/span><span data-fr=\"PARTAG\u00c9\" data-en=\"SHARED\">SHARED<\/span><\/div>' +\r\n          '<div class=\"appr-row--shared\"><span data-fr=\"PERMIS VALIDE\" data-en=\"LICENCE VALID\">LICENCE VALID<\/span><span data-fr=\"PARTAG\u00c9\" data-en=\"SHARED\">SHARED<\/span><\/div>' +\r\n          '<div class=\"appr-row--withheld\"><span data-fr=\"DATE DE NAISSANCE\" data-en=\"DATE OF BIRTH\">DATE OF BIRTH<\/span><span data-fr=\"MASQU\u00c9E\" data-en=\"WITHHELD\">WITHHELD<\/span><\/div>' +\r\n          '<div class=\"appr-row--withheld\"><span data-fr=\"IMAGE DU DOCUMENT\" data-en=\"DOCUMENT IMAGE\">DOCUMENT IMAGE<\/span><span data-fr=\"MASQU\u00c9E\" data-en=\"WITHHELD\">WITHHELD<\/span><\/div>' +\r\n        '<\/div>' +\r\n        '<button class=\"appr-btn-replay\" data-fr=\"Rejouer\" data-en=\"Run it again\">Run it again<\/button>' +\r\n      '<\/div>';\r\n    overlay.querySelector('.appr-btn-replay').addEventListener('click', send);\r\n  }\r\n\r\n  function ovRefused() {\r\n    overlay.innerHTML =\r\n      '<div class=\"appr-overlay appr-overlay--refused\">' +\r\n        '<div class=\"appr-badge appr-badge--bad\">\u2715<\/div>' +\r\n        '<div class=\"appr-state-title\" data-fr=\"Refus\u00e9\" data-en=\"Refused\">Refused<\/div>' +\r\n        '<div class=\"appr-state-note\" data-fr=\"Rien n\\'a \u00e9t\u00e9 partag\u00e9. L\\'entreprise voit un refus, pas vos donn\u00e9es \u2014 et vous gardez la trace de qui a demand\u00e9.\" data-en=\"Nothing was shared. The business sees a refusal, not your data \u2014 and you keep the record of who asked.\">Nothing was shared. The business sees a refusal, not your data \u2014 and you keep the record of who asked.<\/div>' +\r\n        '<button class=\"appr-btn-replay\" data-fr=\"Rejouer\" data-en=\"Run it again\">Run it again<\/button>' +\r\n      '<\/div>';\r\n    overlay.querySelector('.appr-btn-replay').addEventListener('click', send);\r\n  }\r\n\r\n  function ovExpired() {\r\n    overlay.innerHTML =\r\n      '<div class=\"appr-overlay appr-overlay--expired\">' +\r\n        '<div class=\"appr-badge appr-badge--warn\">\u23f1<\/div>' +\r\n        '<div class=\"appr-state-title\" data-fr=\"Expir\u00e9e\" data-en=\"Expired\">Expired<\/div>' +\r\n        '<div class=\"appr-state-note\" data-fr=\"Sans r\u00e9ponse, une demande meurt d\\'elle-m\u00eame. Ne rien faire est aussi un refus.\" data-en=\"Left unanswered, a request dies on its own. Doing nothing is also a no.\">Left unanswered, a request dies on its own. Doing nothing is also a no.<\/div>' +\r\n        '<button class=\"appr-btn-replay\" data-fr=\"Rejouer\" data-en=\"Run it again\">Run it again<\/button>' +\r\n      '<\/div>';\r\n    overlay.querySelector('.appr-btn-replay').addEventListener('click', send);\r\n  }\r\n\r\n  \/* ---------------- state transitions ---------------- *\/\r\n  function send() {\r\n    clearAll();\r\n    overlay.innerHTML = '';\r\n    state = 'req';\r\n    secs = 60;\r\n    termReq();\r\n    ovRequest();\r\n\r\n    tick = setInterval(function () {\r\n      if (state !== 'req') { clearInterval(tick); tick = null; return; }\r\n      secs--;\r\n      if (secs <= 0) {\r\n        clearInterval(tick); tick = null;\r\n        state = 'expired';\r\n        termExpired();\r\n        ovExpired();\r\n        return;\r\n      }\r\n      termReq();\r\n      var t = overlay.querySelector('.js-secs');\r\n      if (t) t.textContent = '00:' + String(secs).padStart(2, '0');\r\n    }, 1000);\r\n  }\r\n\r\n  function approve() {\r\n    clearAll();\r\n    state = 'face';\r\n    termFace();\r\n    ovFace();\r\n    timers.push(setTimeout(function () {\r\n      state = 'done';\r\n      termDone();\r\n      ovDone();\r\n    }, 1700));\r\n  }\r\n\r\n  function refuse() {\r\n    clearAll();\r\n    state = 'refused';\r\n    termRefused();\r\n    ovRefused();\r\n  }\r\n\r\n  \/* ---------------- language ---------------- *\/\r\n  function applyLang() {\r\n    var lang = document.documentElement.getAttribute('lang') || 'en';\r\n    var fr = lang.toLowerCase().indexOf('fr') === 0;\r\n    document.querySelectorAll('#approve [data-fr]').forEach(function (el) {\r\n      var v = fr ? el.getAttribute('data-fr') : el.getAttribute('data-en');\r\n      if (v != null) el.textContent = v;\r\n    });\r\n  }\r\n\r\n  \/* ---------------- spotlight on terminal ---------------- *\/\r\n  var terminal = document.querySelector('.appr-terminal');\r\n  if (terminal && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    terminal.addEventListener('pointermove', function (e) {\r\n      var r = terminal.getBoundingClientRect();\r\n      terminal.style.setProperty('--sx', (e.clientX - r.left) + 'px');\r\n      terminal.style.setProperty('--sy', (e.clientY - r.top) + 'px');\r\n    });\r\n    terminal.addEventListener('pointerleave', function () {\r\n      terminal.style.setProperty('--sx', '-999px');\r\n      terminal.style.setProperty('--sy', '-999px');\r\n    });\r\n  }\r\n\r\n  \/* ---------------- tilt on phone ---------------- *\/\r\n  if (phone && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    phone.addEventListener('pointermove', function (e) {\r\n      var r = phone.getBoundingClientRect();\r\n      var px = (e.clientX - r.left) \/ r.width - 0.5;\r\n      var py = (e.clientY - r.top) \/ r.height - 0.5;\r\n      phone.style.transition = 'transform .08s linear';\r\n      phone.style.transform =\r\n        'perspective(1000px) rotateY(' + (-13 + px * 14).toFixed(2) + 'deg)' +\r\n        ' rotateX(' + (5 - py * 12).toFixed(2) + 'deg) translateZ(24px)';\r\n    });\r\n    phone.addEventListener('pointerleave', function () {\r\n      phone.style.transition = 'transform .6s cubic-bezier(.22,1,.36,1)';\r\n      phone.style.transform = 'perspective(1000px) rotateY(-13deg) rotateX(5deg)';\r\n    });\r\n  }\r\n\r\n  \/* ---------------- magnet button ---------------- *\/\r\n  if (trigger && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    trigger.addEventListener('pointermove', function (e) {\r\n      var r = trigger.getBoundingClientRect();\r\n      var dx = e.clientX - (r.left + r.width \/ 2);\r\n      var dy = e.clientY - (r.top + r.height \/ 2);\r\n      trigger.style.transform = 'translate(' + (dx * 0.22).toFixed(1) + 'px,' + (dy * 0.3).toFixed(1) + 'px)';\r\n    });\r\n    trigger.addEventListener('pointerleave', function () {\r\n      trigger.style.transform = '';\r\n    });\r\n  }\r\n\r\n  \/* ---------------- react to <html lang> changes ---------------- *\/\r\n  var mo = new MutationObserver(function () {\r\n    applyLang();\r\n    if (state === 'req')     { termReq();  var t = overlay.querySelector('.js-secs'); if (t) t.textContent = '00:' + String(secs).padStart(2, '0'); }\r\n    if (state === 'face')    termFace();\r\n    if (state === 'done')    termDone();\r\n    if (state === 'refused') termRefused();\r\n    if (state === 'expired') termExpired();\r\n  });\r\n  mo.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n\r\n  \/* ---------------- boot ---------------- *\/\r\n  state = 'idle';\r\n  termIdle();\r\n  applyLang();\r\n  trigger.addEventListener('click', send);\r\n\r\n  \/* auto-start when the phone scrolls into view (once) *\/\r\n  var started = false;\r\n  if ('IntersectionObserver' in window) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (en.isIntersecting && !started) {\r\n          started = true;\r\n          setTimeout(send, 700);\r\n          io.disconnect();\r\n        }\r\n      });\r\n    }, { threshold: 0.25 });\r\n    io.observe(phone);\r\n  }\r\n})();\r\n<\/script>\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 elementor-invisible e-con e-parent\" data-id=\"80f7030\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\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\n<span class=\"section-eyebrow__num\" aria-hidden=\"true\">03<\/span><span style=\"width: 28px;\n    height: 1px;\n    background: currentcolor;\n    opacity: 0.7;\"><\/span>HOW IT WORKS\n\n<\/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\r\n    <style>\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        .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        .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        .stack-card:nth-child(3) {\r\n            top: 148px;\r\n            margin-bottom: 0;\r\n        }\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        .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        }\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        @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        @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    <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    <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            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            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            function onScroll() {\r\n                if (!ticking) {\r\n                    window.requestAnimationFrame(updateScale);\r\n                    ticking = true;\r\n                }\r\n            }\r\n            window.addEventListener('scroll', onScroll, { passive: true });\r\n            window.addEventListener('resize', onScroll, { passive: true });\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            updateScale();\r\n            window.aqavStack = {\r\n                setLanguage: setLanguage\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\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 elementor-invisible e-con e-parent\" data-id=\"0a0dae9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1315b6f elementor-widget elementor-widget-html\" data-id=\"1315b6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #features {\r\n    position: relative;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: clamp(40px, 5.5vw, 88px) clamp(16px, 4vw, 40px) 0;\r\n    color: var(--ink);\r\n    font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n  }\r\n  #features *, #features *::before, #features *::after { box-sizing: border-box; }\r\n  #features a { color: var(--cyan); text-decoration: none; }\r\n  #features a:hover { text-decoration: underline; text-underline-offset: 4px; }\r\n  #features :focus-visible {\r\n    outline: 2px solid var(--cyan);\r\n    outline-offset: 3px;\r\n    border-radius: 6px;\r\n  }\r\n  .feat-sticky {\r\n    position: sticky;\r\n    top: 56px;\r\n    height: calc(100vh - 56px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n  }\r\n  .feat-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  }\r\n  .feat-eyebrow .num  { color: var(--ink3); letter-spacing: 0.12em; }\r\n  .feat-eyebrow .line { width: 28px; height: 1px; background: currentColor; opacity: 0.7; }\r\n  .feat-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: 22ch;\r\n    text-wrap: balance;\r\n  }\r\n  .feat-rail {\r\n    margin-top: 26px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: var(--line);\r\n    overflow: hidden;\r\n  }\r\n  .feat-bar {\r\n    height: 100%;\r\n    width: 100%;\r\n    transform-origin: left center;\r\n    transform: scaleX(0);\r\n    background: linear-gradient(90deg, var(--cyan), var(--indigo));\r\n  }\r\n  .feat-track {\r\n    margin-top: 28px;\r\n    display: flex;\r\n    gap: 22px;\r\n    flex-wrap: nowrap;\r\n    width: max-content;\r\n    padding-right: 8vw;\r\n    perspective: 1200px;\r\n    transform: translate3d(0, 0, 0);\r\n    will-change: transform;\r\n  }\r\n  .feat-card {\r\n    padding: 26px;\r\n    border-radius: 26px;\r\n    background:\r\n      radial-gradient(360px circle at var(--sx, -999px) var(--sy, -999px),\r\n        color-mix(in oklab, var(--cyan) 13%, transparent),\r\n        transparent 65%),\r\n      var(--panel);\r\n    border: 1px solid var(--line);\r\n    transform-style: preserve-3d;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: oklch(1 0 0 \/ 0.09) 0 1px 0 0 inset;\r\n    width: clamp(300px, 40vw, 460px);\r\n    flex-shrink: 0;\r\n    min-height: min(50vh, 420px);\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),\r\n                box-shadow 0.4s ease,\r\n                border-color 0.4s ease;\r\n    --sx: -999px;\r\n    --sy: -999px;\r\n  }\r\n  .feat-card[data-variant=\"highlight\"] {\r\n    background:\r\n      radial-gradient(360px circle at var(--sx, -999px) var(--sy, -999px),\r\n        color-mix(in oklab, var(--bad) 12%, transparent),\r\n        transparent 65%),\r\n      var(--panel);\r\n    border-color: color-mix(in oklab, var(--cyan) 45%, transparent);\r\n    box-shadow:\r\n      0 30px 70px -46px color-mix(in oklab, var(--cyan) 70%, transparent),\r\n      inset 0 1px 0 0 oklch(1 0 0 \/ 9%);\r\n  }\r\n\r\n  .feat-kicker {\r\n    font-family: \"JetBrains Mono\", monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 0.2em;\r\n    color: var(--cyan);\r\n  }\r\n  .feat-card h3 {\r\n    margin-top: 14px;\r\n    font-size: 19px;\r\n    font-weight: 600;\r\n  }\r\n  .feat-card p {\r\n    margin-top: 9px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--ink2);\r\n    flex: 1;\r\n  }\r\n  .feat-foot {\r\n    margin-top: 18px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid var(--line);\r\n    font-family: \"JetBrains Mono\", monospace;\r\n    font-size: 9.5px;\r\n    letter-spacing: 0.16em;\r\n    color: var(--ink3);\r\n  }\r\n  .feat-foot a { color: inherit; }\r\n\r\n  \/* ---------- flat \/ mobile fallback ---------- *\/\r\n  #features.is-flat { height: auto !important; }\r\n  #features.is-flat .feat-sticky {\r\n    position: relative;\r\n    top: 0;\r\n    height: auto;\r\n    overflow: visible;\r\n  }\r\n  #features.is-flat .feat-rail { display: none; }\r\n  #features.is-flat .feat-track {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));\r\n    width: auto;\r\n    padding-right: 0;\r\n    transform: none !important;\r\n    perspective: none;\r\n  }\r\n  #features.is-flat .feat-card {\r\n    width: auto;\r\n    min-height: auto;\r\n    transform: none !important;\r\n    opacity: 1 !important;\r\n    filter: none !important;\r\n  }\r\n\r\n  \/* ---------- reduced motion ---------- *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #features *, #features *::before, #features *::after {\r\n      animation-duration: .01ms !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n    #features .feat-track { transform: none !important; }\r\n    #features .feat-card  { transform: none !important; opacity: 1 !important; filter: none !important; }\r\n    #features .feat-bar   { transform: scaleX(1); }\r\n  }\r\n<\/style>\r\n<section id=\"features\">\r\n\r\n  <div class=\"feat-sticky\">\r\n    <div class=\"feat-head\">\r\n      <div class=\"feat-eyebrow\">\r\n        <span class=\"num\" aria-hidden=\"true\">04<\/span>\r\n        <span class=\"line\" aria-hidden=\"true\"><\/span>\r\n        <span data-fr=\"CE QUI CHANGE VRAIMENT\"\r\n              data-en=\"WHAT ACTUALLY CHANGES\">WHAT ACTUALLY CHANGES<\/span>\r\n      <\/div>\r\n      <h2 class=\"feat-title\"\r\n          data-fr=\"Quatre d\u00e9cisions de conception. Aucune n'est cosm\u00e9tique.\"\r\n          data-en=\"Four design decisions. None of them cosmetic.\">\r\n        Four design decisions. None of them cosmetic.\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- PROGRESS RAIL -->\r\n    <div class=\"feat-rail\" aria-hidden=\"true\">\r\n      <div class=\"feat-bar\" id=\"feat-bar\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- HORIZONTAL TRACK -->\r\n    <div class=\"feat-track\" id=\"feat-track\">\r\n\r\n      <!-- CARD 01 -->\r\n      <article class=\"feat-card\" data-tilt data-spot>\r\n        <div class=\"feat-kicker\"\r\n             data-fr=\"01 \u00b7 Z\u00c9RO CONNAISSANCE\"\r\n             data-en=\"01 \u00b7 ZERO KNOWLEDGE\">01 \u00b7 ZERO KNOWLEDGE<\/div>\r\n        <h3 data-fr=\"Une r\u00e9ponse, pas un document\"\r\n            data-en=\"An answer, not a document\">An answer, not a document<\/h3>\r\n        <p data-fr=\"L'entreprise apprend ce qu'elle a le droit de savoir. Ni le fichier, ni le num\u00e9ro, ni la date de naissance si l'\u00e2ge suffit.\"\r\n           data-en=\"The business learns what it is entitled to know. Not the file, not the number, not your date of birth if age is enough.\">\r\n          The business learns what it is entitled to know. Not the file, not the number, not your date of birth if age is enough.\r\n        <\/p>\r\n        <div class=\"feat-foot\"\r\n             data-fr=\"OBJECTIF : 0 DOCUMENT STOCK\u00c9\"\r\n             data-en=\"TARGET: 0 DOCUMENTS STORED\">TARGET: 0 DOCUMENTS STORED<\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 02 (highlight) -->\r\n      <article class=\"feat-card\" data-tilt data-spot data-variant=\"highlight\">\r\n        <div class=\"feat-kicker\"\r\n             data-fr=\"02 \u00b7 SOUS LA CONTRAINTE\"\r\n             data-en=\"02 \u00b7 UNDER DURESS\">02 \u00b7 UNDER DURESS<\/div>\r\n        <h3 data-fr=\"Code de contrainte\"\r\n            data-en=\"Duress passcode\">Duress passcode<\/h3>\r\n        <p data-fr=\"Si on vous force \u00e0 d\u00e9verrouiller votre t\u00e9l\u00e9phone, un second code ouvre un profil vide et cr\u00e9dible, et pr\u00e9vient discr\u00e8tement une personne de confiance.\"\r\n           data-en=\"If you're forced to unlock your phone, a second code opens a believable empty profile and quietly alerts a trusted contact.\">\r\n          If you're forced to unlock your phone, a second code opens a believable empty profile and quietly alerts a trusted contact.\r\n        <\/p>\r\n        <div class=\"feat-foot\">\r\n          <a href=\"#duress\"\r\n             data-fr=\"ESSAYEZ-LE PLUS BAS \u2193\"\r\n             data-en=\"TRY IT BELOW \u2193\">TRY IT BELOW \u2193<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 03 -->\r\n      <article class=\"feat-card\" data-tilt data-spot>\r\n        <div class=\"feat-kicker\"\r\n             data-fr=\"03 \u00b7 SIGN\u00c9 \u00c0 LA SOURCE\"\r\n             data-en=\"03 \u00b7 SIGNED AT SOURCE\">03 \u00b7 SIGNED AT SOURCE<\/div>\r\n        <h3 data-fr=\"Sign\u00e9 par l'\u00e9metteur\"\r\n            data-en=\"Signed by the issuer\">Signed by the issuer<\/h3>\r\n        <p data-fr=\"Un dipl\u00f4me sign\u00e9 par l'universit\u00e9 elle-m\u00eame ne peut \u00eatre ni auto-d\u00e9clar\u00e9 ni retouch\u00e9. La confiance vient de la signature, pas de notre parole.\"\r\n           data-en=\"A diploma signed by the university itself can be neither self-declared nor retouched. Trust comes from the signature, not from our word.\">\r\n          A diploma signed by the university itself can be neither self-declared nor retouched. Trust comes from the signature, not from our word.\r\n        <\/p>\r\n        <div class=\"feat-foot\"\r\n             data-fr=\"INFALSIFIABLE PAR CONSTRUCTION\"\r\n             data-en=\"UNFORGEABLE BY CONSTRUCTION\">UNFORGEABLE BY CONSTRUCTION<\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 04 -->\r\n      <article class=\"feat-card\" data-tilt data-spot>\r\n        <div class=\"feat-kicker\"\r\n             data-fr=\"04 \u00b7 PORT\u00c9E LIMIT\u00c9E\"\r\n             data-en=\"04 \u00b7 SCOPED\">04 \u00b7 SCOPED<\/div>\r\n        <h3 data-fr=\"Des accords qui expirent\"\r\n            data-en=\"Approvals that expire\">Approvals that expire<\/h3>\r\n        <p data-fr=\"Chaque accord a une port\u00e9e, une dur\u00e9e et parfois un lieu. Il expire seul : \u00e0 la minute pr\u00e9vue, ou quand vous quittez le guichet.\"\r\n           data-en=\"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.\">\r\n          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.\r\n        <\/p>\r\n        <div class=\"feat-foot\"\r\n             data-fr=\"OBJECTIF : EXPIRATION PAR D\u00c9FAUT\"\r\n             data-en=\"TARGET: EXPIRY BY DEFAULT\">TARGET: EXPIRY BY DEFAULT<\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  var section = document.getElementById('features');\r\n  if (!section) return;\r\n\r\n  var sticky = section.querySelector('.feat-sticky');\r\n  var track  = section.querySelector('.feat-track');\r\n  var bar    = section.querySelector('.feat-bar');\r\n  var cards  = Array.prototype.slice.call(section.querySelectorAll('.feat-card'));\r\n  if (!sticky || !track || !cards.length) return;\r\n\r\n  var reduced = !!(window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches);\r\n  var fine = !!(window.matchMedia &&\r\n    window.matchMedia('(hover: hover) and (pointer: fine)').matches);\r\n\r\n  var travel = 0;\r\n  var queued = false;\r\n\r\n  \/* ---------- layout: measure how far the track must travel ---------- *\/\r\n  function layout() {\r\n    var desk = !reduced && window.innerWidth >= 760 && window.innerHeight >= 500;\r\n\r\n    if (!desk) {\r\n      section.classList.add('is-flat');\r\n      section.style.height = '';\r\n      travel = 0;\r\n      return;\r\n    }\r\n\r\n    section.classList.remove('is-flat');\r\n\r\n    \/\/ measure track width vs viewport\r\n    track.style.transform = 'translate3d(0,0,0)';\r\n    var vw = sticky.clientWidth;\r\n    travel = Math.max(0, track.scrollWidth - vw);\r\n\r\n    \/\/ give the section enough height so the sticky panel stays pinned\r\n    \/\/ while the user scrolls through the horizontal travel.\r\n    section.style.height = (window.innerHeight + travel * 1.1) + 'px';\r\n  }\r\n\r\n  \/* ---------- run: map vertical scroll to horizontal translate ---------- *\/\r\n  function run() {\r\n    queued = false;\r\n    if (!travel) return;\r\n\r\n    var rect = section.getBoundingClientRect();\r\n    var total = section.offsetHeight - window.innerHeight;\r\n    var p = total > 0 ? Math.max(0, Math.min(1, -rect.top \/ total)) : 0;\r\n    \/\/ ease in\/out\r\n    var e = p < 0.5\r\n      ? 2 * p * p\r\n      : 1 - Math.pow(-2 * p + 2, 2) \/ 2;\r\n\r\n    track.style.transform = 'translate3d(' + (-e * travel).toFixed(1) + 'px,0,0)';\r\n    if (bar) bar.style.transform = 'scaleX(' + p.toFixed(4) + ')';\r\n\r\n    \/\/ 3D depth per card: cards further from viewport centre tilt more\r\n    cards.forEach(function (c) {\r\n      if (c.dataset.hover) return;\r\n      var cr = c.getBoundingClientRect();\r\n      var mid = (cr.left + cr.width \/ 2) \/ window.innerWidth;\r\n      var k = Math.max(-1, Math.min(1, (mid - 0.5) * 2));\r\n      c.style.transform =\r\n        'perspective(1200px) rotateY(' + (k * -14).toFixed(2) + 'deg) ' +\r\n        'translateZ(' + (-Math.abs(k) * 60).toFixed(1) + 'px)';\r\n      c.style.opacity = (1 - Math.max(0, Math.abs(k) - 0.6) * 1.2).toFixed(3);\r\n    });\r\n  }\r\n\r\n  function kick() {\r\n    if (!queued) { queued = true; requestAnimationFrame(run); }\r\n  }\r\n\r\n  \/* ---------- tilt on hover (per card) ---------- *\/\r\n  if (fine && !reduced) {\r\n    cards.forEach(function (c) {\r\n      c.addEventListener('pointermove', function (e) {\r\n        var r = c.getBoundingClientRect();\r\n        var px = (e.clientX - r.left) \/ r.width - 0.5;\r\n        var py = (e.clientY - r.top) \/ r.height - 0.5;\r\n        c.dataset.hover = '1';\r\n        c.style.transition = 'transform .08s linear, box-shadow .4s ease, border-color .4s ease';\r\n        c.style.transform =\r\n          'perspective(1000px) rotateY(' + (px * 14).toFixed(2) + 'deg) ' +\r\n          'rotateX(' + (-py * 12).toFixed(2) + 'deg) translateZ(24px)';\r\n\r\n        \/\/ spotlight position for the radial-gradient\r\n        c.style.setProperty('--sx', (e.clientX - r.left).toFixed(0) + 'px');\r\n        c.style.setProperty('--sy', (e.clientY - r.top).toFixed(0) + 'px');\r\n      });\r\n\r\n      c.addEventListener('pointerleave', function () {\r\n        delete c.dataset.hover;\r\n        c.style.transition = 'transform .6s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease';\r\n        c.style.setProperty('--sx', '-999px');\r\n        c.style.setProperty('--sy', '-999px');\r\n        kick();\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* ---------- language ---------- *\/\r\n  function applyLang() {\r\n    var lang = document.documentElement.getAttribute('lang') || 'en';\r\n    var fr = lang.toLowerCase().indexOf('fr') === 0;\r\n    section.querySelectorAll('[data-fr]').forEach(function (el) {\r\n      var v = fr ? el.getAttribute('data-fr') : el.getAttribute('data-en');\r\n      if (v != null) el.textContent = v;\r\n    });\r\n  }\r\n\r\n  var mo = new MutationObserver(applyLang);\r\n  mo.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n\r\n  \/* ---------- wire up ---------- *\/\r\n  var rt;\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(rt);\r\n    rt = setTimeout(function () { layout(); kick(); }, 150);\r\n  }, { passive: true });\r\n\r\n  window.addEventListener('scroll', kick, { passive: true });\r\n\r\n  \/\/ recompute once fonts have loaded (measurements can shift)\r\n  if (document.fonts && document.fonts.ready) {\r\n    document.fonts.ready.then(function () { layout(); kick(); });\r\n  }\r\n\r\n  \/* ---------- boot ---------- *\/\r\n  layout();\r\n  applyLang();\r\n  kick();\r\n})();\r\n<\/script>\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-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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n        .duress-panel {\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: clamp(22px, 3.4vw, 44px);\r\n            border-radius: 32px;\r\n            background:\r\n                radial-gradient(\r\n                    600px 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                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: rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition:\r\n                opacity 0.9s ease,\r\n                transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n            --sx: -999px;\r\n            --sy: -999px;\r\n        }\r\n        .duress-panel.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n        .duress-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        .duress-eyebrow__num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n        .duress-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        .duress-title {\r\n            position: relative;\r\n            margin-top: 12px;\r\n            font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n            line-height: 1.03;\r\n            letter-spacing: -0.035em;\r\n            font-weight: 600;\r\n            max-width: 20ch;\r\n            text-wrap: balance;\r\n        }\r\n        .duress-subtitle {\r\n            margin-top: 12px;\r\n            max-width: 62ch;\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n            color: var(--ink2);\r\n        }\r\n        .duress-grid {\r\n            margin-top: 28px;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));\r\n            gap: 28px;\r\n            align-items: center;\r\n        }\r\n        .duress-info {\r\n            min-width: 0;\r\n        }\r\n        .duress-codes {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n        .duress-code {\r\n            padding: 11px 15px;\r\n            border-radius: 14px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 11.5px;\r\n            font-weight: 500;\r\n        }\r\n        .duress-code--ok {\r\n            border: 1px solid color-mix(in oklab, var(--ok) 45%, transparent);\r\n            background: color-mix(in oklab, var(--ok) 8%, transparent);\r\n            color: var(--ok);\r\n        }\r\n        .duress-code--bad {\r\n            border: 1px solid color-mix(in oklab, var(--bad) 45%, transparent);\r\n            background: color-mix(in oklab, var(--bad) 8%, transparent);\r\n            color: var(--bad);\r\n        }\r\n        \/* Output panel *\/\r\n        .duress-output {\r\n            margin-top: 20px;\r\n            min-height: 150px;\r\n            padding: 20px;\r\n            border-radius: 18px;\r\n            background: var(--panel2);\r\n            border: 1px solid var(--line);\r\n            transition: border-color 0.3s ease, background 0.3s ease;\r\n        }\r\n        .duress-output--ok {\r\n            border-color: color-mix(in oklab, var(--ok) 40%, transparent);\r\n            background: color-mix(in oklab, var(--ok) 5%, var(--panel2));\r\n        }\r\n        .duress-output--warn {\r\n            border-color: color-mix(in oklab, var(--bad) 40%, transparent);\r\n            background: color-mix(in oklab, var(--bad) 5%, var(--panel2));\r\n        }\r\n        .duress-output__label {\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        .duress-output--ok .duress-output__label { color: var(--ok); }\r\n        .duress-output--warn .duress-output__label { color: var(--bad); }\r\n        .duress-output__text {\r\n            margin-top: 10px;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            color: var(--ink2);\r\n        }\r\n        \/* Alert box *\/\r\n        .duress-alert {\r\n            margin-top: 12px;\r\n            padding: 12px 14px;\r\n            border-radius: 14px;\r\n            border: 1px solid color-mix(in oklab, var(--cyan) 40%, transparent);\r\n            background: color-mix(in oklab, var(--cyan) 10%, transparent);\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10.5px;\r\n            line-height: 1.8;\r\n            color: var(--cyan);\r\n        }\r\n        .duress-alert div + div {\r\n            margin-top: 3px;\r\n        }\r\n        .duress-phone-wrap {\r\n            min-width: 0;\r\n            display: flex;\r\n            justify-content: center;\r\n            perspective: 1200px;\r\n        }\r\n        .duress-phone {\r\n            width: 290px;\r\n            max-width: 100%;\r\n            padding: 12px;\r\n            border-radius: 42px;\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 50px 80px -50px rgba(2, 6, 23, 0.85),\r\n                0 0 0 1px rgba(180, 190, 200, 0.25),\r\n                rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n            transform: perspective(1000px) rotateX(-1.5deg) rotateY(2deg);\r\n            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n            will-change: transform;\r\n        }\r\n        .duress-phone__screen {\r\n            border-radius: 32px;\r\n            padding: 22px 18px;\r\n            background: oklch(0.15 0.03 250);\r\n            color: oklch(0.97 0.01 230);\r\n        }\r\n        .duress-phone__label {\r\n            text-align: center;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            letter-spacing: 0.2em;\r\n            color: oklch(0.74 0.03 235);\r\n            text-transform: uppercase;\r\n        }\r\n        \/* Dots *\/\r\n        .duress-phone__dots {\r\n            margin-top: 14px;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 12px;\r\n        }\r\n        .duress-phone__dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            border: 2px solid oklch(0.5 0.05 240);\r\n            transition: all 0.2s ease;\r\n        }\r\n        .duress-phone__dot--filled {\r\n            background: oklch(0.9 0.08 205);\r\n            border-color: oklch(0.9 0.08 205);\r\n            box-shadow: 0 0 8px oklch(0.9 0.08 205 \/ 0.6);\r\n        }\r\n        .duress-phone__dot--ok {\r\n            background: var(--ok);\r\n            border-color: var(--ok);\r\n            box-shadow: 0 0 8px color-mix(in oklab, var(--ok) 60%, transparent);\r\n        }\r\n        .duress-phone__dot--bad {\r\n            background: var(--bad);\r\n            border-color: var(--bad);\r\n            box-shadow: 0 0 8px color-mix(in oklab, var(--bad) 60%, transparent);\r\n        }\r\n        \/* Keypad *\/\r\n        .duress-phone__keypad {\r\n            margin-top: 18px;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 10px;\r\n        }\r\n        .duress-phone__key {\r\n            padding: 14px 0;\r\n            border-radius: 18px;\r\n            background: oklch(0.3 0.05 242 \/ 0.45);\r\n            color: oklch(0.96 0.01 230);\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.15s ease;\r\n            font-family: \"Inter\", sans-serif;\r\n            user-select: none;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        .duress-phone__key:hover {\r\n            background: oklch(0.35 0.06 242 \/ 0.65);\r\n        }\r\n        .duress-phone__key:active {\r\n            transform: scale(0.94);\r\n            background: oklch(0.4 0.08 242 \/ 0.75);\r\n        }\r\n        .duress-phone__key--action {\r\n            background: transparent;\r\n            border: 1px solid oklch(0.62 0.05 238 \/ 0.4);\r\n            color: oklch(0.82 0.02 235);\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n        }\r\n        .duress-phone__key--action:hover {\r\n            border-color: oklch(0.62 0.05 238 \/ 0.7);\r\n            color: oklch(0.95 0.02 235);\r\n        }\r\n        .duress-phone__key--delete {\r\n            font-size: 14px;\r\n        }\r\n        \/* Shake animation *\/\r\n        @keyframes shake {\r\n            0%, 100% { transform: perspective(1000px) rotateX(-1.5deg) rotateY(2deg) translateX(0); }\r\n            25% { transform: perspective(1000px) rotateX(-1.5deg) rotateY(2deg) translateX(-6px); }\r\n            75% { transform: perspective(1000px) rotateX(-1.5deg) rotateY(2deg) translateX(6px); }\r\n        }\r\n        .duress-phone.is-shaking {\r\n            animation: shake 0.4s ease;\r\n        }\r\n        @media (max-width: 640px) {\r\n            .duress-phone {\r\n                transform: none;\r\n                width: 260px;\r\n            }\r\n            .duress-phone.is-shaking {\r\n                animation: none;\r\n            }\r\n            .duress-output {\r\n                padding: 16px;\r\n                min-height: 130px;\r\n            }\r\n        }\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .duress-panel,\r\n            .duress-phone,\r\n            .duress-phone__key,\r\n            .duress-phone__dot {\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n            .duress-phone.is-shaking {\r\n                animation: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"duress-section\" id=\"duress\">\r\n        <div class=\"duress-panel\" data-reveal data-spot>\r\n            <!-- Eyebrow -->\r\n            <div class=\"duress-eyebrow\">\r\n                <span class=\"duress-eyebrow__num\" aria-hidden=\"true\">05<\/span>\r\n                <span class=\"duress-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                <span data-fr=\"D\u00c9MO SANS RISQUE\"\r\n                      data-en=\"SAFE DEMO\">SAFE DEMO<\/span>\r\n            <\/div>\r\n            <!-- Title -->\r\n            <h2 class=\"duress-title\"\r\n                data-fr=\"Le code que l'on donne quand on n'a pas le choix.\"\r\n                data-en=\"The code you give when you have no choice.\">The code you give when you have no choice.<\/h2>\r\n            <!-- Subtitle -->\r\n            <p class=\"duress-subtitle\"\r\n               data-fr=\"Deux codes, un m\u00eame t\u00e9l\u00e9phone. Rien de ce que vous tapez ici ne quitte la page \u2014 les deux codes sont affich\u00e9s expr\u00e8s.\"\r\n               data-en=\"Two codes, one phone. Nothing you type here leaves the page \u2014 both codes are shown on purpose.\">Two codes, one phone. Nothing you type here leaves the page \u2014 both codes are shown on purpose.<\/p>\r\n            <!-- Grid -->\r\n            <div class=\"duress-grid\">\r\n                <!-- LEFT: Codes + Output -->\r\n                <div class=\"duress-info\">\r\n                    <!-- Code badges -->\r\n                    <div class=\"duress-codes\">\r\n                        <div class=\"duress-code duress-code--ok\">\r\n                            <span data-fr=\"VRAI CODE\"\r\n                                  data-en=\"REAL CODE\">REAL CODE<\/span> \u00b7 2 8 4 1\r\n                        <\/div>\r\n                        <div class=\"duress-code duress-code--bad\">\r\n                            <span data-fr=\"CODE DE CONTRAINTE\"\r\n                                  data-en=\"DURESS CODE\">DURESS CODE<\/span> \u00b7 9 1 1 0\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Output panel -->\r\n                    <div class=\"duress-output\" id=\"duress-output\" aria-live=\"polite\">\r\n                        <div class=\"duress-output__label\" id=\"duress-output-label\">\r\n                            ENTER A CODE\r\n                        <\/div>\r\n                        <p class=\"duress-output__text\" id=\"duress-output-text\"\r\n                           data-fr=\"Tapez un code sur le clavier. Le vrai code ouvre le coffre. Le code de contrainte ouvre un profil vide \u2014 et envoie une alerte silencieuse.\"\r\n                           data-en=\"Type a code on the keypad. The real code opens the vault. The duress code opens an empty profile \u2014 and sends a silent alert.\">Type a code on the keypad. The real code opens the vault. The duress code opens an empty profile \u2014 and sends a silent alert.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- RIGHT: Phone -->\r\n                <div class=\"duress-phone-wrap\">\r\n                    <div class=\"duress-phone\" id=\"duress-phone\">\r\n                        <div class=\"duress-phone__screen\">\r\n                            <!-- Label -->\r\n                            <div class=\"duress-phone__label\"\r\n                                 data-fr=\"SAISISSEZ LE CODE\"\r\n                                 data-en=\"ENTER PASSCODE\">ENTER PASSCODE<\/div>\r\n                            <!-- Dots -->\r\n                            <div class=\"duress-phone__dots\" id=\"duress-dots\" aria-hidden=\"true\">\r\n                                <span class=\"duress-phone__dot\" data-index=\"0\"><\/span>\r\n                                <span class=\"duress-phone__dot\" data-index=\"1\"><\/span>\r\n                                <span class=\"duress-phone__dot\" data-index=\"2\"><\/span>\r\n                                <span class=\"duress-phone__dot\" data-index=\"3\"><\/span>\r\n                            <\/div>\r\n                            <!-- Keypad -->\r\n                            <div class=\"duress-phone__keypad\" id=\"duress-keypad\">\r\n                                <button class=\"duress-phone__key\" data-key=\"1\" aria-label=\"1\">1<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"2\" aria-label=\"2\">2<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"3\" aria-label=\"3\">3<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"4\" aria-label=\"4\">4<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"5\" aria-label=\"5\">5<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"6\" aria-label=\"6\">6<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"7\" aria-label=\"7\">7<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"8\" aria-label=\"8\">8<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"9\" aria-label=\"9\">9<\/button>\r\n                                <button class=\"duress-phone__key duress-phone__key--action\"\r\n                                        data-action=\"clear\"\r\n                                        aria-label=\"Clear\">C<\/button>\r\n                                <button class=\"duress-phone__key\" data-key=\"0\" aria-label=\"0\">0<\/button>\r\n                                <button class=\"duress-phone__key duress-phone__key--action duress-phone__key--delete\"\r\n                                        data-action=\"delete\"\r\n                                        aria-label=\"Delete last digit\">\u232b<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <script>\r\n        (function () {\r\n            'use strict';\r\n            const CODES = {\r\n                '2841': {\r\n                    state: 'ok',\r\n                    label: 'VAULT OPENED',\r\n                    labelFr: 'COFFRE OUVERT',\r\n                    text: 'Identity verified. The real vault opens \u2014 you see your documents.',\r\n                    textFr: 'Identit\u00e9 v\u00e9rifi\u00e9e. Le vrai coffre s\\'ouvre \u2014 vous voyez vos documents.'\r\n                },\r\n                '9110': {\r\n                    state: 'warn',\r\n                    label: 'DECOY PROFILE OPENED',\r\n                    labelFr: 'PROFIL LEURRE OUVERT',\r\n                    text: 'The screen looks normal, just empty: no documents, no history. Nothing hints that a second profile exists \u2014 even the sound is identical.',\r\n                    textFr: '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.',\r\n                    alerts: [\r\n                        { en: '\u2192 SILENT ALERT SENT \u00b7 TRUSTED CONTACT', fr: '\u2192 ALERTE SILENCIEUSE ENVOY\u00c9E \u00b7 PERSONNE DE CONFIANCE' },\r\n                        { en: '\u2192 LOCATION SHARED \u00b7 VAULT SEALED', fr: '\u2192 POSITION PARTAG\u00c9E \u00b7 COFFRE SCELL\u00c9' },\r\n                        { en: '\u2192 NO NOTIFICATION ON THIS DEVICE', fr: '\u2192 AUCUNE NOTIFICATION SUR CET APPAREIL' }\r\n                    ]\r\n                }\r\n            };\r\n            const CODE_LENGTH = 4;\r\n            let currentInput = '';\r\n            let currentLang = 'en';\r\n            let isLocked = false;\r\n            const panel = document.querySelector('.duress-panel');\r\n            const outputEl = document.getElementById('duress-output');\r\n            const outputLabel = document.getElementById('duress-output-label');\r\n            const outputText = document.getElementById('duress-output-text');\r\n            const dotsEl = document.getElementById('duress-dots');\r\n            const keypadEl = document.getElementById('duress-keypad');\r\n            const phone = document.getElementById('duress-phone');\r\n            function t(en, fr) {\r\n                return currentLang === 'fr' ? fr : en;\r\n            }\r\n            function updateDots(state) {\r\n                const dots = dotsEl.querySelectorAll('.duress-phone__dot');\r\n                dots.forEach(function (dot, i) {\r\n                    dot.className = 'duress-phone__dot';\r\n                    if (i < currentInput.length) {\r\n                        dot.classList.add('duress-phone__dot--filled');\r\n                    }\r\n                    if (state === 'ok') dot.classList.add('duress-phone__dot--ok');\r\n                    if (state === 'warn') dot.classList.add('duress-phone__dot--bad');\r\n                });\r\n            }\r\n            function resetOutput() {\r\n                outputEl.className = 'duress-output';\r\n                outputLabel.textContent = t('ENTER A CODE', 'SAISISSEZ UN CODE');\r\n                outputText.textContent = t(\r\n                    'Type a code on the keypad. The real code opens the vault. The duress code opens an empty profile \u2014 and sends a silent alert.',\r\n                    'Tapez un code sur le clavier. Le vrai code ouvre le coffre. Le code de contrainte ouvre un profil vide \u2014 et envoie une alerte silencieuse.'\r\n                );\r\n                const oldAlert = outputEl.querySelector('.duress-alert');\r\n                if (oldAlert) oldAlert.remove();\r\n            }\r\n            function showState(code) {\r\n                resetOutput();\r\n                const config = CODES[code];\r\n                if (!config) {\r\n                    \/\/ Wrong code\r\n                    outputEl.classList.add('duress-output--warn');\r\n                    outputLabel.textContent = t('WRONG CODE', 'CODE INCORRECT');\r\n                    outputText.textContent = t(\r\n                        'Try 2841 or 9110 to see both outcomes.',\r\n                        'Essayez 2841 ou 9110 pour voir les deux issues.'\r\n                    );\r\n                    updateDots('warn');\r\n                    shakePhone();\r\n                    setTimeout(resetInput, 1500);\r\n                    return;\r\n                }\r\n                outputLabel.textContent = t(config.label, config.labelFr);\r\n                outputText.textContent = t(config.text, config.textFr);\r\n                if (config.state === 'warn') {\r\n                    outputEl.classList.add('duress-output--warn');\r\n                    updateDots('warn');\r\n\r\n                    if (config.alerts) {\r\n                        const alertBox = document.createElement('div');\r\n                        alertBox.className = 'duress-alert';\r\n                        config.alerts.forEach(function (line) {\r\n                            const div = document.createElement('div');\r\n                            div.textContent = t(line.en, line.fr);\r\n                            alertBox.appendChild(div);\r\n                        });\r\n                        outputEl.appendChild(alertBox);\r\n                    }\r\n                } else {\r\n                    outputEl.classList.add('duress-output--ok');\r\n                    updateDots('ok');\r\n                }\r\n                setTimeout(resetInput, 3000);\r\n            }\r\n            function shakePhone() {\r\n                phone.classList.add('is-shaking');\r\n                setTimeout(function () {\r\n                    phone.classList.remove('is-shaking');\r\n                }, 400);\r\n            }\r\n            function handleNumber(num) {\r\n                if (isLocked) return;\r\n                if (currentInput.length >= CODE_LENGTH) return;\r\n                currentInput += num;\r\n                updateDots();\r\n                if (currentInput.length === CODE_LENGTH) {\r\n                    isLocked = true;\r\n                    setTimeout(function () {\r\n                        showState(currentInput);\r\n                    }, 250);\r\n                }\r\n            }\r\n            function handleClear() {\r\n                if (isLocked) return;\r\n                currentInput = '';\r\n                updateDots();\r\n                resetOutput();\r\n            }\r\n            function handleDelete() {\r\n                if (isLocked) return;\r\n                if (currentInput.length === 0) return;\r\n                currentInput = currentInput.slice(0, -1);\r\n                updateDots();\r\n            }\r\n            function resetInput() {\r\n                currentInput = '';\r\n                isLocked = false;\r\n                updateDots();\r\n                resetOutput();\r\n            }\r\n            keypadEl.addEventListener('click', function (e) {\r\n                const btn = e.target.closest('button');\r\n                if (!btn) return;\r\n                const key = btn.dataset.key;\r\n                const action = btn.dataset.action;\r\n                if (key) handleNumber(key);\r\n                else if (action === 'clear') handleClear();\r\n                else if (action === 'delete') handleDelete();\r\n            });\r\n            \/\/ Keyboard support\r\n            document.addEventListener('keydown', function (e) {\r\n                if (isLocked) return;\r\n                if (e.key >= '0' && e.key <= '9') handleNumber(e.key);\r\n                else if (e.key === 'Backspace') { e.preventDefault(); handleDelete(); }\r\n                else if (e.key === 'Escape') handleClear();\r\n            });\r\n            const io = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        panel.classList.add('is-visible');\r\n                        io.unobserve(panel);\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n            io.observe(panel);\r\n            panel.addEventListener('mousemove', function (e) {\r\n                const rect = panel.getBoundingClientRect();\r\n                panel.style.setProperty('--sx', (e.clientX - rect.left) + 'px');\r\n                panel.style.setProperty('--sy', (e.clientY - rect.top) + 'px');\r\n            });\r\n            panel.addEventListener('mouseleave', function () {\r\n                panel.style.setProperty('--sx', '-999px');\r\n                panel.style.setProperty('--sy', '-999px');\r\n            });\r\n            phone.addEventListener('mousemove', function (e) {\r\n                const rect = phone.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                const centerX = rect.width \/ 2;\r\n                const centerY = rect.height \/ 2;\r\n                const rotateX = ((y - centerY) \/ centerY) * -4;\r\n                const rotateY = ((x - centerX) \/ centerX) * 4;\r\n                phone.style.transform =\r\n                    'perspective(1000px) rotateX(' + rotateX.toFixed(2) + 'deg) ' +\r\n                    'rotateY(' + rotateY.toFixed(2) + 'deg)';\r\n            });\r\n            phone.addEventListener('mouseleave', function () {\r\n                phone.style.transform = 'perspective(1000px) rotateX(-1.5deg) rotateY(2deg)';\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                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                resetOutput();\r\n            }\r\n            resetOutput();\r\n            window.aqavDuress = {\r\n                reset: resetInput,\r\n                setLanguage: setLanguage\r\n            };\r\n            console.log('\ud83d\udd10 AQAV Duress Demo initialized');\r\n            console.log('\ud83d\udca1 Try 2841 (real) or 9110 (duress)');\r\n        })();\r\n    <\/script>\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-c3445ce e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"c3445ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8c58355 e-con-full e-flex e-con e-child\" data-id=\"8c58355\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57e9ad1 elementor-widget elementor-widget-html\" data-id=\"57e9ad1\" 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    <style>\r\n        \/* Header *\/\r\n        .documents-header {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.9s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n        .documents-header.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n        .documents-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        .documents-eyebrow__num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n        .documents-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        .documents-title {\r\n            position: relative;\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        }\r\n        .documents-slider {\r\n            margin-top: 22px;\r\n            position: relative;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.9s ease 0.1s, transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;\r\n        }\r\n        .documents-slider.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n        .documents-stage {\r\n            position: relative;\r\n            height: clamp(390px, 40vw, 430px);\r\n            perspective: 1400px;\r\n            perspective-origin: 50% 35%;\r\n            outline-offset: 6px;\r\n            touch-action: pan-y;\r\n            cursor: grab;\r\n            user-select: none;\r\n        }\r\n        .documents-stage:active {\r\n            cursor: grabbing;\r\n        }\r\n        .documents-stage:focus-visible {\r\n            outline: 2px solid var(--cyan);\r\n        }\r\n        .documents-ground {\r\n            position: absolute;\r\n            pointer-events: none;\r\n            left: 50%;\r\n            bottom: 28px;\r\n            width: min(760px, 92vw);\r\n            height: 120px;\r\n            translate: -50%;\r\n            transform: rotateX(76deg);\r\n            border-radius: 50%;\r\n            border: 1px solid color-mix(in oklab, var(--cyan) 30%, transparent);\r\n            background: radial-gradient(closest-side, color-mix(in oklab, var(--cyan) 18%, transparent), transparent);\r\n            box-shadow: 0 0 60px -10px color-mix(in oklab, var(--cyan) 50%, transparent);\r\n        }\r\n        .documents-ring {\r\n            position: absolute;\r\n            pointer-events: none;\r\n            left: 50%;\r\n            bottom: 120px;\r\n            width: min(560px, 80vw);\r\n            aspect-ratio: 1 \/ 1;\r\n            translate: -50% 50%;\r\n            transform: rotateX(76deg);\r\n            border-radius: 50%;\r\n            border: 1.5px dashed color-mix(in oklab, var(--indigo) 55%, transparent);\r\n        }\r\n        .documents-card {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 8px;\r\n            width: min(360px, 78vw);\r\n            translate: -50%;\r\n            padding: 18px;\r\n            border-radius: 26px;\r\n            background: linear-gradient(\r\n                160deg,\r\n                color-mix(in oklab, var(--bg2) 92%, transparent),\r\n                color-mix(in oklab, var(--bg) 88%, transparent)\r\n            );\r\n            border: 1px solid var(--line);\r\n            box-shadow: rgba(2, 6, 23, 0.8) 0 40px 80px -40px;\r\n            transform-style: preserve-3d;\r\n            will-change: transform;\r\n            transition:\r\n                transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),\r\n                opacity 0.7s,\r\n                filter 0.7s,\r\n                border-color 0.5s;\r\n            cursor: pointer;\r\n            --hx: 50%;\r\n        }\r\n        .documents-card.is-active {\r\n            border-color: color-mix(in oklab, var(--cyan) 55%, transparent);\r\n            box-shadow:\r\n                0 50px 90px -40px color-mix(in oklab, var(--cyan) 45%, transparent),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n        }\r\n        .documents-vis {\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 170px;\r\n            padding: 18px;\r\n            border-radius: 18px;\r\n            border: 1px solid color-mix(in oklab, var(--cyan) 35%, transparent);\r\n            background:\r\n                linear-gradient(135deg, color-mix(in oklab, var(--cyan) 18%, transparent), transparent 55%),\r\n                repeating-linear-gradient(\r\n                    115deg,\r\n                    color-mix(in oklab, var(--cyan) 7%, transparent) 0 7px,\r\n                    transparent 7px 14px\r\n                ),\r\n                var(--bg2);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        .documents-card:nth-child(4) .documents-vis {\r\n            border-color: color-mix(in oklab, var(--indigo) 35%, transparent);\r\n            background:\r\n                linear-gradient(135deg, color-mix(in oklab, var(--indigo) 18%, transparent), transparent 55%),\r\n                repeating-linear-gradient(115deg, color-mix(in oklab, var(--indigo) 7%, transparent) 0 7px, transparent 7px 14px),\r\n                var(--bg2);\r\n        }\r\n\r\n        .documents-card:nth-child(5) .documents-vis {\r\n            border-color: color-mix(in oklab, var(--ok) 35%, transparent);\r\n            background:\r\n                linear-gradient(135deg, color-mix(in oklab, var(--ok) 18%, transparent), transparent 55%),\r\n                repeating-linear-gradient(115deg, color-mix(in oklab, var(--ok) 7%, transparent) 0 7px, transparent 7px 14px),\r\n                var(--bg2);\r\n        }\r\n        .documents-vis__top {\r\n            display: flex;\r\n            justify-content: space-between;\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        .documents-vis__num {\r\n            color: var(--cyan);\r\n        }\r\n\r\n        .documents-card:nth-child(4) .documents-vis__num { color: var(--indigo); }\r\n        .documents-card:nth-child(5) .documents-vis__num { color: var(--ok); }\r\n\r\n        .documents-vis__content {\r\n            display: flex;\r\n            gap: 14px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .documents-vis__photo {\r\n            width: 58px;\r\n            height: 72px;\r\n            border-radius: 10px;\r\n            border: 1px solid color-mix(in oklab, var(--cyan) 45%, transparent);\r\n            background:\r\n                radial-gradient(circle at 50% 38%, color-mix(in oklab, var(--cyan) 40%, transparent) 0 14px, transparent 15px),\r\n                radial-gradient(ellipse at 50% 100%, color-mix(in oklab, var(--cyan) 30%, transparent) 0 26px, transparent 27px);\r\n        }\r\n\r\n        .documents-vis__nfc {\r\n            position: relative;\r\n            width: 64px;\r\n            height: 64px;\r\n            display: grid;\r\n            place-items: center;\r\n        }\r\n\r\n        .documents-vis__nfc-ring {\r\n            position: absolute;\r\n            inset: 0;\r\n            border-radius: 50%;\r\n            border: 1.5px solid color-mix(in oklab, var(--indigo) 55%, transparent);\r\n        }\r\n\r\n        .documents-vis__nfc-ring--inner {\r\n            inset: 12px;\r\n            border-color: color-mix(in oklab, var(--indigo) 70%, transparent);\r\n        }\r\n\r\n        .documents-vis__nfc-dot {\r\n            width: 16px;\r\n            height: 16px;\r\n            border-radius: 4px;\r\n            background: var(--indigo);\r\n            box-shadow: 0 0 14px var(--indigo);\r\n        }\r\n\r\n        \/* Lines (mock text) *\/\r\n        .documents-vis__lines {\r\n            flex: 1 1 0%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 7px;\r\n            padding-top: 4px;\r\n        }\r\n\r\n        .documents-vis__line {\r\n            display: block;\r\n            height: 5px;\r\n            border-radius: 3px;\r\n            background: color-mix(in oklab, var(--ink) 22%, transparent);\r\n        }\r\n\r\n        .documents-vis__line:nth-child(1) { width: 78%; background: color-mix(in oklab, var(--ink) 34%, transparent); }\r\n        .documents-vis__line:nth-child(2) { width: 56%; }\r\n        .documents-vis__line:nth-child(3) { width: 66%; }\r\n        .documents-vis__line:nth-child(4) { width: 40%; background: color-mix(in oklab, var(--ink) 16%, transparent); }\r\n\r\n        \/* Category grid (license) *\/\r\n        .documents-vis__grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 22px);\r\n            gap: 6px;\r\n        }\r\n\r\n        .documents-vis__box {\r\n            height: 22px;\r\n            border-radius: 6px;\r\n            display: grid;\r\n            place-items: center;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            color: var(--ink3);\r\n            background: transparent;\r\n            border: 1px solid var(--line);\r\n        }\r\n\r\n        .documents-vis__box--active {\r\n            color: var(--onAcc);\r\n            background: var(--ok);\r\n            border-color: var(--ok);\r\n        }\r\n\r\n        \/* Signature circle (signed docs) *\/\r\n        .documents-vis__signature {\r\n            position: relative;\r\n            width: 66px;\r\n            height: 66px;\r\n            border-radius: 50%;\r\n            display: grid;\r\n            place-items: center;\r\n            background: conic-gradient(from 0deg, var(--cyan), var(--indigo), var(--cyan));\r\n            padding: 2px;\r\n        }\r\n\r\n        .documents-vis__signature-inner {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 50%;\r\n            background: var(--bg2);\r\n            display: grid;\r\n            place-items: center;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9px;\r\n            letter-spacing: 0.12em;\r\n            color: var(--cyan);\r\n        }\r\n\r\n        \/* Holographic shine *\/\r\n        .documents-holo {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            mix-blend-mode: screen;\r\n            opacity: 0.55;\r\n            background-image: linear-gradient(\r\n                115deg,\r\n                transparent 30%,\r\n                oklch(0.9 0.12 200 \/ 0.35) 45%,\r\n                oklch(0.75 0.17 280 \/ 0.3) 52%,\r\n                transparent 66%\r\n            );\r\n            background-position: var(--hx, 50%) 0;\r\n            background-size: 220% 100%;\r\n        }\r\n\r\n        \/* Scan line *\/\r\n        .documents-scan {\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n            height: 2px;\r\n            opacity: 0;\r\n            background: linear-gradient(90deg, transparent, var(--cyan), transparent);\r\n            box-shadow: 0 0 14px 2px var(--cyan);\r\n        }\r\n\r\n        \/* Card title + body *\/\r\n        .documents-card__title {\r\n            margin-top: 16px;\r\n            font-size: 17px;\r\n            font-weight: 600;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .documents-card__body {\r\n            margin-top: 6px;\r\n            font-size: 13.5px;\r\n            line-height: 1.55;\r\n            color: var(--ink2);\r\n            text-wrap: pretty;\r\n        }\r\n\r\n        .documents-controls {\r\n            position: relative;\r\n            z-index: 20;\r\n            margin-top: 6px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 18px;\r\n        }\r\n\r\n        .documents-nav {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            border: 1px solid var(--line) !important;\r\n            background: color-mix(in oklab, var(--bg2) 70%, transparent) !important;\r\n            color: var(--ink);\r\n            font-size: 18px;\r\n            display: grid;\r\n            place-items: center;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .documents-nav:hover {\r\n            border-color: var(--cyan);\r\n            color: var(--cyan);\r\n        }\r\n\r\n        .documents-dots {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .documents-dot {\r\n            width: 28px;\r\n            height: 44px;\r\n            display: grid;\r\n            place-items: center;\r\n            background: none;\r\n            border: 0;\r\n            cursor: pointer;\r\n            padding: 0;\r\n        }\r\n\r\n        .documents-dot__bar {\r\n            display: block;\r\n            width: 100%;\r\n            height: 3px;\r\n            border-radius: 3px;\r\n            background: var(--line);\r\n            transition: background 0.4s, box-shadow 0.4s;\r\n        }\r\n\r\n        .documents-dot.is-active .documents-dot__bar {\r\n            background: linear-gradient(90deg, var(--cyan), var(--indigo));\r\n            box-shadow: 0 0 10px var(--cyan);\r\n        }\r\n\r\n        \/* Screen reader only *\/\r\n        .sr-only {\r\n            position: absolute;\r\n            width: 1px;\r\n            height: 1px;\r\n            overflow: hidden;\r\n            clip: rect(0, 0, 0, 0);\r\n        }\r\n\r\n        .documents-banner {\r\n            margin-top: 34px;\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 1fr);\r\n            gap: 18px;\r\n            max-width: 640px;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.9s ease 0.2s, transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;\r\n        }\r\n\r\n        .documents-banner.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        .documents-banner__inner {\r\n            padding: 22px;\r\n            border-radius: 22px;\r\n            border: 1px dashed color-mix(in oklab, var(--cyan) 45%, transparent);\r\n            background: color-mix(in oklab, var(--cyan) 6%, transparent);\r\n        }\r\n\r\n        .documents-banner__label {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 10px;\r\n            letter-spacing: 0.18em;\r\n            color: var(--cyan);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .documents-banner__text {\r\n            margin-top: 10px;\r\n            font-size: 13.5px;\r\n            line-height: 1.55;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        .documents-banner__cta {\r\n            margin-top: 16px;\r\n            display: inline-flex;\r\n            gap: 8px;\r\n            padding: 11px 18px;\r\n            border-radius: 999px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--onAcc);\r\n            background: linear-gradient(100deg, var(--cyan), var(--indigo));\r\n            text-decoration: none !important;\r\n            box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset;\r\n            transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n\r\n        .documents-banner__cta:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n        @media (max-width: 640px) {\r\n            .documents-card {\r\n                width: 78vw;\r\n                padding: 14px;\r\n            }\r\n\r\n            .documents-vis {\r\n                height: 150px;\r\n            }\r\n\r\n            .documents-nav {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .documents-header,\r\n            .documents-slider,\r\n            .documents-banner {\r\n                transition-duration: 0.01ms !important;\r\n                opacity: 1 !important;\r\n                transform: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"documents-section\" id=\"documents\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"documents-header\" data-reveal>\r\n            <div class=\"documents-eyebrow\">\r\n                <span class=\"documents-eyebrow__num\" aria-hidden=\"true\">06<\/span>\r\n                <span class=\"documents-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                <span data-fr=\"DOCUMENTS PRIS EN CHARGE\"\r\n                      data-en=\"SUPPORTED DOCUMENTS\">SUPPORTED DOCUMENTS<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"documents-title\"\r\n                data-fr=\"Ce que le coffre peut contenir.\"\r\n                data-en=\"What the vault can hold.\">What the vault can hold.<\/h2>\r\n        <\/div>\r\n\r\n        <!-- 3D Carousel Slider -->\r\n        <div class=\"documents-slider\" id=\"documents-slider\" data-reveal role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Supported documents\">\r\n            <div class=\"documents-stage\" id=\"documents-stage\" tabindex=\"0\">\r\n\r\n                <!-- Ground disc + ring -->\r\n                <div class=\"documents-ground\" aria-hidden=\"true\"><\/div>\r\n                <div class=\"documents-ring\" aria-hidden=\"true\"><\/div>\r\n\r\n                <!-- Card 1: National ID -->\r\n                <article class=\"documents-card\" data-slide data-index=\"0\" aria-roledescription=\"slide\" aria-label=\"1 \/ 4\">\r\n                    <div class=\"documents-vis\">\r\n                        <div class=\"documents-vis__top\">\r\n                            <span>CH \u00b7 ID<\/span>\r\n                            <span class=\"documents-vis__num\">01<\/span>\r\n                        <\/div>\r\n                        <div class=\"documents-vis__content\">\r\n                            <div class=\"documents-vis__photo\"><\/div>\r\n                            <div class=\"documents-vis__lines\">\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"documents-holo\" aria-hidden=\"true\"><\/div>\r\n                        <div class=\"documents-scan\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"documents-card__title\"\r\n                        data-fr=\"Carte d'identit\u00e9\"\r\n                        data-en=\"National ID card\">National ID card<\/h3>\r\n                    <p class=\"documents-card__body\"\r\n                       data-fr=\"\u00c2ge, nationalit\u00e9, validit\u00e9 \u2014 chaque attribut demand\u00e9 s\u00e9par\u00e9ment.\"\r\n                       data-en=\"Age, nationality, validity \u2014 each attribute requested on its own.\">Age, nationality, validity \u2014 each attribute requested on its own.<\/p>\r\n                <\/article>\r\n\r\n                <!-- Card 2: Passport -->\r\n                <article class=\"documents-card\" data-slide data-index=\"1\" aria-roledescription=\"slide\" aria-label=\"2 \/ 4\">\r\n                    <div class=\"documents-vis\">\r\n                        <div class=\"documents-vis__top\">\r\n                            <span>PASSPORT \u00b7 NFC<\/span>\r\n                            <span class=\"documents-vis__num\">02<\/span>\r\n                        <\/div>\r\n                        <div class=\"documents-vis__content\">\r\n                            <div class=\"documents-vis__nfc\">\r\n                                <span class=\"documents-vis__nfc-ring\"><\/span>\r\n                                <span class=\"documents-vis__nfc-ring documents-vis__nfc-ring--inner\"><\/span>\r\n                                <span class=\"documents-vis__nfc-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"documents-vis__lines\">\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"documents-holo\" aria-hidden=\"true\"><\/div>\r\n                        <div class=\"documents-scan\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"documents-card__title\"\r\n                        data-fr=\"Passeport\"\r\n                        data-en=\"Passport\">Passport<\/h3>\r\n                    <p class=\"documents-card__body\"\r\n                       data-fr=\"Lecture de la puce NFC pour confirmer que le document est authentique et pr\u00e9sent.\"\r\n                       data-en=\"NFC chip read to confirm the document is genuine and present.\">NFC chip read to confirm the document is genuine and present.<\/p>\r\n                <\/article>\r\n\r\n                <!-- Card 3: Driving Licence (ACTIVE by default) -->\r\n                <article class=\"documents-card is-active\" data-slide data-index=\"2\" aria-roledescription=\"slide\" aria-label=\"3 \/ 4\">\r\n                    <div class=\"documents-vis\">\r\n                        <div class=\"documents-vis__top\">\r\n                            <span>LICENCE \u00b7 CAT B<\/span>\r\n                            <span class=\"documents-vis__num\">03<\/span>\r\n                        <\/div>\r\n                        <div class=\"documents-vis__content\">\r\n                            <div class=\"documents-vis__lines\">\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"documents-vis__grid\">\r\n                                <span class=\"documents-vis__box\">A<\/span>\r\n                                <span class=\"documents-vis__box documents-vis__box--active\">B<\/span>\r\n                                <span class=\"documents-vis__box\">C<\/span>\r\n                                <span class=\"documents-vis__box\">D<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"documents-holo\" aria-hidden=\"true\"><\/div>\r\n                        <div class=\"documents-scan\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"documents-card__title\"\r\n                        data-fr=\"Permis de conduire\"\r\n                        data-en=\"Driving licence\">Driving licence<\/h3>\r\n                    <p class=\"documents-card__body\"\r\n                       data-fr=\"Cat\u00e9gories et validit\u00e9, sans r\u00e9v\u00e9ler l'adresse ni le num\u00e9ro.\"\r\n                       data-en=\"Categories and validity, without revealing address or number.\">Categories and validity, without revealing address or number.<\/p>\r\n                <\/article>\r\n\r\n                <!-- Card 4: Signed documents -->\r\n                <article class=\"documents-card\" data-slide data-index=\"3\" aria-roledescription=\"slide\" aria-label=\"4 \/ 4\">\r\n                    <div class=\"documents-vis\">\r\n                        <div class=\"documents-vis__top\">\r\n                            <span>SIGNED \u00b7 ISSUER<\/span>\r\n                            <span class=\"documents-vis__num\">04<\/span>\r\n                        <\/div>\r\n                        <div class=\"documents-vis__content\">\r\n                            <div class=\"documents-vis__lines\">\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                                <span class=\"documents-vis__line\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"documents-vis__signature\">\r\n                                <span class=\"documents-vis__signature-inner\">SIGNED<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"documents-holo\" aria-hidden=\"true\"><\/div>\r\n                        <div class=\"documents-scan\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"documents-card__title\"\r\n                        data-fr=\"Documents sign\u00e9s par l'institution\"\r\n                        data-en=\"Institution-signed documents\">Institution-signed documents<\/h3>\r\n                    <p class=\"documents-card__body\"\r\n                       data-fr=\"Dipl\u00f4mes sign\u00e9s par l'universit\u00e9 \u00e0 la remise du titre. Infalsifiables par construction.\"\r\n                       data-en=\"Diplomas signed by the university at graduation. Unforgeable by construction.\">Diplomas signed by the university at graduation. Unforgeable by construction.<\/p>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n            <!-- Controls -->\r\n            <div class=\"documents-controls\">\r\n                <button class=\"documents-nav\" id=\"documents-prev\" aria-label=\"Previous document\">\u2190<\/button>\r\n\r\n                <div class=\"documents-dots\" id=\"documents-dots\">\r\n                    <button class=\"documents-dot\" data-dot=\"0\" aria-label=\"Document 1\">\r\n                        <span class=\"documents-dot__bar\"><\/span>\r\n                    <\/button>\r\n                    <button class=\"documents-dot\" data-dot=\"1\" aria-label=\"Document 2\">\r\n                        <span class=\"documents-dot__bar\"><\/span>\r\n                    <\/button>\r\n                    <button class=\"documents-dot is-active\" data-dot=\"2\" aria-label=\"Document 3\">\r\n                        <span class=\"documents-dot__bar\"><\/span>\r\n                    <\/button>\r\n                    <button class=\"documents-dot\" data-dot=\"3\" aria-label=\"Document 4\">\r\n                        <span class=\"documents-dot__bar\"><\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <button class=\"documents-nav\" id=\"documents-next\" aria-label=\"Next document\">\u2192<\/button>\r\n            <\/div>\r\n\r\n            <p class=\"sr-only\" aria-live=\"polite\" id=\"documents-live\">Driving licence<\/p>\r\n        <\/div>\r\n\r\n        <!-- Simulation banner -->\r\n        <div class=\"documents-banner\" data-reveal>\r\n            <div class=\"documents-banner__inner\">\r\n                <div class=\"documents-banner__label\"\r\n                     data-fr=\"SIMULATION \u00b7 PARTICULIERS\"\r\n                     data-en=\"SIMULATION \u00b7 INDIVIDUALS\">SIMULATION \u00b7 INDIVIDUALS<\/div>\r\n\r\n                <p class=\"documents-banner__text\"\r\n                   data-fr=\"Tenez l'app en main : d\u00e9verrouillez votre coffre, recevez une demande, approuvez-la avec Face ID \u2014 puis essayez le code de contrainte.\"\r\n                   data-en=\"Take the app in hand: unlock your vault, receive a request, approve it with Face ID \u2014 then try the duress code.\">Take the app in hand: unlock your vault, receive a request, approve it with Face ID \u2014 then try the duress code.<\/p>\r\n\r\n                <a class=\"documents-banner__cta\" href=\"\/demo\">\r\n                    <span data-fr=\"Essayer la simulation\"\r\n                          data-en=\"Try the simulation\">Try the simulation<\/span>\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n    <script>\r\n        (function () {\r\n            'use strict';\r\n\r\n            const section = document.getElementById('documents');\r\n            const stage = document.getElementById('documents-stage');\r\n            const cards = stage.querySelectorAll('[data-slide]');\r\n            const dots = document.querySelectorAll('[data-dot]');\r\n            const prevBtn = document.getElementById('documents-prev');\r\n            const nextBtn = document.getElementById('documents-next');\r\n            const liveRegion = document.getElementById('documents-live');\r\n\r\n            const total = cards.length;\r\n            let current = 2; \/\/ Start at index 2 (Driving licence) \u2014 matches the active card\r\n            let isDragging = false;\r\n            let dragStart = 0;\r\n            let currentLang = 'en';\r\n\r\n            function positionCards() {\r\n                cards.forEach(function (card, i) {\r\n                    \/\/ Distance from current center\r\n                    let offset = i - current;\r\n\r\n                    \/\/ Wrap around for infinite loop (optional)\r\n                    \/\/ if (offset > total \/ 2) offset -= total;\r\n                    \/\/ if (offset < -total \/ 2) offset += total;\r\n\r\n                    const absOffset = Math.abs(offset);\r\n\r\n                    \/\/ Skip cards too far away\r\n                    if (absOffset > 2) {\r\n                        card.style.transform = 'translate3d(0, -10px, -640px) rotateY(180deg) scale(0.8)';\r\n                        card.style.opacity = '0';\r\n                        card.style.filter = 'brightness(0.6) saturate(0.7)';\r\n                        card.style.zIndex = '1';\r\n                        card.classList.remove('is-active');\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Calculate transform based on offset\r\n                    const translateX = offset * 200;\r\n                    const translateY = absOffset * 12;\r\n                    const translateZ = -absOffset * 240;\r\n                    const rotateY = -offset * 35;\r\n                    const scale = 1 - absOffset * 0.1;\r\n                    const opacity = 1 - absOffset * 0.35;\r\n                    const brightness = 1 - absOffset * 0.35;\r\n                    const zIndex = 10 - absOffset;\r\n\r\n                    card.style.transform =\r\n                        'translate3d(' + translateX + 'px, ' + translateY + 'px, ' + translateZ + 'px) ' +\r\n                        'rotateY(' + rotateY + 'deg) ' +\r\n                        'scale(' + scale + ')';\r\n                    card.style.opacity = Math.max(0.2, opacity).toFixed(3);\r\n                    card.style.filter = 'brightness(' + brightness.toFixed(2) + ') saturate(' + brightness.toFixed(2) + ')';\r\n                    card.style.zIndex = zIndex;\r\n\r\n                    \/\/ Mark active card\r\n                    if (offset === 0) {\r\n                        card.classList.add('is-active');\r\n                    } else {\r\n                        card.classList.remove('is-active');\r\n                    }\r\n                });\r\n\r\n                \/\/ Update dots\r\n                dots.forEach(function (dot, i) {\r\n                    dot.classList.toggle('is-active', i === current);\r\n                    dot.setAttribute('aria-current', i === current ? 'true' : 'false');\r\n                });\r\n\r\n                \/\/ Update screen reader text\r\n                const activeCard = cards[current];\r\n                if (activeCard) {\r\n                    const title = activeCard.querySelector('.documents-card__title');\r\n                    if (title && liveRegion) liveRegion.textContent = title.textContent;\r\n                }\r\n            }\r\n\r\n            function goTo(index) {\r\n                current = ((index % total) + total) % total;\r\n                positionCards();\r\n            }\r\n\r\n            function next() { goTo(current + 1); }\r\n            function prev() { goTo(current - 1); }\r\n\r\n            prevBtn.addEventListener('click', prev);\r\n            nextBtn.addEventListener('click', next);\r\n\r\n            dots.forEach(function (dot) {\r\n                dot.addEventListener('click', function () {\r\n                    const i = parseInt(dot.dataset.dot, 10);\r\n                    goTo(i);\r\n                });\r\n            });\r\n\r\n            \/\/ Click on card to focus it\r\n            cards.forEach(function (card, i) {\r\n                card.addEventListener('click', function () {\r\n                    if (i !== current) goTo(i);\r\n                });\r\n            });\r\n\r\n            \/\/ Keyboard\r\n            stage.addEventListener('keydown', function (e) {\r\n                if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); }\r\n                if (e.key === 'ArrowRight') { e.preventDefault(); next(); }\r\n            });\r\n\r\n            stage.addEventListener('pointerdown', function (e) {\r\n                isDragging = true;\r\n                dragStart = e.clientX;\r\n            });\r\n\r\n            window.addEventListener('pointerup', function (e) {\r\n                if (!isDragging) return;\r\n                isDragging = false;\r\n\r\n                const delta = e.clientX - dragStart;\r\n                const threshold = 50;\r\n\r\n                if (delta < -threshold) next();\r\n                else if (delta > threshold) prev();\r\n            });\r\n\r\n            const revealEls = section.querySelectorAll('[data-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            function setLanguage(lang) {\r\n                currentLang = lang;\r\n\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                \/\/ Update live region\r\n                const activeCard = cards[current];\r\n                if (activeCard) {\r\n                    const title = activeCard.querySelector('.documents-card__title');\r\n                    if (title && liveRegion) liveRegion.textContent = title.textContent;\r\n                }\r\n            }\r\n\r\n            positionCards();\r\n\r\n            window.aqavDocuments = {\r\n                goTo: goTo,\r\n                next: next,\r\n                prev: prev,\r\n                setLanguage: setLanguage\r\n            };\r\n\r\n            console.log('\ud83d\udcc4 AQAV Documents carousel initialized');\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-bf58b0e business-section e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"bf58b0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8a6c15 elementor-widget elementor-widget-html\" data-id=\"d8a6c15\" 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    <style>\r\n        .business-section {\r\n            position: relative;\r\n            padding: clamp(48px, 6vw, 100px) 0;\r\n            border-top: 1px solid var(--line);\r\n            border-bottom: 1px solid var(--line);\r\n            background: linear-gradient(\r\n                180deg,\r\n                color-mix(in oklab, var(--bg2) 70%, transparent),\r\n                color-mix(in oklab, var(--bg) 40%, transparent)\r\n            );\r\n        }\r\n        .business-container {\r\n            padding: 0 clamp(16px, 4vw, 40px);\r\n        }\r\n        .business-header {\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        .business-header.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        .business-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        .business-eyebrow__num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n\r\n        .business-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        .business-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: 22ch;\r\n        }\r\n\r\n        .business-title__line {\r\n            display: block;\r\n        }\r\n\r\n        .business-title__accent {\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        .business-grid-wrap {\r\n            margin-top: 32px;\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        .business-grid-wrap.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        .business-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));\r\n            gap: 16px;\r\n        }\r\n        .business-card {\r\n            padding: 22px;\r\n            border-radius: 22px;\r\n            background:\r\n                radial-gradient(\r\n                    320px 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            box-shadow: rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n            --sx: -999px;\r\n            --sy: -999px;\r\n            transition: border-color 0.3s ease;\r\n        }\r\n\r\n        .business-card:hover {\r\n            border-color: color-mix(in oklab, var(--cyan) 30%, var(--line));\r\n        }\r\n\r\n        .business-card__header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n            align-items: baseline;\r\n        }\r\n\r\n        .business-card__title {\r\n            font-size: 17px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .business-card__badge {\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.14em;\r\n            color: var(--cyan);\r\n            white-space: nowrap;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .business-card__body {\r\n            margin-top: 8px;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            color: var(--ink2);\r\n        }\r\n\r\n        .business-pills {\r\n            grid-column: 1 \/ -1;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .business-pill {\r\n            padding: 8px 13px;\r\n            border-radius: 999px;\r\n            border: 1px solid var(--line);\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.14em;\r\n            color: var(--ink2);\r\n            text-transform: uppercase;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .business-pill:hover {\r\n            border-color: color-mix(in oklab, var(--cyan) 40%, transparent);\r\n            color: var(--cyan);\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .business-card__title {\r\n                font-size: 15.5px;\r\n            }\r\n\r\n            .business-card__body {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .business-pill {\r\n                font-size: 9px;\r\n                padding: 7px 11px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .business-header,\r\n            .business-grid-wrap {\r\n                transition-duration: 0.01ms !important;\r\n                opacity: 1 !important;\r\n                transform: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"business-section1\" id=\"business\">\r\n        <div class=\"business-container\">\r\n\r\n            <!-- Header -->\r\n            <div class=\"business-header\" data-reveal>\r\n                <div class=\"business-eyebrow\">\r\n                    <span class=\"business-eyebrow__num\" aria-hidden=\"true\">07<\/span>\r\n                    <span class=\"business-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                    <span data-fr=\"POUR LES ENTREPRISES\"\r\n                          data-en=\"FOR BUSINESSES\">FOR BUSINESSES<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"business-title\">\r\n                    <span class=\"business-title__line\"\r\n                          data-fr=\"Le document que vous ne gardez pas\"\r\n                          data-en=\"The document you never keep\">The document you never keep<\/span>\r\n                    <span class=\"business-title__line business-title__accent\"\r\n                          data-fr=\"ne peut pas fuir.\"\r\n                          data-en=\"cannot leak.\">cannot leak.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Grid -->\r\n            <div class=\"business-grid-wrap\" data-reveal>\r\n                <div class=\"business-grid\">\r\n\r\n                    <!-- Card 1: Verification -->\r\n                    <div class=\"business-card\" data-spot>\r\n                        <div class=\"business-card__header\">\r\n                            <h3 class=\"business-card__title\"\r\n                                data-fr=\"V\u00e9rification au guichet\"\r\n                                data-en=\"Verification at the counter\">Verification at the counter<\/h3>\r\n                            <span class=\"business-card__badge\"\r\n                                  data-fr=\"OBJECTIF < 3 S\"\r\n                                  data-en=\"TARGET < 3 S\">TARGET &lt; 3 S<\/span>\r\n                        <\/div>\r\n                        <p class=\"business-card__body\"\r\n                           data-fr=\"L'op\u00e9rateur choisit ce qu'il doit v\u00e9rifier, le client approuve sur son t\u00e9l\u00e9phone, le r\u00e9sultat s'affiche. Pas de scan, pas de photocopieuse.\"\r\n                           data-en=\"The operator picks what must be checked, the customer approves on their phone, the result appears. No scanner, no photocopier.\">The operator picks what must be checked, the customer approves on their phone, the result appears. No scanner, no photocopier.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Card 2: Compliance -->\r\n                    <div class=\"business-card\" data-spot>\r\n                        <div class=\"business-card__header\">\r\n                            <h3 class=\"business-card__title\"\r\n                                data-fr=\"Conformit\u00e9 par conception\"\r\n                                data-en=\"Compliance by design\">Compliance by design<\/h3>\r\n                        <\/div>\r\n                        <p class=\"business-card__body\"\r\n                           data-fr=\"Pas de copie conserv\u00e9e, donc pas de dur\u00e9e de conservation \u00e0 justifier. Chaque contr\u00f4le laisse un re\u00e7u sign\u00e9, pr\u00e9sentable \u00e0 un auditeur.\"\r\n                           data-en=\"No copy kept, so no retention period to justify. Every check leaves a signed receipt you can show an auditor.\">No copy kept, so no retention period to justify. Every check leaves a signed receipt you can show an auditor.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Card 3: Zero storage -->\r\n                    <div class=\"business-card\" data-spot>\r\n                        <div class=\"business-card__header\">\r\n                            <h3 class=\"business-card__title\"\r\n                                data-fr=\"Z\u00e9ro stockage, z\u00e9ro risque de fuite\"\r\n                                data-en=\"Zero storage, zero breach risk\">Zero storage, zero breach risk<\/h3>\r\n                        <\/div>\r\n                        <p class=\"business-card__body\"\r\n                           data-fr=\"La plus grande dette de s\u00e9curit\u00e9 d'une entreprise, ce sont les copies d'identit\u00e9 accumul\u00e9es. AQAV supprime la dette au lieu de la prot\u00e9ger.\"\r\n                           data-en=\"A company's biggest security debt is the pile of ID copies it has accumulated. AQAV removes the debt instead of guarding it.\">A company's biggest security debt is the pile of ID copies it has accumulated. AQAV removes the debt instead of guarding it.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Pill row (full width) -->\r\n                    <div class=\"business-pills\">\r\n                        <span class=\"business-pill\"\r\n                              data-fr=\"RGPD \/ nLPD PAR CONCEPTION\"\r\n                              data-en=\"GDPR \/ nLPD BY DESIGN\">GDPR \/ nLPD BY DESIGN<\/span>\r\n                        <span class=\"business-pill\"\r\n                              data-fr=\"H\u00c9BERGEMENT EN SUISSE (PR\u00c9VU)\"\r\n                              data-en=\"HOSTED IN SWITZERLAND (PLANNED)\">HOSTED IN SWITZERLAND (PLANNED)<\/span>\r\n                        <span class=\"business-pill\"\r\n                              data-fr=\"RE\u00c7US DES DEUX C\u00d4T\u00c9S\"\r\n                              data-en=\"RECEIPTS ON BOTH SIDES\">RECEIPTS ON BOTH SIDES<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\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('business');\r\n            const revealEls = section.querySelectorAll('[data-reveal]');\r\n            const spotlightCards = section.querySelectorAll('[data-spot]');\r\n\r\n            let currentLang = 'en';\r\n\r\n            \/\/ ============================================\r\n            \/\/ SCROLL REVEAL\r\n            \/\/ ============================================\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                        io.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            revealEls.forEach(function (el) { io.observe(el); });\r\n\r\n            \/\/ ============================================\r\n            \/\/ SPOTLIGHT CURSOR\r\n            \/\/ ============================================\r\n            spotlightCards.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            \/\/ 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\r\n            \/\/ ============================================\r\n            \/\/ INIT\r\n            \/\/ ============================================\r\n            window.aqavBusiness = {\r\n                setLanguage: setLanguage\r\n            };\r\n\r\n            console.log('\ud83c\udfe2 AQAV For Businesses initialized');\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-52cceb6 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"52cceb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd5457c elementor-widget elementor-widget-html\" data-id=\"fd5457c\" 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    <style>\r\n        .pricing-section {\r\n            max-width: 1320px;\r\n            margin: 0 auto;\r\n            padding: clamp(48px, 6vw, 100px) clamp(16px, 4vw, 40px);\r\n        }\r\n        .pricing-header {\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        .pricing-header.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        .pricing-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        .pricing-eyebrow__num {\r\n            color: var(--ink3);\r\n            letter-spacing: 0.12em;\r\n        }\r\n\r\n        .pricing-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        .pricing-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        }\r\n\r\n        .pricing-subtitle {\r\n            margin-top: 12px;\r\n            max-width: 60ch;\r\n            font-size: 14.5px;\r\n            line-height: 1.6;\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .pricing-grid-wrap {\r\n            margin-top: 34px;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\r\n            gap: 18px;\r\n            align-items: stretch;\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        .pricing-grid-wrap.is-visible {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        \/* ============================================\r\n           PLAN CARD\r\n           ============================================ *\/\r\n        .pricing-card {\r\n            position: relative;\r\n            padding: 28px;\r\n            border-radius: 26px;\r\n            background:\r\n                radial-gradient(\r\n                    340px circle at var(--sx, -999px) var(--sy, -999px),\r\n                    color-mix(in oklab, var(--cyan) 11%, transparent),\r\n                    transparent 65%\r\n                ),\r\n                var(--panel);\r\n            border: 1px solid var(--line);\r\n            display: flex;\r\n            flex-direction: column;\r\n            box-shadow: rgba(255, 255, 255, 0.09) 0 1px 0 0 inset;\r\n            --sx: -999px;\r\n            --sy: -999px;\r\n            transition: border-color 0.3s ease;\r\n        }\r\n\r\n        .pricing-card:hover {\r\n            border-color: color-mix(in oklab, var(--cyan) 30%, var(--line));\r\n        }\r\n\r\n        \/* Highlighted (Premium) Card *\/\r\n        .pricing-card--featured {\r\n            background:\r\n                radial-gradient(\r\n                    340px circle at var(--sx, -999px) var(--sy, -999px),\r\n                    color-mix(in oklab, var(--cyan) 16%, transparent),\r\n                    transparent 65%\r\n                ),\r\n                linear-gradient(\r\n                    160deg,\r\n                    color-mix(in oklab, var(--cyan) 14%, transparent),\r\n                    color-mix(in oklab, var(--indigo) 12%, transparent)\r\n                ),\r\n                var(--panel);\r\n            border-color: color-mix(in oklab, var(--cyan) 55%, transparent);\r\n            box-shadow:\r\n                0 40px 90px -46px color-mix(in oklab, var(--cyan) 75%, transparent),\r\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.09);\r\n        }\r\n\r\n        \/* Popular badge *\/\r\n        .pricing-card__popular {\r\n            position: absolute;\r\n            top: -11px;\r\n            left: 28px;\r\n            padding: 5px 12px;\r\n            border-radius: 999px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.18em;\r\n            color: var(--onAcc);\r\n            background: linear-gradient(100deg, var(--cyan), var(--indigo));\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* ============================================\r\n           PLAN HEADER\r\n           ============================================ *\/\r\n        .pricing-card__head {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 10px;\r\n            font-family: \"JetBrains Mono\", monospace;\r\n            font-size: 9.5px;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .pricing-card__name {\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .pricing-card--featured .pricing-card__name {\r\n            color: var(--cyan);\r\n        }\r\n\r\n        .pricing-card__verb {\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .pricing-card__price {\r\n            margin-top: 14px;\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            letter-spacing: -0.04em;\r\n        }\r\n\r\n        .pricing-card__unit {\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            letter-spacing: 0;\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .pricing-card__desc {\r\n            font-size: 13px;\r\n            color: var(--ink3);\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .pricing-card__features {\r\n            margin-top: 20px;\r\n            padding-top: 18px;\r\n            border-top: 1px solid var(--line);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            font-size: 14px;\r\n            color: var(--ink2);\r\n            flex: 1 1 0%;\r\n        }\r\n\r\n        .pricing-card__feature {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 6px;\r\n            line-height: 1.45;\r\n        }\r\n\r\n        .pricing-card__cta {\r\n            margin-top: 22px;\r\n            display: block;\r\n            text-align: center;\r\n            padding: 13px;\r\n            border-radius: 999px;\r\n            font-size: 13.5px;\r\n            font-weight: 600;\r\n            border: 1px solid var(--line);\r\n            color: var(--ink);\r\n            text-decoration: none !important;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .pricing-card__cta:hover {\r\n            border-color: var(--cyan);\r\n            color: var(--cyan);\r\n        }\r\n\r\n        .pricing-card__cta--primary {\r\n            color: var(--onAcc);\r\n            background: linear-gradient(100deg, var(--cyan), var(--indigo));\r\n            border: none;\r\n            box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset;\r\n            transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n\r\n        .pricing-card__cta--primary:hover {\r\n            transform: translateY(-2px);\r\n            color: var(--onAcc);\r\n        }\r\n\r\n        .pricing-note {\r\n            margin-top: 24px;\r\n            font-size: 14px;\r\n            color: var(--ink3);\r\n        }\r\n\r\n        .pricing-note a {\r\n            color: var(--cyan);\r\n            text-decoration: none;\r\n            border-bottom: 1px solid color-mix(in oklab, var(--cyan) 40%, transparent);\r\n            transition: border-color 0.2s ease;\r\n        }\r\n\r\n        .pricing-note a:hover {\r\n            border-color: var(--cyan);\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .pricing-card {\r\n                padding: 22px;\r\n            }\r\n\r\n            .pricing-card__price {\r\n                font-size: 34px;\r\n            }\r\n\r\n            .pricing-card__popular {\r\n                left: 22px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .pricing-header,\r\n            .pricing-grid-wrap {\r\n                transition-duration: 0.01ms !important;\r\n                opacity: 1 !important;\r\n                transform: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"pricing-section\" id=\"pricing\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"pricing-header\" data-reveal>\r\n            <div class=\"pricing-eyebrow\">\r\n                <span class=\"pricing-eyebrow__num\" aria-hidden=\"true\">08<\/span>\r\n                <span class=\"pricing-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                <span data-fr=\"TARIFS ENVISAG\u00c9S\"\r\n                      data-en=\"PLANNED PRICING\">PLANNED PRICING<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"pricing-title\"\r\n                data-fr=\"Un abonnement simple, sans engagement.\"\r\n                data-en=\"A simple subscription, no commitment.\">A simple subscription, no commitment.<\/h2>\r\n\r\n            <p class=\"pricing-subtitle\"\r\n               data-fr=\"Tarifs pr\u00e9vus d'un produit pas encore lanc\u00e9. R\u00e9siliable \u00e0 tout moment, sans revente de donn\u00e9es.\"\r\n               data-en=\"Planned prices for a product that has not launched. Cancel anytime, no data resale.\">Planned prices for a product that has not launched. Cancel anytime, no data resale.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Grid -->\r\n        <div class=\"pricing-grid-wrap\" data-reveal>\r\n\r\n            <!-- BASIC Plan -->\r\n            <div class=\"pricing-card\" data-spot>\r\n                <div class=\"pricing-card__head\">\r\n                    <span class=\"pricing-card__name\">BASIC<\/span>\r\n                    <span class=\"pricing-card__verb\"\r\n                          data-fr=\"V\u00c9RIFIER\"\r\n                          data-en=\"VERIFY\">VERIFY<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__price\">\r\n                    CHF 7.99<span class=\"pricing-card__unit\"\r\n                                 data-fr=\" \/ mois\"\r\n                                 data-en=\" \/ month\"> \/ month<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__desc\"\r\n                     data-fr=\"Protection essentielle \u00b7 1 document\"\r\n                     data-en=\"Essential protection \u00b7 1 document\">Essential protection \u00b7 1 document<\/div>\r\n\r\n                <div class=\"pricing-card__features\">\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 V\u00e9rification d'identit\u00e9\"\r\n                          data-en=\"\u2713 Identity verification\">\u2713 Identity verification<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Profil d'identit\u00e9 s\u00e9curis\u00e9\"\r\n                          data-en=\"\u2713 Secure identity profile\">\u2713 Secure identity profile<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Alertes de base\"\r\n                          data-en=\"\u2713 Basic alerts\">\u2713 Basic alerts<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Historique des v\u00e9rifications\"\r\n                          data-en=\"\u2713 Verification history\">\u2713 Verification history<\/span>\r\n                <\/div>\r\n\r\n                <a class=\"pricing-card__cta\" href=\"#cta\"\r\n                   data-fr=\"Rejoindre la liste\"\r\n                   data-en=\"Join the waitlist\">Join the waitlist<\/a>\r\n            <\/div>\r\n\r\n            <!-- PREMIUM Plan (Featured) -->\r\n            <div class=\"pricing-card pricing-card--featured\" data-spot>\r\n                <div class=\"pricing-card__popular\"\r\n                     data-fr=\"LE PLUS CHOISI\"\r\n                     data-en=\"MOST POPULAR\">MOST POPULAR<\/div>\r\n\r\n                <div class=\"pricing-card__head\">\r\n                    <span class=\"pricing-card__name\">PREMIUM<\/span>\r\n                    <span class=\"pricing-card__verb\"\r\n                          data-fr=\"PROT\u00c9GER\"\r\n                          data-en=\"PROTECT\">PROTECT<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__price\">\r\n                    CHF 12.99<span class=\"pricing-card__unit\"\r\n                                  data-fr=\" \/ mois\"\r\n                                  data-en=\" \/ month\"> \/ month<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__desc\"\r\n                     data-fr=\"Donn\u00e9es reli\u00e9es et coh\u00e9rentes \u00b7 2\u20133 documents\"\r\n                     data-en=\"Connected &amp; consistent data \u00b7 2\u20133 documents\">Connected &amp; consistent data \u00b7 2\u20133 documents<\/div>\r\n\r\n                <div class=\"pricing-card__features\">\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Tout Basic\"\r\n                          data-en=\"\u2713 Everything in Basic\">\u2713 Everything in Basic<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Contr\u00f4les de coh\u00e9rence des donn\u00e9es\"\r\n                          data-en=\"\u2713 Data consistency checks\">\u2713 Data consistency checks<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Signaux de localisation\"\r\n                          data-en=\"\u2713 Location signals\">\u2713 Location signals<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Alertes avanc\u00e9es\"\r\n                          data-en=\"\u2713 Advanced alerts\">\u2713 Advanced alerts<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 D\u00e9tection d'anomalies\"\r\n                          data-en=\"\u2713 Anomaly detection\">\u2713 Anomaly detection<\/span>\r\n                <\/div>\r\n\r\n                <a class=\"pricing-card__cta pricing-card__cta--primary\" href=\"#cta\"\r\n                   data-fr=\"Rejoindre la liste\"\r\n                   data-en=\"Join the waitlist\">Join the waitlist<\/a>\r\n            <\/div>\r\n\r\n            <!-- PRO Plan -->\r\n            <div class=\"pricing-card\" data-spot>\r\n                <div class=\"pricing-card__head\">\r\n                    <span class=\"pricing-card__name\">PRO<\/span>\r\n                    <span class=\"pricing-card__verb\"\r\n                          data-fr=\"ANTICIPER\"\r\n                          data-en=\"PREDICT\">PREDICT<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__price\">\r\n                    CHF 19.99<span class=\"pricing-card__unit\"\r\n                                  data-fr=\" \/ mois\"\r\n                                  data-en=\" \/ month\"> \/ month<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card__desc\"\r\n                     data-fr=\"Protection avanc\u00e9e des risques \u00b7 4\u20137 documents\"\r\n                     data-en=\"Advanced risk protection \u00b7 4\u20137 documents\">Advanced risk protection \u00b7 4\u20137 documents<\/div>\r\n\r\n                <div class=\"pricing-card__features\">\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Tout Premium\"\r\n                          data-en=\"\u2713 Everything in Premium\">\u2713 Everything in Premium<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Score de risque AQAV\"\r\n                          data-en=\"\u2713 AQAV Risk Score\">\u2713 AQAV Risk Score<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Alertes en temps r\u00e9el\"\r\n                          data-en=\"\u2713 Real-time alerts\">\u2713 Real-time alerts<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Surveillance avanc\u00e9e\"\r\n                          data-en=\"\u2713 Advanced monitoring\">\u2713 Advanced monitoring<\/span>\r\n                    <span class=\"pricing-card__feature\"\r\n                          data-fr=\"\u2713 Historique complet\"\r\n                          data-en=\"\u2713 Full history\">\u2713 Full history<\/span>\r\n                <\/div>\r\n\r\n                <a class=\"pricing-card__cta\" href=\"#cta\"\r\n                   data-fr=\"Rejoindre la liste\"\r\n                   data-en=\"Join the waitlist\">Join the waitlist<\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Footer note -->\r\n        <p class=\"pricing-note\"\r\n           data-fr=\"Tarifs entreprises sur demande \u2014 <a href='#cta'>demandez un pilote au guichet<\/a>.\"\r\n           data-en=\"Business pricing on request \u2014 <a href='#cta'>request a counter pilot<\/a>.\">\r\n            Business pricing on request \u2014 <a href=\"#cta\">request a counter pilot<\/a>.\r\n        <\/p>\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('pricing');\r\n            const revealEls = section.querySelectorAll('[data-reveal]');\r\n            const spotlightCards = section.querySelectorAll('[data-spot]');\r\n\r\n            let currentLang = 'en';\r\n\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                        io.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            revealEls.forEach(function (el) { io.observe(el); });\r\n\r\n\r\n            spotlightCards.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            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\r\n            window.aqavPricing = {\r\n                setLanguage: setLanguage\r\n            };\r\n\r\n            console.log('\ud83d\udcb3 AQAV Pricing initialized');\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-c8b9d40 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"c8b9d40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-05690b4 e-con-full stickyContainer e-flex e-con e-child\" data-id=\"05690b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb79ae elementor-widget elementor-widget-text-editor\" data-id=\"7eb79ae\" 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\"><br \/><span class=\"section-eyebrow__num\" aria-hidden=\"true\">09 <\/span>FAQ<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d006d16 textLight lightText elementor-widget elementor-widget-heading\" data-id=\"d006d16\" 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\">Short answers.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-125b018 customFaq elementor-widget elementor-widget-n-accordion\" data-id=\"125b018\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1920\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1920\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Does AQAV see my documents? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1920\" class=\"elementor-element elementor-element-93e0e2d e-con-full e-flex e-con e-child\" data-id=\"93e0e2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1f5aae faqContent elementor-widget elementor-widget-text-editor\" data-id=\"f1f5aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tNo. They stay encrypted in your vault and are verified locally. What travels is a signed answer \u2014 yes or no \u2014 not the file.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1921\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1921\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What if I lose my phone? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1921\" class=\"elementor-element elementor-element-c702ecc e-con-full e-flex e-con e-child\" data-id=\"c702ecc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80c226e faqContent elementor-widget elementor-widget-text-editor\" data-id=\"80c226e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tYou freeze your identity from any other device. Pending requests die, new ones are refused, and the vault stays encrypted without your biometrics.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1922\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1922\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How is this different from sending a photo of my ID? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1922\" class=\"elementor-element elementor-element-d1db5a4 e-con-full e-flex e-con e-child\" data-id=\"d1db5a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eadaffb faqContent elementor-widget elementor-widget-text-editor\" data-id=\"eadaffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tA photo is a permanent copy you can never take back. An AQAV approval is scoped, logged, and expires by time or when you leave the place.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1923\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1923\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Is the duress code really undetectable? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1923\" class=\"elementor-element elementor-element-14aa7b0 e-con-full e-flex e-con e-child\" data-id=\"14aa7b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9f4334 faqContent elementor-widget elementor-widget-text-editor\" data-id=\"c9f4334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tThat is the design intent: the decoy behaves like a fresh account, and the alert leaves with no notification, no sound and no visible trace on the device.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1924\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1924\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How much does it cost? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1924\" class=\"elementor-element elementor-element-292d6a7 e-con-full e-flex e-con e-child\" data-id=\"292d6a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b925e3 faqContent elementor-widget elementor-widget-text-editor\" data-id=\"9b925e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tPlanned plans start at CHF 7.99 a month for individuals, no commitment. Business pricing is quoted on request.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1925\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1925\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Where is the product today? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1925\" class=\"elementor-element elementor-element-26dee51 e-con-full e-flex e-con e-child\" data-id=\"26dee51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1192a6 faqContent elementor-widget elementor-widget-text-editor\" data-id=\"b1192a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tIt&#8217;s a concept with a clickable prototype, not a launched service. The official figures quoted come from the NCSC; everything else is presented as a design target.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\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-e6091ad e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"e6091ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b536e91 elementor-widget elementor-widget-html\" data-id=\"b536e91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <div class=\"pricing-eyebrow\">\r\n                <span class=\"pricing-eyebrow__line\" aria-hidden=\"true\"><\/span>\r\n                <span data-fr=\"TARIFS ENVISAG\u00c9S\"\r\n                      data-en=\"PLANNED PRICING\">WHY AQAV<\/span>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7de91 elementor-widget__width-initial lightText elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"3e7de91\" 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\">\u201cWhen my sister\u2019s identity was stolen, no one could say who had used her papers. I built AQAV Secure so it never happens again.\u201d<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f94ade elementor-widget elementor-widget-html\" data-id=\"9f94ade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<figcaption class=\"founder-caption\">\r\n    <span class=\"founder-caption__line\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"founder-caption__text\">\r\n        <span class=\"founder-caption__name\">Melvin Kofi Ackun<\/span>\r\n        <span class=\"founder-caption__role\"\r\n              data-fr=\"Fondateur &amp; CEO, AQAV Secure\"\r\n              data-en=\"Founder &amp; CEO, AQAV Secure\">Founder &amp; CEO, AQAV Secure<\/span>\r\n    <\/span>\r\n<\/figcaption>\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-ebc86b2 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ebc86b2\" data-element_type=\"container\" data-e-type=\"container\" id=\"cta\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1745bc4 e-con-full carryIdentifySection e-flex e-con e-child\" data-id=\"1745bc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb842d2 lightText elementor-widget elementor-widget-heading\" data-id=\"cb842d2\" 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\">Carry your identity.\n<span style=\"display: block;color: var(--cyan) !important\">Not your exposure.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8acfec textBlock elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"b8acfec\" 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>Two ways in: the waitlist if you want the app, a counter pilot if you verify identities every day.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cd2b5f e-con-full e-grid e-con e-child\" data-id=\"5cd2b5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c0b12f5 e-con-full formCard e-flex e-con e-child\" data-id=\"c0b12f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fcd67e elementor-widget elementor-widget-text-editor\" data-id=\"9fcd67e\" 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 style=\"font-family: 'JetBrains Mono', monospace; font-size: 9.5px; letter-spacing: 0.18em; color: var(--cyan);\" data-dc-tpl=\"728\">WAITLIST \u00b7 INDIVIDUALS<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0df7b22 elementor-widget elementor-widget-shortcode\" data-id=\"0df7b22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f386-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"386\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/9#wpcf7-f386-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"386\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f386-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form1\">\n\t<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-973\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" aria-invalid=\"false\" placeholder=\"you@example.ch\" value=\"\" type=\"email\" name=\"email-973\" \/><\/span> <\/label><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Join the waitlist\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e665f textBlock  elementor-widget elementor-widget-text-editor\" data-id=\"f7e665f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tPrototype: this form doesn&#8217;t transmit anything yet. Once live, your email will only be used to tell you about the launch, and deleted on request. Details: <a style=\"color: var(--cyan); text-decoration: none;\" href=\"\/legal#privacy\" data-dc-tpl=\"748\" data-fr=\"politique de confidentialit\u00e9\" data-en=\"privacy policy\">privacy policy<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f90ea40 e-con-full formCard e-flex e-con e-child\" data-id=\"f90ea40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c137a42 elementor-widget elementor-widget-text-editor\" data-id=\"c137a42\" 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 style=\"font-family: 'JetBrains Mono', monospace; font-size: 9.5px; letter-spacing: 0.18em; color: var(--cyan);\" data-dc-tpl=\"728\">COUNTER PILOT \u00b7 BUSINESSES<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc7e91f elementor-widget elementor-widget-shortcode\" data-id=\"bc7e91f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f391-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"391\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/9#wpcf7-f391-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"391\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f391-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form2\">\n\t<p><label> Company and canton<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-964\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Leasing SA \u00b7 Geneva\" value=\"\" type=\"text\" name=\"text-964\" \/><\/span> <\/label><br \/>\n<label> Work email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-995\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" aria-invalid=\"false\" placeholder=\"name@company.ch\" value=\"\" type=\"email\" name=\"email-995\" \/><\/span> <\/label><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Request a pilot\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfe780d textBlock  elementor-widget elementor-widget-text-editor\" data-id=\"cfe780d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span data-dc-tpl=\"771\" data-fr=\"Prototype : rien n'est encore transmis. Une fois actif, ces deux champs serviront uniquement \u00e0 organiser le pilote. D\u00e9tails :\" data-en=\"Prototype: nothing is transmitted yet. Once live, these two fields will only be used to set up the pilot. Details:\">Prototype: nothing is transmitted yet. Once live, these two fields will only be used to set up the pilot. Details:<\/span> <a style=\"color: var(--cyan); text-decoration: none;\" href=\"\/legal#privacy\" data-dc-tpl=\"748\" data-fr=\"politique de confidentialit\u00e9\" data-en=\"privacy policy\">privacy policy<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a58d1de e-con-full e-flex e-con e-child\" data-id=\"a58d1de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316baed textBlock  elementor-widget elementor-widget-text-editor\" data-id=\"316baed\" 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>One letter a quarter on progress. Nothing else.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d619fb elementor-widget elementor-widget-shortcode\" data-id=\"2d619fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f395-o3\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"395\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/9#wpcf7-f395-o3\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"395\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f395-o3\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"formSubscribe\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-159\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" aria-invalid=\"false\" placeholder=\"you@example.ch\" value=\"\" type=\"email\" name=\"email-159\" \/><\/span><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Subscribe\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56ee37a e-flex e-con-boxed e-con e-parent\" data-id=\"56ee37a\" 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-0f372af elementor-widget elementor-widget-html\" data-id=\"0f372af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @keyframes aqIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to   { opacity: 1; transform: none; }\r\n  }\r\n  .aq-store-bar {\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: clamp(10px, 2vw, 22px);\r\n    z-index: 60;\r\n    padding: 0 clamp(10px, 2vw, 24px);\r\n    display: flex;\r\n    flex-wrap: wrap-reverse;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    pointer-events: none;\r\n  }\r\n  .aq-store-bar[hidden] { display: none; }\r\n  .aq-store {\r\n    pointer-events: auto;\r\n    width: 100%;\r\n    max-width: 430px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 6px;\r\n    border-radius: 20px;\r\n    background: color-mix(in oklab, var(--bg) 72%, transparent);\r\n    border: 1px solid color-mix(in oklab, var(--cyan) 35%, transparent);\r\n    backdrop-filter: blur(18px) saturate(1.3);\r\n    -webkit-backdrop-filter: blur(18px) saturate(1.3);\r\n    box-shadow:\r\n      0 18px 50px -20px oklch(0.05 0.03 250 \/ 80%),\r\n      0 0 40px -18px color-mix(in oklab, var(--cyan) 60%, transparent),\r\n      inset 0 1px 0 0 oklch(1 0 0 \/ 8%);\r\n    animation: aqIn .5s ease .6s 1 both;\r\n  }\r\n  .aq-store-btn {\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    min-height: 48px;\r\n    padding: 6px 14px 6px 12px;\r\n    border-radius: 14px;\r\n    background: oklch(0.08 0.01 250);\r\n    border: 1px solid oklch(0.62 0.05 238 \/ 0.45);\r\n    color: oklch(0.98 0.005 230);\r\n    text-decoration: none;\r\n    transition: border-color .2s ease, transform .2s ease;\r\n  }\r\n  .aq-store-btn:hover,\r\n  .aq-store-btn:focus-visible {\r\n    border-color: var(--cyan);\r\n    transform: translateY(-1px);\r\n    text-decoration: none;\r\n    outline: none;\r\n  }\r\n  .aq-store-btn:focus-visible {\r\n    box-shadow: 0 0 0 2px var(--cyan);\r\n  }\r\n  .aq-store-btn svg {\r\n    flex-shrink: 0;\r\n  }\r\n  .aq-store-btn .txt {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1.1;\r\n    min-width: 0;\r\n  }\r\n  .aq-store-btn .txt .small {\r\n    font-size: 9.5px;\r\n    letter-spacing: 0.14em;\r\n    color: oklch(0.8 0.02 235);\r\n    white-space: nowrap;\r\n  }\r\n  .aq-store-btn .txt .big {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: -0.01em;\r\n    white-space: nowrap;\r\n  }\r\n  .aq-store-close {\r\n    flex-shrink: 0;\r\n    width: 36px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    color: var(--ink3);\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: color .2s ease, background .2s ease;\r\n  }\r\n  .aq-store-close:hover,\r\n  .aq-store-close:focus-visible {\r\n    color: var(--cyan);\r\n    background: color-mix(in oklab, var(--cyan) 8%, transparent);\r\n    outline: none;\r\n  }\r\n  .aq-store-close:focus-visible {\r\n    box-shadow: 0 0 0 2px var(--cyan);\r\n  }\r\n<\/style>\r\n<div class=\"aq-store-bar\" id=\"aq-store-bar\">\r\n  <div\r\n    class=\"aq-store\"\r\n    role=\"region\"\r\n    aria-label=\"Download the app\"\r\n    data-fr-label=\"T\u00e9l\u00e9charger l'application\"\r\n    data-en-label=\"Download the app\"\r\n  >\r\n    <a\r\n      class=\"aq-store-btn\"\r\n      href=\"#cta\"\r\n      rel=\"noopener\"\r\n    >\r\n      <svg aria-hidden=\"true\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path d=\"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701\"\/>\r\n      <\/svg>\r\n      <span class=\"txt\">\r\n        <span class=\"small\"\r\n              data-fr=\"BIENT\u00d4T SUR\"\r\n              data-en=\"COMING SOON ON\">COMING SOON ON<\/span>\r\n        <span class=\"big\">App Store<\/span>\r\n      <\/span>\r\n    <\/a>\r\n    <a\r\n      class=\"aq-store-btn\"\r\n      href=\"#cta\"\r\n      rel=\"noopener\"\r\n    >\r\n      <svg aria-hidden=\"true\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path d=\"M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z\"\/>\r\n      <\/svg>\r\n      <span class=\"txt\">\r\n        <span class=\"small\"\r\n              data-fr=\"BIENT\u00d4T SUR\"\r\n              data-en=\"COMING SOON ON\">COMING SOON ON<\/span>\r\n        <span class=\"big\">Google Play<\/span>\r\n      <\/span>\r\n    <\/a>\r\n    <button\r\n      type=\"button\"\r\n      class=\"aq-store-close\"\r\n      id=\"aq-store-close\"\r\n      aria-label=\"Hide download bar\"\r\n      data-fr-label=\"Masquer la barre de t\u00e9l\u00e9chargement\"\r\n      data-en-label=\"Hide download bar\"\r\n    >\u2715<\/button>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var bar    = document.getElementById('aq-store-bar');\r\n  var close  = document.getElementById('aq-store-close');\r\n  if (!bar || !close) return;\r\n  var KEY = 'aqav-store-hidden';\r\n  try {\r\n    if (sessionStorage.getItem(KEY) === '1') {\r\n      bar.hidden = true;\r\n      return;\r\n    }\r\n  } catch (e) {}\r\n  close.addEventListener('click', function () {\r\n    bar.hidden = true;\r\n    try { sessionStorage.setItem(KEY, '1'); } catch (e) {}\r\n  });\r\n})();\r\n<\/script>\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>A Q A V REQUEST RECEIVED 000 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 [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":385,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":735,"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/pages\/9\/revisions\/735"}],"wp:attachment":[{"href":"https:\/\/aqavsecure.io\/fr\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}