{"id":12201,"date":"2026-06-23T13:42:39","date_gmt":"2026-06-23T11:42:39","guid":{"rendered":"https:\/\/dev.saalz.com\/homepage-fr\/"},"modified":"2026-07-02T08:30:13","modified_gmt":"2026-07-02T06:30:13","slug":"homepage-fr","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/","title":{"rendered":"Saalz \u2014 Plateforme Sales Intelligence | Donn\u00e9es B2B actionnables"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12201\" class=\"elementor elementor-12201\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89f4390 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"89f4390\" 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-e395d5b\" data-id=\"e395d5b\" 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-6fd62a2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6fd62a2\" 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       HERO\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    .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, 3.25rem);\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    .hero__social-proof {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .hero__avatars {\r\n      display: flex;\r\n    }\r\n    .hero__avatar {\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 50%;\r\n      border: 2px solid #fff;\r\n      margin-left: -8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n    }\r\n    .hero__avatar:first-child { margin-left: 0; }\r\n    .hero__avatar--1 { background: linear-gradient(135deg, #4F46E5, #7C3AED); }\r\n    .hero__avatar--2 { background: linear-gradient(135deg, #3B82F6, #06B6D4); }\r\n    .hero__avatar--3 { background: linear-gradient(135deg, #10B981, #059669); }\r\n    .hero__avatar--4 { background: linear-gradient(135deg, #F59E0B, #EF4444); }\r\n    .hero__stars {\r\n      display: flex;\r\n      gap: 2px;\r\n      color: #F59E0B;\r\n    }\r\n\r\n    \/* Hero mockup *\/\r\n    .hero__visual {\r\n      position: relative;\r\n    }\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-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 {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 50%;\r\n    }\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    .mock-search {\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      border-radius: var(--radius-md);\r\n      padding: var(--space-2) var(--space-3);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .mock-search-text {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.4);\r\n    }\r\n    .mock-stats {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr 1fr;\r\n      gap: var(--space-3);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .mock-stat {\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.07);\r\n      border-radius: var(--radius-lg);\r\n      padding: var(--space-3) var(--space-4);\r\n    }\r\n    .mock-stat-label {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      margin-bottom: var(--space-1);\r\n    }\r\n    .mock-stat-value {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      line-height: 1;\r\n    }\r\n    .mock-stat-value--accent { color: #818CF8; }\r\n    .mock-stat-value--blue { color: #60A5FA; }\r\n    .mock-stat-value--green { color: #34D399; }\r\n    .mock-contacts { display: flex; flex-direction: column; gap: var(--space-2); }\r\n    .mock-contact {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      padding: 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    }\r\n    .mock-contact-avatar {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-contact-info { flex: 1; min-width: 0; }\r\n    .mock-contact-name {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n      margin-bottom: 2px;\r\n    }\r\n    .mock-contact-role {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.35);\r\n    }\r\n    .mock-badge {\r\n      padding: 3px 8px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n    }\r\n    .mock-badge--enriched {\r\n      background: rgba(52, 211, 153, 0.15);\r\n      color: #34D399;\r\n      border: 1px solid rgba(52, 211, 153, 0.2);\r\n    }\r\n    .mock-badge--pending {\r\n      background: rgba(251, 191, 36, 0.12);\r\n      color: #FBBF24;\r\n      border: 1px solid rgba(251, 191, 36, 0.18);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .hero__content {\r\n        grid-template-columns: 1fr;\r\n      }\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       TRUSTED BY STRIP\r\n    ============================ *\/\r\n    .trusted {\r\n      padding-block: var(--space-12);\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    .trusted__inner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: var(--space-6);\r\n    }\r\n    .trusted__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    .trusted__logos {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: clamp(var(--space-8), 4vw, var(--space-16));\r\n      flex-wrap: wrap;\r\n    }\r\n    .trusted__logo {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: var(--color-border);\r\n      letter-spacing: -0.03em;\r\n      transition: color var(--transition-interactive);\r\n      user-select: none;\r\n    }\r\n    .trusted__logo:hover { color: var(--color-text-faint); }\r\n\r\n    \/* ============================\r\n       FEATURE SECTIONS\r\n    ============================ *\/\r\n    .feature-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n    .feature-section--alt { background: var(--color-surface); }\r\n    .feature-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(var(--space-12), 5vw, var(--space-20));\r\n      align-items: center;\r\n    }\r\n    .feature-grid--reverse .feature-grid__content { order: 2; }\r\n    .feature-grid--reverse .feature-grid__visual { order: 1; }\r\n    .feature-grid__content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-6);\r\n    }\r\n    .feature-grid__text { display: flex; flex-direction: column; gap: var(--space-4); }\r\n    .feature-grid__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    }\r\n    .feature-grid__p {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n    .feature-mini-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-3);\r\n    }\r\n    .feature-mini-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n      padding: var(--space-4);\r\n      background: var(--color-bg);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-xl);\r\n      transition: box-shadow var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .feature-section--alt .feature-mini-card { background: var(--color-surface-2); }\r\n    .feature-mini-card:hover { box-shadow: var(--shadow-md); border-color: rgba(79,70,229,0.2); }\r\n    .feature-mini-card__icon {\r\n      width: 36px;\r\n      height: 36px;\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    }\r\n    .feature-mini-card__label {\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: var(--color-text);\r\n    }\r\n    .feature-mini-card__desc {\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.5;\r\n    }\r\n    .feature-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n    .feature-list__item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .feature-list__icon {\r\n      width: 22px;\r\n      height: 22px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-sm);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Dark visual card *\/\r\n    .dark-card {\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);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .dark-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      right: -20%;\r\n      width: 60%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.2) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Enrichment mock *\/\r\n    .enrich-mock { position: relative; }\r\n    .enrich-mock__header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .enrich-mock__title {\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n    }\r\n    .enrich-mock__status {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: 11px;\r\n      color: #34D399;\r\n      font-weight: 600;\r\n    }\r\n    .enrich-mock__status-dot {\r\n      width: 6px; height: 6px;\r\n      background: #34D399;\r\n      border-radius: 50%;\r\n      animation: pulse 2s infinite;\r\n    }\r\n    .enrich-contact {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-4);\r\n      padding: var(--space-4);\r\n      background: rgba(255,255,255,0.05);\r\n      border-radius: var(--radius-xl);\r\n      margin-bottom: var(--space-4);\r\n      border: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .enrich-avatar {\r\n      width: 48px; height: 48px;\r\n      background: linear-gradient(135deg, #4F46E5, #3B82F6);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .enrich-name {\r\n      font-size: var(--text-base);\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: 2px;\r\n    }\r\n    .enrich-role {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.45);\r\n    }\r\n    .enrich-fields {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n    .enrich-field {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: var(--space-3) var(--space-4);\r\n      background: rgba(255,255,255,0.04);\r\n      border-radius: var(--radius-lg);\r\n      border: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n    .enrich-field__key {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: rgba(255,255,255,0.35);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n    .enrich-field__value {\r\n      font-size: var(--text-xs);\r\n      font-weight: 600;\r\n      color: rgba(255,255,255,0.75);\r\n      font-family: monospace;\r\n    }\r\n    .enrich-field__tag {\r\n      padding: 2px 8px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n    }\r\n    .enrich-field__tag--found { background: rgba(52,211,153,0.15); color: #34D399; }\r\n    .enrich-field__tag--verified { background: rgba(79,70,229,0.2); color: #818CF8; }\r\n\r\n    \/* LinkedIn mock *\/\r\n    .linkedin-mock { position: relative; }\r\n    .lk-profile {\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.07);\r\n      border-radius: var(--radius-xl);\r\n      overflow: hidden;\r\n    }\r\n    .lk-cover {\r\n      height: 64px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.4), rgba(59,130,246,0.4));\r\n      position: relative;\r\n    }\r\n    .lk-avatar {\r\n      width: 52px; height: 52px;\r\n      background: linear-gradient(135deg, #4F46E5, #3B82F6);\r\n      border-radius: 50%;\r\n      border: 3px solid var(--navy);\r\n      position: absolute;\r\n      bottom: -26px;\r\n      left: var(--space-4);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n    }\r\n    .lk-info {\r\n      padding: var(--space-8) var(--space-4) var(--space-4);\r\n    }\r\n    .lk-name {\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.9);\r\n      margin-bottom: 2px;\r\n    }\r\n    .lk-title {\r\n      font-size: 11px;\r\n      color: rgba(255,255,255,0.4);\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .lk-meta { display: flex; gap: var(--space-3); }\r\n    .lk-meta-item {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.3);\r\n    }\r\n    .lk-import-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-2);\r\n      width: 100%;\r\n      padding: var(--space-3);\r\n      background: var(--accent);\r\n      border-radius: var(--radius-lg);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-top: var(--space-4);\r\n      cursor: pointer;\r\n      transition: background var(--transition-interactive);\r\n    }\r\n    .lk-import-btn:hover { background: var(--accent-hover); }\r\n    .lk-list {\r\n      margin-top: var(--space-4);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n    }\r\n    .lk-list-item {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: var(--space-2) var(--space-3);\r\n      background: rgba(255,255,255,0.04);\r\n      border-radius: var(--radius-md);\r\n    }\r\n    .lk-list-name {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: rgba(255,255,255,0.6);\r\n    }\r\n    .lk-list-badge {\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      padding: 2px 6px;\r\n      border-radius: var(--radius-full);\r\n      background: rgba(79,70,229,0.2);\r\n      color: #818CF8;\r\n    }\r\n\r\n    \/* AI cards *\/\r\n    .ai-cards-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    .ai-card {\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-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    .ai-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); border-color: rgba(79,70,229,0.2); }\r\n    .ai-card__icon {\r\n      width: 48px; 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    .ai-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .ai-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\r\n    @media (max-width: 900px) {\r\n      .feature-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n      .feature-grid--reverse .feature-grid__content { order: 1; }\r\n      .feature-grid--reverse .feature-grid__visual { order: 2; }\r\n      .ai-cards-row { grid-template-columns: 1fr; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .feature-mini-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       WHY SAALZ \u2014 COMPARISON\r\n    ============================ *\/\r\n    .comparison {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .comparison::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20%;\r\n      left: -10%;\r\n      width: 50%;\r\n      height: 80%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.15) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .comparison::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -10%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,0.10) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .comparison__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .comparison__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    .comparison__sub {\r\n      font-size: var(--text-base);\r\n      color: rgba(255,255,255,0.5);\r\n    }\r\n    .comparison__cols {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-6);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .comparison__col {\r\n      border-radius: var(--radius-2xl);\r\n      padding: clamp(var(--space-6), 3vw, var(--space-10));\r\n    }\r\n    .comparison__col--without {\r\n      background: rgba(239, 68, 68, 0.06);\r\n      border: 1px solid rgba(239, 68, 68, 0.15);\r\n    }\r\n    .comparison__col--with {\r\n      background: rgba(79, 70, 229, 0.10);\r\n      border: 1px solid rgba(79, 70, 229, 0.25);\r\n    }\r\n    .comparison__col-title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      margin-bottom: var(--space-6);\r\n    }\r\n    .comparison__col--without .comparison__col-title { color: #F87171; }\r\n    .comparison__col--with .comparison__col-title { color: #818CF8; }\r\n    .comparison__items {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n    .comparison__item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: var(--space-3);\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.7);\r\n      line-height: 1.5;\r\n    }\r\n    .comparison__item-icon {\r\n      width: 20px; height: 20px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      margin-top: 2px;\r\n    }\r\n    .comparison__item-icon--x { background: rgba(239,68,68,0.2); color: #F87171; }\r\n    .comparison__item-icon--check { background: rgba(79,70,229,0.2); color: #818CF8; }\r\n    .comparison__banner {\r\n      margin-top: clamp(var(--space-10), 4vw, var(--space-16));\r\n      background: linear-gradient(135deg, #312E81, #4F46E5, #3B82F6);\r\n      border-radius: var(--radius-2xl);\r\n      padding: clamp(var(--space-8), 4vw, var(--space-12));\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 1;\r\n      overflow: hidden;\r\n    }\r\n    .comparison__banner::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,0.05) 100%);\r\n    }\r\n    .comparison__banner-text {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: var(--space-2);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .comparison__banner-sub {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.7);\r\n      margin-bottom: var(--space-6);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .comparison__banner-cta { position: relative; z-index: 1; }\r\n\r\n    @media (max-width: 700px) {\r\n      .comparison__cols { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       PRICING PREVIEW\r\n    ============================ *\/\r\n    .pricing-preview {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .pricing-preview__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .pricing-preview__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    .pricing-preview__sub {\r\n      font-size: var(--text-lg);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .pricing-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: var(--space-5);\r\n      align-items: start;\r\n    }\r\n    .pricing-card {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-6);\r\n      position: relative;\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive);\r\n    }\r\n    .pricing-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }\r\n    .pricing-card--popular {\r\n      border-color: var(--accent);\r\n      box-shadow: 0 0 0 1px var(--accent), var(--shadow-lg);\r\n      transform: scale(1.02);\r\n    }\r\n    .pricing-card--popular:hover { transform: scale(1.02) translateY(-2px); }\r\n    .pricing-card__badge {\r\n      position: absolute;\r\n      top: -13px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: var(--accent);\r\n      color: #fff;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      padding: 4px 14px;\r\n      border-radius: var(--radius-full);\r\n      letter-spacing: 0.04em;\r\n      white-space: nowrap;\r\n    }\r\n    .pricing-card__name {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .pricing-card__price-row {\r\n      display: flex;\r\n      align-items: baseline;\r\n      gap: var(--space-1);\r\n    }\r\n    .pricing-card__price {\r\n      font-size: clamp(2rem, 4vw, 2.5rem);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1;\r\n    }\r\n    .pricing-card__period {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-faint);\r\n      font-weight: 500;\r\n    }\r\n    .pricing-card__credits {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      padding: var(--space-2) var(--space-3);\r\n      background: var(--color-surface-2);\r\n      border-radius: var(--radius-md);\r\n      font-weight: 600;\r\n    }\r\n    .pricing-card .btn { width: 100%; justify-content: center; }\r\n    .pricing-preview__link {\r\n      text-align: center;\r\n      margin-top: var(--space-8);\r\n    }\r\n    .pricing-preview__link a {\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      text-decoration: underline;\r\n      text-underline-offset: 3px;\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .pricing-preview__link a:hover { color: var(--accent-hover); }\r\n\r\n    @media (max-width: 1000px) {\r\n      .pricing-cards { grid-template-columns: repeat(2, 1fr); }\r\n      .pricing-card--popular { transform: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .pricing-cards { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       TESTIMONIALS\r\n    ============================ *\/\r\n    .testimonials {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface);\r\n    }\r\n    .testimonials__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .testimonials__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .testimonials__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .testimonials__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-6);\r\n    }\r\n    .testimonial-card {\r\n      background: var(--color-bg);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-5);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive);\r\n    }\r\n    .testimonial-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }\r\n    .testimonial-card__stars {\r\n      display: flex;\r\n      gap: 3px;\r\n      color: #F59E0B;\r\n    }\r\n    .testimonial-card__quote {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text);\r\n      line-height: 1.7;\r\n      font-style: italic;\r\n      flex: 1;\r\n    }\r\n    .testimonial-card__quote::before { content: '\"'; }\r\n    .testimonial-card__quote::after { content: '\"'; }\r\n    .testimonial-card__author {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n    }\r\n    .testimonial-card__avatar {\r\n      width: 44px; height: 44px;\r\n      border-radius: 50%;\r\n      background: var(--accent);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: var(--text-sm);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .testimonial-card__name {\r\n      font-size: var(--text-sm);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .testimonial-card__role {\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .testimonials__grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       FAQ\r\n    ============================ *\/\r\n    .faq {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .faq__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-14));\r\n    }\r\n    .faq__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    }\r\n    .faq__list {\r\n      max-width: 720px;\r\n      margin-inline: auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n    .faq__item {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-xl);\r\n      overflow: hidden;\r\n      transition: border-color var(--transition-interactive), box-shadow var(--transition-interactive);\r\n    }\r\n    .faq__item[open] {\r\n      border-color: rgba(79,70,229,0.25);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n    .faq__question {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: var(--space-5) var(--space-6);\r\n      cursor: pointer;\r\n      list-style: none;\r\n      font-size: var(--text-base);\r\n      font-weight: 700;\r\n      color: var(--navy);\r\n      gap: var(--space-4);\r\n      user-select: none;\r\n    }\r\n    .faq__question::-webkit-details-marker { display: none; }\r\n    .faq__question:hover { background: var(--color-bg); }\r\n    .faq__icon {\r\n      width: 24px; height: 24px;\r\n      border-radius: 50%;\r\n      background: var(--accent-light);\r\n      color: var(--accent);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      transition: transform var(--transition-interactive), background var(--transition-interactive);\r\n    }\r\n    .faq__item[open] .faq__icon {\r\n      transform: rotate(45deg);\r\n      background: var(--accent);\r\n      color: #fff;\r\n    }\r\n    .faq__answer {\r\n      padding: 0 var(--space-6) var(--space-5);\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* ============================\r\n       FINAL CTA\r\n    ============================ *\/\r\n    .final-cta {\r\n      background: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #3B82F6 100%);\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .final-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      left: -10%;\r\n      width: 60%;\r\n      height: 80%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.07) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -5%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.05) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta__content { position: relative; z-index: 1; }\r\n    .final-cta__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .final-cta__sub {\r\n      font-size: var(--text-lg);\r\n      color: rgba(255,255,255,0.75);\r\n      margin-bottom: var(--space-8);\r\n      max-width: 52ch;\r\n      margin-inline: auto;\r\n    }\r\n    .final-cta__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* ============================\r\n       FOOTER\r\n    ============================ *\/\r\n    .footer {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 6vw, var(--space-20));\r\n      color: rgba(255,255,255,0.6);\r\n    }\r\n    .footer__top {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\r\n      gap: clamp(var(--space-8), 4vw, var(--space-12));\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n      padding-bottom: clamp(var(--space-10), 4vw, var(--space-12));\r\n      border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .footer__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\r\n    \/* ============================\r\n       MEGA-MENU \u2014 ROBUSTE\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\r\n    \/* Wrapper positionn\u00e9 sur la nav (pas sur le li) *\/\r\n    .nav__inner { position: relative; }\r\n\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    \/* Bridge invisible pour couvrir le gap entre nav et menu *\/\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    \/* Petite fl\u00e8che d\u00e9corative *\/\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\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  <\/style>\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\">\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Prospection, enrichissement de donn\u00e9es<br>et IA commerciale, <span>nativement unifi\u00e9s.<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            La Sales Intelligence Platform pens\u00e9e pour les \u00e9quipes commerciales modernes. Trouvez vos prospects, enrichissez leurs donn\u00e9es et g\u00e9rez votre pipeline \u2014 sans jongler entre 5 outils.\r\n          <\/p>\r\n\r\n          <div class=\"hero__ctas\">\r\n            <a href=\"\/fr\/inscription\/\" class=\"btn btn--primary\" style=\"padding:0.75rem 1.75rem;font-size:0.9375rem;border-radius:var(--radius-full);\">\r\n              Commencer gratuitement\r\n            <\/a>\r\n            <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost\" style=\"padding:0.75rem 1.5rem;font-size:0.9375rem;border-radius:var(--radius-full);border-width:1.5px;\" rel=\"noopener\">\r\n              Voir la d\u00e9mo \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"hero__social-proof\">\r\n            <div class=\"hero__avatars\" aria-hidden=\"true\">\r\n              <div class=\"hero__avatar hero__avatar--1\">T<\/div>\r\n              <div class=\"hero__avatar hero__avatar--2\">O<\/div>\r\n              <div class=\"hero__avatar hero__avatar--3\">P<\/div>\r\n              <div class=\"hero__avatar hero__avatar--4\">M<\/div>\r\n            <\/div>\r\n            <div class=\"hero__stars\" aria-label=\"5 \u00e9toiles sur 5\" role=\"img\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n            <\/div>\r\n            <span><strong style=\"color:var(--color-text)\">5 000+<\/strong> \u00e9quipes commerciales font confiance \u00e0 Saalz<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual side: product mockup -->\r\n        <div class=\"hero__visual\" aria-hidden=\"true\">\r\n          <div class=\"hero__mockup\">\r\n            <div class=\"mock-topbar\">\r\n              <div class=\"mock-dots\">\r\n                <div class=\"mock-dot mock-dot--red\"><\/div>\r\n                <div class=\"mock-dot mock-dot--yellow\"><\/div>\r\n                <div class=\"mock-dot mock-dot--green\"><\/div>\r\n              <\/div>\r\n              <span class=\"mock-topbar-title\">Saalz \u2014 Sales Intelligence<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Search bar -->\r\n            <div class=\"mock-search\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\">\r\n                <circle cx=\"6\" cy=\"6\" r=\"4.5\"\/><path d=\"M10 10l2.5 2.5\"\/>\r\n              <\/svg>\r\n              <span class=\"mock-search-text\">Recherche de prospects \u00b7 LinkedIn \u00b7 Enrichissement...<\/span>\r\n            <\/div>\r\n\r\n            <!-- Stats row -->\r\n            <div class=\"mock-stats\">\r\n              <div class=\"mock-stat\">\r\n                <div class=\"mock-stat-label\">Contacts<\/div>\r\n                <div class=\"mock-stat-value mock-stat-value--accent\">2 847<\/div>\r\n              <\/div>\r\n              <div class=\"mock-stat\">\r\n                <div class=\"mock-stat-label\">Enrichis<\/div>\r\n                <div class=\"mock-stat-value mock-stat-value--green\">94%<\/div>\r\n              <\/div>\r\n              <div class=\"mock-stat\">\r\n                <div class=\"mock-stat-label\">Pipeline<\/div>\r\n                <div class=\"mock-stat-value mock-stat-value--blue\">\u20ac184k<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact list -->\r\n            <div class=\"mock-contacts\">\r\n              <div class=\"mock-contact\">\r\n                <div class=\"mock-contact-avatar\" style=\"background:linear-gradient(135deg,#4F46E5,#7C3AED)\">TB<\/div>\r\n                <div class=\"mock-contact-info\">\r\n                  <div class=\"mock-contact-name\">Tatiana Brinoh<\/div>\r\n                  <div class=\"mock-contact-role\">CEO \u00b7 PEACE<\/div>\r\n                <\/div>\r\n                <span class=\"mock-badge mock-badge--enriched\">Enrichi<\/span>\r\n              <\/div>\r\n              <div class=\"mock-contact\">\r\n                <div class=\"mock-contact-avatar\" style=\"background:linear-gradient(135deg,#3B82F6,#06B6D4)\">ON<\/div>\r\n                <div class=\"mock-contact-info\">\r\n                  <div class=\"mock-contact-name\">Olivier Noel<\/div>\r\n                  <div class=\"mock-contact-role\">Commercial \u00b7 SITENCO<\/div>\r\n                <\/div>\r\n                <span class=\"mock-badge mock-badge--enriched\">Enrichi<\/span>\r\n              <\/div>\r\n              <div class=\"mock-contact\">\r\n                <div class=\"mock-contact-avatar\" style=\"background:linear-gradient(135deg,#10B981,#059669)\">PR<\/div>\r\n                <div class=\"mock-contact-info\">\r\n                  <div class=\"mock-contact-name\">Paul Renaud<\/div>\r\n                  <div class=\"mock-contact-role\">Freelancer<\/div>\r\n                <\/div>\r\n                <span class=\"mock-badge mock-badge--pending\">En cours<\/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       TRUSTED BY STRIP\r\n  ================================ -->\r\n  <section class=\"trusted\" aria-label=\"Clients de confiance\">\r\n    <div class=\"container\">\r\n      <div class=\"trusted__inner\">\r\n        <p class=\"trusted__label\">Ils nous font confiance<\/p>\r\n        <div class=\"trusted__logos\" role=\"list\">\r\n          <span class=\"trusted__logo\" role=\"listitem\">SITENCO<\/span>\r\n          <span class=\"trusted__logo\" role=\"listitem\">Peace<\/span>\r\n          <span class=\"trusted__logo\" role=\"listitem\">N2F<\/span>\r\n          <span class=\"trusted__logo\" role=\"listitem\">Bproduction<\/span>\r\n          <span class=\"trusted__logo\" role=\"listitem\">Agence&nbsp;de&nbsp;la&nbsp;Renaissance<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURE A \u2014 Prospection & Donn\u00e9es\r\n  ================================ -->\r\n  <section class=\"feature-section\" id=\"donnees\" aria-labelledby=\"feat-a-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"feature-grid\">\r\n        <!-- Content -->\r\n        <div class=\"feature-grid__content reveal\">\r\n          <div class=\"feature-grid__text\">\r\n            <span class=\"pill\">\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              Intelligence des donn\u00e9es\r\n            <\/span>\r\n            <h2 class=\"feature-grid__h2\" id=\"feat-a-heading\">\r\n              Trouvez les coordonn\u00e9es de n'importe quel prospect en 1 clic\r\n            <\/h2>\r\n            <p class=\"feature-grid__p\">\r\n              Acc\u00e9dez \u00e0 une base de 2 milliards de contacts. Enrichissez emails professionnels et mobiles en cascade via fournisseurs certifi\u00e9s RGPD.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Feature mini grid -->\r\n          <div class=\"feature-mini-grid\">\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 9a6 6 0 0 1 6-6M9 3a6 6 0 0 1 6 6M15 9a6 6 0 0 1-6 6M9 15a6 6 0 0 1-6-6\"\/><circle cx=\"9\" cy=\"9\" r=\"2\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Email pro<\/span>\r\n              <span class=\"feature-mini-card__desc\">Adresses email professionnelles v\u00e9rifi\u00e9es<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"4\" y=\"1\" width=\"10\" height=\"16\" rx=\"2\"\/><path d=\"M9 14h.01\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Mobile<\/span>\r\n              <span class=\"feature-mini-card__desc\">Num\u00e9ros de t\u00e9l\u00e9phone directs<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"9\" cy=\"6\" r=\"3.5\"\/><path d=\"M2 16c0-3.5 3-6 7-6s7 2.5 7 6\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Recherche de contacts<\/span>\r\n              <span class=\"feature-mini-card__desc\">Recherche avanc\u00e9e par crit\u00e8res<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"11\" rx=\"2\"\/><path d=\"M6 4V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1\"\/><path d=\"M6 9h6\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Recherche d'entreprises<\/span>\r\n              <span class=\"feature-mini-card__desc\">Donn\u00e9es entreprises et signaux d'achat<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M2 4h14M4 4V3M14 4V3\"\/><rect x=\"3\" y=\"7\" width=\"12\" height=\"8\" rx=\"1\"\/><path d=\"M7 11h4\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Offres d'emploi d\u00e9tect\u00e9es<\/span>\r\n              <span class=\"feature-mini-card__desc\">Postes et recrutements actifs<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini-card\">\r\n              <div class=\"feature-mini-card__icon\" aria-hidden=\"true\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 2l2 4h4l-3 3 1 4-4-2-4 2 1-4-3-3h4z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"feature-mini-card__label\">Technographies<\/span>\r\n              <span class=\"feature-mini-card__desc\">Stack technologique des cibles<\/span>\r\n            <\/div>\r\n              <div class=\"feature-mini-card\" style=\"grid-column:1\/-1;background:linear-gradient(135deg,rgba(79,70,229,0.06),rgba(59,130,246,0.06));border:1.5px solid rgba(79,70,229,0.2);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;\">\r\n                <div style=\"width:32px;height:32px;background:linear-gradient(135deg,#4F46E5,#3B82F6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><path d=\"M8 5v3l2 2\"\/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                  <div style=\"font-weight:700;font-size:0.875rem;color:var(--accent);\">Et bien plus encore<\/div>\r\n                  <div style=\"font-size:0.75rem;color:var(--color-text-muted);\">Extension LinkedIn, IA, workflows, CRM int\u00e9gr\u00e9\u2026<\/div>\r\n                <\/div>\r\n              <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual: enrichment mock -->\r\n        <div class=\"feature-grid__visual reveal reveal--delay-2\">\r\n          <div class=\"dark-card\">\r\n            <div class=\"enrich-mock\">\r\n              <div class=\"enrich-mock__header\">\r\n                <span class=\"enrich-mock__title\">Enrichissement en cours<\/span>\r\n                <span class=\"enrich-mock__status\">\r\n                  <span class=\"enrich-mock__status-dot\"><\/span>\r\n                  En direct\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"enrich-contact\">\r\n                <div class=\"enrich-avatar\">MP<\/div>\r\n                <div>\r\n                  <div class=\"enrich-name\">Marie Pichon<\/div>\r\n                  <div class=\"enrich-role\">Directrice Commerciale \u00b7 TechVenture SAS<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"enrich-fields\">\r\n                <div class=\"enrich-field\">\r\n                  <span class=\"enrich-field__key\">Email<\/span>\r\n                  <div style=\"display:flex;align-items:center;gap:8px;\">\r\n                    <span class=\"enrich-field__value\">m.pich\u2022\u2022@tech\u2022\u2022\u2022.com<\/span>\r\n                    <span class=\"enrich-field__tag enrich-field__tag--found\">Trouv\u00e9<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"enrich-field\">\r\n                  <span class=\"enrich-field__key\">Mobile<\/span>\r\n                  <div style=\"display:flex;align-items:center;gap:8px;\">\r\n                    <span class=\"enrich-field__value\">+33 6 \u2022\u2022 \u2022\u2022 \u2022\u2022 47<\/span>\r\n                    <span class=\"enrich-field__tag enrich-field__tag--found\">Trouv\u00e9<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"enrich-field\">\r\n                  <span class=\"enrich-field__key\">LinkedIn<\/span>\r\n                  <div style=\"display:flex;align-items:center;gap:8px;\">\r\n                    <span class=\"enrich-field__value\">linkedin.com\/in\/m-pichon<\/span>\r\n                    <span class=\"enrich-field__tag enrich-field__tag--verified\">V\u00e9rifi\u00e9<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"enrich-field\">\r\n                  <span class=\"enrich-field__key\">Entreprise<\/span>\r\n                  <div style=\"display:flex;align-items:center;gap:8px;\">\r\n                    <span class=\"enrich-field__value\">TechVenture SAS \u00b7 120 salari\u00e9s<\/span>\r\n                    <span class=\"enrich-field__tag enrich-field__tag--verified\">RGPD<\/span>\r\n                  <\/div>\r\n                <\/div>\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       FEATURE B \u2014 LinkedIn Intelligence\r\n  ================================ -->\r\n  <section class=\"feature-section feature-section--alt\" id=\"linkedin\" aria-labelledby=\"feat-b-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"feature-grid feature-grid--reverse\">\r\n        <!-- Visual: LinkedIn profile mock -->\r\n        <div class=\"feature-grid__visual reveal\">\r\n          <div class=\"dark-card\">\r\n            <div class=\"linkedin-mock\">\r\n              <div class=\"mock-topbar\" style=\"margin-bottom:var(--space-4);\">\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\">Extension Saalz \u00b7 LinkedIn<\/span>\r\n                <div style=\"width:48px\"><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"lk-profile\">\r\n                <div class=\"lk-cover\">\r\n                  <div class=\"lk-avatar\">JD<\/div>\r\n                <\/div>\r\n                <div class=\"lk-info\">\r\n                  <div class=\"lk-name\">Jean Dupont<\/div>\r\n                  <div class=\"lk-title\">VP Sales \u00b7 Scale-up SaaS \u00b7 Paris<\/div>\r\n                  <div class=\"lk-meta\">\r\n                    <span class=\"lk-meta-item\">500+ relations<\/span>\r\n                    <span class=\"lk-meta-item\">\u00b7 12 publications<\/span>\r\n                  <\/div>\r\n                  <button class=\"lk-import-btn\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M7 1v8M4 6l3 3 3-3\"\/><path d=\"M2 11h10\"\/><\/svg>\r\n                    Importer dans Saalz\r\n                  <\/button>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"lk-list\" aria-label=\"Contacts extraits\">\r\n                <div style=\"font-size:10px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-bottom:2px;\">Contacts extraits depuis la liste<\/div>\r\n                <div class=\"lk-list-item\">\r\n                  <span class=\"lk-list-name\">Sophie Laurent<\/span>\r\n                  <span class=\"lk-list-badge\">Likeur<\/span>\r\n                <\/div>\r\n                <div class=\"lk-list-item\">\r\n                  <span class=\"lk-list-name\">Romain Mercier<\/span>\r\n                  <span class=\"lk-list-badge\">Commentateur<\/span>\r\n                <\/div>\r\n                <div class=\"lk-list-item\">\r\n                  <span class=\"lk-list-name\">Ana\u00efs Bernard<\/span>\r\n                  <span class=\"lk-list-badge\">Profil<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content -->\r\n        <div class=\"feature-grid__content reveal reveal--delay-2\">\r\n          <div class=\"feature-grid__text\">\r\n            <span class=\"pill\">\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=\"1\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M4 6l2 2 4-4\"\/><\/svg>\r\n              LinkedIn Intelligence\r\n            <\/span>\r\n            <h2 class=\"feature-grid__h2\" id=\"feat-b-heading\">\r\n              Importez depuis LinkedIn et exploitez votre r\u00e9seau directement dans Saalz\r\n            <\/h2>\r\n            <p class=\"feature-grid__p\">\r\n              Extension Chrome pour importer des profils LinkedIn et Sales Navigator directement dans Saalz. Extrayez ensuite les likeurs et commentateurs de vos publications depuis la plateforme \u2014 sans aucun outil tiers.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-list\" role=\"list\">\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Extension Chrome LinkedIn\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Import de profils individuels\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Import de listes de recherche\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Engagement LinkedIn natif\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Likeurs & commentateurs (via la plateforme)\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Engagement LinkedIn analys\u00e9 depuis Saalz\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURE C \u2014 IA Workspace\r\n  ================================ -->\r\n  <section class=\"feature-section\" id=\"ia\" aria-labelledby=\"feat-c-heading\">\r\n    <div class=\"container\">\r\n      <div style=\"text-align:center;margin-bottom:clamp(var(--space-10),4vw,var(--space-16));\" class=\"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=\"M6 1l1.2 2.4L10 4.2 8 6.1l.5 2.9L6 7.6 3.5 9l.5-2.9L2 4.2l2.8-.8L6 1z\"\/><\/svg>\r\n          IA int\u00e9gr\u00e9e\r\n        <\/span>\r\n        <h2 class=\"feature-grid__h2\" id=\"feat-c-heading\" style=\"margin-bottom:var(--space-4);\">\r\n          Laissez l'IA faire le travail d'analyse et de r\u00e9daction\r\n        <\/h2>\r\n        <p class=\"feature-grid__p\" style=\"margin-inline:auto;color:var(--color-text-muted);\">\r\n          R\u00e9sum\u00e9s automatiques, icebreakers personnalis\u00e9s, recherche prospect IA, workflows intelligents \u2014 votre assistant commercial toujours disponible.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ai-cards-row\">\r\n        <div class=\"ai-card reveal reveal--delay-1\">\r\n          <div class=\"ai-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=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n              <polyline points=\"14,2 14,8 20,8\"\/>\r\n              <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/>\r\n              <line x1=\"8\" y1=\"17\" x2=\"12\" y2=\"17\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ai-card__title\">R\u00e9sum\u00e9s IA<\/div>\r\n          <div class=\"ai-card__desc\">Synth\u00e8se automatique du profil prospect \u2014 entreprise, poste, signaux d'achat \u2014 en un clic avant votre appel.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ai-card reveal reveal--delay-2\">\r\n          <div class=\"ai-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=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n              <path d=\"M8 10h8M8 14h4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ai-card__title\">Icebreakers<\/div>\r\n          <div class=\"ai-card__desc\">Messages d'approche ultra-personnalis\u00e9s g\u00e9n\u00e9r\u00e9s par l'IA, bas\u00e9s sur les activit\u00e9s LinkedIn et le contexte de l'entreprise.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ai-card reveal reveal--delay-3\">\r\n          <div class=\"ai-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 2L2 7l10 5 10-5-10-5z\"\/>\r\n              <path d=\"M2 17l10 5 10-5\"\/>\r\n              <path d=\"M2 12l10 5 10-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ai-card__title\">Workflows IA<\/div>\r\n          <div class=\"ai-card__desc\">S\u00e9quences intelligentes d\u00e9clench\u00e9es automatiquement selon le comportement prospect \u2014 le bon message au bon moment.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURE D \u2014 CRM L\u00e9ger\r\n  ================================ -->\r\n  <section class=\"feature-section feature-section--alt\" id=\"crm\" aria-labelledby=\"feat-d-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"feature-grid\">\r\n        <!-- Content -->\r\n        <div class=\"feature-grid__content reveal\">\r\n          <div class=\"feature-grid__text\">\r\n            <span class=\"pill\">\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=\"3\" width=\"10\" height=\"8\" rx=\"1\"\/><path d=\"M4 3V2M8 3V2\"\/><\/svg>\r\n              CRM\r\n            <\/span>\r\n            <h2 class=\"feature-grid__h2\" id=\"feat-d-heading\">\r\n              Un CRM pens\u00e9 pour les \u00e9quipes commerciales modernes\r\n            <\/h2>\r\n            <p class=\"feature-grid__p\">\r\n              Contacts, entreprises, opportunit\u00e9s, pipelines, t\u00e2ches, notes \u2014 tout ce dont vous avez besoin, sans la complexit\u00e9.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-list\" role=\"list\">\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Gestion contacts et entreprises unifi\u00e9e\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Pipelines et opportunit\u00e9s visuels\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              T\u00e2ches, rappels et activit\u00e9s\r\n            <\/div>\r\n            <div class=\"feature-list__item\" role=\"listitem\">\r\n              <div class=\"feature-list__icon\" aria-hidden=\"true\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n              <\/div>\r\n              Notes et historique de relation\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual: CRM pipeline mock -->\r\n        <div class=\"feature-grid__visual reveal reveal--delay-2\">\r\n          <div class=\"dark-card\">\r\n            <div style=\"font-size:var(--text-sm);font-weight:700;color:rgba(255,255,255,0.8);margin-bottom:var(--space-5);\">Pipeline commercial<\/div>\r\n            <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);\">\r\n              <!-- Column Prospection -->\r\n              <div>\r\n                <div style=\"font-size:10px;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);\">Prospection<\/div>\r\n                <div style=\"display:flex;flex-direction:column;gap:var(--space-2);\">\r\n                  <div style=\"background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:var(--space-3);\">\r\n                    <div style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,0.8);margin-bottom:2px;\">SITENCO<\/div>\r\n                    <div style=\"font-size:10px;color:rgba(255,255,255,0.3);\">\u20ac12 000<\/div>\r\n                  <\/div>\r\n                  <div style=\"background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:var(--space-3);\">\r\n                    <div style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,0.8);margin-bottom:2px;\">N2F Corp<\/div>\r\n                    <div style=\"font-size:10px;color:rgba(255,255,255,0.3);\">\u20ac8 400<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- Column Qualifi\u00e9 -->\r\n              <div>\r\n                <div style=\"font-size:10px;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);\">Qualifi\u00e9<\/div>\r\n                <div style=\"display:flex;flex-direction:column;gap:var(--space-2);\">\r\n                  <div style=\"background:rgba(79,70,229,0.15);border:1px solid rgba(79,70,229,0.25);border-radius:var(--radius-lg);padding:var(--space-3);\">\r\n                    <div style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,0.9);margin-bottom:2px;\">TechVenture<\/div>\r\n                    <div style=\"font-size:10px;color:#818CF8;\">\u20ac36 000<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- Column Gagn\u00e9 -->\r\n              <div>\r\n                <div style=\"font-size:10px;font-weight:700;color:rgba(52,211,153,0.6);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3);\">Gagn\u00e9<\/div>\r\n                <div style=\"display:flex;flex-direction:column;gap:var(--space-2);\">\r\n                  <div style=\"background:rgba(52,211,153,0.08);border:1px solid rgba(52,211,153,0.2);border-radius:var(--radius-lg);padding:var(--space-3);\">\r\n                    <div style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,0.85);margin-bottom:2px;\">PEACE<\/div>\r\n                    <div style=\"font-size:10px;color:#34D399;\">\u20ac54 000<\/div>\r\n                  <\/div>\r\n                <\/div>\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       WHY SAALZ \u2014 COMPARISON\r\n  ================================ -->\r\n  <section class=\"comparison\" id=\"pourquoi\" aria-labelledby=\"comparison-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"comparison__header reveal\">\r\n        <div style=\"font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#818CF8;margin-bottom:12px;\">ALIGNEMENT DES CO\u00dbTS<\/div>\r\n        <h2 class=\"comparison__h2\" id=\"comparison-heading\">Arr\u00eatez de surpayer pour une stack fragile.<\/h2>\r\n        <p class=\"comparison__sub\">Chaque outil ajout\u00e9 cr\u00e9e un nouveau silo. Saalz remplace tout d\u00e8s 99&nbsp;\u20ac\/mois.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"comparison__cols\" style=\"align-items:stretch;\">\r\n        <!-- Without Saalz \u2014 co\u00fbts cumul\u00e9s -->\r\n        <div class=\"comparison__col comparison__col--without reveal\" style=\"display:flex;flex-direction:column;justify-content:space-between;\">\r\n          <div>\r\n            <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;\">\r\n              <div class=\"comparison__col-title\" style=\"margin:0;\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" style=\"display:inline;vertical-align:middle;margin-right:6px\" aria-hidden=\"true\"><path d=\"M3 3l10 10M13 3L3 13\"\/><\/svg>\r\n                Stack fragment\u00e9e\r\n              <\/div>\r\n              <div style=\"font-size:1.25rem;font-weight:800;color:#F87171;\">~430 \u20ac<span style=\"font-size:0.75rem;font-weight:600;opacity:0.7;\"> \/ mois<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"comparison__items\" role=\"list\" style=\"gap:10px;\">\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>CRM<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">(ex. HubSpot)<\/span> \u2014 ~90 \u20ac\/mois<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Sales Navigator<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">LinkedIn<\/span> \u2014 ~100 \u20ac\/mois<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Outil d'enrichissement<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">(ex. Dropcontact)<\/span> \u2014 ~80 \u20ac\/mois<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Outil IA r\u00e9daction<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">(ex. ChatGPT Plus)<\/span> \u2014 ~20 \u20ac\/mois<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Extension LinkedIn tierce<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">(ex. Phantombuster)<\/span> \u2014 ~56 \u20ac\/mois<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--x\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2L2 8\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Synchronisation & tableurs<\/strong> <span style=\"opacity:0.6;font-size:0.8rem;\">\u2014 heures perdues chaque semaine<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"margin-top:24px;padding-top:16px;border-top:1px solid rgba(248,113,113,0.2);\">\r\n            <div style=\"font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#F87171;\">TEMPS PERDU EN SYNCHRONISATION<\/div>\r\n            <div style=\"font-size:0.95rem;font-weight:700;color:#F87171;margin-top:4px;\">~10 heures \/ commercial \/ semaine<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- With Saalz -->\r\n        <div class=\"comparison__col comparison__col--with reveal reveal--delay-2\" style=\"display:flex;flex-direction:column;justify-content:space-between;border:2px solid #4F46E5;\">\r\n          <div>\r\n            <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;\">\r\n              <div class=\"comparison__col-title\" style=\"margin:0;color:#818CF8;\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" style=\"display:inline;vertical-align:middle;margin-right:6px\" aria-hidden=\"true\"><path d=\"M2 8l4 4 8-8\"\/><\/svg>\r\n                Avec Saalz\r\n              <\/div>\r\n              <div style=\"font-size:1.25rem;font-weight:800;color:#818CF8;\">d\u00e8s 99 \u20ac<span style=\"font-size:0.75rem;font-weight:600;opacity:0.7;\"> \/ mois<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"comparison__items\" role=\"list\" style=\"gap:10px;\">\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>CRM int\u00e9gr\u00e9<\/strong> \u2014 contacts, pipeline, t\u00e2ches, notes<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Extension LinkedIn native<\/strong> \u2014 import profils & Sales Navigator<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Enrichissement email & mobile<\/strong> \u2014 fournisseurs RGPD certifi\u00e9s<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>IA int\u00e9gr\u00e9e<\/strong> \u2014 r\u00e9sum\u00e9s, icebreakers, workflows<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Recherche contacts & entreprises<\/strong> \u2014 base 2 milliards de profils<\/div>\r\n              <\/div>\r\n              <div class=\"comparison__item\" role=\"listitem\">\r\n                <div class=\"comparison__item-icon comparison__item-icon--check\" aria-hidden=\"true\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M2 5l2.5 2.5 4-4.5\"\/><\/svg>\r\n                <\/div>\r\n                <div><strong>Z\u00e9ro synchronisation manuelle<\/strong> \u2014 tout est unifi\u00e9<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"margin-top:24px;padding-top:16px;border-top:1px solid rgba(79,70,229,0.2);\">\r\n            <div style=\"font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#818CF8;\">\u00c9CONOMIE MOYENNE<\/div>\r\n            <div style=\"font-size:0.95rem;font-weight:700;color:#818CF8;margin-top:4px;\">Plus de 330 \u20ac \u00e9conomis\u00e9s chaque mois \u2713<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Banner CTA -->\r\n      <div class=\"comparison__banner reveal\">\r\n        <div class=\"comparison__banner-text\">Commencez gratuitement \u2014 aucune carte bancaire requise<\/div>\r\n        <div class=\"comparison__banner-sub\">Acc\u00e9dez \u00e0 toutes les fonctionnalit\u00e9s pendant 14 jours.<\/div>\r\n        <div class=\"comparison__banner-cta\">\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--white btn--lg\">Commencer gratuitement<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       PRICING PREVIEW\r\n  ================================ -->\r\n  <section class=\"pricing-preview\" id=\"prix\" aria-labelledby=\"pricing-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"pricing-preview__header reveal\">\r\n        <h2 class=\"pricing-preview__h2\" id=\"pricing-heading\">Des tarifs clairs, sans surprise<\/h2>\r\n        <p class=\"pricing-preview__sub\">De la prospection solo \u00e0 l'\u00e9quipe commerciale compl\u00e8te.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pricing-cards\">\r\n        <!-- Free -->\r\n        <div class=\"pricing-card reveal reveal--delay-1\">\r\n          <div>\r\n            <div class=\"pricing-card__name\">Free<\/div>\r\n          <\/div>\r\n          <div class=\"pricing-card__price-row\">\r\n            <span class=\"pricing-card__price\">\u20ac0<\/span>\r\n          <\/div>\r\n          <div class=\"pricing-card__credits\">100 cr\u00e9dits de donn\u00e9es<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--ghost\" style=\"justify-content:center;\">Commencer gratuitement<\/a>\r\n        <\/div>\r\n\r\n        <!-- Growth -->\r\n        <div class=\"pricing-card reveal reveal--delay-2\">\r\n          <div>\r\n            <div class=\"pricing-card__name\">Growth<\/div>\r\n          <\/div>\r\n          <div class=\"pricing-card__price-row\">\r\n            <span class=\"pricing-card__price\">\u20ac99<\/span>\r\n            <span class=\"pricing-card__period\">\/mois<\/span>\r\n          <\/div>\r\n          <div class=\"pricing-card__credits\">1 500 cr\u00e9dits de donn\u00e9es<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--ghost\" style=\"justify-content:center;\">D\u00e9marrer avec Growth<\/a>\r\n        <\/div>\r\n\r\n        <!-- Scale \u2014 Most popular -->\r\n        <div class=\"pricing-card pricing-card--popular reveal reveal--delay-3\">\r\n          <div class=\"pricing-card__badge\">Le plus populaire<\/div>\r\n          <div>\r\n            <div class=\"pricing-card__name\">Scale<\/div>\r\n          <\/div>\r\n          <div class=\"pricing-card__price-row\">\r\n            <span class=\"pricing-card__price\" style=\"color:var(--accent);\">\u20ac149<\/span>\r\n            <span class=\"pricing-card__period\">\/mois<\/span>\r\n          <\/div>\r\n          <div class=\"pricing-card__credits\" style=\"background:var(--accent-light);color:var(--accent);\">2 500 cr\u00e9dits de donn\u00e9es<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--primary\" style=\"justify-content:center;\">Choisir Scale<\/a>\r\n        <\/div>\r\n\r\n        <!-- Enterprise -->\r\n        <div class=\"pricing-card reveal reveal--delay-4\">\r\n          <div>\r\n            <div class=\"pricing-card__name\">Enterprise<\/div>\r\n          <\/div>\r\n          <div class=\"pricing-card__price-row\">\r\n            <span class=\"pricing-card__price\">\u20ac249<\/span>\r\n            <span class=\"pricing-card__period\">\/mois<\/span>\r\n          <\/div>\r\n          <div class=\"pricing-card__credits\">4 500 cr\u00e9dits de donn\u00e9es<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--ghost\" style=\"justify-content:center;\">Choisir Enterprise<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pricing-preview__link reveal\">\r\n        <a href=\"\/fr\/tarifs\/\">Voir tous les d\u00e9tails tarifaires \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       TESTIMONIALS\r\n  ================================ -->\r\n  <section class=\"testimonials\" aria-labelledby=\"testimonials-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"testimonials__header reveal\">\r\n        <h2 class=\"testimonials__h2\" id=\"testimonials-heading\">Plus de 5 000 \u00e9quipes leur font confiance<\/h2>\r\n        <p class=\"testimonials__sub\">Ce que nos clients disent de Saalz.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"testimonials__grid\">\r\n        <!-- Testimonial 1 -->\r\n        <article class=\"testimonial-card reveal reveal--delay-1\">\r\n          <div class=\"testimonial-card__stars\" aria-label=\"5 \u00e9toiles\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"testimonial-card__quote\">Saalz est g\u00e9nial ! Il m'a permis de passer un cap, de 10 clients \u00e0 plusieurs centaines, de 100k\u20ac de CA \u00e0 + de 1M\u20ac de CA !<\/p>\r\n          <div class=\"testimonial-card__author\">\r\n            <div class=\"testimonial-card__avatar\" aria-hidden=\"true\">TB<\/div>\r\n            <div>\r\n              <div class=\"testimonial-card__name\">Tatiana Brinoh<\/div>\r\n              <div class=\"testimonial-card__role\">CEO \u2014 PEACE<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Testimonial 2 -->\r\n        <article class=\"testimonial-card reveal reveal--delay-2\">\r\n          <div class=\"testimonial-card__stars\" aria-label=\"5 \u00e9toiles\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"testimonial-card__quote\">Client depuis 1 an et demi. Nous sommes tr\u00e8s satisfaits de la solution et de ses \u00e9volutions r\u00e9guli\u00e8res.<\/p>\r\n          <div class=\"testimonial-card__author\">\r\n            <div class=\"testimonial-card__avatar\" aria-label=\"Initiales ON\" style=\"background:linear-gradient(135deg,#3B82F6,#06B6D4)\">ON<\/div>\r\n            <div>\r\n              <div class=\"testimonial-card__name\">Olivier Noel<\/div>\r\n              <div class=\"testimonial-card__role\">Commercial \u2014 SITENCO<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Testimonial 3 -->\r\n        <article class=\"testimonial-card reveal reveal--delay-3\">\r\n          <div class=\"testimonial-card__stars\" aria-label=\"5 \u00e9toiles\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 1.5l1.7 3.5 3.8.55-2.75 2.68.65 3.77L8 9.85 4.6 12l.65-3.77L2.5 5.55l3.8-.55L8 1.5z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"testimonial-card__quote\">L'enrichissement de donn\u00e9es me fait gagner beaucoup de temps.<\/p>\r\n          <div class=\"testimonial-card__author\">\r\n            <div class=\"testimonial-card__avatar\" aria-label=\"Initiales PR\" style=\"background:linear-gradient(135deg,#10B981,#059669)\">PR<\/div>\r\n            <div>\r\n              <div class=\"testimonial-card__name\">Paul Renaud<\/div>\r\n              <div class=\"testimonial-card__role\">Freelancer<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FAQ\r\n  ================================ -->\r\n  <section class=\"faq\" id=\"faq\" aria-labelledby=\"faq-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"faq__header reveal\">\r\n        <h2 class=\"faq__h2\" id=\"faq-heading\">Questions fr\u00e9quentes<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"faq__list\" role=\"list\">\r\n        <details class=\"faq__item reveal reveal--delay-1\">\r\n          <summary class=\"faq__question\">\r\n            Qu'est-ce que Saalz exactement ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Saalz est une Sales Intelligence Platform \u2014 pas un CRM traditionnel. C'est la plateforme tout-en-un qui vous permet de trouver des prospects, d'enrichir leurs coordonn\u00e9es, d'importer depuis LinkedIn, d'utiliser l'IA pour personnaliser vos approches, et de suivre vos opportunit\u00e9s dans un CRM l\u00e9ger int\u00e9gr\u00e9.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq__item reveal reveal--delay-2\">\r\n          <summary class=\"faq__question\">\r\n            C'est quoi les cr\u00e9dits de donn\u00e9es ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Les cr\u00e9dits de donn\u00e9es sont l'unit\u00e9 de consommation pour chaque op\u00e9ration d'enrichissement : recherche d'email professionnel, de num\u00e9ro mobile, recherche de contacts (People Search), recherche d'entreprises ou d'emplois. Chaque op\u00e9ration consomme un certain nombre de cr\u00e9dits selon son type.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq__item reveal reveal--delay-3\">\r\n          <summary class=\"faq__question\">\r\n            Saalz fonctionne avec LinkedIn ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Oui, Saalz dispose d'une extension Chrome d\u00e9di\u00e9e LinkedIn qui vous permet d'importer des profils LinkedIn et des listes Sales Navigator directement dans Saalz. L'extraction des likeurs et commentateurs se fait, elle, depuis la plateforme web Saalz, sans aucun outil tiers.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq__item reveal reveal--delay-4\">\r\n          <summary class=\"faq__question\">\r\n            Saalz est-il conforme au RGPD ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Oui, toutes les donn\u00e9es d'enrichissement proviennent de fournisseurs certifi\u00e9s RGPD. Saalz traite uniquement les donn\u00e9es B2B dans le cadre d'un int\u00e9r\u00eat l\u00e9gitime commercial. Vos donn\u00e9es sont h\u00e9berg\u00e9es en Europe et vous b\u00e9n\u00e9ficiez de tous les droits garantis par le r\u00e8glement europ\u00e9en.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq__item reveal reveal--delay-5\">\r\n          <summary class=\"faq__question\">\r\n            Puis-je importer mes contacts existants ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Oui, Saalz accepte les imports depuis un fichier CSV, depuis LinkedIn (via l'extension Chrome ou l'export natif LinkedIn), et depuis la plupart des CRM du march\u00e9. La migration est simple et guid\u00e9e pas \u00e0 pas.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq__item reveal reveal--delay-5\">\r\n          <summary class=\"faq__question\">\r\n            Y a-t-il un engagement de dur\u00e9e ?\r\n            <span class=\"faq__icon\" aria-hidden=\"true\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n            <\/span>\r\n          <\/summary>\r\n          <p class=\"faq__answer\">Non, aucun engagement. Tous les abonnements Saalz sont sans engagement et r\u00e9siliables \u00e0 tout moment depuis votre espace. Votre acc\u00e8s reste actif jusqu'\u00e0 la fin de la p\u00e9riode d\u00e9j\u00e0 r\u00e9gl\u00e9e.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FINAL CTA\r\n  ================================ -->\r\n  <section class=\"final-cta\" aria-labelledby=\"final-cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"final-cta__content reveal\">\r\n        <h2 class=\"final-cta__h2\" id=\"final-cta-heading\">Pr\u00eat \u00e0 prospecter plus intelligemment ?<\/h2>\r\n        <p class=\"final-cta__sub\">Rejoignez 5 000 \u00e9quipes commerciales. Commencez gratuitement, sans carte bancaire.<\/p>\r\n        <div class=\"final-cta__actions\">\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--white btn--lg\">\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\" 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>Prospection, enrichissement de donn\u00e9eset IA commerciale, nativement unifi\u00e9s. La Sales Intelligence Platform pens\u00e9e pour les \u00e9quipes commerciales modernes. Trouvez vos prospects, enrichissez leurs donn\u00e9es et g\u00e9rez votre pipeline \u2014 sans jongler entre 5 outils. Commencer gratuitement Voir la d\u00e9mo \u2192 T O P M 5 000+ \u00e9quipes commerciales font confiance \u00e0 Saalz Saalz \u2014 Sales &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Saalz \u2014 Plateforme Sales Intelligence | Donn\u00e9es B2B actionnables<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12201","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/comments?post=12201"}],"version-history":[{"count":15,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201\/revisions"}],"predecessor-version":[{"id":12737,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201\/revisions\/12737"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}