{"id":14076,"date":"2026-09-29T08:12:27","date_gmt":"2026-09-29T06:12:27","guid":{"rendered":"https:\/\/saalz.com\/multichannel-prospecting\/"},"modified":"2026-09-29T08:28:05","modified_gmt":"2026-09-29T06:28:05","slug":"multichannel-prospecting","status":"publish","type":"page","link":"https:\/\/saalz.com\/fr\/multichannel-prospecting\/","title":{"rendered":"Multichannel Prospecting"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14076\" class=\"elementor elementor-14076\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-feaa0aa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"feaa0aa\" 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-cea791f\" data-id=\"cea791f\" 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-ec922a9 elementor-widget elementor-widget-html\" data-id=\"ec922a9\" 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    .pill--outline {\r\n      background: transparent;\r\n      border: 1.5px solid var(--accent);\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__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       HERO\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(79, 70, 229, 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(59, 130, 246, 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__breadcrumb {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-faint);\r\n      font-weight: 500;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .hero__breadcrumb span { color: var(--color-text-muted); }\r\n    .hero__breadcrumb-sep {\r\n      color: var(--color-border);\r\n      font-size: 0.7rem;\r\n    }\r\n    .hero__breadcrumb-current {\r\n      color: var(--accent);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(var(--space-10), 5vw, var(--space-20));\r\n      align-items: center;\r\n    }\r\n    .hero__text { display: flex; flex-direction: column; gap: var(--space-5); }\r\n    .hero__pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-2) var(--space-4);\r\n      background: rgba(79, 70, 229, 0.08);\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      width: fit-content;\r\n      letter-spacing: 0.04em;\r\n    }\r\n    .hero__pill-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--accent);\r\n      border-radius: 50%;\r\n      animation: pulse 2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.5; transform: scale(0.85); }\r\n    }\r\n    .hero__h1 {\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1.1;\r\n    }\r\n    .hero__h1 span {\r\n      background: linear-gradient(135deg, var(--accent), var(--accent-2));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .hero__sub {\r\n      font-size: 1.125rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.65;\r\n      max-width: 50ch;\r\n    }\r\n    .hero__ctas {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Hero visual \u2014 dark mockup *\/\r\n    .hero__visual {\r\n      position: relative;\r\n    }\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-5) var(--space-5) var(--space-6);\r\n      box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255,255,255,0.05);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .hero__mockup::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -40%;\r\n      right: -20%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.22) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Mockup top bar *\/\r\n    .mock-topbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: var(--space-4);\r\n      padding-bottom: var(--space-3);\r\n      border-bottom: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n    .mock-dots { display: flex; gap: var(--space-2); }\r\n    .mock-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n    .mock-dot--red { background: #FF5F57; }\r\n    .mock-dot--yellow { background: #FEBC2E; }\r\n    .mock-dot--green { background: #28C840; }\r\n    .mock-topbar-title {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 500;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    \/* Mockup layout: sidebar + results *\/\r\n    .mock-layout {\r\n      display: grid;\r\n      grid-template-columns: 140px 1fr;\r\n      gap: var(--space-3);\r\n    }\r\n\r\n    \/* Filter sidebar *\/\r\n    .mock-sidebar {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n    }\r\n    .mock-sidebar-title {\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      color: rgba(255,255,255,0.3);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      margin-bottom: var(--space-1);\r\n    }\r\n    .mock-filter {\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.07);\r\n      border-radius: var(--radius-md);\r\n      padding: var(--space-2) var(--space-2);\r\n    }\r\n    .mock-filter-label {\r\n      font-size: 9px;\r\n      font-weight: 600;\r\n      color: rgba(255,255,255,0.3);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      margin-bottom: 4px;\r\n    }\r\n    .mock-filter-value {\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.75);\r\n    }\r\n    .mock-filter-value--accent { color: #818CF8; }\r\n    .mock-filter-add {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      padding: var(--space-2);\r\n      background: rgba(79,70,229,0.1);\r\n      border: 1px dashed rgba(79,70,229,0.3);\r\n      border-radius: var(--radius-md);\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      color: #818CF8;\r\n      cursor: pointer;\r\n    }\r\n    .mock-results-count {\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      color: rgba(255,255,255,0.25);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      margin-bottom: var(--space-2);\r\n    }\r\n    .mock-results-count span { color: #818CF8; }\r\n\r\n    \/* Contact result cards *\/\r\n    .mock-results { display: flex; flex-direction: column; gap: var(--space-2); }\r\n    .mock-result {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-2) var(--space-2);\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(255,255,255,0.06);\r\n      border-radius: var(--radius-lg);\r\n      transition: border-color 150ms ease;\r\n    }\r\n    .mock-result:first-child {\r\n      border-color: rgba(79,70,229,0.35);\r\n      background: rgba(79,70,229,0.07);\r\n    }\r\n    .mock-avatar {\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-result-info { flex: 1; min-width: 0; }\r\n    .mock-result-name {\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .mock-result-meta {\r\n      font-size: 9px;\r\n      color: rgba(255,255,255,0.32);\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .mock-enrich-btn {\r\n      padding: 3px 8px;\r\n      background: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n      white-space: nowrap;\r\n    }\r\n    .mock-badge {\r\n      padding: 3px 8px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-badge--done {\r\n      background: rgba(52, 211, 153, 0.15);\r\n      color: #34D399;\r\n      border: 1px solid rgba(52, 211, 153, 0.2);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .hero__content { grid-template-columns: 1fr; }\r\n      .hero__visual { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .hero__h1 { font-size: clamp(2rem, 8vw, 2.8rem); }\r\n      .hero__ctas { flex-direction: column; align-items: flex-start; }\r\n    }\r\n\r\n    \/* ============================\r\n       FEATURES GRID\r\n    ============================ *\/\r\n    .features-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface);\r\n    }\r\n    .features-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .features-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-4);\r\n    }\r\n    .features-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    .feature-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-4);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .feature-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .feature-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    .feature-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    .feature-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    @media (max-width: 900px) {\r\n      .features-grid { grid-template-columns: 1fr 1fr; }\r\n    }\r\n    @media (max-width: 580px) {\r\n      .features-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       HOW IT WORKS\r\n    ============================ *\/\r\n    .how-it-works {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .how-it-works__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n    }\r\n    .how-it-works__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    .how-it-works__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .steps-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n      position: relative;\r\n    }\r\n    \/* Connector line between steps *\/\r\n    .steps-row::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 28px;\r\n      left: calc(33.333% - 24px);\r\n      right: calc(33.333% - 24px);\r\n      height: 2px;\r\n      background: linear-gradient(90deg, rgba(79,70,229,0.2) 0%, rgba(79,70,229,0.4) 50%, rgba(79,70,229,0.2) 100%);\r\n      pointer-events: none;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .steps-row::before { display: none; }\r\n      .steps-row { grid-template-columns: 1fr; }\r\n    }\r\n    .step-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      position: relative;\r\n      transition: box-shadow var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .step-card:hover {\r\n      box-shadow: var(--shadow-md);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .step-number {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.25rem;\r\n      font-weight: 800;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 4px 12px rgba(79,70,229,0.35);\r\n    }\r\n    .step-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    .step-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       USE CASES\r\n    ============================ *\/\r\n    .use-cases {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface-2);\r\n    }\r\n    .use-cases__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .use-cases__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    .use-cases__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .use-cases-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-6);\r\n    }\r\n    @media (max-width: 700px) {\r\n      .use-cases-grid { grid-template-columns: 1fr; }\r\n    }\r\n    .use-case-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-8);\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    }\r\n    .use-case-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .use-case-card__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n    }\r\n    .use-case-card__title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.25;\r\n    }\r\n    .use-case-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n    .use-case-card__cta {\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    }\r\n    .use-case-card:hover .use-case-card__cta { gap: var(--space-3); }\r\n\r\n    \/* ============================\r\n       FINAL CTA BANNER\r\n    ============================ *\/\r\n    .final-cta {\r\n      background: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #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    .final-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.07) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-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.05) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta__content { position: relative; z-index: 1; }\r\n    .final-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    .final-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: 52ch;\r\n      margin-inline: auto;\r\n    }\r\n    .final-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\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\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      @media (max-width: 600px) {\r\n      \/* The nav CTA label is much longer in French: shrink it and drop the\r\n         secondary sign-in link so the burger button stays on screen. *\/\r\n      .nav__actions .btn--nav-cta { padding: 0.4rem 0.7rem; font-size: 0.7rem; }\r\n      .nav__actions .nav__signin { display: none; }\r\n      .nav__logo { font-size: 1.15rem; }\r\n      .nav__logo-icon { width: 26px; height: 26px; }\r\n      \/* Logo + CTA + burger and two 2rem gaps do not fit in 375px: tighten\r\n         the bar and the toggle so the burger stays inside the viewport. *\/\r\n      \/* `.nav .nav__inner` outranks the v3 rule that sets a 2rem gap later\r\n         in the stylesheet \u2014 a plain `.nav__inner` here would lose. *\/\r\n      .nav .nav__inner { gap: 0.5rem; }\r\n      .nav__actions .btn--nav-cta { padding: 0.35rem 0.6rem; font-size: 0.66rem; }\r\n      .nav__mobile-toggle { padding: 4px; }\r\n    }\r\n    \/* ============================\r\n       MEGA-MENU v2 \u2014 hierarchy, badges, mobile accordion\r\n    ============================ *\/\r\n    .megamenu { width: min(980px, 94vw); }\r\n    .megamenu__inner { padding: 26px 26px 0; gap: 0; }\r\n    .megamenu__col {\r\n      padding: 0 20px 22px;\r\n      border-right: 1px solid rgba(15,23,42,0.08);\r\n      display: flex;\r\n      flex-direction: column;\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\r\n    \/* Column title is a link to its hub page *\/\r\n    a.megamenu__col-label {\r\n      display: block;\r\n      font-size: 0.68rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-muted);\r\n      margin-bottom: 12px;\r\n      padding-bottom: 9px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.07);\r\n      text-decoration: none;\r\n      transition: color 130ms ease, border-color 130ms ease;\r\n    }\r\n    a.megamenu__col-label:hover,\r\n    a.megamenu__col-label:focus-visible { color: var(--accent); border-color: rgba(79,70,229,0.35); }\r\n    a.megamenu__col-label:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }\r\n\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 1px; }\r\n\r\n    \/* Featured entries: icon + label + one-line description *\/\r\n    .megamenu__item { padding: 8px 9px; gap: 10px; align-items: flex-start; }\r\n    .megamenu__item:hover,\r\n    .megamenu__item:focus-visible { background: rgba(79,70,229,0.07); }\r\n    .megamenu__item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n    .megamenu__item-icon { width: 28px; height: 28px; border-radius: 7px; }\r\n    .megamenu__item-label { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 0.8rem; }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      line-height: 1.35;\r\n      color: var(--color-text-faint);\r\n      margin-top: 1px;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Compact secondary links *\/\r\n    .megamenu__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n      margin-top: 8px;\r\n      padding-top: 8px;\r\n      border-top: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__link {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 6px 9px;\r\n      border-radius: 8px;\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      color: var(--color-text-muted);\r\n      text-decoration: none;\r\n      transition: background 130ms ease, color 130ms ease;\r\n    }\r\n    .megamenu__link:hover,\r\n    .megamenu__link:focus-visible { background: rgba(79,70,229,0.07); color: var(--accent); }\r\n    .megamenu__link:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n\r\n    \/* Column footer link *\/\r\n    .megamenu__col-cta {\r\n      margin-top: auto;\r\n      padding: 10px 9px 0;\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      text-decoration: none;\r\n      opacity: 0.85;\r\n      transition: opacity 130ms ease;\r\n    }\r\n    .megamenu__col-cta:hover, .megamenu__col-cta:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }\r\n    .megamenu__col-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }\r\n\r\n    \/* Badges *\/\r\n    .mm-badge {\r\n      font-size: 0.55rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.05em;\r\n      text-transform: uppercase;\r\n      padding: 2px 6px;\r\n      border-radius: var(--radius-full);\r\n      white-space: nowrap;\r\n      line-height: 1.4;\r\n    }\r\n    .mm-badge--new { background: rgba(79,70,229,0.12); color: var(--accent); }\r\n    .mm-badge--soon { background: var(--color-surface-2); color: var(--color-text-muted); }\r\n\r\n    \/* Menu footer *\/\r\n    .megamenu__footer { padding: 14px 26px; gap: 16px; flex-wrap: wrap; }\r\n    .megamenu__footer-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }\r\n    .megamenu__footer-link {\r\n      font-size: 0.78rem;\r\n      font-weight: 700;\r\n      color: var(--color-text-muted);\r\n      text-decoration: none;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__footer-link:hover, .megamenu__footer-link:focus-visible { color: var(--accent); }\r\n    .megamenu__footer-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }\r\n\r\n    \/* ---- Mobile: the four columns become accordions ---- *\/\r\n    @media (max-width: 1000px) {\r\n      .megamenu {\r\n        display: block !important;\r\n        position: static;\r\n        width: 100%;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transform: none;\r\n        box-shadow: none;\r\n        border: none;\r\n        border-radius: 0;\r\n        margin-top: 8px;\r\n      }\r\n      .megamenu::after, .megamenu::before { display: none; }\r\n      .nav__item--mega:not(.mm-open) .megamenu { display: none !important; }\r\n      .megamenu__inner { display: block; padding: 0; }\r\n      .megamenu__col {\r\n        padding: 0;\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--color-border);\r\n      }\r\n      a.megamenu__col-label {\r\n        position: relative;\r\n        margin-bottom: 0;\r\n        padding: 12px 30px 12px 4px;\r\n        border-bottom: none;\r\n        font-size: 0.72rem;\r\n        color: var(--color-text);\r\n      }\r\n      .megamenu__col-toggle {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        width: 34px;\r\n        height: 34px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 8px;\r\n        color: var(--color-text-muted);\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n      }\r\n      .megamenu__col-toggle svg { transition: transform 180ms var(--ease-out); }\r\n      .megamenu__col-toggle[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\r\n      .megamenu__col-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n      .megamenu__col-head { position: relative; }\r\n      .megamenu__col-body { display: none; padding-bottom: 12px; }\r\n      .megamenu__col-body.is-open { display: block; }\r\n      .megamenu__col-cta { margin-top: 6px; display: block; }\r\n      .megamenu__footer { flex-direction: column; align-items: flex-start; padding: 14px 4px; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .megamenu__col-toggle svg { transition: none; }\r\n    }\r\n    \/* ============================\r\n       FAQ + RELATED FEATURES (product pages)\r\n    ============================ *\/\r\n    .pfaq { padding-block: clamp(3rem, 6vw, 5rem); background: var(--color-surface); }\r\n    .pfaq__inner { max-width: 780px; margin-inline: auto; padding-inline: clamp(1rem, 5vw, 3rem); }\r\n    .pfaq__header { text-align: center; margin-bottom: 2rem; }\r\n    .pfaq__h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); margin-bottom: 0.5rem; }\r\n    .pfaq__sub { color: var(--color-text-muted); font-size: 0.95rem; }\r\n    .pfaq__list { display: flex; flex-direction: column; gap: 0.6rem; }\r\n    .pfaq__item { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; }\r\n    .pfaq__item summary {\r\n      cursor: pointer; list-style: none; padding: 1rem 1.25rem;\r\n      font-weight: 700; font-size: 0.95rem; color: var(--color-text);\r\n      display: flex; align-items: center; justify-content: space-between; gap: 1rem;\r\n    }\r\n    .pfaq__item summary::-webkit-details-marker { display: none; }\r\n    .pfaq__item summary::after { content: '+'; font-weight: 800; color: var(--accent); flex-shrink: 0; }\r\n    .pfaq__item[open] summary::after { content: '\\2013'; }\r\n    .pfaq__item summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n    .pfaq__item p { padding: 0 1.25rem 1.1rem; margin: 0; color: var(--color-text-muted); font-size: 0.92rem; line-height: 1.65; max-width: none; }\r\n\r\n    .related { padding-block: clamp(3rem, 6vw, 5rem); background: var(--color-bg); border-top: 1px solid var(--color-border); }\r\n    .related__inner { max-width: 1100px; margin-inline: auto; padding-inline: clamp(1rem, 5vw, 3rem); }\r\n    .related__header { margin-bottom: 1.5rem; }\r\n    .related__label { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-faint); margin-bottom: 0.5rem; }\r\n    .related__h2 { font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.7rem); font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); }\r\n    .related__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.85rem; }\r\n    .related__card {\r\n      display: flex; flex-direction: column; gap: 0.35rem;\r\n      padding: 1.05rem 1.15rem; background: var(--color-surface);\r\n      border: 1px solid var(--color-border); border-radius: 12px;\r\n      text-decoration: none;\r\n      transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\r\n    }\r\n    .related__card:hover { border-color: var(--accent); box-shadow: 0 6px 18px rgba(15,23,42,0.07); transform: translateY(-2px); }\r\n    .related__card:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\r\n    .related__card-title { font-size: 0.92rem; font-weight: 800; color: var(--color-text); }\r\n    .related__card-desc { font-size: 0.8rem; color: var(--color-text-muted); line-height: 1.5; }\r\n    .related__hub { display: inline-block; margin-top: 1.25rem; font-size: 0.85rem; font-weight: 700; color: var(--accent); text-decoration: none; }\r\n    .related__hub:hover { text-decoration: underline; text-underline-offset: 3px; }\r\n\r\n    \/* Hub pages: universe grid *\/\r\n    .hubgrid { padding-block: clamp(3rem, 6vw, 5rem); }\r\n    .hubgrid__inner { max-width: 1100px; margin-inline: auto; padding-inline: clamp(1rem, 5vw, 3rem); }\r\n    .hubgrid__group { margin-bottom: 2.5rem; }\r\n    .hubgrid__group-title { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.9rem; }\r\n    .hubgrid__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0.9rem; }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .related__card, .related__card:hover { transition: none; transform: none; }\r\n    }\r\n    \/* ============================================================\r\n       HEADER + MEGA-MENU v3 \u2014 sizing, contrast, panelled columns\r\n       ============================================================ *\/\r\n    :root {\r\n      --mm-ink:        #101828;   \/* feature titles          *\/\r\n      --mm-ink-soft:   #344054;   \/* nav links, footer links *\/\r\n      --mm-ink-label:  #475467;   \/* column titles           *\/\r\n      --mm-ink-desc:   #5F6C80;   \/* feature descriptions    *\/\r\n      --mm-arrow:      #98A2B3;   \/* column arrows at rest   *\/\r\n      --mm-panel-bg:   #FBFBFE;\r\n      --mm-panel-line: #EEF0F6;\r\n      --mm-tint:       #F4F3FF;   \/* hover wash on a standard entry *\/\r\n      --mm-tint-line:  #DDD9FE;\r\n      \/* Highlighted entries: a soft wash that reads as \"worth noticing\"\r\n         rather than \"currently selected\". Kept lighter than the hover\r\n         wash so hovering anything always darkens it. *\/\r\n      --mm-new-bg:     #F8F7FE;\r\n      --mm-new-line:   #ECEAFB;\r\n      --mm-new-hover:  #EFEDFD;\r\n      --mm-indigo-dk:  #3730A3;\r\n    }\r\n\r\n    \/* ---------- Primary navigation ---------- *\/\r\n    .nav__inner { height: 72px; gap: 2rem; }\r\n    .nav__logo { font-size: 1.65rem; }\r\n    .nav__logo-icon { width: 40px; height: 40px; }\r\n    .nav__logo-icon svg { width: 34px; height: 34px; }\r\n\r\n    .nav__links { gap: 30px; align-items: center; }\r\n    .nav__links > li { display: flex; align-items: center; }\r\n    .nav__links a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 15.5px;\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      color: var(--mm-ink-soft);\r\n      padding: 8px 10px;\r\n      border-radius: 9px;\r\n      transition: color 140ms ease, background 140ms ease;\r\n    }\r\n    .nav__links a:hover { color: var(--accent); background: var(--mm-tint); }\r\n    .nav__links a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\r\n    .nav__links a[aria-current=\"page\"], .nav__links a.nav__link--active { color: var(--mm-ink); }\r\n\r\n    \/* Product trigger: chevron aligned with the label, flips when open *\/\r\n    .nav__item--mega > a .mm-chevron,\r\n    .nav__item--mega > a::after { display: none; }\r\n    .nav__item--mega > a {\r\n      position: relative;\r\n      padding-right: 26px;\r\n    }\r\n    .nav__item--mega > a .mm-caret {\r\n      position: absolute;\r\n      right: 8px;\r\n      top: 50%;\r\n      width: 10px;\r\n      height: 10px;\r\n      margin-top: -5px;\r\n      transition: transform 160ms var(--ease-out);\r\n      pointer-events: none;\r\n    }\r\n    .nav__item--mega.mm-open > a {\r\n      background: var(--mm-tint);\r\n      color: var(--accent);\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-caret { transform: rotate(180deg); }\r\n\r\n    \/* Sign in + primary CTA *\/\r\n    .nav__actions { gap: 14px; }\r\n    .nav__signin {\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      color: var(--mm-ink-soft);\r\n      padding: 8px 4px;\r\n    }\r\n    .nav__signin:hover { color: var(--accent); }\r\n    .nav__signin:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }\r\n    .btn--nav-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 43px;\r\n      padding: 0 1.4rem;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      border-radius: 10px;\r\n    }\r\n    .btn--nav-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\r\n\r\n    \/* ---------- Mega-menu shell ---------- *\/\r\n    .megamenu {\r\n      \/* The panel is anchored 48px from the viewport edge, so 96vw pushed its\r\n         right edge off-screen between 1001 and ~1195px and the whole page\r\n         gained a horizontal scrollbar. Reserving 48px on both sides keeps the\r\n         validated 1100px width everywhere above 1196px. *\/\r\n      width: min(1100px, calc(100vw - 96px));\r\n      border: 1px solid var(--mm-panel-line);\r\n      border-radius: 16px;\r\n      box-shadow: 0 4px 10px rgba(16,24,40,0.04), 0 18px 44px rgba(16,24,40,0.12);\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 14px;\r\n      padding: 18px;\r\n    }\r\n\r\n    \/* ---------- Columns as panels ---------- *\/\r\n    .megamenu__col {\r\n      background: var(--mm-panel-bg);\r\n      border: 1px solid var(--mm-panel-line);\r\n      border-radius: 12px;\r\n      padding: 16px 14px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n    a.megamenu__col-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.72rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.07em;\r\n      text-transform: uppercase;\r\n      color: var(--mm-ink-label);\r\n      margin: 0 0 2px;\r\n      padding: 0 4px;\r\n      border-bottom: none;\r\n      text-decoration: none;\r\n    }\r\n    a.megamenu__col-label:hover { color: var(--accent); border-color: transparent; }\r\n    a.megamenu__col-label:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 5px; }\r\n    .mm-col-arrow {\r\n      flex-shrink: 0;\r\n      color: var(--mm-arrow);\r\n      transition: transform 160ms var(--ease-out), color 160ms ease;\r\n    }\r\n    a.megamenu__col-label:hover .mm-col-arrow { transform: translateX(3px); color: var(--accent); }\r\n\r\n    \/* No isolated accordion chevrons on desktop *\/\r\n    .megamenu__col-toggle { display: none; }\r\n    .megamenu__col-head { display: contents; }\r\n    .megamenu__col-body { display: contents; }\r\n\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n    \/* ---------- One item component for every feature ----------\r\n       Every entry \u2014 highlighted or not \u2014 is a single anchor, so the whole\r\n       row is clickable, hoverable and focusable. The icon column, the gap\r\n       and the text column are identical everywhere, which is what puts all\r\n       the rows on one grid. *\/\r\n    .mm-item {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      min-height: 52px;\r\n      padding: 9px 10px;\r\n      border: 1px solid transparent;\r\n      border-radius: 10px;\r\n      text-decoration: none;\r\n      color: inherit;\r\n      transition: background 140ms ease, border-color 140ms ease;\r\n    }\r\n    .mm-item:hover { background: var(--mm-tint); }\r\n    .mm-item:hover .mm-item__title { color: var(--mm-indigo-dk); }\r\n    .mm-item:hover .mm-item__icon { color: var(--accent); border-color: var(--mm-tint-line); }\r\n    .mm-item:focus-visible {\r\n      outline: 2px solid var(--accent);\r\n      outline-offset: -2px;\r\n      background: var(--mm-tint);\r\n      box-shadow: 0 0 0 3px rgba(79,70,229,0.16);\r\n    }\r\n    .mm-item__icon {\r\n      flex-shrink: 0;\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 8px;\r\n      background: #fff;\r\n      border: 1px solid var(--mm-panel-line);\r\n      color: var(--mm-ink-label);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: 1px;\r\n      transition: color 140ms ease, border-color 140ms ease;\r\n    }\r\n    .mm-item__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }\r\n    .mm-item__title {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      font-size: 0.855rem;\r\n      font-weight: 650;\r\n      line-height: 1.25;\r\n      color: var(--mm-ink);\r\n      transition: color 140ms ease;\r\n    }\r\n    .mm-item__desc {\r\n      font-size: 0.775rem;\r\n      line-height: 1.4;\r\n      color: var(--mm-ink-desc);\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* ---------- Badged entries ----------\r\n       The badge and the `--new` \/ `--soon` class are injected by\r\n       saalz-config.js from CONFIG.megamenuBadges; the markup ships without\r\n       them. These rules therefore have to work for any entry.\r\n\r\n       The badge floats to the top right of the title, so the first line of\r\n       the title flows beside it and the following line uses the full width.\r\n       The badge can therefore never sit alone under the title nor run under\r\n       the text, whatever the wording or the language \u2014 \"Nouveau\" reserves\r\n       more room than \"New\" without pushing the title onto a third line.\r\n\r\n       Title and description both reserve exactly two lines, so every badged\r\n       card ends up the same height with its icon, title, badge, description\r\n       and its top and bottom margins on the same lines. *\/\r\n    .mm-item--new,\r\n    .mm-item--soon { background: var(--mm-new-bg); border-color: var(--mm-new-line); }\r\n    .mm-item--new .mm-item__icon,\r\n    .mm-item--soon .mm-item__icon { color: var(--accent); border-color: var(--mm-new-line); }\r\n    .mm-item--new:hover,\r\n    .mm-item--soon:hover { background: var(--mm-new-hover); border-color: var(--mm-tint-line); }\r\n    .mm-item--new:focus-visible,\r\n    .mm-item--soon:focus-visible { background: var(--mm-new-hover); }\r\n\r\n    .mm-item--new .mm-item__title,\r\n    .mm-item--soon .mm-item__title {\r\n      display: block;\r\n      height: 2.5em;       \/* exactly two lines at line-height 1.25 *\/\r\n      overflow: hidden;\r\n    }\r\n    .mm-item--new .mm-item__desc,\r\n    .mm-item--soon .mm-item__desc { min-height: 2.8em; }  \/* two lines at line-height 1.4 *\/\r\n\r\n    \/* Kept deliberately compact \u2014 sentence case, no letter-spacing \u2014 because\r\n       the first word of the title has to fit beside it on line one and the\r\n       French wording (\"Nouveau\") is a third wider than the English one. *\/\r\n    .mm-badge {\r\n      float: right;\r\n      margin: 1px 0 0 6px;\r\n      font-size: 0.6rem;\r\n      font-weight: 800;\r\n      line-height: 1.45;\r\n      \/* Explicit: an earlier rule in the page still sets these. *\/\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n      padding: 1px 6px;\r\n      border-radius: var(--radius-full);\r\n      background: rgba(79,70,229,0.13);\r\n      color: var(--mm-indigo-dk);\r\n      white-space: nowrap;\r\n    }\r\n    .mm-badge--soon { background: #F2F4F7; color: var(--mm-ink-desc); }\r\n\r\n    \/* ---------- Footer ----------\r\n       The three actions stay on one row and keep their natural width; only\r\n       the sentence gives way, so the bar keeps a single baseline in French\r\n       as in English instead of breaking into two stacked rows. *\/\r\n    .megamenu__footer {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      flex-wrap: nowrap;\r\n      padding: 9px 20px;\r\n      background: #fff;\r\n      border-top: 1px solid var(--mm-panel-line);\r\n    }\r\n    .megamenu__footer-text {\r\n      flex: 0 1 auto;\r\n      min-width: 0;\r\n      font-size: 0.82rem;\r\n      font-weight: 500;\r\n      line-height: 1.35;\r\n      color: var(--mm-ink-label);\r\n    }\r\n    .megamenu__footer-actions {\r\n      flex: 0 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 18px;\r\n      flex-wrap: nowrap;\r\n    }\r\n    .megamenu__footer-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      font-size: 0.82rem;\r\n      font-weight: 650;\r\n      line-height: 1.35;\r\n      color: var(--mm-ink-soft);\r\n      text-decoration: none;\r\n      transition: color 140ms ease;\r\n    }\r\n    .megamenu__footer-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }\r\n    .megamenu__footer-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 5px; }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 36px;\r\n      padding: 0 1.15rem;\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n      line-height: 1.35;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    \/* ---------- Narrow desktop ----------\r\n       Between the accordion breakpoint and 1150px the shell is capped at\r\n       96vw, so the four columns get noticeably narrower and a long French\r\n       title stops fitting beside its badge. Tightening the shell spacing\r\n       gives the text back about twelve pixels per column. Nothing here\r\n       applies to the validated 1200px+ layout. *\/\r\n    @media (min-width: 1001px) and (max-width: 1195px) {\r\n      .megamenu__inner { padding: 12px; gap: 10px; }\r\n      .megamenu__col { padding: 14px 11px; }\r\n      .mm-item { padding: 9px 7px; }\r\n      \/* The columns get too narrow for a long French title to sit beside the\r\n         badge, so the badge takes its own line above the title instead of\r\n         squeezing \u2014 or worse, running under \u2014 the text. *\/\r\n      .mm-badge { float: none; display: inline-block; margin: 0 0 3px; padding: 1px 6px; }\r\n      .mm-item--new .mm-item__title,\r\n      .mm-item--soon .mm-item__title { height: auto; min-height: 3.6em; }\r\n      \/* A long French title can take a third line at the bottom of the band;\r\n         a common floor keeps the five cards identical there too. *\/\r\n      .mm-item--new,\r\n      .mm-item--soon { min-height: 7rem; }\r\n    }\r\n\r\n    \/* ---------- Tablet \/ mobile: accordions ---------- *\/\r\n    @media (max-width: 1000px) {\r\n      .nav__inner { height: 64px; }\r\n      .megamenu { width: 100%; border: none; box-shadow: none; border-radius: 0; }\r\n      .megamenu__inner { display: block; padding: 0; gap: 0; }\r\n      .megamenu__col {\r\n        background: transparent;\r\n        border: none;\r\n        border-bottom: 1px solid var(--color-border);\r\n        border-radius: 0;\r\n        padding: 0;\r\n        gap: 0;\r\n        display: block;\r\n      }\r\n      .megamenu__col-head { display: block; position: relative; }\r\n      a.megamenu__col-label {\r\n        display: flex;\r\n        width: 100%;\r\n        min-height: 48px;\r\n        align-items: center;\r\n        padding: 12px 44px 12px 4px;\r\n        font-size: 0.78rem;\r\n        color: var(--mm-ink);\r\n      }\r\n      .mm-col-arrow { display: none; }\r\n      .megamenu__col-toggle {\r\n        display: flex;\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        width: 44px;\r\n        height: 44px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: none;\r\n        background: none;\r\n        border-radius: 9px;\r\n        color: var(--mm-ink-label);\r\n        cursor: pointer;\r\n      }\r\n      .megamenu__col-toggle svg { transition: transform 180ms var(--ease-out); }\r\n      .megamenu__col-toggle[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\r\n      .megamenu__col-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n      .megamenu__col-body { display: none; padding-bottom: 10px; }\r\n      .megamenu__col-body.is-open { display: block; }\r\n      .mm-item { min-height: 48px; }\r\n      \/* One column: rows already share a width, so the reserved two-line\r\n         slots would only add dead space. *\/\r\n      .mm-item--new .mm-item__title,\r\n      .mm-item--soon .mm-item__title { height: auto; min-height: 0; }\r\n      .mm-item--new .mm-item__desc,\r\n      .mm-item--soon .mm-item__desc { min-height: 0; }\r\n      .megamenu__footer { flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding: 14px 4px; }\r\n      .megamenu__footer-actions { flex-wrap: wrap; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .mm-col-arrow,\r\n      .megamenu__col-toggle svg,\r\n      .nav__item--mega > a .mm-caret,\r\n      .nav__links a,\r\n      .mm-item,\r\n      .mm-item__icon,\r\n      .mm-item__title,\r\n      .megamenu__footer-link { transition: none; }\r\n    }\r\n\r\n  \r\n    \/* CENTRED SUBTITLE FIX *\/\r\n    \/* Centred section subtitles inherit `max-width: 72ch` from the base\r\n       reset with no auto margins: the box hugged the left edge, so the\r\n       centred text sat ~77px left of true centre. *\/\r\n    .comparison__sub,\r\n    .testimonials__sub,\r\n    .features-section__sub,\r\n    .how-it-works__sub,\r\n    .use-cases__sub,\r\n    .ai-features-section__sub,\r\n    .how-section__sub,\r\n    .insight-section__sub,\r\n    .tools__lede {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }  \r\n    \/* ============================\r\n       PROSPECTION PAGE -- additions only; everything above is the shared\r\n       feature-page stylesheet.\r\n    ============================ *\/\r\n    .px-note { display:flex; flex-wrap:wrap; align-items:center; gap:8px;\r\n      font-size:var(--text-xs); font-weight:600; color:var(--color-text-muted); }\r\n    .px-note b { color:var(--accent); font-weight:800; }\r\n    .px-note i { width:4px; height:4px; border-radius:50%; background:var(--color-text-faint); }\r\n\r\n    \/* Hero mockup: one proposed prospect, the decision the user makes *\/\r\n    .px-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }\r\n    .px-head__t { font-size:11px; font-weight:700; color:rgba(255,255,255,.6); }\r\n    .px-head__c { font-size:10px; font-weight:700; color:#C7D2FE; background:rgba(99,102,241,.18);\r\n      padding:3px 9px; border-radius:999px; white-space:nowrap; }\r\n    .px-card { position:relative; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);\r\n      border-radius:14px; padding:14px; display:flex; flex-direction:column; gap:12px; }\r\n    .px-who { display:flex; gap:10px; align-items:center; }\r\n    .px-av { width:34px; height:34px; border-radius:50%; flex:none; display:grid; place-items:center;\r\n      font-size:11px; font-weight:800; color:#fff; background:linear-gradient(135deg,#4F46E5,#7C3AED); }\r\n    .px-name { font-size:13px; font-weight:700; color:#fff; }\r\n    .px-role { font-size:11px; color:rgba(255,255,255,.5); margin-top:1px; }\r\n    .px-sig { border-left:2px solid #818CF8; padding:8px 10px; background:rgba(99,102,241,.09); border-radius:0 8px 8px 0; }\r\n    .px-k { font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#A5B4FC; }\r\n    .px-sig__v { font-size:12px; font-weight:600; color:#fff; margin-top:3px; }\r\n    .px-sig__q { font-size:11px; color:rgba(255,255,255,.58); margin-top:4px; font-style:italic; }\r\n    .px-sig__m { font-size:10px; color:rgba(255,255,255,.4); margin-top:5px; }\r\n    .px-match__row { display:flex; justify-content:space-between; gap:8px; font-size:10px; font-weight:700; color:rgba(255,255,255,.55); }\r\n    .px-match__bar { height:6px; border-radius:999px; background:rgba(255,255,255,.08); margin-top:6px; overflow:hidden; }\r\n    .px-match__bar i { display:block; height:100%; width:80%; border-radius:inherit; background:linear-gradient(90deg,#6366F1,#3B82F6); }\r\n    .px-msg { background:rgba(255,255,255,.05); border-radius:10px; padding:10px; }\r\n    .px-msg__k { display:flex; justify-content:space-between; gap:8px; margin-bottom:5px; }\r\n    .px-msg__k span:last-child { font-size:10px; font-weight:700; color:#A5B4FC; }\r\n    .px-msg p { font-size:11.5px; line-height:1.5; color:rgba(255,255,255,.82); margin:0; }\r\n    .px-acts { display:flex; gap:6px; }\r\n    .px-acts span { flex:1; text-align:center; font-size:11px; font-weight:700; padding:7px 0; border-radius:8px;\r\n      background:rgba(255,255,255,.06); color:rgba(255,255,255,.72); }\r\n    .px-acts span.is-primary { background:#4F46E5; color:#fff; }\r\n\r\n    \/* Five steps instead of the template's three *\/\r\n    .steps-row.px-steps { grid-template-columns:repeat(5, minmax(0,1fr)); }\r\n    .steps-row.px-steps::before { left:10%; right:10%; }\r\n    @media (max-width: 1100px) {\r\n      .steps-row.px-steps { grid-template-columns:repeat(2, minmax(0,1fr)); }\r\n      .steps-row.px-steps::before { display:none; }\r\n    }\r\n    @media (max-width: 700px) { .steps-row.px-steps { grid-template-columns:1fr; } }\r\n\r\n    \/* Shared section shell for the new sections *\/\r\n    .px-sec { padding-block:clamp(var(--space-16), 8vw, var(--space-24)); }\r\n    .px-sec--white { background:var(--color-surface); }\r\n    .px-sec--tint { background:var(--color-bg); }\r\n\r\n    \/* Sources *\/\r\n    .px-src-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-5); }\r\n    .px-src { background:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--radius-2xl); padding:var(--space-6); }\r\n    .px-src__h { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:var(--space-2); }\r\n    .px-src__h strong { font-size:var(--text-base); font-weight:800; color:var(--navy); }\r\n    .px-tag { font-size:11px; font-weight:700; color:var(--color-text-muted); background:var(--color-surface-2);\r\n      padding:2px 9px; border-radius:999px; }\r\n    .px-src__lead { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.55; margin-bottom:var(--space-3); }\r\n    .px-src ul, .px-list { list-style:none; margin:0; padding:0; }\r\n    .px-src ul { display:flex; flex-direction:column; gap:8px; }\r\n    .px-src li { position:relative; padding-left:18px; font-size:var(--text-sm); color:var(--color-text); line-height:1.55; }\r\n    .px-src li::before { content:''; position:absolute; left:3px; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--accent); }\r\n    .px-aside { max-width:62ch; margin:var(--space-8) auto 0; text-align:center; font-size:var(--text-sm);\r\n      color:var(--color-text-muted); line-height:1.65; }\r\n    @media (max-width: 760px) { .px-src-grid { grid-template-columns:1fr; } }\r\n\r\n    \/* Sequence: text beside a drawn sequence *\/\r\n    .px-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n      gap:clamp(var(--space-10), 5vw, var(--space-16)); align-items:center; }\r\n    .px-split h2 { font-size:var(--text-2xl); font-weight:800; color:var(--navy); letter-spacing:-0.03em;\r\n      margin:var(--space-3) 0 var(--space-4); text-wrap:balance; }\r\n    .px-split > div > p { font-size:var(--text-base); color:var(--color-text-muted); line-height:1.65; }\r\n    .px-list { display:flex; flex-direction:column; gap:var(--space-4); margin-top:var(--space-6); }\r\n    .px-list li { display:flex; gap:12px; font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.6; }\r\n    .px-list li b { color:var(--navy); }\r\n    .px-check { flex:none; width:20px; height:20px; margin-top:2px; border-radius:50%; display:grid; place-items:center;\r\n      background:var(--accent-light-2); color:var(--accent); }\r\n    .px-flow { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-2xl);\r\n      padding:var(--space-6); box-shadow:var(--shadow-md); }\r\n    .px-flow__t { font-size:var(--text-xs); font-weight:800; letter-spacing:.08em; text-transform:uppercase;\r\n      color:var(--color-text-faint); margin-bottom:var(--space-4); }\r\n    .px-node { display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid var(--color-border);\r\n      border-radius:12px; background:var(--color-bg); font-size:13px; font-weight:700; color:var(--navy); }\r\n    .px-node small { margin-left:auto; padding-left:8px; font-size:11px; font-weight:600; color:var(--color-text-faint); white-space:nowrap; }\r\n    .px-node--if { background:#FFFBEB; border-color:#FDE68A; }\r\n    .px-node--end { background:#F0FDF4; border-color:#BBF7D0; }\r\n    .px-ic { width:26px; height:26px; flex:none; border-radius:8px; display:grid; place-items:center; }\r\n    .px-ic--li { background:#E0EAFB; color:#1D4ED8; }\r\n    .px-ic--mail { background:var(--accent-light-2); color:var(--accent); }\r\n    .px-ic--wait { background:var(--color-surface-2); color:var(--color-text-muted); }\r\n    .px-ic--if { background:#FEF3C7; color:#B45309; }\r\n    .px-ic--end { background:#DCFCE7; color:#15803D; }\r\n    .px-link { width:2px; height:14px; margin:0 auto; background:var(--color-border); }\r\n    .px-branch { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }\r\n    .px-branch > div { display:flex; flex-direction:column; }\r\n    .px-branch__lbl { text-align:center; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;\r\n      color:var(--color-text-faint); margin-bottom:6px; }\r\n    @media (max-width: 900px) { .px-split { grid-template-columns:1fr; } }\r\n    @media (max-width: 420px) { .px-node small { display:none; } }\r\n\r\n    \/* AI replies: a fixed table, not the model, decides *\/\r\n    .px-head-c { text-align:center; max-width:720px; margin:0 auto clamp(var(--space-10), 5vw, var(--space-12)); }\r\n    .px-head-c h2 { font-size:var(--text-2xl); font-weight:800; color:var(--navy); letter-spacing:-0.03em;\r\n      margin:var(--space-3) 0 var(--space-4); text-wrap:balance; }\r\n    .px-head-c p { font-size:var(--text-base); color:var(--color-text-muted); line-height:1.65; }\r\n    .px-table-wrap { max-width:880px; margin:0 auto; border:1px solid var(--color-border); border-radius:var(--radius-2xl);\r\n      overflow:hidden; box-shadow:var(--shadow-sm); background:var(--color-surface); }\r\n    .px-table { width:100%; border-collapse:collapse; font-size:var(--text-sm); }\r\n    .px-table th { text-align:left; padding:12px 18px; background:var(--color-bg); border-bottom:1px solid var(--color-border);\r\n      font-size:var(--text-xs); font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--color-text-faint); }\r\n    .px-table td { padding:13px 18px; border-bottom:1px solid var(--color-border); vertical-align:top;\r\n      color:var(--color-text-muted); line-height:1.55; }\r\n    .px-table td:first-child { width:36%; font-weight:700; color:var(--navy); }\r\n    .px-table tr:last-child td { border-bottom:0; }\r\n    .px-table tr.is-human td { background:#FFFBEB; }\r\n    .px-table tr.is-human td:last-child { color:#92400E; font-weight:700; }\r\n    .px-rules { max-width:880px; margin:var(--space-8) auto 0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-5) var(--space-8); }\r\n    .px-rule { padding-left:14px; border-left:2px solid var(--accent-light-2); font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.55; }\r\n    .px-rule b { display:block; color:var(--navy); margin-bottom:2px; }\r\n    @media (max-width: 700px) {\r\n      .px-rules { grid-template-columns:1fr; }\r\n      .px-table td:first-child { width:auto; }\r\n      .px-table th, .px-table td { padding:11px 13px; }\r\n    }\r\n\r\n    \/* Account safety: the dark band *\/\r\n    .px-safe { background:var(--navy); color:#fff; position:relative; overflow:hidden; }\r\n    .px-safe::before { content:''; position:absolute; top:-30%; left:-10%; width:55%; height:90%; pointer-events:none;\r\n      background:radial-gradient(ellipse, rgba(79,70,229,.25) 0%, transparent 70%); }\r\n    .px-safe .container { position:relative; }\r\n    .px-safe .section-label { color:#A5B4FC; }\r\n    .px-safe .px-split { align-items:start; }\r\n    .px-safe h2 { color:#fff; }\r\n    .px-safe .px-split > div > p { color:rgba(255,255,255,.66); }\r\n    .px-safe-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-4); }\r\n    .px-safe-item { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius-xl); padding:var(--space-5); }\r\n    .px-safe-item b { display:block; font-size:var(--text-sm); color:#fff; margin-bottom:6px; }\r\n    .px-safe-item span { font-size:var(--text-sm); color:rgba(255,255,255,.62); line-height:1.6; }\r\n    .px-mailnote { margin-top:var(--space-6); padding-top:var(--space-5); border-top:1px solid rgba(255,255,255,.09);\r\n      font-size:var(--text-sm); color:rgba(255,255,255,.62); line-height:1.65; }\r\n    .px-mailnote b { color:#fff; }\r\n    @media (max-width: 560px) { .px-safe-grid { grid-template-columns:1fr; } }\r\n\r\n    \/* Results *\/\r\n    .px-results { text-align:center; }\r\n    .px-results h2 { font-size:var(--text-2xl); font-weight:800; color:var(--navy); letter-spacing:-0.03em;\r\n      max-width:24ch; margin:var(--space-3) auto var(--space-4); text-wrap:balance; }\r\n    .px-results p { max-width:62ch; margin:0 auto; color:var(--color-text-muted); line-height:1.65; }\r\n    .px-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:var(--space-8); }\r\n    .px-chips span { font-size:13px; font-weight:700; color:var(--navy); background:var(--color-bg);\r\n      border:1px solid var(--color-border); border-radius:999px; padding:7px 14px; }\r\n  <\/style>\r\n\r\n  <section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <nav class=\"hero__breadcrumb\" aria-label=\"Breadcrumb\">\r\n        <a data-route-features href=\"saalz-page-features.html\">Fonctionnalit\u00e9s<\/a>\r\n        <span class=\"hero__breadcrumb-sep\">&rsaquo;<\/span>\r\n        <a data-route-ai href=\"saalz-page-ai.html\">IA &amp; Automatisation<\/a>\r\n        <span class=\"hero__breadcrumb-sep\">&rsaquo;<\/span>\r\n        <span class=\"hero__breadcrumb-current\">Prospection multicanale<\/span>\r\n      <\/nav>\r\n\r\n      <div class=\"hero__content\">\r\n        <div class=\"hero__text\">\r\n          <div class=\"hero__pill\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            Prospection multicanale<\/div>\r\n\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            La prospection qui part d'un signal <span>et finit dans votre agenda.<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            Chaque jour, Saalz rep\u00e8re des prospects qui correspondent \u00e0 votre cible et qui montrent un signal d'int\u00e9r\u00eat, les contacte depuis votre propre compte LinkedIn et vos bo\u00eetes mail avec un message personnalis\u00e9, et leur propose un rendez-vous. Tout arrive dans votre CRM.\r\n          <\/p>\r\n\r\n          <div class=\"hero__ctas\">\r\n            <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--primary\" style=\"padding:0.75rem 1.45rem;font-size:0.9375rem;border-radius:var(--radius-full);\" data-track=\"live_demo_clicked\" data-track-props=\"{&quot;placement&quot;:&quot;page_hero&quot;}\" data-live-demo rel=\"noopener\">\r\n              R\u00e9server une d\u00e9mo\r\n            <\/a>\r\n            <a data-route-pricing href=\"saalz-pricing-indigo-v2.html\" class=\"btn btn--ghost\" style=\"padding:0.75rem 1.3rem;font-size:0.9375rem;border-radius:var(--radius-full);border-width:1.5px;\">\r\n              Voir les tarifs &rarr;\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"px-note\"><b>Disponible d\u00e8s l'offre Growth<\/b><\/p>\r\n        <\/div>\r\n\r\n        <!-- Visual: one proposed prospect, as the user reviews it. Illustrative data. -->\r\n        <div class=\"hero__visual\" aria-hidden=\"true\">\r\n          <div class=\"hero__mockup\">\r\n            <div class=\"mock-topbar\">\r\n              <div class=\"mock-dots\">\r\n                <div class=\"mock-dot mock-dot--red\"><\/div>\r\n                <div class=\"mock-dot mock-dot--yellow\"><\/div>\r\n                <div class=\"mock-dot mock-dot--green\"><\/div>\r\n              <\/div>\r\n              <span class=\"mock-topbar-title\">Saalz \u2014 Prospection<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n            <div class=\"px-head\">\r\n              <span class=\"px-head__t\">Prospects propos\u00e9s<\/span>\r\n              <span class=\"px-head__c\">Campagne \u00b7 Dirigeants PME<\/span>\r\n            <\/div>\r\n            <div class=\"px-card\">\r\n              <div class=\"px-who\">\r\n                <div class=\"px-av\">CL<\/div>\r\n                <div><div class=\"px-name\">Camille Laurent<\/div><div class=\"px-role\">Directrice commerciale \u00b7 Atelier Nord<\/div><\/div>\r\n              <\/div>\r\n              <div class=\"px-sig\">\r\n                <div class=\"px-k\">Signal<\/div>\r\n                <div class=\"px-sig__v\">A comment\u00e9 un post sur la prospection B2B<\/div>\r\n                <div class=\"px-sig__q\">\u00ab Le vrai sujet, c'est de savoir qui contacter en premier. \u00bb<\/div>\r\n                <div class=\"px-sig__m\">LinkedIn \u00b7 il y a 2 jours<\/div>\r\n              <\/div>\r\n              <div>\r\n                <div class=\"px-match__row\"><span>Correspondance avec la cible<\/span><span>4 crit\u00e8res sur 5<\/span><\/div>\r\n                <div class=\"px-match__bar\"><i><\/i><\/div>\r\n              <\/div>\r\n              <div class=\"px-msg\">\r\n                <div class=\"px-msg__k\"><span class=\"px-k\">Premier message propos\u00e9<\/span><span>R\u00e9\u00e9crire<\/span><\/div>\r\n                <p>Bonjour Camille, votre commentaire sur la priorisation des prospects m'a parl\u00e9 : c'est exactement le probl\u00e8me que nous\u2026<\/p>\r\n              <\/div>\r\n              <div class=\"px-acts\"><span>\u00c9carter<\/span><span>Modifier<\/span><span class=\"is-primary\">Valider<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"features-section\" aria-labelledby=\"features-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"features-section__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Ce qui change<\/div>\r\n        <h2 class=\"features-section__h2\" id=\"features-heading\">Moins de volume, plus de rendez-vous<\/h2>\r\n        <p class=\"features-section__sub\">La prospection telle qu'elle devrait se faire : cibl\u00e9e, prudente, et branch\u00e9e sur votre CRM.<\/p>\r\n      <\/div>\r\n      <div class=\"features-grid\">\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12.5a7 7 0 0 1 14 0M8.5 12.5a3.5 3.5 0 0 1 7 0\"\/><circle cx=\"12\" cy=\"12.5\" r=\"1\"\/><path d=\"M12 13.5V20\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Le signal avant le volume<\/div>\r\n          <div class=\"feature-card__desc\">Chaque prospect arrive avec la raison pour laquelle il remonte \u2014 un post comment\u00e9, un changement de poste, une cr\u00e9ation d'entreprise, un recrutement \u2014 et la preuve : source, date, extrait.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"7.5\" r=\"3.5\"\/><path d=\"M2.5 20c.8-3.6 3.3-5.5 6.5-5.5s5.7 1.9 6.5 5.5\"\/><path d=\"M15.5 10.5l2 2 4-4.5\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Vous d\u00e9cidez<\/div>\r\n          <div class=\"feature-card__desc\">Par d\u00e9faut, vous validez chaque prospect et son premier message. Les r\u00e9ponses automatiques restent \u00e9teintes tant que vous ne les activez pas.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2.5l8 3v6c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10v-6z\"\/><path d=\"M8.5 12l2.5 2.5 4.5-5\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Votre compte est prot\u00e9g\u00e9<\/div>\r\n          <div class=\"feature-card__desc\">Des plafonds fix\u00e9s bien en dessous des limites de LinkedIn, une mont\u00e9e en charge progressive, des pauses al\u00e9atoires et un arr\u00eat automatique au moindre refus.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5\" width=\"11\" height=\"8\" rx=\"1.5\"\/><path d=\"M3 5.8l5 3.7 5-3.7\"\/><path d=\"M13.5 15.5h6.5v-5.5h-3M16 18.5l-2.5-3 2.5-3\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Multicanal, depuis vos comptes<\/div>\r\n          <div class=\"feature-card__desc\">LinkedIn et e-mail dans une m\u00eame s\u00e9quence, envoy\u00e9s depuis votre compte et vos bo\u00eetes mail, avec votre domaine de suivi et la d\u00e9sinscription int\u00e9gr\u00e9e.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 4v16\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Tout finit dans le CRM<\/div>\r\n          <div class=\"feature-card__desc\">Contacts et entreprises d\u00e9doublonn\u00e9s, \u00e9changes en notes, rendez-vous en activit\u00e9s, opportunit\u00e9s dans votre pipeline. Pas d'outil externe, pas d'import.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6h12M8 12h12M8 18h12\"\/><circle cx=\"4\" cy=\"6\" r=\"1\"\/><circle cx=\"4\" cy=\"12\" r=\"1\"\/><circle cx=\"4\" cy=\"18\" r=\"1\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Rien n'est cach\u00e9<\/div>\r\n          <div class=\"feature-card__desc\">Un journal de tout ce qui part, tout ce qui revient et chaque d\u00e9cision du moteur, avec ce qui est pr\u00e9vu et ce qui bloque.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"how-it-works\" aria-labelledby=\"how-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"how-it-works__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Comment \u00e7a marche<\/div>\r\n        <h2 class=\"how-it-works__h2\" id=\"how-heading\">Du signal au rendez-vous, en cinq \u00e9tapes<\/h2>\r\n        <p class=\"how-it-works__sub\">Vous r\u00e9glez la cible et les limites. Saalz fait le reste, sous vos yeux.<\/p>\r\n      <\/div>\r\n      <ol class=\"steps-row px-steps\" role=\"list\" style=\"list-style:none;padding:0;margin:0;\">\r\n        <li class=\"step-card reveal reveal--delay-1\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">1<\/div>\r\n          <div class=\"step-title\">D\u00e9crivez votre offre et votre cible<\/div>\r\n          <div class=\"step-desc\">\u00c0 la main, ou en donnant l'adresse de votre site : l'IA propose une offre et une cible, vous corrigez.<\/div>\r\n        <\/li>\r\n        <li class=\"step-card reveal reveal--delay-2\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">2<\/div>\r\n          <div class=\"step-title\">Choisissez d'o\u00f9 viennent les prospects<\/div>\r\n          <div class=\"step-desc\">Engagement LinkedIn, signaux Sales Navigator, registres d'entreprises, recrutements, vos listes du CRM.<\/div>\r\n        <\/li>\r\n        <li class=\"step-card reveal reveal--delay-3\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">3<\/div>\r\n          <div class=\"step-title\">Validez les prospects propos\u00e9s<\/div>\r\n          <div class=\"step-desc\">Chacun montre son signal, sa correspondance avec la cible et le premier message propos\u00e9. Vous validez, modifiez ou \u00e9cartez.<\/div>\r\n        <\/li>\r\n        <li class=\"step-card reveal reveal--delay-1\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">4<\/div>\r\n          <div class=\"step-title\">La s\u00e9quence s'ex\u00e9cute<\/div>\r\n          <div class=\"step-desc\">Invitations, messages, e-mails et relances partent dans vos limites, depuis vos comptes. Une r\u00e9ponse arr\u00eate la s\u00e9quence.<\/div>\r\n        <\/li>\r\n        <li class=\"step-card reveal reveal--delay-2\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">5<\/div>\r\n          <div class=\"step-title\">Le rendez-vous arrive<\/div>\r\n          <div class=\"step-desc\">Le prospect int\u00e9ress\u00e9 re\u00e7oit deux cr\u00e9neaux et un lien de r\u00e9servation. Le rendez-vous s'inscrit dans votre agenda et dans le CRM.<\/div>\r\n        <\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"px-sec px-sec--white\" aria-labelledby=\"src-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"px-head-c reveal\">\r\n        <div class=\"section-label\">Sources et signaux<\/div>\r\n        <h2 id=\"src-heading\">Des prospects qui ont montr\u00e9 quelque chose<\/h2>\r\n        <p>Chaque prospect est rattach\u00e9 \u00e0 une source et garde la preuve du signal qui l'a fait remonter.<\/p>\r\n      <\/div>\r\n      <div class=\"px-src-grid\">\r\n        <div class=\"px-src reveal\">\r\n          <div class=\"px-src__h\"><strong>Engagement et recherche LinkedIn<\/strong><\/div>\r\n          \r\n          <ul><li>Les personnes qui r\u00e9agissent ou commentent les posts d'une page d'entreprise, d'un profil, ou des posts trouv\u00e9s par mots-cl\u00e9s<\/li><li>Les auteurs de posts sur un sujet<\/li><li>Les membres d'un groupe LinkedIn<\/li><li>Une recherche de personnes sur vos crit\u00e8res, avec des termes propos\u00e9s par l'IA<\/li><\/ul>\r\n        <\/div>\r\n        <div class=\"px-src reveal\">\r\n          <div class=\"px-src__h\"><strong>Signaux Sales Navigator<\/strong><span class=\"px-tag\">Sales Navigator requis<\/span><\/div>\r\n          \r\n          <ul><li>Changement de poste<\/li><li>Personne active r\u00e9cemment sur LinkedIn<\/li><li>Visiteurs de votre profil<\/li><li>Abonn\u00e9s de votre page<\/li><\/ul>\r\n        <\/div>\r\n        <div class=\"px-src reveal\">\r\n          <div class=\"px-src__h\"><strong>Signaux d'entreprise<\/strong><\/div>\r\n          <p class=\"px-src__lead\">Saalz trouve ensuite les d\u00e9cideurs de votre cible dans l'entreprise.<\/p>\r\n          <ul><li>Cr\u00e9ations d'entreprise et changements de dirigeant ou de capital, dans les registres fran\u00e7ais<\/li><li>Nouvelles soci\u00e9t\u00e9s au Royaume-Uni et nouvelles entr\u00e9es au registre mondial des LEI, par pays<\/li><li>Entreprises qui recrutent, rep\u00e9r\u00e9es par leurs offres d'emploi<\/li><\/ul>\r\n        <\/div>\r\n        <div class=\"px-src reveal\">\r\n          <div class=\"px-src__h\"><strong>Vos propres donn\u00e9es<\/strong><\/div>\r\n          \r\n          <ul><li>Une liste du CRM ou un fichier de Data Enrichment<\/li><li>Vos anciens clients qui ont chang\u00e9 d'entreprise<\/li><li>Des profils similaires \u00e0 un prospect, en un clic depuis sa fiche<\/li><\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"px-aside\">L'IA sugg\u00e8re des sources d'apr\u00e8s votre cible, et lit vos refus pour proposer d'affiner la cible : postes \u00e0 \u00e9carter, entreprises \u00e0 exclure, source \u00e0 couper.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"px-sec px-sec--tint\" aria-labelledby=\"seq-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"px-split\">\r\n        <div class=\"reveal\">\r\n          <div class=\"section-label\">La s\u00e9quence<\/div>\r\n          <h2 id=\"seq-heading\">Une s\u00e9quence, deux canaux, un seul fil<\/h2>\r\n          <p>La s\u00e9quence se dessine dans un studio visuel. Chaque prospect garde le m\u00eame exp\u00e9diteur du d\u00e9but \u00e0 la fin.<\/p>\r\n          <ul class=\"px-list\"><li><span class=\"px-check\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 6.2l2.4 2.3 4.6-5\"\/><\/svg><\/span><span><b>LinkedIn, e-mail, ou les deux.<\/b> Une campagne peut \u00eatre e-mail seul \u2014 aucun compte LinkedIn n\u00e9cessaire \u2014 LinkedIn seul, ou m\u00e9langer les deux.<\/span><\/li><li><span class=\"px-check\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 6.2l2.4 2.3 4.6-5\"\/><\/svg><\/span><span><b>Une r\u00e9ponse arr\u00eate tout.<\/b> R\u00e9ponse, rendez-vous, refus ou opposition : plus aucune relance ne part. Jamais deux campagnes sur la m\u00eame personne.<\/span><\/li><li><span class=\"px-check\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 6.2l2.4 2.3 4.6-5\"\/><\/svg><\/span><span><b>Trois modes.<\/b> Validation par d\u00e9faut, semi-automatique au-dessus d'un seuil de correspondance, ou automatique.<\/span><\/li><li><span class=\"px-check\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 6.2l2.4 2.3 4.6-5\"\/><\/svg><\/span><span><b>Vos mots ou ceux de l'IA.<\/b> Messages \u00e9crits par l'IA pour chaque prospect, ou par vous avec des variables et vos colonnes personnalis\u00e9es.<\/span><\/li><\/ul>\r\n        <\/div>\r\n        <div class=\"px-flow reveal reveal--delay-2\" aria-hidden=\"true\">\r\n          <div class=\"px-flow__t\">Exemple de s\u00e9quence<\/div>\r\n          <div class=\"px-node\"><span class=\"px-ic px-ic--li\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M1.5 8S4 3.5 8 3.5 14.5 8 14.5 8 12 12.5 8 12.5 1.5 8 1.5 8z\"\/><circle cx=\"8\" cy=\"8\" r=\"2\"\/><\/svg><\/span>Visite de profil<small>Jour 1<\/small><\/div>\r\n          <div class=\"px-link\"><\/div>\r\n          <div class=\"px-node\"><span class=\"px-ic px-ic--li\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"6\" cy=\"5.5\" r=\"2.5\"\/><path d=\"M1.5 13.5c.6-2.4 2.3-3.5 4.5-3.5s3.9 1.1 4.5 3.5M12.5 5v4M10.5 7h4\"\/><\/svg><\/span>Invitation LinkedIn<small>Jour 1<\/small><\/div>\r\n          <div class=\"px-link\"><\/div>\r\n          <div class=\"px-node\"><span class=\"px-ic px-ic--wait\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><path d=\"M8 4.8V8l2.2 1.4\"\/><\/svg><\/span>Attente<small>3 jours ouvr\u00e9s<\/small><\/div>\r\n          <div class=\"px-link\"><\/div>\r\n          <div class=\"px-node px-node--if\"><span class=\"px-ic px-ic--if\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M8 2v4M8 6L3.5 11M8 6l4.5 5M3.5 11v3M12.5 11v3\"\/><\/svg><\/span>En relation ?<\/div>\r\n          <div class=\"px-link\"><\/div>\r\n          <div class=\"px-branch\">\r\n            <div>\r\n              <div class=\"px-branch__lbl\">Oui<\/div>\r\n              <div class=\"px-node\"><span class=\"px-ic px-ic--li\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 3.5h11v7h-6l-3 2.5v-2.5h-2z\"\/><\/svg><\/span>Message LinkedIn<\/div>\r\n              <div class=\"px-link\"><\/div>\r\n              <div class=\"px-node\"><span class=\"px-ic px-ic--li\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.5 3.5h11v7h-6l-3 2.5v-2.5h-2z\"\/><\/svg><\/span>Relance LinkedIn<\/div>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"px-branch__lbl\">Non<\/div>\r\n              <div class=\"px-node\"><span class=\"px-ic px-ic--mail\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"3.5\" width=\"12\" height=\"9\" rx=\"1.5\"\/><path d=\"M2.5 4.5L8 9l5.5-4.5\"\/><\/svg><\/span>E-mail<\/div>\r\n              <div class=\"px-link\"><\/div>\r\n              <div class=\"px-node\"><span class=\"px-ic px-ic--mail\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"3.5\" width=\"12\" height=\"9\" rx=\"1.5\"\/><path d=\"M2.5 4.5L8 9l5.5-4.5\"\/><\/svg><\/span>Relance e-mail<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"px-link\"><\/div>\r\n          <div class=\"px-node px-node--end\"><span class=\"px-ic px-ic--end\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3.5 8.5l3 3 6-7\"\/><\/svg><\/span>Fin<small>sur r\u00e9ponse ou rendez-vous<\/small><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"px-sec px-sec--white\" aria-labelledby=\"ai-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"px-head-c reveal\">\r\n        <div class=\"section-label\">R\u00e9ponses automatiques<\/div>\r\n        <h2 id=\"ai-heading\">L'IA r\u00e9pond dans un cadre fixe<\/h2>\r\n        <p>Les r\u00e9ponses automatiques s'activent campagne par campagne et sont \u00e9teintes par d\u00e9faut. L'IA classe le message re\u00e7u ; l'action suit une table fixe. Ce n'est pas le mod\u00e8le qui d\u00e9cide.<\/p>\r\n      <\/div>\r\n      <div class=\"px-table-wrap reveal\">\r\n        <table class=\"px-table\">\r\n          <thead><tr><th scope=\"col\">Message re\u00e7u<\/th><th scope=\"col\">Ce que fait Saalz<\/th><\/tr><\/thead>\r\n          <tbody><tr><td>Int\u00e9r\u00eat<\/td><td>R\u00e9ponse, puis deux cr\u00e9neaux et le lien de r\u00e9servation<\/td><\/tr><tr><td>Question sur l'offre<\/td><td>R\u00e9ponse fond\u00e9e uniquement sur votre fiche offre, puis proposition de rendez-vous<\/td><\/tr><tr><td>Demande de rendez-vous<\/td><td>Deux cr\u00e9neaux et le lien de r\u00e9servation<\/td><\/tr><tr><td>Refus poli<\/td><td>Remerciement bref, s\u00e9quence termin\u00e9e<\/td><\/tr><tr><td>Demande de ne plus \u00eatre contact\u00e9<\/td><td>Excuse br\u00e8ve, inscription d\u00e9finitive sur la liste d'opposition<\/td><\/tr><tr><td>Absence, message automatique<\/td><td>Aucune r\u00e9ponse, relance d\u00e9cal\u00e9e<\/td><\/tr><tr class=\"is-human\"><td>Prix, objection, plainte, doute<\/td><td>La main vous revient, avec une alerte<\/td><\/tr><\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"px-rules reveal\"><div class=\"px-rule\"><b>Rien d'invent\u00e9<\/b>Ni client, ni chiffre, ni comp\u00e9tence : les messages s'appuient sur le signal et le profil.<\/div><div class=\"px-rule\"><b>Trois r\u00e9ponses au plus<\/b>Au-del\u00e0 de trois r\u00e9ponses automatiques dans une conversation, un humain reprend.<\/div><div class=\"px-rule\"><b>Vous gardez la main<\/b>Si vous \u00e9crivez vous-m\u00eame, dans Saalz ou dans LinkedIn, l'IA se tait sur cette conversation.<\/div><div class=\"px-rule\"><b>Le prospect ne pilote pas l'IA<\/b>Ce qu'il \u00e9crit est trait\u00e9 comme une donn\u00e9e, jamais comme une instruction.<\/div><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"px-sec px-safe\" aria-labelledby=\"safe-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"px-split\">\r\n        <div class=\"reveal\">\r\n          <div class=\"section-label\">S\u00e9curit\u00e9 du compte<\/div>\r\n          <h2 id=\"safe-heading\">Votre compte LinkedIn est prot\u00e9g\u00e9<\/h2>\r\n          <p>Les envois partent de votre propre compte, jamais d'un compte de Saalz. Les limites sont donc fix\u00e9es pour le prot\u00e9ger, pas pour maximiser le volume. La connexion est h\u00e9berg\u00e9e : Saalz ne stocke ni votre mot de passe ni vos cookies LinkedIn.<\/p>\r\n          <p class=\"px-mailnote\"><b>C\u00f4t\u00e9 e-mail<\/b> \u2014 \u00e0 la connexion, Saalz lit les enregistrements SPF, DKIM et DMARC de votre domaine et explique quoi corriger. Chaque bo\u00eete monte en charge progressivement, le suivi peut se faire sur votre propre sous-domaine, et chaque e-mail porte un lien de d\u00e9sinscription.<\/p>\r\n        <\/div>\r\n        <div class=\"px-safe-grid reveal reveal--delay-2\"><div class=\"px-safe-item\"><b>Des plafonds bien en dessous des limites de LinkedIn<\/b><span>Vous pouvez baisser le rythme, jamais le d\u00e9passer.<\/span><\/div><div class=\"px-safe-item\"><b>Une mont\u00e9e en charge progressive<\/b><span>Un compte neuf d\u00e9marre doucement et acc\u00e9l\u00e8re jour apr\u00e8s jour.<\/span><\/div><div class=\"px-safe-item\"><b>Un rythme humain<\/b><span>Espacement al\u00e9atoire entre deux actions, en semaine, aux heures de bureau de votre fuseau.<\/span><\/div><div class=\"px-safe-item\"><b>Un disjoncteur par compte<\/b><span>Au moindre refus de LinkedIn, le compte se repose, de plus en plus longtemps.<\/span><\/div><div class=\"px-safe-item\"><b>Vos envois manuels comptent<\/b><span>Les invitations envoy\u00e9es \u00e0 la main hors de Saalz sont d\u00e9compt\u00e9es du quota.<\/span><\/div><div class=\"px-safe-item\"><b>Un arr\u00eat d'urgence<\/b><span>Tout s'arr\u00eate d'un interrupteur, rien n'est perdu, la s\u00e9quence reprend o\u00f9 elle en \u00e9tait.<\/span><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"px-sec px-sec--white px-results\" aria-labelledby=\"res-heading\">\r\n    <div class=\"container reveal\">\r\n      <div class=\"section-label\">Suivi<\/div>\r\n      <h2 id=\"res-heading\">On ne compte pas les messages envoy\u00e9s. On compte les rendez-vous.<\/h2>\r\n      <p>Les r\u00e9sultats se lisent par prospect, pas par message : invitation accept\u00e9e, r\u00e9ponse, r\u00e9ponse positive, rendez-vous pris \u2014 par campagne ou par type de signal.<\/p>\r\n      <div class=\"px-chips\"><span>Aujourd'hui<\/span><span>Prospects<\/span><span>Campagnes<\/span><span>Conversations<\/span><span>Rendez-vous<\/span><span>R\u00e9sultats<\/span><span>Journal<\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"related\" aria-labelledby=\"related-heading\">\r\n    <div class=\"related__inner\">\r\n      <div class=\"related__header\">\r\n        <div class=\"related__label\">Fonctionnalit\u00e9s li\u00e9es<\/div>\r\n        <h2 class=\"related__h2\" id=\"related-heading\">S'utilise bien avec<\/h2>\r\n      <\/div>\r\n      <div class=\"related__grid\">\r\n        <a data-route-linkedin-engagement class=\"related__card\" href=\"saalz-page-linkedin-engagement.html\">\r\n          <span class=\"related__card-title\">Engagement LinkedIn<\/span>\r\n          <span class=\"related__card-desc\">Captez likeurs et commentateurs d'un post.<\/span>\r\n        <\/a>\r\n        <a data-route-job-signals class=\"related__card\" href=\"saalz-page-job-signal.html\">\r\n          <span class=\"related__card-title\">Signaux de recrutement<\/span>\r\n          <span class=\"related__card-desc\">Voyez quelles entreprises recrutent en ce moment.<\/span>\r\n        <\/a>\r\n        <a data-route-crm-contacts class=\"related__card\" href=\"saalz-page-crm-contacts.html\">\r\n          <span class=\"related__card-title\">Contacts &amp; entreprises<\/span>\r\n          <span class=\"related__card-desc\">Toutes vos fiches enrichies au m\u00eame endroit.<\/span>\r\n        <\/a>\r\n        <a data-route-ai-icebreakers class=\"related__card\" href=\"saalz-page-ia-icebreakers.html\">\r\n          <span class=\"related__card-title\">Personnalisation IA<\/span>\r\n          <span class=\"related__card-desc\">Des accroches \u00e9crites sur du contexte r\u00e9el.<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <a data-route-features class=\"related__hub\" href=\"saalz-page-features.html\">Voir toutes les fonctionnalit\u00e9s &rarr;<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"pfaq\" aria-labelledby=\"pfaq-heading\">\r\n    <div class=\"pfaq__inner\">\r\n      <div class=\"pfaq__header\">\r\n        <h2 class=\"pfaq__h2\" id=\"pfaq-heading\">La prospection Saalz, en clair<\/h2>\r\n        <p class=\"pfaq__sub\">Ce qui est automatique, ce qui reste \u00e0 vous, et ce que \u00e7a implique pour votre compte.<\/p>\r\n      <\/div>\r\n      <div class=\"pfaq__list\">\r\n        <details class=\"pfaq__item\">\r\n          <summary>Faut-il un compte LinkedIn Premium ou Sales Navigator ?<\/summary>\r\n          <p>Non pour l'essentiel : le module fonctionne avec un compte LinkedIn gratuit, Premium ou Sales Navigator. Les signaux Sales Navigator \u2014 changement de poste, activit\u00e9 r\u00e9cente, visiteurs de votre profil, abonn\u00e9s de votre page \u2014 demandent un compte Sales Navigator.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Saalz a-t-il acc\u00e8s \u00e0 mon mot de passe LinkedIn ?<\/summary>\r\n          <p>Non. La connexion se fait sur une page s\u00e9curis\u00e9e du fournisseur de connexion. Saalz ne stocke ni votre mot de passe ni vos cookies LinkedIn.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Mon compte risque-t-il d'\u00eatre limit\u00e9 par LinkedIn ?<\/summary>\r\n          <p>L'automatisation n'est pas pr\u00e9vue par les conditions d'utilisation de LinkedIn, et nous pr\u00e9f\u00e9rons le dire clairement. Saalz r\u00e9duit le risque par des plafonds fix\u00e9s bien en dessous des limites connues, une mont\u00e9e en charge progressive, des pauses al\u00e9atoires et un disjoncteur, et vous en informe avant la connexion.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>L'IA r\u00e9pond-elle \u00e0 ma place ?<\/summary>\r\n          <p>Seulement si vous l'activez, campagne par campagne, et seulement dans des cas simples : int\u00e9r\u00eat, question sur l'offre, demande de rendez-vous, refus poli. Prix, objections, plaintes : elle vous rend la main.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Puis-je \u00e9crire mes propres messages ?<\/summary>\r\n          <p>Oui, avec des variables et vos colonnes personnalis\u00e9es, issues de votre fichier ou de vos champs CRM. L'IA peut aussi r\u00e9diger pour vous, et les deux peuvent coexister.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Puis-je faire une campagne uniquement par e-mail ?<\/summary>\r\n          <p>Oui. Une campagne peut \u00eatre e-mail seul \u2014 aucun compte LinkedIn n\u00e9cessaire \u2014, LinkedIn seul, ou m\u00e9langer les deux dans une m\u00eame s\u00e9quence.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Que se passe-t-il si quelqu'un ne veut plus \u00eatre contact\u00e9 ?<\/summary>\r\n          <p>Il est inscrit imm\u00e9diatement et d\u00e9finitivement sur la liste d'opposition de votre soci\u00e9t\u00e9, sur tous les canaux, qu'il le demande par message ou par le lien de d\u00e9sinscription.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Combien de comptes LinkedIn puis-je connecter ?<\/summary>\r\n          <p>Un par licence utilisateur, avec une bo\u00eete mail d'envoi par licence. Les licences suppl\u00e9mentaires s'ach\u00e8tent depuis la page Utilisateurs de Saalz.<\/p>\r\n        <\/details>\r\n        <details class=\"pfaq__item\">\r\n          <summary>Est-ce compris dans mon abonnement ?<\/summary>\r\n          <p>Il est inclus \u00e0 partir de l'offre Growth. Sur l'offre gratuite, vous pouvez pr\u00e9parer une campagne jusqu'au bout ; connecter un compte ou lancer une campagne passe par une offre payante. Les actions consomment des cr\u00e9dits de votre offre, et le co\u00fbt est affich\u00e9 avant de lancer.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"final-cta\" aria-labelledby=\"cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"final-cta__content reveal\">\r\n        <h2 class=\"final-cta__h2\" id=\"cta-heading\">Voyez la prospection Saalz sur un vrai cas<\/h2>\r\n        <p class=\"final-cta__sub\">R\u00e9servez une d\u00e9mo : nous le faisons tourner sur votre cible.<\/p>\r\n        <div class=\"final-cta__actions\">\r\n          <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--white btn--lg\" data-track=\"live_demo_clicked\" data-track-props=\"{&quot;placement&quot;:&quot;page_cta&quot;}\" data-live-demo rel=\"noopener\">\r\n            R\u00e9server une d\u00e9mo\r\n          <\/a>\r\n          <a data-route-pricing href=\"saalz-pricing-indigo-v2.html\" class=\"btn btn--ghost-white btn--lg\">\r\n            Voir les tarifs\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>Fonctionnalit\u00e9s &rsaquo; IA &amp; Automatisation &rsaquo; Prospection multicanale Prospection multicanale La prospection qui part d&rsquo;un signal et finit dans votre agenda. Chaque jour, Saalz rep\u00e8re des prospects qui correspondent \u00e0 votre cible et qui montrent un signal d&rsquo;int\u00e9r\u00eat, les contacte depuis votre propre compte LinkedIn et vos bo\u00eetes mail avec un message personnalis\u00e9, et leur &hellip; <a href=\"https:\/\/saalz.com\/fr\/multichannel-prospecting\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Multichannel Prospecting<\/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":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14076","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/14076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/comments?post=14076"}],"version-history":[{"count":3,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/14076\/revisions"}],"predecessor-version":[{"id":14079,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/14076\/revisions\/14079"}],"wp:attachment":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=14076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}