{"id":12446,"date":"2026-06-24T13:32:13","date_gmt":"2026-06-24T11:32:13","guid":{"rendered":"https:\/\/dev.saalz.com\/trust-center\/"},"modified":"2026-07-02T10:30:26","modified_gmt":"2026-07-02T08:30:26","slug":"trust-center","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/trust-center\/","title":{"rendered":"Trust Center"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12446\" class=\"elementor elementor-12446\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f7fff1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f7fff1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e5a5c9\" data-id=\"8e5a5c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d34e6a elementor-widget elementor-widget-html\" data-id=\"3d34e6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ============================\r\n       DESIGN TOKENS\r\n    ============================ *\/\r\n    :root {\r\n      --accent: #4F46E5;\r\n      --accent-hover: #4338CA;\r\n      --accent-active: #3730A3;\r\n      --accent-2: #3B82F6;\r\n      --accent-light: rgba(79, 70, 229, 0.08);\r\n      --accent-light-2: rgba(79, 70, 229, 0.15);\r\n      --navy: #0F172A;\r\n      --navy-2: #1E293B;\r\n      --color-bg: #F8F9FC;\r\n      --color-surface: #FFFFFF;\r\n      --color-surface-2: #F1F5F9;\r\n      --color-border: #E2E8F0;\r\n      --color-text: #0F172A;\r\n      --color-text-muted: #64748B;\r\n      --color-text-faint: #94A3B8;\r\n      --color-error: #EF4444;\r\n      --color-success: #22C55E;\r\n      --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);\r\n      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\r\n      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\r\n      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n      --text-3xl: clamp(2.375rem, 1.5rem + 3vw, 4rem);\r\n      --space-1: 0.25rem;\r\n      --space-2: 0.5rem;\r\n      --space-3: 0.75rem;\r\n      --space-4: 1rem;\r\n      --space-5: 1.25rem;\r\n      --space-6: 1.5rem;\r\n      --space-8: 2rem;\r\n      --space-10: 2.5rem;\r\n      --space-12: 3rem;\r\n      --space-16: 4rem;\r\n      --space-20: 5rem;\r\n      --space-24: 6rem;\r\n      --radius-sm: 0.375rem;\r\n      --radius-md: 0.5rem;\r\n      --radius-lg: 0.75rem;\r\n      --radius-xl: 1rem;\r\n      --radius-2xl: 1.5rem;\r\n      --radius-full: 9999px;\r\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);\r\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\r\n      --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);\r\n      --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.16);\r\n      --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);\r\n      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n      --content-narrow: 640px;\r\n      --content-default: 960px;\r\n      --content-wide: 1200px;\r\n    }\r\n\r\n    \/* ============================\r\n       BASE RESET\r\n    ============================ *\/\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    html {\r\n      -webkit-text-size-adjust: none;\r\n      text-size-adjust: none;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-rendering: optimizeLegibility;\r\n      scroll-behavior: smooth;\r\n      scroll-padding-top: 80px;\r\n    }\r\n    body {\r\n      min-height: 100dvh;\r\n      line-height: 1.6;\r\n      font-family: var(--font-body);\r\n      font-size: var(--text-base);\r\n      color: var(--color-text);\r\n      background-color: var(--color-bg);\r\n    }\r\n    img, picture, video, canvas, svg {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n    ul[role=\"list\"], ol[role=\"list\"] { list-style: none; }\r\n    input, button, textarea, select { font: inherit; color: inherit; }\r\n    h1, h2, h3, h4, h5, h6 {\r\n      text-wrap: balance;\r\n      line-height: 1.15;\r\n      font-family: var(--font-display);\r\n    }\r\n    p, li, figcaption { text-wrap: pretty; max-width: 72ch; }\r\n    button { cursor: pointer; background: none; border: none; }\r\n    a { text-decoration: none; color: inherit; }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *, *::before, *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n\r\n    \/* ============================\r\n       LAYOUT UTILITIES\r\n    ============================ *\/\r\n    .container {\r\n      width: 100%;\r\n      max-width: var(--content-wide);\r\n      margin-inline: auto;\r\n      padding-inline: clamp(var(--space-4), 5vw, var(--space-12));\r\n    }\r\n    .container--narrow {\r\n      max-width: var(--content-narrow);\r\n      margin-inline: auto;\r\n    }\r\n    .section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n\r\n    \/* ============================\r\n       TYPOGRAPHY UTILITIES\r\n    ============================ *\/\r\n    .pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-1) var(--space-3);\r\n      background: var(--accent-light);\r\n      color: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 600;\r\n      letter-spacing: 0.03em;\r\n      text-transform: uppercase;\r\n    }\r\n    .section-label {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n    }\r\n\r\n    \/* ============================\r\n       BUTTONS\r\n    ============================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: 0.75rem 1.5rem;\r\n      border-radius: var(--radius-lg);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      transition:\r\n        background var(--transition-interactive),\r\n        color var(--transition-interactive),\r\n        box-shadow var(--transition-interactive),\r\n        transform var(--transition-interactive),\r\n        border-color var(--transition-interactive);\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n    }\r\n    .btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n    .btn:active { transform: translateY(0); box-shadow: var(--shadow-sm); }\r\n    .btn--primary {\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--primary:hover { background: var(--accent-hover); }\r\n    .btn--primary:active { background: var(--accent-active); }\r\n    .btn--ghost {\r\n      background: transparent;\r\n      color: var(--color-text);\r\n      border: 2px solid var(--color-border);\r\n    }\r\n    .btn--ghost:hover { border-color: var(--accent); color: var(--accent); }\r\n    .btn--ghost-white {\r\n      background: transparent;\r\n      color: #fff;\r\n      border: 2px solid rgba(255,255,255,0.4);\r\n    }\r\n    .btn--ghost-white:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\r\n    .btn--white {\r\n      background: #fff;\r\n      color: var(--accent);\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--white:hover { background: #F0EFFF; }\r\n    .btn--lg {\r\n      padding: 0.875rem 2rem;\r\n      font-size: var(--text-base);\r\n      border-radius: var(--radius-xl);\r\n    }\r\n\r\n    \/* ============================\r\n       NAVIGATION\r\n    ============================ *\/\r\n    .nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 100;\r\n      background: rgba(255,255,255,0.9);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border-bottom: 1px solid var(--color-border);\r\n    }\r\n    .nav__inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      height: 68px;\r\n      gap: var(--space-6);\r\n    }\r\n    .nav__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n    }\r\n    .nav__logo-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      background: transparent;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .nav__links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-6);\r\n      list-style: none;\r\n    }\r\n    .nav__links a {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .nav__links a:hover { color: var(--color-text); }\r\n    .nav__links a.nav__link--active { color: var(--accent); }\r\n    .nav__signin {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n      text-decoration: none;\r\n      padding: 0.375rem 0;\r\n    }\r\n    .nav__signin:hover { color: var(--color-text); }\r\n    .btn--nav-cta {\r\n      padding: 0.5rem 1.125rem;\r\n      font-size: 0.8125rem;\r\n      border-radius: var(--radius-full);\r\n      font-weight: 700;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: none;\r\n      transition: background var(--transition-interactive), transform var(--transition-interactive);\r\n      white-space: nowrap;\r\n    }\r\n    .btn--nav-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    .nav__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      flex-shrink: 0;\r\n      margin-left: auto;\r\n    }\r\n    .nav__mobile-toggle {\r\n      display: none;\r\n      padding: var(--space-2);\r\n      color: var(--color-text);\r\n      border-radius: var(--radius-md);\r\n      transition: background var(--transition-interactive);\r\n    }\r\n    .nav__mobile-toggle:hover { background: var(--color-surface-2); }\r\n    @media (max-width: 900px) {\r\n      .nav__links { display: none; }\r\n      .nav__mobile-toggle { display: flex; }\r\n      .nav__actions .btn--ghost { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .nav__actions .btn--primary { padding: 0.5rem 0.875rem; font-size: var(--text-xs); }\r\n    }\r\n\r\n    \/* ============================\r\n       MEGA-MENU\r\n    ============================ *\/\r\n    .nav__item { position: static; }\r\n    .nav__item--mega { position: static; }\r\n    .nav__item--mega > a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .nav__item--mega > a .mm-chevron {\r\n      width: 10px; height: 10px;\r\n      border-right: 1.5px solid currentColor;\r\n      border-bottom: 1.5px solid currentColor;\r\n      transform: rotate(45deg) translateY(-2px);\r\n      transition: transform 200ms ease;\r\n      display: inline-block;\r\n      flex-shrink: 0;\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-chevron {\r\n      transform: rotate(-135deg) translateY(2px);\r\n    }\r\n    .nav__inner { position: relative; }\r\n    .megamenu {\r\n      position: absolute;\r\n      top: calc(100% + 8px);\r\n      left: 0;\r\n      transform: translateY(4px);\r\n      width: min(860px, 92vw);\r\n      background: #fff;\r\n      border: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 18px;\r\n      box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 24px 56px rgba(15,23,42,0.12);\r\n      z-index: 300;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 180ms;\r\n      overflow: hidden;\r\n    }\r\n    .nav__item--mega.mm-open .megamenu {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      transform: translateY(0);\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 0ms;\r\n    }\r\n    .megamenu::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 0; right: 0;\r\n      height: 16px;\r\n      background: transparent;\r\n    }\r\n    .megamenu::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -5px;\r\n      left: 48px;\r\n      transform: rotate(45deg);\r\n      width: 10px; height: 10px;\r\n      background: #fff;\r\n      border-top: 1px solid rgba(15,23,42,0.08);\r\n      border-left: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 2px;\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      padding: 28px 28px 0;\r\n    }\r\n    .megamenu__col {\r\n      padding: 0 18px 24px;\r\n      border-right: 1px solid rgba(15,23,42,0.06);\r\n    }\r\n    .megamenu__col:first-child { padding-left: 0; }\r\n    .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n    .megamenu__col-label {\r\n      font-size: 0.65rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n      margin-bottom: 14px;\r\n      padding-bottom: 8px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 2px; }\r\n    .megamenu__item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      padding: 9px 10px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      transition: background 130ms ease;\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n    .megamenu__item:hover { background: #F8F9FF; }\r\n    .megamenu__item:hover .megamenu__item-label { color: var(--accent); }\r\n    .megamenu__item-icon {\r\n      width: 32px; height: 32px; flex-shrink: 0;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(59,130,246,0.08));\r\n      border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__item-label {\r\n      font-size: 0.8125rem;\r\n      font-weight: 700;\r\n      color: var(--color-text);\r\n      line-height: 1.3;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.4;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__footer {\r\n      margin: 8px 0 0;\r\n      padding: 16px 28px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.04), rgba(59,130,246,0.04));\r\n      border-top: 1px solid rgba(79,70,229,0.08);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n    }\r\n    .megamenu__footer-text {\r\n      font-size: 0.8125rem;\r\n      color: var(--color-text-muted);\r\n    }\r\n    .megamenu__footer-text strong { color: var(--color-text); }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 0.45rem 1.1rem;\r\n      background: var(--accent);\r\n      color: #fff !important;\r\n      text-decoration: none !important;\r\n      border-radius: var(--radius-full);\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      transition: background 150ms ease, transform 150ms ease;\r\n      flex-shrink: 0;\r\n    }\r\n    .megamenu__footer-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    @media (max-width: 1000px) {\r\n      .megamenu { display: none !important; }\r\n    }\r\n\r\n    \/* ============================\r\n       SCROLL REVEAL ANIMATIONS\r\n    ============================ *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition:\r\n        opacity 0.6s var(--ease-out),\r\n        transform 0.6s var(--ease-out);\r\n    }\r\n    .reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    .reveal--delay-1 { transition-delay: 0.1s; }\r\n    .reveal--delay-2 { transition-delay: 0.2s; }\r\n    .reveal--delay-3 { transition-delay: 0.3s; }\r\n    .reveal--delay-4 { transition-delay: 0.4s; }\r\n    .reveal--delay-5 { transition-delay: 0.5s; }\r\n\r\n    \/* ============================\r\n       MISC UTILITIES\r\n    ============================ *\/\r\n    .text-center { text-align: center; }\r\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }\r\n\r\n    \/* ============================\r\n       HERO \u2014 TRUST CENTER\r\n    ============================ *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding-block: clamp(var(--space-16), 9vw, 110px);\r\n      background: var(--color-bg);\r\n    }\r\n    .hero__mesh {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n    .hero__mesh::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -15%;\r\n      left: -5%;\r\n      width: 55%;\r\n      height: 65%;\r\n      background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.09) 0%, transparent 70%);\r\n      animation: meshDrift1 14s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 15%;\r\n      right: -10%;\r\n      width: 45%;\r\n      height: 55%;\r\n      background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.07) 0%, transparent 70%);\r\n      animation: meshDrift2 17s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes meshDrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(3%, 4%) scale(1.05); } }\r\n    @keyframes meshDrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-4%, 3%) scale(1.06); } }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      gap: var(--space-6);\r\n    }\r\n\r\n    .hero__badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-2) var(--space-5);\r\n      background: var(--accent-light);\r\n      border: 1px solid rgba(79, 70, 229, 0.2);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    .hero__h1 {\r\n      font-size: clamp(2.5rem, 5.5vw, 4rem);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1.08;\r\n      max-width: 14ch;\r\n    }\r\n    .hero__h1 .hero__h1-highlight {\r\n      background: linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .hero__sub {\r\n      font-size: 1.125rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n      max-width: 56ch;\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .hero__compliance-badges {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-3);\r\n      flex-wrap: wrap;\r\n      margin-top: var(--space-2);\r\n    }\r\n    .compliance-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 0.5rem 1rem;\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--navy);\r\n      box-shadow: var(--shadow-sm);\r\n      transition: box-shadow var(--transition-interactive), border-color var(--transition-interactive), transform var(--transition-interactive);\r\n    }\r\n    .compliance-badge:hover {\r\n      box-shadow: var(--shadow-md);\r\n      border-color: rgba(79,70,229,0.3);\r\n      transform: translateY(-1px);\r\n    }\r\n    .compliance-badge__icon {\r\n      width: 20px;\r\n      height: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .hero__h1 { font-size: clamp(2rem, 9vw, 2.8rem); }\r\n    }\r\n\r\n    \/* ============================\r\n       DOCUMENT CARDS GRID\r\n    ============================ *\/\r\n    .docs-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface);\r\n    }\r\n    .docs-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .docs-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .docs-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n      max-width: 52ch;\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .docs-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    \/* 5th card centered on its own row *\/\r\n    .doc-card:nth-child(4) { grid-column: 1; }\r\n    .doc-card:nth-child(5) { grid-column: 2; }\r\n\r\n    @media (max-width: 900px) {\r\n      .docs-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n      .doc-card:nth-child(4),\r\n      .doc-card:nth-child(5) { grid-column: auto; }\r\n      .doc-card:nth-child(5) { grid-column: 1 \/ -1; max-width: 400px; margin-inline: auto; width: 100%; }\r\n    }\r\n    @media (max-width: 580px) {\r\n      .docs-grid { grid-template-columns: 1fr; }\r\n      .doc-card:nth-child(5) { grid-column: 1; max-width: none; }\r\n    }\r\n\r\n    .doc-card {\r\n      background: var(--color-bg);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-5);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n    .doc-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-3px);\r\n      border-color: rgba(79,70,229,0.25);\r\n    }\r\n    .doc-card__icon-wrap {\r\n      width: 52px;\r\n      height: 52px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n      flex-shrink: 0;\r\n    }\r\n    .doc-card__body {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n    }\r\n    .doc-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.3;\r\n    }\r\n    .doc-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    .doc-card__arrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      transition: gap var(--transition-interactive);\r\n      margin-top: auto;\r\n    }\r\n    .doc-card:hover .doc-card__arrow { gap: var(--space-3); }\r\n\r\n    \/* ============================\r\n       TRUST PILLARS SECTION\r\n    ============================ *\/\r\n    .pillars-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .pillars-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-14));\r\n    }\r\n    .pillars-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .pillars-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n      max-width: 54ch;\r\n      margin-inline: auto;\r\n    }\r\n    .pillars-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    @media (max-width: 900px) { .pillars-grid { grid-template-columns: 1fr 1fr; } }\r\n    @media (max-width: 580px) { .pillars-grid { grid-template-columns: 1fr; } }\r\n\r\n    .pillar-card {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .pillar-card:hover {\r\n      box-shadow: var(--shadow-md);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .pillar-card__icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n    }\r\n    .pillar-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.3;\r\n    }\r\n    .pillar-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ============================\r\n       CTA SECTION\r\n    ============================ *\/\r\n    .trust-cta {\r\n      background: linear-gradient(135deg, #4F46E5 0%, #3B82F6 100%);\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .trust-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      left: -10%;\r\n      width: 60%;\r\n      height: 80%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.08) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .trust-cta::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -5%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.06) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .trust-cta__content {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .trust-cta__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: 0.375rem 1rem;\r\n      background: rgba(255,255,255,0.15);\r\n      border: 1px solid rgba(255,255,255,0.25);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.9);\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      margin-bottom: var(--space-6);\r\n    }\r\n    .trust-cta__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .trust-cta__sub {\r\n      font-size: var(--text-lg);\r\n      color: rgba(255,255,255,0.75);\r\n      margin-bottom: var(--space-8);\r\n      max-width: 48ch;\r\n      margin-inline: auto;\r\n    }\r\n    .trust-cta__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n    .btn--cta-indigo {\r\n      background: #fff;\r\n      color: var(--accent);\r\n      border: 2px solid transparent;\r\n      padding: 0.875rem 2rem;\r\n      font-size: var(--text-base);\r\n      font-weight: 700;\r\n      border-radius: var(--radius-xl);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      transition: background var(--transition-interactive), transform var(--transition-interactive), box-shadow var(--transition-interactive);\r\n    }\r\n    .btn--cta-indigo:hover {\r\n      background: #F0EFFF;\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--shadow-lg);\r\n    }\r\n\r\n    \/* ============================\r\n       FOOTER\r\n    ============================ *\/\r\n    .footer {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 6vw, var(--space-20));\r\n      color: rgba(255,255,255,0.6);\r\n    }\r\n    .footer__top {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\r\n      gap: clamp(var(--space-8), 4vw, var(--space-12));\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n      padding-bottom: clamp(var(--space-10), 4vw, var(--space-12));\r\n      border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .footer__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-2);\r\n    }\r\n    .footer__tagline {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 600;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__brand-desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.4);\r\n      line-height: 1.7;\r\n      max-width: 32ch;\r\n    }\r\n    .footer__col-title {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,0.5);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n      list-style: none;\r\n    }\r\n    .footer__links a {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.45);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__links a:hover { color: rgba(255,255,255,0.85); }\r\n    .footer__bottom {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer__copy {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n    }\r\n    .footer__legal {\r\n      display: flex;\r\n      gap: var(--space-5);\r\n    }\r\n    .footer__legal a {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__legal a:hover { color: rgba(255,255,255,0.6); }\r\n    @media (max-width: 1000px) {\r\n      .footer__top { grid-template-columns: 1fr 1fr 1fr; }\r\n      .footer__brand { grid-column: 1 \/ -1; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .footer__top { grid-template-columns: 1fr 1fr; }\r\n    }\r\n  <\/style>\r\n  <section class=\"hero\" aria-labelledby=\"trust-hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"container\">\r\n      <div class=\"hero__content reveal\">\r\n\r\n        <div class=\"hero__badge\" aria-label=\"Confiance &amp; S\u00e9curit\u00e9\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M7 1.5l5 2v4.5c0 3-2.5 4.5-5 5-2.5-.5-5-2-5-5V3.5l5-2z\"\/><path d=\"M4.5 7l2 2 3-3\"\/><\/svg>\r\n          Trust Center\r\n        <\/div>\r\n\r\n        <h1 class=\"hero__h1\" id=\"trust-hero-heading\">\r\n          Welcome to Saalz<br>\r\n          <span class=\"hero__h1-highlight\">privacy &amp; legal<\/span><br>\r\n          center\r\n        <\/h1>\r\n\r\n        <p class=\"hero__sub\">\r\n          Find out everything you need to know about our data and privacy policy. Access data that has been collected and learn how to manage your Saalz profile the way you want.\r\n        <\/p>\r\n\r\n        <div class=\"hero__compliance-badges\">\r\n          <!-- GDPR Compliant -->\r\n          <div class=\"compliance-badge\">\r\n            <div class=\"compliance-badge__icon\" aria-hidden=\"true\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M8 1.5l5.5 2.5v5C13.5 12 11 13.5 8 14.5 5 13.5 2.5 12 2.5 9V4L8 1.5z\"\/>\r\n                <path d=\"M5.5 8l2 2 3-3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            GDPR Compliant\r\n          <\/div>\r\n          <!-- CCPA Compliant -->\r\n          <div class=\"compliance-badge\">\r\n            <div class=\"compliance-badge__icon\" aria-hidden=\"true\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <circle cx=\"8\" cy=\"8\" r=\"6.5\"\/>\r\n                <path d=\"M5.5 8l2 2 3-3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            CCPA Compliant\r\n          <\/div>\r\n          <!-- SOC2 Type 2 Certified -->\r\n          <div class=\"compliance-badge\">\r\n            <div class=\"compliance-badge__icon\" aria-hidden=\"true\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"2.5\"\/>\r\n                <path d=\"M5 8l2.5 2.5L11 6\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            SOC2 Type 2 Certified\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       DOCUMENT CARDS GRID\r\n  ================================ -->\r\n  <section class=\"docs-section\" aria-labelledby=\"docs-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"docs-section__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Documents l\u00e9gaux<\/div>\r\n        <h2 class=\"docs-section__h2\" id=\"docs-heading\">Acc\u00e9dez \u00e0 tous nos documents<\/h2>\r\n        <p class=\"docs-section__sub\">Full transparency on our contractual commitments, data policy and sub-processors.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"docs-grid\">\r\n\r\n        <!-- Card 1: Data Processing Agreement -->\r\n        <a href=\"#\" class=\"doc-card reveal reveal--delay-1\" aria-label=\"Data Processing Agreement\">\r\n          <div class=\"doc-card__icon-wrap\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\">\r\n              <path d=\"M6 3h9l5 5v15H6V3z\"\/>\r\n              <path d=\"M15 3v5h5\"\/>\r\n              <path d=\"M9 13h8M9 17h6\"\/>\r\n              <path d=\"M9 9h4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"doc-card__body\">\r\n            <div class=\"doc-card__title\">Data Processing Agreement<\/div>\r\n            <div class=\"doc-card__desc\">Our GDPR-compliant data processing agreement, governing the relationship between Saalz and its clients as sub-processors.<\/div>\r\n          <\/div>\r\n          <div class=\"doc-card__arrow\">\r\n            Consulter le document\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 7h10M7 2l5 5-5 5\"\/><\/svg>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 2: Terms & Conditions -->\r\n        <a href=\"#\" class=\"doc-card reveal reveal--delay-2\" aria-label=\"Terms &amp; Conditions\">\r\n          <div class=\"doc-card__icon-wrap\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\">\r\n              <rect x=\"4\" y=\"3\" width=\"18\" height=\"20\" rx=\"2\"\/>\r\n              <path d=\"M8 8h10M8 12h10M8 16h6\"\/>\r\n              <path d=\"M15 19l2 2 4-4\" stroke-width=\"1.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"doc-card__body\">\r\n            <div class=\"doc-card__title\">Terms &amp; Conditions<\/div>\r\n            <div class=\"doc-card__desc\">The terms and conditions governing access to and use of the Saalz platform by our users.<\/div>\r\n          <\/div>\r\n          <div class=\"doc-card__arrow\">\r\n            Consulter le document\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 7h10M7 2l5 5-5 5\"\/><\/svg>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 3: Privacy Policy -->\r\n        <a href=\"#\" class=\"doc-card reveal reveal--delay-3\" aria-label=\"Privacy Policy\">\r\n          <div class=\"doc-card__icon-wrap\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\">\r\n              <path d=\"M13 2.5L4 6.5v7c0 5.5 4 8.5 9 10 5-1.5 9-4.5 9-10v-7L13 2.5z\"\/>\r\n              <path d=\"M9 13l3 3 5-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"doc-card__body\">\r\n            <div class=\"doc-card__title\">Privacy Policy<\/div>\r\n            <div class=\"doc-card__desc\">Our privacy policy details the collection, use and protection of your personal data on Saalz.<\/div>\r\n          <\/div>\r\n          <div class=\"doc-card__arrow\">\r\n            Consulter le document\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 7h10M7 2l5 5-5 5\"\/><\/svg>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 4: List of Sub-processors -->\r\n        <a href=\"#\" class=\"doc-card reveal reveal--delay-4\" aria-label=\"List of Sub-processors\">\r\n          <div class=\"doc-card__icon-wrap\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\">\r\n              <circle cx=\"13\" cy=\"9\" r=\"3.5\"\/>\r\n              <circle cx=\"6\" cy=\"18\" r=\"2.5\"\/>\r\n              <circle cx=\"20\" cy=\"18\" r=\"2.5\"\/>\r\n              <path d=\"M13 12.5v3M13 15.5L6 15.8M13 15.5L20 15.8\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"doc-card__body\">\r\n            <div class=\"doc-card__title\">List of Sub-processors<\/div>\r\n            <div class=\"doc-card__desc\">The exhaustive list of our sub-processors and third-party partners involved in processing our clients' data.<\/div>\r\n          <\/div>\r\n          <div class=\"doc-card__arrow\">\r\n            Consulter le document\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 7h10M7 2l5 5-5 5\"\/><\/svg>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 5: Cookie Policy -->\r\n        <a href=\"#\" class=\"doc-card reveal reveal--delay-5\" aria-label=\"Cookie Policy\">\r\n          <div class=\"doc-card__icon-wrap\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\">\r\n              <circle cx=\"13\" cy=\"13\" r=\"10\"\/>\r\n              <circle cx=\"10\" cy=\"10.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n              <circle cx=\"15\" cy=\"9\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n              <circle cx=\"9\" cy=\"15\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n              <circle cx=\"14\" cy=\"15.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n              <circle cx=\"11.5\" cy=\"18\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"doc-card__body\">\r\n            <div class=\"doc-card__title\">Cookie Policy<\/div>\r\n            <div class=\"doc-card__desc\">Our cookie policy explains the trackers used on Saalz, their purpose and how to manage them.<\/div>\r\n          <\/div>\r\n          <div class=\"doc-card__arrow\">\r\n            Consulter le document\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M2 7h10M7 2l5 5-5 5\"\/><\/svg>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       TRUST PILLARS\r\n  ================================ -->\r\n  <section class=\"pillars-section\" aria-labelledby=\"pillars-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"pillars-section__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Our commitments<\/div>\r\n        <h2 class=\"pillars-section__h2\" id=\"pillars-heading\">La confiance, au c\u0153ur de Saalz<\/h2>\r\n        <p class=\"pillars-section__sub\">Nous construisons Saalz avec la s\u00e9curit\u00e9 et la conformit\u00e9 comme fondations \u2014 pas comme une r\u00e9flexion apr\u00e8s coup.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pillars-grid\">\r\n        <!-- Pillar 1 -->\r\n        <div class=\"pillar-card reveal reveal--delay-1\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M12 2L3 6v7c0 5.5 4 8.5 9 10 5-1.5 9-4.5 9-10V6L12 2z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">RGPD &amp; CCPA Compliant<\/div>\r\n          <div class=\"pillar-card__desc\">Saalz est enti\u00e8rement conforme au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es (RGPD) et au California Consumer Privacy Act (CCPA). Your data is processed in strict compliance with r\u00e9glementations europ\u00e9ennes et am\u00e9ricaines.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 2 -->\r\n        <div class=\"pillar-card reveal reveal--delay-2\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/>\r\n              <path d=\"M7 11V7a5 5 0 0110 0v4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">SOC 2 Type 2 Certified<\/div>\r\n          <div class=\"pillar-card__desc\">Notre certification SOC 2 Type 2 atteste de contr\u00f4les rigoureux sur la s\u00e9curit\u00e9, la disponibilit\u00e9 et la confidentialit\u00e9 de votre infrastructure. An independent audit validates our practices every year\u00e9e.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 3 -->\r\n        <div class=\"pillar-card reveal reveal--delay-3\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 8v4l3 3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">Transparence totale<\/div>\r\n          <div class=\"pillar-card__desc\">Tous nos documents l\u00e9gaux sont accessibles publiquement et mis \u00e0 jour en temps r\u00e9el. Nous vous notifions de tout changement affectant le traitement de vos donn\u00e9es, avec un pr\u00e9avis raisonnable.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 4 -->\r\n        <div class=\"pillar-card reveal reveal--delay-1\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M4 12h16M4 6h16M4 18h10\"\/>\r\n              <circle cx=\"18\" cy=\"18\" r=\"3\"\/>\r\n              <path d=\"M18 16.5v1.5l1 1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">Contr\u00f4le de vos donn\u00e9es<\/div>\r\n          <div class=\"pillar-card__desc\">Vous avez le droit d'acc\u00e9der, de rectifier, d'exporter ou de supprimer l'ensemble de vos donn\u00e9es \u00e0 tout moment. G\u00e9rez vos pr\u00e9f\u00e9rences directement depuis votre profil Saalz.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 5 -->\r\n        <div class=\"pillar-card reveal reveal--delay-2\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n              <path d=\"M8 21h8M12 17v4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">H\u00e9bergement s\u00e9curis\u00e9<\/div>\r\n          <div class=\"pillar-card__desc\">Saalz data is hosted on a cloud certifi\u00e9e, avec chiffrement en transit (TLS 1.3) et au repos (AES-256). Les sauvegardes sont chiffr\u00e9es et isol\u00e9es g\u00e9ographiquement.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Pillar 6 -->\r\n        <div class=\"pillar-card reveal reveal--delay-3\">\r\n          <div class=\"pillar-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n              <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/>\r\n              <path d=\"M16 11l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"pillar-card__title\">Sous-traitants v\u00e9rifi\u00e9s<\/div>\r\n          <div class=\"pillar-card__desc\">Chaque sous-traitant est rigoureusement s\u00e9lectionn\u00e9 pour sa conformit\u00e9 RGPD. Nous maintenons une liste publique et \u00e0 jour de tous les partenaires ayant acc\u00e8s \u00e0 vos donn\u00e9es.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       CTA SECTION\r\n  ================================ -->\r\n  <section class=\"trust-cta\" aria-labelledby=\"trust-cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"trust-cta__content reveal\">\r\n        <div class=\"trust-cta__eyebrow\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 1l1.5 3 3.5.5-2.5 2.5.5 3.5L6 9 3 10.5l.5-3.5L1 4.5 4.5 4z\"\/><\/svg>\r\n          Contact\r\n        <\/div>\r\n        <h2 class=\"trust-cta__h2\" id=\"trust-cta-heading\">Vous avez des questions sur nos pratiques&nbsp;?<\/h2>\r\n        <p class=\"trust-cta__sub\">Notre \u00e9quipe est disponible pour r\u00e9pondre \u00e0 toutes vos questions relatives \u00e0 la confidentialit\u00e9, \u00e0 la conformit\u00e9 et au traitement de vos donn\u00e9es.<\/p>\r\n        <div class=\"trust-cta__actions\">\r\n          <a href=\"mailto:hello@saalz.com\" class=\"btn--cta-indigo\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"2\"\/><path d=\"M2 5.5l7 5 7-5\"\/><\/svg>\r\n            Contacter l'\u00e9quipe \u2192 hello@saalz.com\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trust Center Welcome to Saalz privacy &amp; legal center Find out everything you need to know about our data and privacy policy. Access data that has been collected and learn how to manage your Saalz profile the way you want. GDPR Compliant CCPA Compliant SOC2 Type 2 Certified Documents l\u00e9gaux Acc\u00e9dez \u00e0 tous nos documents &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/trust-center\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Trust Center<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12446","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/comments?post=12446"}],"version-history":[{"count":1,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12446\/revisions"}],"predecessor-version":[{"id":12447,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12446\/revisions\/12447"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}