{"id":12266,"date":"2026-06-23T12:41:13","date_gmt":"2026-06-23T10:41:13","guid":{"rendered":"https:\/\/dev.saalz.com\/recherche-dentreprises\/"},"modified":"2026-09-22T14:01:21","modified_gmt":"2026-09-22T12:01:21","slug":"recherche-dentreprises","status":"publish","type":"page","link":"https:\/\/saalz.com\/fr\/fonctionnalites-prospection\/recherche-dentreprises\/","title":{"rendered":"Recherche d&rsquo;Entreprises \u2014 Saalz | Cibler et Profiler vos Comptes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12266\" class=\"elementor elementor-12266\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9519bd2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9519bd2\" 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-ab45656\" data-id=\"ab45656\" 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-f9fb5dd elementor-widget elementor-widget-html\" data-id=\"f9fb5dd\" 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 \u2014 FEATURE PAGE\r\n    ============================ *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\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: -20%;\r\n      left: -10%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.12) 0%, transparent 70%);\r\n      animation: meshDrift1 12s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 10%;\r\n      right: -15%;\r\n      width: 60%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.10) 0%, transparent 70%);\r\n      animation: meshDrift2 15s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh-3 {\r\n      position: absolute;\r\n      bottom: -10%;\r\n      left: 30%;\r\n      width: 50%;\r\n      height: 50%;\r\n      background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.07) 0%, transparent 70%);\r\n      animation: meshDrift3 18s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes meshDrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(4%, 5%) scale(1.06); } }\r\n    @keyframes meshDrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-5%, 4%) scale(1.08); } }\r\n    @keyframes meshDrift3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(3%, -6%) scale(1.04); } }\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-6); }\r\n\r\n    \/* Breadcrumb *\/\r\n    .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: 600;\r\n      flex-wrap: wrap;\r\n    }\r\n    .breadcrumb__sep {\r\n      color: var(--color-border);\r\n      font-weight: 400;\r\n    }\r\n    .breadcrumb a {\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .breadcrumb a:hover { color: var(--accent); }\r\n    .breadcrumb__current { color: var(--accent); }\r\n\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: var(--text-lg);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n      max-width: 52ch;\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 company search mockup *\/\r\n    .hero__visual { position: relative; }\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: 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.25) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\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-5);\r\n      padding-bottom: var(--space-4);\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    \/* Filter bar *\/\r\n    .mock-filters {\r\n      display: flex;\r\n      gap: var(--space-2);\r\n      margin-bottom: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n    .mock-filter-chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n      padding: 4px 10px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      border: 1px solid;\r\n    }\r\n    .mock-filter-chip--sector {\r\n      background: rgba(79,70,229,0.15);\r\n      border-color: rgba(79,70,229,0.3);\r\n      color: #818CF8;\r\n    }\r\n    .mock-filter-chip--size {\r\n      background: rgba(59,130,246,0.12);\r\n      border-color: rgba(59,130,246,0.25);\r\n      color: #60A5FA;\r\n    }\r\n    .mock-filter-chip--geo {\r\n      background: rgba(52,211,153,0.1);\r\n      border-color: rgba(52,211,153,0.2);\r\n      color: #34D399;\r\n    }\r\n    .mock-filter-chip--tech {\r\n      background: rgba(251,191,36,0.1);\r\n      border-color: rgba(251,191,36,0.2);\r\n      color: #FBBF24;\r\n    }\r\n\r\n    \/* Results count *\/\r\n    .mock-results-count {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 600;\r\n      margin-bottom: var(--space-3);\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Company rows *\/\r\n    .mock-companies { display: flex; flex-direction: column; gap: var(--space-2); }\r\n    .mock-company {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      padding: var(--space-3) var(--space-3);\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: background 150ms ease;\r\n    }\r\n    .mock-company:first-child {\r\n      background: rgba(79,70,229,0.1);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .mock-company-logo {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: var(--radius-md);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-company-info { flex: 1; min-width: 0; }\r\n    .mock-company-name {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.9);\r\n      margin-bottom: 2px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .mock-company-meta {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.35);\r\n    }\r\n    .mock-company-meta-sep { color: rgba(255,255,255,0.15); }\r\n    .mock-sector-badge {\r\n      padding: 2px 7px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      background: rgba(79,70,229,0.2);\r\n      color: #818CF8;\r\n      white-space: nowrap;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-contacts-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      padding: 3px 8px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      background: rgba(52,211,153,0.12);\r\n      color: #34D399;\r\n      border: 1px solid rgba(52,211,153,0.2);\r\n      white-space: nowrap;\r\n      flex-shrink: 0;\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 SECTION\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      border-top: 1px solid var(--color-border);\r\n      border-bottom: 1px solid var(--color-border);\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    }\r\n    .feature-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 600px) {\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-10), 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-4);\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 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-6);\r\n      position: relative;\r\n    }\r\n    \/* Connector lines between steps *\/\r\n    .step::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 28px;\r\n      left: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--accent-light-2), var(--accent-light-2));\r\n      z-index: 0;\r\n      width: calc(100% + 20px) ;\r\n    }\r\n    .step {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-5);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .step__number {\r\n      width: 56px;\r\n      height: 56px;\r\n      background: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 0 0 6px var(--accent-light);\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    }\r\n    .step__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    .step__details {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n      margin-top: var(--space-2);\r\n    }\r\n    .step__detail {\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-muted);\r\n      font-weight: 600;\r\n    }\r\n    .step__detail-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--accent);\r\n      border-radius: 50%;\r\n      flex-shrink: 0;\r\n      opacity: 0.6;\r\n    }\r\n    @media (max-width: 1024px) {\r\n      .steps { grid-template-columns: repeat(2, 1fr); }\r\n      .step::before { display: none; }\r\n    }\r\n    @media (max-width: 767px) {\r\n      .steps { grid-template-columns: repeat(1, 1fr); }\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);\r\n      border-top: 1px solid var(--color-border);\r\n      border-bottom: 1px solid var(--color-border);\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-4);\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: repeat(2, 1fr);\r\n      gap: var(--space-6);\r\n    }\r\n    .use-case-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: clamp(var(--space-6), 3vw, var(--space-10));\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      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .use-case-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--accent), var(--accent-2));\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      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--accent);\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.3;\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__example {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-xl);\r\n      padding: var(--space-4) var(--space-5);\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: var(--space-3);\r\n    }\r\n    .use-case-card__example-icon {\r\n      width: 32px;\r\n      height: 32px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-lg);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n      flex-shrink: 0;\r\n    }\r\n    .use-case-card__example-text {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.55;\r\n      font-style: italic;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .use-cases-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       CTA BANNER\r\n    ============================ *\/\r\n    .cta-banner {\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    .cta-banner::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    .cta-banner::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    .cta-banner__content { position: relative; z-index: 1; }\r\n    .cta-banner__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    .cta-banner__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    .cta-banner__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: 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__brand {}\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\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    .mt-2 { margin-top: var(--space-2); }\r\n    .mt-3 { margin-top: var(--space-3); }\r\n    .mt-4 { margin-top: var(--space-4); }\r\n    .mt-6 { margin-top: var(--space-6); }\r\n    .mt-8 { margin-top: var(--space-8); }\r\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }\r\n\r\n      @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       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    }  <\/style>\r\n\r\n    <!-- ================================\r\n       HERO\r\n  ================================ -->\r\n  <section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\">\r\n      <div class=\"hero__mesh-3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero__content\">\r\n        <!-- Text side -->\r\n        <div class=\"hero__text reveal\">\r\n\r\n          <!-- Breadcrumb -->\r\n          <nav class=\"breadcrumb\" aria-label=\"Fil d'Ariane\">\r\n            <a href=\"\/#fonctionnement\">Fonctionnalit\u00e9s<\/a>\r\n            <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n            <span class=\"breadcrumb__cat\">Prospection &amp; Donn\u00e9es<\/span>\r\n            <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n            <span class=\"breadcrumb__current\">Recherche d'entreprises<\/span>\r\n          <\/nav>\r\n\r\n          <!-- Pill badge -->\r\n          <div class=\"hero__pill\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            Prospection &amp; Donn\u00e9es\r\n          <\/div>\r\n\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Identifiez les entreprises<br>qui ont <span>besoin de vous.<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            Filtrez par secteur, taille, pays et technologie. Trouvez vos comptes cibles et acc\u00e9dez directement aux bons interlocuteurs.\r\n          <\/p>\r\n\r\n          <div class=\"hero__ctas\">\r\n            <a data-route-register href=\"\" class=\"btn btn--primary\" style=\"padding:0.75rem 1.45rem;font-size:0.9375rem;border-radius:var(--radius-full);\" data-track=\"start_free_clicked\" data-track-props='{\"placement\":\"page_hero\"}' data-utm-carry>\r\n              Commencer gratuitement\r\n            <\/a>\r\n            <a data-route-demo href=\"\" class=\"btn btn--ghost\" style=\"padding:0.75rem 1.3rem;font-size:0.9375rem;border-radius:var(--radius-full);border-width:1.5px;\" data-track=\"interactive_demo_clicked\" data-track-props='{\"placement\":\"page_hero\"}'>\r\n              Voir la d&eacute;mo de 3 min &rarr;\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual side: company search mockup -->\r\n        <div class=\"hero__visual reveal reveal--delay-2\" 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 Recherche d'entreprises<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Active filters -->\r\n            <div class=\"mock-filters\">\r\n              <span class=\"mock-filter-chip mock-filter-chip--sector\">\r\n                <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\"><rect x=\"1\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\"\/><\/svg>\r\n                Retail\r\n              <\/span>\r\n              <span class=\"mock-filter-chip mock-filter-chip--size\">\r\n                <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M1 6l2-2 2 2 2-4\"\/><\/svg>\r\n                20\u2013200 sal.\r\n              <\/span>\r\n              <span class=\"mock-filter-chip mock-filter-chip--geo\">\r\n                <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"4\" cy=\"3.5\" r=\"2\"\/><path d=\"M4 5.5v2\"\/><\/svg>\r\n                France\r\n              <\/span>\r\n              <span class=\"mock-filter-chip mock-filter-chip--tech\">\r\n                <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"1\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\"\/><path d=\"M3 3.5l2 1-2 1\"\/><\/svg>\r\n                Shopify\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <!-- Results count -->\r\n            <div class=\"mock-results-count\">1 247 entreprises trouv\u00e9es<\/div>\r\n\r\n            <!-- Company results list -->\r\n            <div class=\"mock-companies\">\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#4F46E5,#7C3AED)\">MF<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">Maison Florentin<\/div>\r\n                  <div class=\"mock-company-meta\">\r\n                    <span>Paris<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>42 salari\u00e9s<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>maison-florentin.fr<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"mock-sector-badge\">Retail<\/span>\r\n                <span class=\"mock-contacts-btn\">\r\n                  <svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"4.5\" cy=\"3\" r=\"1.5\"\/><path d=\"M1.5 7.5c0-1.7 1.3-3 3-3s3 1.3 3 3\"\/><\/svg>\r\n                  Contacts\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#3B82F6,#06B6D4)\">LP<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">La Petite Boutique<\/div>\r\n                  <div class=\"mock-company-meta\">\r\n                    <span>Lyon<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>28 salari\u00e9s<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>lapetiteboutique.com<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"mock-sector-badge\">Retail<\/span>\r\n                <span class=\"mock-contacts-btn\">\r\n                  <svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"4.5\" cy=\"3\" r=\"1.5\"\/><path d=\"M1.5 7.5c0-1.7 1.3-3 3-3s3 1.3 3 3\"\/><\/svg>\r\n                  Contacts\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#10B981,#059669)\">SB<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">Style &amp; Beau<\/div>\r\n                  <div class=\"mock-company-meta\">\r\n                    <span>Bordeaux<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>65 salari\u00e9s<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>style-beau.fr<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"mock-sector-badge\">Retail<\/span>\r\n                <span class=\"mock-contacts-btn\">\r\n                  <svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"4.5\" cy=\"3\" r=\"1.5\"\/><path d=\"M1.5 7.5c0-1.7 1.3-3 3-3s3 1.3 3 3\"\/><\/svg>\r\n                  Contacts\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#F59E0B,#EF4444)\">CC<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">Cr\u00e9aCommerces<\/div>\r\n                  <div class=\"mock-company-meta\">\r\n                    <span>Marseille<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>35 salari\u00e9s<\/span>\r\n                    <span class=\"mock-company-meta-sep\">\u00b7<\/span>\r\n                    <span>creacommerces.fr<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <span class=\"mock-sector-badge\">Retail<\/span>\r\n                <span class=\"mock-contacts-btn\">\r\n                  <svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"4.5\" cy=\"3\" r=\"1.5\"\/><path d=\"M1.5 7.5c0-1.7 1.3-3 3-3s3 1.3 3 3\"\/><\/svg>\r\n                  Contacts\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURES GRID\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        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"1\" y=\"2\" width=\"10\" height=\"8\" rx=\"1.5\"\/><path d=\"M4 2V1M8 2V1M1 5h10\"\/><\/svg>\r\n          Ce que vous pouvez faire\r\n        <\/span>\r\n        <h2 class=\"features-section__h2\" id=\"features-heading\">Tout ce dont vous avez besoin<br>pour cibler les bonnes entreprises<\/h2>\r\n        <p class=\"features-section__sub\">Des filtres puissants, des donn\u00e9es \u00e0 jour, et une int\u00e9gration directe avec votre CRM.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"features-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/>\r\n              <path d=\"M3 9h18M9 21V9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Filtres secteur &amp; taille<\/div>\r\n          <div class=\"feature-card__desc\">Ciblez les entreprises selon leur activit\u00e9 et leur effectif. R\u00e9duisez votre univers de prospection aux comptes qui correspondent r\u00e9ellement \u00e0 votre cible.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"10\" r=\"4\"\/>\r\n              <path d=\"M12 14v6M8 19l4-2 4 2\"\/>\r\n              <path d=\"M5 7.5a7 7 0 0 1 14 0\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Filtrage g\u00e9ographique<\/div>\r\n          <div class=\"feature-card__desc\">Pays, r\u00e9gion, ville \u2014 concentrez votre prospection sur les zones o\u00f9 vous pouvez r\u00e9ellement intervenir et maximiser votre taux de conversion.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n              <path d=\"M8 21h8M12 17v4\"\/>\r\n              <path d=\"M7 8h2M7 11h4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Filtre par technologie<\/div>\r\n          <div class=\"feature-card__desc\">Trouvez les entreprises qui utilisent tel ou tel outil \u2014 Salesforce, HubSpot, Shopify, WordPress et bien d'autres. Approchez-les avec le bon argumentaire.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n              <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/>\r\n              <path d=\"M19 8l2 2-2 2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Acc\u00e8s aux contacts<\/div>\r\n          <div class=\"feature-card__desc\">De l'entreprise aux d\u00e9cideurs en 1 clic. Depuis n'importe quel r\u00e9sultat, acc\u00e9dez directement aux contacts associ\u00e9s et enrichissez leurs coordonn\u00e9es.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 5 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Donn\u00e9es mises \u00e0 jour<\/div>\r\n          <div class=\"feature-card__desc\">Sources certifi\u00e9es RGPD, mises \u00e0 jour en continu. Secteur d'activit\u00e9, effectif, site web et localisation fiables pour chaque entreprise retourn\u00e9e.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 6 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Sauvegarde CRM directe<\/div>\r\n          <div class=\"feature-card__desc\">Ajoutez l'entreprise et ses contacts dans Saalz en un clic. Pas d'export CSV, pas de copier-coller \u2014 directement dans votre pipeline commercial.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       HOW IT WORKS\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        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"6\" cy=\"6\" r=\"4\"\/><path d=\"M6 4v2l1.5 1.5\"\/><\/svg>\r\n          Comment \u00e7a fonctionne\r\n        <\/span>\r\n        <h2 class=\"how-it-works__h2\" id=\"how-heading\">De la recherche au contact<br>en 3 \u00e9tapes<\/h2>\r\n        <p class=\"how-it-works__sub\">Un workflow fluide, enti\u00e8rement dans Saalz \u2014 sans export ni outil tiers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"steps\">\r\n        <!-- Step 1 -->\r\n        <div class=\"step reveal reveal--delay-1\">\r\n          <div class=\"step__number\" aria-label=\"\u00c9tape 1\">1<\/div>\r\n          <div>\r\n            <div class=\"step__title\">D\u00e9finissez votre cible<\/div>\r\n            <p class=\"step__desc\">Utilisez les filtres pour affiner votre recherche selon les crit\u00e8res qui comptent pour votre offre.<\/p>\r\n            <div class=\"step__details\" role=\"list\">\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Secteur d'activit\u00e9\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Effectif (tranche de salari\u00e9s)\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Pays, r\u00e9gion, ville\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Technologie utilis\u00e9e\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"step reveal reveal--delay-2\">\r\n          <div class=\"step__number\" aria-label=\"\u00c9tape 2\">2<\/div>\r\n          <div>\r\n            <div class=\"step__title\">Consultez les entreprises<\/div>\r\n            <p class=\"step__desc\">Parcourez les r\u00e9sultats enrichis et identifiez les comptes qui correspondent \u00e0 vos crit\u00e8res de qualification.<\/p>\r\n            <div class=\"step__details\" role=\"list\">\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Nom &amp; secteur\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Taille et localisation\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Site web\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Technologies d\u00e9tect\u00e9es\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"step reveal reveal--delay-3\">\r\n          <div class=\"step__number\" aria-label=\"\u00c9tape 3\">3<\/div>\r\n          <div>\r\n            <div class=\"step__title\">Acc\u00e9dez aux contacts<\/div>\r\n            <p class=\"step__desc\">Depuis l'entreprise, trouvez les d\u00e9cideurs en un clic et enrichissez leurs coordonn\u00e9es directement dans Saalz.<\/p>\r\n            <div class=\"step__details\" role=\"list\">\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Contacts associ\u00e9s \u00e0 l'entreprise\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Enrichissement email &amp; mobile\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Sauvegarde CRM imm\u00e9diate\r\n              <\/div>\r\n              <div class=\"step__detail\" role=\"listitem\">\r\n                <span class=\"step__detail-dot\" aria-hidden=\"true\"><\/span>\r\n                Ajout au pipeline commercial\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       USE CASES\r\n  ================================ -->\r\n  <section class=\"use-cases\" aria-labelledby=\"use-cases-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"use-cases__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 8l3-3 2 2 4-5\"\/><\/svg>\r\n          Cas d'usage\r\n        <\/span>\r\n        <h2 class=\"use-cases__h2\" id=\"use-cases-heading\">Des prospections qui ont du sens<\/h2>\r\n        <p class=\"use-cases__sub\">La Recherche d'entreprises s'adapte \u00e0 votre strat\u00e9gie commerciale.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"use-cases-grid\">\r\n        <!-- Use case 1 -->\r\n        <article class=\"use-case-card reveal reveal--delay-1\">\r\n          <div class=\"use-case-card__eyebrow\">Secteur vertical<\/div>\r\n          <h3 class=\"use-case-card__title\">Vous prospectez un secteur vertical<\/h3>\r\n          <p class=\"use-case-card__desc\">\r\n            Concentrez toute votre \u00e9nergie sur les entreprises d'un secteur pr\u00e9cis. Filtrez, qualifiez, puis passez directement \u00e0 l'enrichissement et \u00e0 l'approche \u2014 sans quitter Saalz.\r\n          <\/p>\r\n          <div class=\"use-case-card__example\">\r\n            <div class=\"use-case-card__example-icon\" aria-hidden=\"true\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M3 13V7l5-5 5 5v6\"\/>\r\n                <rect x=\"6\" y=\"9\" width=\"4\" height=\"4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"use-case-card__example-text\">\r\n              \"Listez toutes les PME du secteur retail en France avec plus de 20 salari\u00e9s.\"\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Use case 2 -->\r\n        <article class=\"use-case-card reveal reveal--delay-2\">\r\n          <div class=\"use-case-card__eyebrow\">Ciblage technologique<\/div>\r\n          <h3 class=\"use-case-card__title\">Vous ciblez par technologie<\/h3>\r\n          <p class=\"use-case-card__desc\">\r\n            Identifiez les entreprises qui utilisent d\u00e9j\u00e0 un outil concurrent ou compl\u00e9mentaire \u00e0 votre solution. Une approche commerciale ultra-contextualis\u00e9e d\u00e8s le premier contact.\r\n          <\/p>\r\n          <div class=\"use-case-card__example\">\r\n            <div class=\"use-case-card__example-icon\" aria-hidden=\"true\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <rect x=\"2\" y=\"3\" width=\"12\" height=\"10\" rx=\"2\"\/>\r\n                <path d=\"M5 8h2M9 8h2M6 6l-1 2 1 2M10 6l1 2-1 2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <p class=\"use-case-card__example-text\">\r\n              \"Trouvez toutes les entreprises qui utilisent HubSpot et proposez-leur votre solution.\"\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       CTA BANNER\r\n  ================================ -->\r\n  <section class=\"cta-banner\" aria-labelledby=\"cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"cta-banner__content reveal\">\r\n        <h2 class=\"cta-banner__h2\" id=\"cta-heading\">Commencez \u00e0 cibler<br>les bonnes entreprises.<\/h2>\r\n        <p class=\"cta-banner__sub\">Commencez gratuitement. Aucune carte bancaire requise.<\/p>\r\n        <div class=\"cta-banner__actions\">\r\n          <a data-route-register href=\"\" class=\"btn btn--white btn--lg\" data-track=\"start_free_clicked\" data-track-props='{\"placement\":\"page_cta\"}' data-utm-carry>\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M9 1v16M1 9h16\"\/><\/svg>\r\n            Commencer gratuitement\r\n          <\/a>\r\n          <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost-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            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"8\"\/><path d=\"M7 6l5 3-5 3V6z\" fill=\"currentColor\"\/><\/svg>\r\n            Voir la d\u00e9mo\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 \u203a Prospection &amp; Donn\u00e9es \u203a Recherche d&rsquo;entreprises Prospection &amp; Donn\u00e9es Identifiez les entreprisesqui ont besoin de vous. Filtrez par secteur, taille, pays et technologie. Trouvez vos comptes cibles et acc\u00e9dez directement aux bons interlocuteurs. Commencer gratuitement Voir la d&eacute;mo de 3 min &rarr; Saalz \u2014 Recherche d&rsquo;entreprises Retail 20\u2013200 sal. France Shopify 1 247 &hellip; <a href=\"https:\/\/saalz.com\/fr\/fonctionnalites-prospection\/recherche-dentreprises\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Recherche d&rsquo;Entreprises \u2014 Saalz | Cibler et Profiler vos Comptes<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":13121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12266","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12266","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=12266"}],"version-history":[{"count":23,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12266\/revisions"}],"predecessor-version":[{"id":13984,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12266\/revisions\/13984"}],"up":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/13121"}],"wp:attachment":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}