{"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-09-22T12:30:40","modified_gmt":"2026-09-22T10:30:40","slug":"homepage-fr","status":"publish","type":"page","link":"https:\/\/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    *,\r\n    *::before,\r\n    *::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,\r\n    picture,\r\n    video,\r\n    canvas,\r\n    svg {\r\n        display: block;\r\n        max-width: 100%;\r\n    }\r\n    ul[role=\"list\"],\r\n    ol[role=\"list\"] {\r\n        list-style: none;\r\n    }\r\n    input,\r\n    button,\r\n    textarea,\r\n    select {\r\n        font: inherit;\r\n        color: inherit;\r\n    }\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        text-wrap: balance;\r\n        line-height: 1.15;\r\n        font-family: var(--font-display);\r\n    }\r\n    p,\r\n    li,\r\n    figcaption {\r\n        text-wrap: pretty;\r\n        max-width: 72ch;\r\n    }\r\n    button {\r\n        cursor: pointer;\r\n        background: none;\r\n        border: none;\r\n    }\r\n    a {\r\n        text-decoration: none;\r\n        color: inherit;\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n        *,\r\n        *::before,\r\n        *::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 {\r\n        transform: translateY(-1px);\r\n        box-shadow: var(--shadow-md);\r\n    }\r\n    .btn:active {\r\n        transform: translateY(0);\r\n        box-shadow: var(--shadow-sm);\r\n    }\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 {\r\n        background: var(--accent-hover);\r\n    }\r\n    .btn--primary:active {\r\n        background: var(--accent-active);\r\n    }\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 {\r\n        border-color: var(--accent);\r\n        color: var(--accent);\r\n    }\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 {\r\n        border-color: #fff;\r\n        background: rgba(255, 255, 255, 0.1);\r\n    }\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 {\r\n        background: #f0efff;\r\n    }\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 {\r\n        color: var(--color-text);\r\n    }\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 {\r\n        color: var(--color-text);\r\n    }\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:\r\n            background var(--transition-interactive),\r\n            transform var(--transition-interactive);\r\n        white-space: nowrap;\r\n    }\r\n    .btn--nav-cta:hover {\r\n        background: var(--accent-hover);\r\n        transform: translateY(-1px);\r\n    }\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 {\r\n        background: var(--color-surface-2);\r\n    }\r\n    @media (max-width: 900px) {\r\n        .nav__links {\r\n            display: none;\r\n        }\r\n        .nav__mobile-toggle {\r\n            display: flex;\r\n        }\r\n        .nav__actions .btn--ghost {\r\n            display: none;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .nav__actions .btn--primary {\r\n            padding: 0.5rem 0.875rem;\r\n            font-size: var(--text-xs);\r\n        }\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.1) 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 {\r\n        from {\r\n            transform: translate(0, 0) scale(1);\r\n        }\r\n        to {\r\n            transform: translate(4%, 5%) scale(1.06);\r\n        }\r\n    }\r\n    @keyframes meshDrift2 {\r\n        from {\r\n            transform: translate(0, 0) scale(1);\r\n        }\r\n        to {\r\n            transform: translate(-5%, 4%) scale(1.08);\r\n        }\r\n    }\r\n    @keyframes meshDrift3 {\r\n        from {\r\n            transform: translate(0, 0) scale(1);\r\n        }\r\n        to {\r\n            transform: translate(3%, -6%) scale(1.04);\r\n        }\r\n    }\r\n\r\n    .hero__content {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: clamp(var(--space-10), 5vw, var(--space-20));\r\n        align-items: center;\r\n    }\r\n    .hero__text {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--space-6);\r\n    }\r\n    .hero__pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: var(--space-2);\r\n        padding: var(--space-2) var(--space-4);\r\n        background: rgba(79, 70, 229, 0.08);\r\n        border: 1px solid rgba(79, 70, 229, 0.2);\r\n        border-radius: var(--radius-full);\r\n        font-size: var(--text-xs);\r\n        font-weight: 700;\r\n        color: var(--accent);\r\n        width: fit-content;\r\n        letter-spacing: 0.04em;\r\n    }\r\n    .hero__pill-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        background: var(--accent);\r\n        border-radius: 50%;\r\n        animation: pulse 2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse {\r\n        0%,\r\n        100% {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n        50% {\r\n            opacity: 0.5;\r\n            transform: scale(0.85);\r\n        }\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 {\r\n        margin-left: 0;\r\n    }\r\n    .hero__avatar--1 {\r\n        background: linear-gradient(135deg, #4f46e5, #7c3aed);\r\n    }\r\n    .hero__avatar--2 {\r\n        background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n    }\r\n    .hero__avatar--3 {\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n    }\r\n    .hero__avatar--4 {\r\n        background: linear-gradient(135deg, #f59e0b, #ef4444);\r\n    }\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:\r\n            var(--shadow-xl),\r\n            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 {\r\n        display: flex;\r\n        gap: var(--space-2);\r\n    }\r\n    .mock-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n    }\r\n    .mock-dot--red {\r\n        background: #ff5f57;\r\n    }\r\n    .mock-dot--yellow {\r\n        background: #febc2e;\r\n    }\r\n    .mock-dot--green {\r\n        background: #28c840;\r\n    }\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 {\r\n        color: #818cf8;\r\n    }\r\n    .mock-stat-value--blue {\r\n        color: #60a5fa;\r\n    }\r\n    .mock-stat-value--green {\r\n        color: #34d399;\r\n    }\r\n    .mock-contacts {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--space-2);\r\n    }\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 {\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\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 {\r\n            display: none;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .hero__h1 {\r\n            font-size: clamp(2rem, 8vw, 2.8rem);\r\n        }\r\n        .hero__ctas {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\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 {\r\n        color: var(--color-text-faint);\r\n    }\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 {\r\n        background: var(--color-surface);\r\n    }\r\n    .feature-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: clamp(var(--space-6), 5vw, var(--space-10));\r\n        align-items: center;\r\n    }\r\n    #donnees .feature-grid__visual {\r\n        padding-top: 60px;\r\n    }\r\n    .feature-grid--reverse .feature-grid__content {\r\n        order: 2;\r\n    }\r\n    .feature-grid--reverse .feature-grid__visual {\r\n        order: 1;\r\n    }\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 {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--space-4);\r\n    }\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:\r\n            box-shadow var(--transition-interactive),\r\n            border-color var(--transition-interactive);\r\n    }\r\n    .feature-section--alt .feature-mini-card {\r\n        background: var(--color-surface-2);\r\n    }\r\n    .feature-mini-card:hover {\r\n        box-shadow: var(--shadow-md);\r\n        border-color: rgba(79, 70, 229, 0.2);\r\n    }\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 {\r\n        position: relative;\r\n    }\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;\r\n        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;\r\n        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 {\r\n        background: rgba(52, 211, 153, 0.15);\r\n        color: #34d399;\r\n    }\r\n    .enrich-field__tag--verified {\r\n        background: rgba(79, 70, 229, 0.2);\r\n        color: #818cf8;\r\n    }\r\n\r\n    \/* LinkedIn mock *\/\r\n    .linkedin-mock {\r\n        position: relative;\r\n    }\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;\r\n        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 {\r\n        display: flex;\r\n        gap: var(--space-3);\r\n    }\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 {\r\n        background: var(--accent-hover);\r\n    }\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:\r\n            box-shadow var(--transition-interactive),\r\n            transform var(--transition-interactive),\r\n            border-color var(--transition-interactive);\r\n    }\r\n    .ai-card:hover {\r\n        box-shadow: var(--shadow-lg);\r\n        transform: translateY(-2px);\r\n        border-color: rgba(79, 70, 229, 0.2);\r\n    }\r\n    .ai-card__icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: var(--accent-light);\r\n        border-radius: var(--radius-xl);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--accent);\r\n    }\r\n    .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 {\r\n            order: 1;\r\n        }\r\n        .feature-grid--reverse .feature-grid__visual {\r\n            order: 2;\r\n        }\r\n        .ai-cards-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .feature-mini-grid {\r\n            grid-template-columns: 1fr;\r\n        }\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.1) 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.1);\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 {\r\n        color: #f87171;\r\n    }\r\n    .comparison__col--with .comparison__col-title {\r\n        color: #818cf8;\r\n    }\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;\r\n        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 {\r\n        background: rgba(239, 68, 68, 0.2);\r\n        color: #f87171;\r\n    }\r\n    .comparison__item-icon--check {\r\n        background: rgba(79, 70, 229, 0.2);\r\n        color: #818cf8;\r\n    }\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 {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n        .comparison__cols {\r\n            grid-template-columns: 1fr;\r\n        }\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, minmax(0, 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:\r\n            box-shadow var(--transition-interactive),\r\n            transform var(--transition-interactive);\r\n    }\r\n    .pricing-card:hover {\r\n        box-shadow: var(--shadow-lg);\r\n        transform: translateY(-2px);\r\n    }\r\n    .pricing-card--popular {\r\n        border-color: var(--accent);\r\n        box-shadow:\r\n            0 0 0 1px var(--accent),\r\n            var(--shadow-lg);\r\n        transform: scale(1.02);\r\n    }\r\n    .pricing-card--popular:hover {\r\n        transform: scale(1.02) translateY(-2px);\r\n    }\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 {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\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 {\r\n        color: var(--accent-hover);\r\n    }\r\n\r\n    @media (max-width: 1000px) {\r\n        .pricing-cards {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n        .pricing-card--popular {\r\n            transform: none;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .pricing-cards {\r\n            grid-template-columns: minmax(0, 1fr);\r\n        }\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:\r\n            box-shadow var(--transition-interactive),\r\n            transform var(--transition-interactive);\r\n    }\r\n    .testimonial-card:hover {\r\n        box-shadow: var(--shadow-lg);\r\n        transform: translateY(-2px);\r\n    }\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 {\r\n        content: '\"';\r\n    }\r\n    .testimonial-card__quote::after {\r\n        content: '\"';\r\n    }\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;\r\n        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 {\r\n            grid-template-columns: 1fr;\r\n        }\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-16));\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:\r\n            border-color var(--transition-interactive),\r\n            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 {\r\n        display: none;\r\n    }\r\n    .faq__question:hover {\r\n        background: var(--color-bg);\r\n    }\r\n    .faq__icon {\r\n        width: 24px;\r\n        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:\r\n            transform var(--transition-interactive),\r\n            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 {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\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: 1fr 1fr 1fr 1fr;\r\n        gap: clamp(var(--space-4), 2vw, var(--space-8));\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    }\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 {\r\n        color: rgba(255, 255, 255, 0.85);\r\n    }\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 {\r\n        color: rgba(255, 255, 255, 0.6);\r\n    }\r\n\r\n    @media (max-width: 1000px) {\r\n        .footer__top {\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n        }\r\n        .footer__brand {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .footer__top {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\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 {\r\n        transition-delay: 0.1s;\r\n    }\r\n    .reveal--delay-2 {\r\n        transition-delay: 0.2s;\r\n    }\r\n    .reveal--delay-3 {\r\n        transition-delay: 0.3s;\r\n    }\r\n    .reveal--delay-4 {\r\n        transition-delay: 0.4s;\r\n    }\r\n    .reveal--delay-5 {\r\n        transition-delay: 0.5s;\r\n    }\r\n\r\n    \/* ============================\r\n       MISC UTILITIES\r\n    ============================ *\/\r\n    .text-center {\r\n        text-align: center;\r\n    }\r\n    .mt-2 {\r\n        margin-top: var(--space-2);\r\n    }\r\n    .mt-3 {\r\n        margin-top: var(--space-3);\r\n    }\r\n    .mt-4 {\r\n        margin-top: var(--space-4);\r\n    }\r\n    .mt-6 {\r\n        margin-top: var(--space-6);\r\n    }\r\n    .mt-8 {\r\n        margin-top: var(--space-8);\r\n    }\r\n    .sr-only {\r\n        position: absolute;\r\n        width: 1px;\r\n        height: 1px;\r\n        padding: 0;\r\n        margin: -1px;\r\n        overflow: hidden;\r\n        clip: rect(0, 0, 0, 0);\r\n        white-space: nowrap;\r\n        border-width: 0;\r\n    }\r\n\r\n    \/* ============================\r\n       MEGA-MENU \u2014 ROBUSTE\r\n    ============================ *\/\r\n    .nav__item {\r\n        position: static;\r\n    }\r\n    .nav__item--mega {\r\n        position: static;\r\n    }\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;\r\n        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 {\r\n        position: relative;\r\n    }\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:\r\n            0 8px 16px rgba(15, 23, 42, 0.06),\r\n            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:\r\n            opacity 180ms ease,\r\n            transform 180ms ease,\r\n            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:\r\n            opacity 180ms ease,\r\n            transform 180ms ease,\r\n            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;\r\n        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;\r\n        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 {\r\n        padding-left: 0;\r\n    }\r\n    .megamenu__col:last-child {\r\n        border-right: none;\r\n        padding-right: 0;\r\n    }\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 {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n    }\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 {\r\n        background: #f8f9ff;\r\n    }\r\n    .megamenu__item:hover .megamenu__item-label {\r\n        color: var(--accent);\r\n    }\r\n    .megamenu__item-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        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;\r\n        align-items: center;\r\n        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 {\r\n        color: var(--color-text);\r\n    }\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:\r\n            background 150ms ease,\r\n            transform 150ms ease;\r\n        flex-shrink: 0;\r\n    }\r\n    .megamenu__footer-cta:hover {\r\n        background: var(--accent-hover);\r\n        transform: translateY(-1px);\r\n    }\r\n    @media (max-width: 1000px) {\r\n        .megamenu {\r\n            display: none !important;\r\n        }\r\n    }\r\n\r\n    \/* ============================\r\n       HERO CTA NOTE\r\n    ============================ *\/\r\n    .hero__cta-note {\r\n        font-size: var(--text-xs);\r\n        color: var(--color-text-muted);\r\n        font-weight: 600;\r\n        margin-top: calc(var(--space-2) * -1);\r\n    }\r\n\r\n    \/* ============================\r\n       JOURNEY \u2014 FIND \/ ENRICH \/ UNDERSTAND \/ ACT\r\n    ============================ *\/\r\n    .journey {\r\n        background: var(--color-surface);\r\n        border-block: 1px solid var(--color-border);\r\n    }\r\n    .journey__header {\r\n        text-align: center;\r\n        max-width: 720px;\r\n        margin-inline: auto;\r\n        margin-bottom: clamp(var(--space-10), 4vw, var(--space-16));\r\n    }\r\n    .journey__h2 {\r\n        font-size: var(--text-xl);\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        color: var(--color-text);\r\n        margin-top: var(--space-4);\r\n        margin-bottom: var(--space-3);\r\n    }\r\n    .journey__sub {\r\n        color: var(--color-text-muted);\r\n        font-size: var(--text-base);\r\n        margin-inline: auto;\r\n    }\r\n    .journey__grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: var(--space-5);\r\n    }\r\n    .journey__step {\r\n        position: relative;\r\n        background: var(--color-bg);\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-3);\r\n        transition:\r\n            box-shadow var(--transition-interactive),\r\n            transform var(--transition-interactive);\r\n    }\r\n    .journey__step:hover {\r\n        box-shadow: var(--shadow-md);\r\n        transform: translateY(-2px);\r\n    }\r\n    .journey__step-num {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: var(--radius-full);\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        font-weight: 800;\r\n        font-size: 0.85rem;\r\n    }\r\n    .journey__step-title {\r\n        font-size: var(--text-base);\r\n        font-weight: 800;\r\n        color: var(--color-text);\r\n    }\r\n    .journey__step-desc {\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text-muted);\r\n    }\r\n    .journey__step:not(:last-child)::after {\r\n        content: \"\u2192\";\r\n        position: absolute;\r\n        top: 50%;\r\n        right: calc(var(--space-5) \/ -2 - 7px);\r\n        transform: translateY(-50%);\r\n        color: var(--accent);\r\n        font-weight: 800;\r\n        font-size: 1.1rem;\r\n        z-index: 1;\r\n    }\r\n    .journey__flow {\r\n        margin-top: clamp(var(--space-8), 3vw, var(--space-12));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: var(--space-2) var(--space-3);\r\n        font-size: var(--text-sm);\r\n        font-weight: 700;\r\n        color: var(--color-text-muted);\r\n    }\r\n    .journey__flow-step {\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: var(--accent-light);\r\n        color: var(--accent);\r\n        border-radius: var(--radius-full);\r\n        white-space: nowrap;\r\n    }\r\n    .journey__flow-arrow {\r\n        color: var(--color-text-faint);\r\n    }\r\n    @media (max-width: 980px) {\r\n        .journey__grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .journey__step::after {\r\n            display: none;\r\n        }\r\n    }\r\n    @media (max-width: 560px) {\r\n        .journey__grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    \/* ============================\r\n       SIGNALS \u2014 JOB & TECHNOGRAPHICS DUO\r\n    ============================ *\/\r\n    .signal-cards-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: var(--space-6);\r\n    }\r\n    @media (max-width: 860px) {\r\n        .signal-cards-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    \/* ============================\r\n       INTERACTIVE DEMO\r\n    ============================ *\/\r\n    .demo-section {\r\n        background: var(--navy);\r\n    }\r\n    .demo-section__header {\r\n        text-align: center;\r\n        max-width: 680px;\r\n        margin-inline: auto;\r\n        margin-bottom: clamp(var(--space-8), 3vw, var(--space-12));\r\n    }\r\n    .demo-section__h2 {\r\n        font-size: var(--text-xl);\r\n        font-weight: 800;\r\n        color: #fff;\r\n        letter-spacing: -0.02em;\r\n        margin-top: var(--space-4);\r\n        margin-bottom: var(--space-3);\r\n    }\r\n    .demo-section__sub {\r\n        color: rgba(255, 255, 255, 0.65);\r\n        font-size: var(--text-base);\r\n        margin-inline: auto;\r\n    }\r\n    .demo-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: var(--space-2);\r\n        margin-bottom: var(--space-8);\r\n    }\r\n    .demo-tab {\r\n        padding: var(--space-2) var(--space-5);\r\n        border-radius: var(--radius-full);\r\n        border: 1.5px solid rgba(255, 255, 255, 0.18);\r\n        color: rgba(255, 255, 255, 0.7);\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            border-color var(--transition-interactive);\r\n    }\r\n    .demo-tab:hover {\r\n        border-color: rgba(255, 255, 255, 0.45);\r\n        color: #fff;\r\n    }\r\n    .demo-tab.is-active {\r\n        background: var(--accent);\r\n        border-color: var(--accent);\r\n        color: #fff;\r\n    }\r\n    .demo-panel {\r\n        display: none;\r\n    }\r\n    .demo-panel.is-active {\r\n        display: block;\r\n    }\r\n    .demo-stage {\r\n        max-width: 860px;\r\n        margin-inline: auto;\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: var(--radius-2xl);\r\n        padding: clamp(var(--space-4), 2vw, var(--space-8));\r\n    }\r\n    .demo-embed {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 16 \/ 10;\r\n        border-radius: var(--radius-xl);\r\n        overflow: hidden;\r\n    }\r\n    .demo-embed iframe,\r\n    .demo-embed video {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n        display: block;\r\n    }\r\n    .demo-placeholder {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: var(--space-4);\r\n        text-align: center;\r\n        padding: clamp(var(--space-8), 4vw, var(--space-16)) var(--space-6);\r\n        border: 1.5px dashed rgba(255, 255, 255, 0.2);\r\n        border-radius: var(--radius-xl);\r\n        color: rgba(255, 255, 255, 0.75);\r\n    }\r\n    .demo-placeholder__icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        border-radius: var(--radius-full);\r\n        background: rgba(79, 70, 229, 0.25);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #a5b4fc;\r\n    }\r\n    .demo-placeholder__title {\r\n        font-weight: 800;\r\n        color: #fff;\r\n        font-size: var(--text-base);\r\n    }\r\n    .demo-placeholder__desc {\r\n        font-size: var(--text-sm);\r\n        color: rgba(255, 255, 255, 0.55);\r\n        max-width: 46ch;\r\n    }\r\n    .demo-transcript {\r\n        margin-top: var(--space-4);\r\n    }\r\n    .demo-transcript summary {\r\n        cursor: pointer;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: var(--text-sm);\r\n        font-weight: 600;\r\n    }\r\n    .demo-transcript p {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: var(--text-sm);\r\n        margin-top: var(--space-3);\r\n    }\r\n    .demo-cta-row {\r\n        margin-top: clamp(var(--space-8), 3vw, var(--space-10));\r\n        text-align: center;\r\n    }\r\n    .demo-cta-row__title {\r\n        color: #fff;\r\n        font-weight: 800;\r\n        font-size: var(--text-lg);\r\n        margin-bottom: var(--space-5);\r\n    }\r\n    .demo-cta-row__actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: var(--space-4);\r\n    }\r\n    .demo-cta-row__link {\r\n      color: rgb(255 255 255);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      text-decoration: underline;\r\n      text-underline-offset: 3px;\r\n      background: #4f46e5;\r\n      padding: 0.875rem 2rem;\r\n      border-radius: var(--radius-xl);\r\n  }\r\n    .demo-cta-row__link:hover {\r\n        color: #fff;\r\n    }\r\n\r\n    \/* ============================\r\n       REASSURANCE STRIP\r\n    ============================ *\/\r\n    .assure {\r\n        background: var(--color-surface);\r\n        border-block: 1px solid var(--color-border);\r\n        padding-block: clamp(var(--space-8), 3vw, var(--space-12));\r\n    }\r\n    .assure__list {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: var(--space-3) var(--space-6);\r\n        list-style: none;\r\n    }\r\n    .assure__item {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: var(--space-2);\r\n        font-size: var(--text-sm);\r\n        font-weight: 600;\r\n        color: var(--color-text-muted);\r\n    }\r\n    .assure__item svg {\r\n        color: var(--color-success);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* ============================\r\n       PRICING PREVIEW \u2014 ENTERPRISE ROW\r\n    ============================ *\/\r\n    .pricing-enterprise-row {\r\n        margin-top: var(--space-6);\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-5) var(--space-6);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        gap: var(--space-4);\r\n    }\r\n    .pricing-enterprise-row__name {\r\n        font-weight: 800;\r\n        color: var(--color-text);\r\n        font-size: var(--text-base);\r\n    }\r\n    .pricing-enterprise-row__desc {\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text-muted);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        \/* The nav CTA label is much longer in French: shrink it and drop the\r\n         secondary sign-in link so the burger button stays on screen. *\/\r\n        .nav__actions .btn--nav-cta {\r\n            padding: 0.4rem 0.7rem;\r\n            font-size: 0.7rem;\r\n        }\r\n        .nav__actions .nav__signin {\r\n            display: none;\r\n        }\r\n        .nav__logo {\r\n            font-size: 1.15rem;\r\n        }\r\n        .nav__logo-icon {\r\n            width: 26px;\r\n            height: 26px;\r\n        }\r\n        \/* Logo + CTA + burger and two 2rem gaps do not fit in 375px: tighten\r\n         the bar and the toggle so the burger stays inside the viewport. *\/\r\n        \/* `.nav .nav__inner` outranks the v3 rule that sets a 2rem gap later\r\n         in the stylesheet \u2014 a plain `.nav__inner` here would lose. *\/\r\n        .nav .nav__inner {\r\n            gap: 0.5rem;\r\n        }\r\n        .nav__actions .btn--nav-cta {\r\n            padding: 0.35rem 0.6rem;\r\n            font-size: 0.66rem;\r\n        }\r\n        .nav__mobile-toggle {\r\n            padding: 4px;\r\n        }\r\n    }\r\n    \/* ============================\r\n       SEARCH CARDS \u2014 People \/ Company \/ Job (equal weight)\r\n    ============================ *\/\r\n    .search-cards {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: var(--space-3);\r\n    }\r\n    .search-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-surface);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: var(--radius-lg);\r\n        text-decoration: none;\r\n        transition:\r\n            border-color var(--transition-interactive),\r\n            box-shadow var(--transition-interactive),\r\n            transform var(--transition-interactive);\r\n    }\r\n    .search-card:hover {\r\n        border-color: var(--accent);\r\n        box-shadow: var(--shadow-md);\r\n        transform: translateY(-2px);\r\n    }\r\n    .search-card:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 2px;\r\n    }\r\n    .search-card__icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: var(--radius-md);\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    }\r\n    .search-card__label {\r\n        font-size: var(--text-sm);\r\n        font-weight: 800;\r\n        color: var(--color-text);\r\n    }\r\n    .search-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    @media (max-width: 1024px) {\r\n        .search-cards {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n     @media (max-width: 900px) {\r\n        .search-cards {\r\n            grid-template-columns: repeat(1, 1fr);\r\n        }\r\n        #enrichissement .feature-grid__visual {\r\n    width: 100%;\r\n}\r\n    }\r\n\r\n    \/* ============================\r\n       WORKSPACE TOOLS \u2014 tabbed, compact\r\n    ============================ *\/\r\n    .tools {\r\n        background: var(--color-surface);\r\n        border-block: 1px solid var(--color-border);\r\n    }\r\n    .tools__header {\r\n        text-align: center;\r\n        max-width: 720px;\r\n        margin-inline: auto;\r\n        margin-bottom: clamp(var(--space-8), 3vw, var(--space-12));\r\n    }\r\n    .tools__h2 {\r\n        font-size: var(--text-xl);\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        color: var(--color-text);\r\n        margin-top: var(--space-4);\r\n        margin-bottom: var(--space-3);\r\n    }\r\n    .tools__sub {\r\n        color: var(--color-text-muted);\r\n        font-size: var(--text-base);\r\n        margin-inline: auto;\r\n    }\r\n    .tools__tablist {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: var(--space-2);\r\n        margin-bottom: var(--space-8);\r\n    }\r\n    .tools__tab {\r\n        padding: var(--space-2) var(--space-5);\r\n        border-radius: var(--radius-full);\r\n        border: 1.5px solid var(--color-border);\r\n        background: var(--color-bg);\r\n        color: var(--color-text-muted);\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            border-color var(--transition-interactive);\r\n    }\r\n    .tools__tab:hover {\r\n        border-color: var(--accent);\r\n        color: var(--accent);\r\n    }\r\n    .tools__tab:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 2px;\r\n    }\r\n    .tools__tab.is-active {\r\n        background: var(--accent);\r\n        border-color: var(--accent);\r\n        color: #fff;\r\n    }\r\n    .tools__panel {\r\n        max-width: var(--content-wide);\r\n        margin-inline: auto;\r\n    }\r\n    .tools__panel[hidden] {\r\n        display: none;\r\n    }\r\n    .tools__groups {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n        gap: var(--space-5);\r\n    }\r\n    .tool-group {\r\n        background: var(--color-bg);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: var(--radius-lg);\r\n        padding: var(--space-5);\r\n    }\r\n    .tool-group__title {\r\n        font-size: var(--text-xs);\r\n        font-weight: 800;\r\n        letter-spacing: 0.06em;\r\n        text-transform: uppercase;\r\n        color: var(--accent);\r\n        margin-bottom: var(--space-3);\r\n    }\r\n    .tool-group__list {\r\n        list-style: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--space-2);\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    .tool-group__list li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: var(--space-2);\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text);\r\n        margin: 0;\r\n    }\r\n    .tool-group__list li::before {\r\n        content: \"\";\r\n        flex-shrink: 0;\r\n        margin-top: 7px;\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n        background: var(--accent);\r\n    }\r\n    .tools__note {\r\n        margin-top: var(--space-5);\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text-muted);\r\n        text-align: center;\r\n        max-width: 70ch;\r\n        margin-inline: auto;\r\n    }\r\n    .tools__note a {\r\n        color: var(--accent);\r\n        font-weight: 700;\r\n        text-decoration: underline;\r\n        text-underline-offset: 3px;\r\n    }\r\n    .tools__lede {\r\n        font-size: var(--text-base);\r\n        font-weight: 700;\r\n        color: var(--color-text);\r\n        margin: 0 auto var(--space-2);\r\n        max-width: 70ch;\r\n        text-align: center;\r\n    }\r\n    .tools__lede-sub {\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text-muted);\r\n        text-align: center;\r\n        max-width: 70ch;\r\n        margin: 0 auto var(--space-6);\r\n    }\r\n    .tools__chips {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: var(--space-2);\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    .tools__chips li {\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: 700;\r\n        margin: 0;\r\n    }\r\n    .integration-list {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: var(--space-2);\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 var(--space-4);\r\n    }\r\n    .integration-chip {\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: var(--color-bg);\r\n        border: 1.5px solid var(--color-border);\r\n        border-radius: var(--radius-full);\r\n        font-size: var(--text-sm);\r\n        font-weight: 700;\r\n        color: var(--color-text);\r\n        margin: 0;\r\n    }\r\n    .integration-chip--soon {\r\n        opacity: 0.85;\r\n        border-style: dashed;\r\n        color: var(--color-text-muted);\r\n    }\r\n    .integration-chip__badge {\r\n        font-size: 0.65rem;\r\n        font-weight: 800;\r\n        letter-spacing: 0.05em;\r\n        text-transform: uppercase;\r\n        padding: 2px 7px;\r\n        border-radius: var(--radius-full);\r\n        background: var(--color-surface-2);\r\n        color: var(--color-text-muted);\r\n    }\r\n    .integration-group-label {\r\n        font-size: var(--text-xs);\r\n        font-weight: 800;\r\n        letter-spacing: 0.08em;\r\n        text-transform: uppercase;\r\n        color: var(--color-text-faint);\r\n        text-align: center;\r\n        margin-bottom: var(--space-3);\r\n    }\r\n    @media (max-width: 700px) {\r\n        .tools__tablist {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n        .tools__tab {\r\n            text-align: left;\r\n            border-radius: var(--radius-lg);\r\n        }\r\n        .tools__groups {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    \/* ============================\r\n       SIGNAL CARDS \u2014 4 up, last one lighter\r\n    ============================ *\/\r\n    .signal-cards-4 {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n        gap: var(--space-4);\r\n    }\r\n    .signal-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-5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--space-3);\r\n    }\r\n    .signal-card--soft {\r\n        background: var(--accent-light);\r\n        border-style: dashed;\r\n        border-color: rgba(79, 70, 229, 0.3);\r\n    }\r\n    .signal-card__icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: var(--radius-md);\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    }\r\n    .signal-card--soft .signal-card__icon {\r\n        background: rgba(79, 70, 229, 0.16);\r\n    }\r\n    .signal-card__title {\r\n        font-size: var(--text-base);\r\n        font-weight: 800;\r\n        color: var(--color-text);\r\n    }\r\n    .signal-card__desc {\r\n        font-size: var(--text-sm);\r\n        color: var(--color-text-muted);\r\n    }\r\n    @media (max-width: 1000px) {\r\n        .signal-cards-4 {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n    @media (max-width: 560px) {\r\n        .signal-cards-4 {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n    \/* ============================\r\n       MEGA-MENU v2 \u2014 hierarchy, badges, mobile accordion\r\n    ============================ *\/\r\n    .megamenu {\r\n        width: min(980px, 94vw);\r\n    }\r\n    .megamenu__inner {\r\n        padding: 26px 26px 0;\r\n        gap: 0;\r\n    }\r\n    .megamenu__col {\r\n        padding: 0 20px 22px;\r\n        border-right: 1px solid rgba(15, 23, 42, 0.08);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    .megamenu__col:first-child {\r\n        padding-left: 0;\r\n    }\r\n    .megamenu__col:last-child {\r\n        border-right: none;\r\n        padding-right: 0;\r\n    }\r\n\r\n    \/* Column title is a link to its hub page *\/\r\n    a.megamenu__col-label {\r\n        display: block;\r\n        font-size: 0.68rem;\r\n        font-weight: 800;\r\n        letter-spacing: 0.09em;\r\n        text-transform: uppercase;\r\n        color: var(--color-text-muted);\r\n        margin-bottom: 12px;\r\n        padding-bottom: 9px;\r\n        border-bottom: 1px solid rgba(15, 23, 42, 0.07);\r\n        text-decoration: none;\r\n        transition:\r\n            color 130ms ease,\r\n            border-color 130ms ease;\r\n    }\r\n    a.megamenu__col-label:hover,\r\n    a.megamenu__col-label:focus-visible {\r\n        color: var(--accent);\r\n        border-color: rgba(79, 70, 229, 0.35);\r\n    }\r\n    a.megamenu__col-label:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .megamenu__items {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1px;\r\n    }\r\n\r\n    \/* Featured entries: icon + label + one-line description *\/\r\n    .megamenu__item {\r\n        padding: 8px 9px;\r\n        gap: 10px;\r\n        align-items: flex-start;\r\n    }\r\n    .megamenu__item:hover,\r\n    .megamenu__item:focus-visible {\r\n        background: rgba(79, 70, 229, 0.07);\r\n    }\r\n    .megamenu__item:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: -2px;\r\n    }\r\n    .megamenu__item-icon {\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 7px;\r\n    }\r\n    .megamenu__item-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex-wrap: wrap;\r\n        font-size: 0.8rem;\r\n    }\r\n    .megamenu__item-desc {\r\n        font-size: 0.7rem;\r\n        line-height: 1.35;\r\n        color: var(--color-text-faint);\r\n        margin-top: 1px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Compact secondary links *\/\r\n    .megamenu__links {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n        margin-top: 8px;\r\n        padding-top: 8px;\r\n        border-top: 1px solid rgba(15, 23, 42, 0.05);\r\n    }\r\n    .megamenu__link {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 6px 9px;\r\n        border-radius: 8px;\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        color: var(--color-text-muted);\r\n        text-decoration: none;\r\n        transition:\r\n            background 130ms ease,\r\n            color 130ms ease;\r\n    }\r\n    .megamenu__link:hover,\r\n    .megamenu__link:focus-visible {\r\n        background: rgba(79, 70, 229, 0.07);\r\n        color: var(--accent);\r\n    }\r\n    .megamenu__link:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: -2px;\r\n    }\r\n\r\n    \/* Column footer link *\/\r\n    .megamenu__col-cta {\r\n        margin-top: auto;\r\n        padding: 10px 9px 0;\r\n        font-size: 0.72rem;\r\n        font-weight: 700;\r\n        color: var(--accent);\r\n        text-decoration: none;\r\n        opacity: 0.85;\r\n        transition: opacity 130ms ease;\r\n    }\r\n    .megamenu__col-cta:hover,\r\n    .megamenu__col-cta:focus-visible {\r\n        opacity: 1;\r\n        text-decoration: underline;\r\n        text-underline-offset: 3px;\r\n    }\r\n    .megamenu__col-cta:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 2px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* Badges *\/\r\n    .mm-badge {\r\n        font-size: 0.55rem;\r\n        font-weight: 800;\r\n        letter-spacing: 0.05em;\r\n        text-transform: uppercase;\r\n        padding: 2px 6px;\r\n        border-radius: var(--radius-full);\r\n        white-space: nowrap;\r\n        line-height: 1.4;\r\n    }\r\n    .mm-badge--new {\r\n        background: rgba(79, 70, 229, 0.12);\r\n        color: var(--accent);\r\n    }\r\n    .mm-badge--soon {\r\n        background: var(--color-surface-2);\r\n        color: var(--color-text-muted);\r\n    }\r\n\r\n    \/* Menu footer *\/\r\n    .megamenu__footer {\r\n        padding: 14px 26px;\r\n        gap: 16px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .megamenu__footer-actions {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .megamenu__footer-link {\r\n        font-size: 0.78rem;\r\n        font-weight: 700;\r\n        color: var(--color-text-muted);\r\n        text-decoration: none;\r\n        transition: color 130ms ease;\r\n    }\r\n    .megamenu__footer-link:hover,\r\n    .megamenu__footer-link:focus-visible {\r\n        color: var(--accent);\r\n    }\r\n    .megamenu__footer-link:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* ---- Mobile: the four columns become accordions ---- *\/\r\n    @media (max-width: 1000px) {\r\n        .megamenu {\r\n            display: block !important;\r\n            position: static;\r\n            width: 100%;\r\n            opacity: 1;\r\n            visibility: visible;\r\n            pointer-events: auto;\r\n            transform: none;\r\n            box-shadow: none;\r\n            border: none;\r\n            border-radius: 0;\r\n            margin-top: 8px;\r\n        }\r\n        .megamenu::after,\r\n        .megamenu::before {\r\n            display: none;\r\n        }\r\n        .nav__item--mega:not(.mm-open) .megamenu {\r\n            display: none !important;\r\n        }\r\n        .megamenu__inner {\r\n            display: block;\r\n            padding: 0;\r\n        }\r\n        .megamenu__col {\r\n            padding: 0;\r\n            border-right: none;\r\n            border-bottom: 1px solid var(--color-border);\r\n        }\r\n        a.megamenu__col-label {\r\n            position: relative;\r\n            margin-bottom: 0;\r\n            padding: 12px 30px 12px 4px;\r\n            border-bottom: none;\r\n            font-size: 0.72rem;\r\n            color: var(--color-text);\r\n        }\r\n        .megamenu__col-toggle {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 0;\r\n            transform: translateY(-50%);\r\n            width: 34px;\r\n            height: 34px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 8px;\r\n            color: var(--color-text-muted);\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n        .megamenu__col-toggle svg {\r\n            transition: transform 180ms var(--ease-out);\r\n        }\r\n        .megamenu__col-toggle[aria-expanded=\"true\"] svg {\r\n            transform: rotate(180deg);\r\n        }\r\n        .megamenu__col-toggle:focus-visible {\r\n            outline: 2px solid var(--accent);\r\n            outline-offset: -2px;\r\n        }\r\n        .megamenu__col-head {\r\n            position: relative;\r\n        }\r\n        .megamenu__col-body {\r\n            display: none;\r\n            padding-bottom: 12px;\r\n        }\r\n        .megamenu__col-body.is-open {\r\n            display: block;\r\n        }\r\n        .megamenu__col-cta {\r\n            margin-top: 6px;\r\n            display: block;\r\n        }\r\n        .megamenu__footer {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding: 14px 4px;\r\n        }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .megamenu__col-toggle svg {\r\n            transition: none;\r\n        }\r\n    }\r\n    \/* ============================================================\r\n       HEADER + MEGA-MENU v3 \u2014 sizing, contrast, panelled columns\r\n       ============================================================ *\/\r\n    :root {\r\n        --mm-ink: #101828; \/* feature titles          *\/\r\n        --mm-ink-soft: #344054; \/* nav links, footer links *\/\r\n        --mm-ink-label: #475467; \/* column titles           *\/\r\n        --mm-ink-desc: #5f6c80; \/* feature descriptions    *\/\r\n        --mm-arrow: #98a2b3; \/* column arrows at rest   *\/\r\n        --mm-panel-bg: #fbfbfe;\r\n        --mm-panel-line: #eef0f6;\r\n        --mm-tint: #f4f3ff; \/* hover wash on a standard entry *\/\r\n        --mm-tint-line: #ddd9fe;\r\n        \/* Highlighted entries: a soft wash that reads as \"worth noticing\"\r\n         rather than \"currently selected\". Kept lighter than the hover\r\n         wash so hovering anything always darkens it. *\/\r\n        --mm-new-bg: #f8f7fe;\r\n        --mm-new-line: #eceafb;\r\n        --mm-new-hover: #efedfd;\r\n        --mm-indigo-dk: #3730a3;\r\n    }\r\n\r\n    \/* ---------- Primary navigation ---------- *\/\r\n    .nav__inner {\r\n        height: 72px;\r\n        gap: 2rem;\r\n    }\r\n    .nav__logo {\r\n        font-size: 1.65rem;\r\n    }\r\n    .nav__logo-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n    .nav__logo-icon svg {\r\n        width: 34px;\r\n        height: 34px;\r\n    }\r\n\r\n    .nav__links {\r\n        gap: 30px;\r\n        align-items: center;\r\n    }\r\n    .nav__links > li {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .nav__links a {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 15.5px;\r\n        font-weight: 600;\r\n        line-height: 1;\r\n        color: var(--mm-ink-soft);\r\n        padding: 8px 10px;\r\n        border-radius: 9px;\r\n        transition:\r\n            color 140ms ease,\r\n            background 140ms ease;\r\n    }\r\n    .nav__links a:hover {\r\n        color: var(--accent);\r\n        background: var(--mm-tint);\r\n    }\r\n    .nav__links a:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 2px;\r\n    }\r\n    .nav__links a[aria-current=\"page\"],\r\n    .nav__links a.nav__link--active {\r\n        color: var(--mm-ink);\r\n    }\r\n\r\n    \/* Product trigger: chevron aligned with the label, flips when open *\/\r\n    .nav__item--mega > a .mm-chevron,\r\n    .nav__item--mega > a::after {\r\n        display: none;\r\n    }\r\n    .nav__item--mega > a {\r\n        position: relative;\r\n        padding-right: 26px;\r\n    }\r\n    .nav__item--mega > a .mm-caret {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 50%;\r\n        width: 10px;\r\n        height: 10px;\r\n        margin-top: -5px;\r\n        transition: transform 160ms var(--ease-out);\r\n        pointer-events: none;\r\n    }\r\n    .nav__item--mega.mm-open > a {\r\n        background: var(--mm-tint);\r\n        color: var(--accent);\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-caret {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    \/* Sign in + primary CTA *\/\r\n    .nav__actions {\r\n        gap: 14px;\r\n    }\r\n    .nav__signin {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: var(--mm-ink-soft);\r\n        padding: 8px 4px;\r\n    }\r\n    .nav__signin:hover {\r\n        color: var(--accent);\r\n    }\r\n    .nav__signin:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 2px;\r\n        border-radius: 6px;\r\n    }\r\n    .btn--nav-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        min-height: 43px;\r\n        padding: 0 1.4rem;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        border-radius: 10px;\r\n    }\r\n    .btn--nav-cta:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n    }\r\n\r\n    \/* ---------- Mega-menu shell ---------- *\/\r\n    .megamenu {\r\n        \/* The panel is anchored 48px from the viewport edge, so 96vw pushed its\r\n         right edge off-screen between 1001 and ~1195px and the whole page\r\n         gained a horizontal scrollbar. Reserving 48px on both sides keeps the\r\n         validated 1100px width everywhere above 1196px. *\/\r\n        width: min(1100px, calc(100vw - 96px));\r\n        border: 1px solid var(--mm-panel-line);\r\n        border-radius: 16px;\r\n        box-shadow:\r\n            0 4px 10px rgba(16, 24, 40, 0.04),\r\n            0 18px 44px rgba(16, 24, 40, 0.12);\r\n    }\r\n    .megamenu__inner {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 14px;\r\n        padding: 18px;\r\n    }\r\n\r\n    \/* ---------- Columns as panels ---------- *\/\r\n    .megamenu__col {\r\n        background: var(--mm-panel-bg);\r\n        border: 1px solid var(--mm-panel-line);\r\n        border-radius: 12px;\r\n        padding: 16px 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    a.megamenu__col-label {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 0.72rem;\r\n        font-weight: 800;\r\n        letter-spacing: 0.07em;\r\n        text-transform: uppercase;\r\n        color: var(--mm-ink-label);\r\n        margin: 0 0 2px;\r\n        padding: 0 4px;\r\n        border-bottom: none;\r\n        text-decoration: none;\r\n    }\r\n    a.megamenu__col-label:hover {\r\n        color: var(--accent);\r\n        border-color: transparent;\r\n    }\r\n    a.megamenu__col-label:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n        border-radius: 5px;\r\n    }\r\n    .mm-col-arrow {\r\n        flex-shrink: 0;\r\n        color: var(--mm-arrow);\r\n        transition:\r\n            transform 160ms var(--ease-out),\r\n            color 160ms ease;\r\n    }\r\n    a.megamenu__col-label:hover .mm-col-arrow {\r\n        transform: translateX(3px);\r\n        color: var(--accent);\r\n    }\r\n\r\n    \/* No isolated accordion chevrons on desktop *\/\r\n    .megamenu__col-toggle {\r\n        display: none;\r\n    }\r\n    .megamenu__col-head {\r\n        display: contents;\r\n    }\r\n    .megamenu__col-body {\r\n        display: contents;\r\n    }\r\n\r\n    .megamenu__items {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3px;\r\n    }\r\n\r\n    \/* ---------- One item component for every feature ----------\r\n       Every entry \u2014 highlighted or not \u2014 is a single anchor, so the whole\r\n       row is clickable, hoverable and focusable. The icon column, the gap\r\n       and the text column are identical everywhere, which is what puts all\r\n       the rows on one grid. *\/\r\n    .mm-item {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        min-height: 52px;\r\n        padding: 9px 10px;\r\n        border: 1px solid transparent;\r\n        border-radius: 10px;\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition:\r\n            background 140ms ease,\r\n            border-color 140ms ease;\r\n    }\r\n    .mm-item:hover {\r\n        background: var(--mm-tint);\r\n    }\r\n    .mm-item:hover .mm-item__title {\r\n        color: var(--mm-indigo-dk);\r\n    }\r\n    .mm-item:hover .mm-item__icon {\r\n        color: var(--accent);\r\n        border-color: var(--mm-tint-line);\r\n    }\r\n    .mm-item:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: -2px;\r\n        background: var(--mm-tint);\r\n        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.16);\r\n    }\r\n    .mm-item__icon {\r\n        flex-shrink: 0;\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 8px;\r\n        background: #fff;\r\n        border: 1px solid var(--mm-panel-line);\r\n        color: var(--mm-ink-label);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-top: 1px;\r\n        transition:\r\n            color 140ms ease,\r\n            border-color 140ms ease;\r\n    }\r\n    .mm-item__body {\r\n        flex: 1 1 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n        min-width: 0;\r\n    }\r\n    .mm-item__title {\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        font-size: 0.855rem;\r\n        font-weight: 650;\r\n        line-height: 1.25;\r\n        color: var(--mm-ink);\r\n        transition: color 140ms ease;\r\n    }\r\n    .mm-item__desc {\r\n        font-size: 0.775rem;\r\n        line-height: 1.4;\r\n        color: var(--mm-ink-desc);\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* ---------- Badged entries ----------\r\n       The badge and the `--new` \/ `--soon` class are injected by\r\n       saalz-config.js from CONFIG.megamenuBadges; the markup ships without\r\n       them. These rules therefore have to work for any entry.\r\n\r\n       The badge floats to the top right of the title, so the first line of\r\n       the title flows beside it and the following line uses the full width.\r\n       The badge can therefore never sit alone under the title nor run under\r\n       the text, whatever the wording or the language \u2014 \"Nouveau\" reserves\r\n       more room than \"New\" without pushing the title onto a third line.\r\n\r\n       Title and description both reserve exactly two lines, so every badged\r\n       card ends up the same height with its icon, title, badge, description\r\n       and its top and bottom margins on the same lines. *\/\r\n    .mm-item--new,\r\n    .mm-item--soon {\r\n        background: var(--mm-new-bg);\r\n        border-color: var(--mm-new-line);\r\n    }\r\n    .mm-item--new .mm-item__icon,\r\n    .mm-item--soon .mm-item__icon {\r\n        color: var(--accent);\r\n        border-color: var(--mm-new-line);\r\n    }\r\n    .mm-item--new:hover,\r\n    .mm-item--soon:hover {\r\n        background: var(--mm-new-hover);\r\n        border-color: var(--mm-tint-line);\r\n    }\r\n    .mm-item--new:focus-visible,\r\n    .mm-item--soon:focus-visible {\r\n        background: var(--mm-new-hover);\r\n    }\r\n\r\n    .mm-item--new .mm-item__title,\r\n    .mm-item--soon .mm-item__title {\r\n        display: block;\r\n        height: 2.5em; \/* exactly two lines at line-height 1.25 *\/\r\n        overflow: hidden;\r\n    }\r\n    .mm-item--new .mm-item__desc,\r\n    .mm-item--soon .mm-item__desc {\r\n        min-height: 2.8em;\r\n    } \/* two lines at line-height 1.4 *\/\r\n\r\n    \/* Kept deliberately compact \u2014 sentence case, no letter-spacing \u2014 because\r\n       the first word of the title has to fit beside it on line one and the\r\n       French wording (\"Nouveau\") is a third wider than the English one. *\/\r\n    .mm-badge {\r\n        float: right;\r\n        margin: 1px 0 0 6px;\r\n        font-size: 0.6rem;\r\n        font-weight: 800;\r\n        line-height: 1.45;\r\n        \/* Explicit: an earlier rule in the page still sets these. *\/\r\n        letter-spacing: 0;\r\n        text-transform: none;\r\n        padding: 1px 6px;\r\n        border-radius: var(--radius-full);\r\n        background: rgba(79, 70, 229, 0.13);\r\n        color: var(--mm-indigo-dk);\r\n        white-space: nowrap;\r\n    }\r\n    .mm-badge--soon {\r\n        background: #f2f4f7;\r\n        color: var(--mm-ink-desc);\r\n    }\r\n\r\n    \/* ---------- Footer ----------\r\n       The three actions stay on one row and keep their natural width; only\r\n       the sentence gives way, so the bar keeps a single baseline in French\r\n       as in English instead of breaking into two stacked rows. *\/\r\n    .megamenu__footer {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        flex-wrap: nowrap;\r\n        padding: 9px 20px;\r\n        background: #fff;\r\n        border-top: 1px solid var(--mm-panel-line);\r\n    }\r\n    .megamenu__footer-text {\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        font-size: 0.82rem;\r\n        font-weight: 500;\r\n        line-height: 1.35;\r\n        color: var(--mm-ink-label);\r\n    }\r\n    .megamenu__footer-actions {\r\n        flex: 0 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        flex-wrap: nowrap;\r\n    }\r\n    .megamenu__footer-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        font-size: 0.82rem;\r\n        font-weight: 650;\r\n        line-height: 1.35;\r\n        color: var(--mm-ink-soft);\r\n        text-decoration: none;\r\n        transition: color 140ms ease;\r\n    }\r\n    .megamenu__footer-link:hover {\r\n        color: var(--accent);\r\n        text-decoration: underline;\r\n        text-underline-offset: 3px;\r\n    }\r\n    .megamenu__footer-link:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n        border-radius: 5px;\r\n    }\r\n    .megamenu__footer-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        min-height: 36px;\r\n        padding: 0 1.15rem;\r\n        font-size: 0.82rem;\r\n        font-weight: 700;\r\n        line-height: 1.35;\r\n        border-radius: 9px;\r\n    }\r\n\r\n    \/* ---------- Narrow desktop ----------\r\n       Between the accordion breakpoint and 1150px the shell is capped at\r\n       96vw, so the four columns get noticeably narrower and a long French\r\n       title stops fitting beside its badge. Tightening the shell spacing\r\n       gives the text back about twelve pixels per column. Nothing here\r\n       applies to the validated 1200px+ layout. *\/\r\n    @media (min-width: 1001px) and (max-width: 1195px) {\r\n        .megamenu__inner {\r\n            padding: 12px;\r\n            gap: 10px;\r\n        }\r\n        .megamenu__col {\r\n            padding: 14px 11px;\r\n        }\r\n        .mm-item {\r\n            padding: 9px 7px;\r\n        }\r\n        \/* The columns get too narrow for a long French title to sit beside the\r\n         badge, so the badge takes its own line above the title instead of\r\n         squeezing \u2014 or worse, running under \u2014 the text. *\/\r\n        .mm-badge {\r\n            float: none;\r\n            display: inline-block;\r\n            margin: 0 0 3px;\r\n            padding: 1px 6px;\r\n        }\r\n        .mm-item--new .mm-item__title,\r\n        .mm-item--soon .mm-item__title {\r\n            height: auto;\r\n            min-height: 3.6em;\r\n        }\r\n        \/* A long French title can take a third line at the bottom of the band;\r\n         a common floor keeps the five cards identical there too. *\/\r\n        .mm-item--new,\r\n        .mm-item--soon {\r\n            min-height: 7rem;\r\n        }\r\n    }\r\n\r\n    \/* ---------- Tablet \/ mobile: accordions ---------- *\/\r\n    @media (max-width: 1000px) {\r\n        .nav__inner {\r\n            height: 64px;\r\n        }\r\n        .megamenu {\r\n            width: 100%;\r\n            border: none;\r\n            box-shadow: none;\r\n            border-radius: 0;\r\n        }\r\n        .megamenu__inner {\r\n            display: block;\r\n            padding: 0;\r\n            gap: 0;\r\n        }\r\n        .megamenu__col {\r\n            background: transparent;\r\n            border: none;\r\n            border-bottom: 1px solid var(--color-border);\r\n            border-radius: 0;\r\n            padding: 0;\r\n            gap: 0;\r\n            display: block;\r\n        }\r\n        .megamenu__col-head {\r\n            display: block;\r\n            position: relative;\r\n        }\r\n        a.megamenu__col-label {\r\n            display: flex;\r\n            width: 100%;\r\n            min-height: 48px;\r\n            align-items: center;\r\n            padding: 12px 44px 12px 4px;\r\n            font-size: 0.78rem;\r\n            color: var(--mm-ink);\r\n        }\r\n        .mm-col-arrow {\r\n            display: none;\r\n        }\r\n        .megamenu__col-toggle {\r\n            display: flex;\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 0;\r\n            transform: translateY(-50%);\r\n            width: 44px;\r\n            height: 44px;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border: none;\r\n            background: none;\r\n            border-radius: 9px;\r\n            color: var(--mm-ink-label);\r\n            cursor: pointer;\r\n        }\r\n        .megamenu__col-toggle svg {\r\n            transition: transform 180ms var(--ease-out);\r\n        }\r\n        .megamenu__col-toggle[aria-expanded=\"true\"] svg {\r\n            transform: rotate(180deg);\r\n        }\r\n        .megamenu__col-toggle:focus-visible {\r\n            outline: 2px solid var(--accent);\r\n            outline-offset: -2px;\r\n        }\r\n        .megamenu__col-body {\r\n            display: none;\r\n            padding-bottom: 10px;\r\n        }\r\n        .megamenu__col-body.is-open {\r\n            display: block;\r\n        }\r\n        .mm-item {\r\n            min-height: 48px;\r\n        }\r\n        \/* One column: rows already share a width, so the reserved two-line\r\n         slots would only add dead space. *\/\r\n        .mm-item--new .mm-item__title,\r\n        .mm-item--soon .mm-item__title {\r\n            height: auto;\r\n            min-height: 0;\r\n        }\r\n        .mm-item--new .mm-item__desc,\r\n        .mm-item--soon .mm-item__desc {\r\n            min-height: 0;\r\n        }\r\n        .megamenu__footer {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            flex-wrap: wrap;\r\n            padding: 14px 4px;\r\n        }\r\n        .megamenu__footer-actions {\r\n            flex-wrap: wrap;\r\n        }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .mm-col-arrow,\r\n        .megamenu__col-toggle svg,\r\n        .nav__item--mega > a .mm-caret,\r\n        .nav__links a,\r\n        .mm-item,\r\n        .mm-item__icon,\r\n        .mm-item__title,\r\n        .megamenu__footer-link {\r\n            transition: none;\r\n        }\r\n    }\r\n\r\n    \/* CENTRED SUBTITLE FIX *\/\r\n    \/* Centred section subtitles inherit `max-width: 72ch` from the base\r\n       reset with no auto margins: the box hugged the left edge, so the\r\n       centred text sat ~77px left of true centre. *\/\r\n    .comparison__sub,\r\n    .testimonials__sub,\r\n    .features-section__sub,\r\n    .how-it-works__sub,\r\n    .use-cases__sub,\r\n    .ai-features-section__sub,\r\n    .how-section__sub,\r\n    .insight-section__sub,\r\n    .tools__lede {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n<\/style>\r\n<!-- ================================\r\n       HERO\r\n  ================================ -->\r\n<section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\">\r\n        <div class=\"hero__mesh-3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"hero__content\">\r\n            <!-- Text side -->\r\n            <div class=\"hero__text\">\r\n                <div class=\"hero__pill\">\r\n                    <span class=\"hero__pill-dot\"><\/span>\r\n                    La sales intelligence des \u00e9quipes B2B agiles\r\n                <\/div>\r\n\r\n                <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n                    Trouvez, enrichissez et concr\u00e9tisez vos prochains clients \u2014 <span>au m\u00eame endroit.<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"hero__sub\">\r\n                    Recherchez des contacts, des entreprises et des offres d'emploi actives. Enrichissez les emails,\r\n                    t\u00e9l\u00e9phones et donn\u00e9es d'entreprise gr\u00e2ce \u00e0 des waterfalls multi-fournisseurs, ex\u00e9cutez vos propres\r\n                    agents IA, d\u00e9tectez les signaux d'achat et g\u00e9rez chaque opportunit\u00e9 dans un CRM l\u00e9ger.\r\n                <\/p>\r\n\r\n                <div class=\"hero__ctas\">\r\n                    <a\r\n                        data-route-register\r\n                        href=\"saalz-page-register.html\"\r\n                        class=\"btn btn--primary\"\r\n                        style=\"padding: 0.75rem 1.45rem; font-size: 0.9375rem; border-radius: var(--radius-full)\"\r\n                        data-track=\"start_free_clicked\"\r\n                        data-track-props='{\"placement\":\"hero\"}'\r\n                        data-utm-carry\r\n                    >\r\n                        Commencer gratuitement\r\n                    <\/a>\r\n                    <a\r\n                        href=\"#demo\"\r\n                        class=\"btn btn--ghost\"\r\n                        style=\"\r\n                            padding: 0.75rem 1.3rem;\r\n                            font-size: 0.9375rem;\r\n                            border-radius: var(--radius-full);\r\n                            border-width: 1.5px;\r\n                        \"\r\n                        data-track=\"interactive_demo_clicked\"\r\n                        data-track-props='{\"placement\":\"hero\"}'\r\n                    >\r\n                        Voir la d\u00e9mo de 3 min \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                <p class=\"hero__cta-note\">Gratuit pour toujours \u00b7 Sans carte bancaire<\/p>\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                    <span>Utilis\u00e9 par les \u00e9quipes commerciales de SITENCO, PEACE, N2F et d'autres<\/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\r\n                            width=\"14\"\r\n                            height=\"14\"\r\n                            viewBox=\"0 0 14 14\"\r\n                            fill=\"none\"\r\n                            stroke=\"rgba(255,255,255,0.3)\"\r\n                            stroke-width=\"1.5\"\r\n                        >\r\n                            <circle cx=\"6\" cy=\"6\" r=\"4.5\" \/>\r\n                            <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\r\n                                class=\"mock-contact-avatar\"\r\n                                style=\"background: linear-gradient(135deg, #4f46e5, #7c3aed)\"\r\n                            >\r\n                                TB\r\n                            <\/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\r\n                                class=\"mock-contact-avatar\"\r\n                                style=\"background: linear-gradient(135deg, #3b82f6, #06b6d4)\"\r\n                            >\r\n                                ON\r\n                            <\/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\r\n                                class=\"mock-contact-avatar\"\r\n                                style=\"background: linear-gradient(135deg, #10b981, #059669)\"\r\n                            >\r\n                                PR\r\n                            <\/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       HOW SAALZ WORKS \u2014 FIND \/ ENRICH \/ UNDERSTAND \/ ACT\r\n  ================================ -->\r\n<section class=\"journey section\" id=\"fonctionnement\" aria-labelledby=\"journey-heading\">\r\n    <div class=\"container\">\r\n        <div class=\"journey__header reveal\">\r\n            <span class=\"section-label\">Comment Saalz fonctionne<\/span>\r\n            <h2 class=\"journey__h2\" id=\"journey-heading\">\r\n                La plateforme d'outbound intelligence des \u00e9quipes commerciales B2B modernes.\r\n            <\/h2>\r\n            <p class=\"journey__sub\">\r\n                De la premi\u00e8re recherche au deal sign\u00e9 \u2014 quatre \u00e9tapes, un seul espace de travail, aucune\r\n                synchronisation manuelle.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"journey__grid\">\r\n            <div class=\"journey__step reveal reveal--delay-1\">\r\n                <div class=\"journey__step-num\" aria-hidden=\"true\">1<\/div>\r\n                <div class=\"journey__step-title\">Trouver<\/div>\r\n                <p class=\"journey__step-desc\">\r\n                    Recherchez des contacts, des entreprises et des offres d'emploi actives dans des sources B2B\r\n                    internationales.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"journey__step reveal reveal--delay-2\">\r\n                <div class=\"journey__step-num\" aria-hidden=\"true\">2<\/div>\r\n                <div class=\"journey__step-title\">Enrichir<\/div>\r\n                <p class=\"journey__step-desc\">\r\n                    Trouvez des emails professionnels, t\u00e9l\u00e9phones, domaines et donn\u00e9es d'entreprise gr\u00e2ce \u00e0 des\r\n                    waterfalls multi-fournisseurs.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"journey__step reveal reveal--delay-3\">\r\n                <div class=\"journey__step-num\" aria-hidden=\"true\">3<\/div>\r\n                <div class=\"journey__step-title\">Comprendre<\/div>\r\n                <p class=\"journey__step-desc\">\r\n                    Combinez offres d'emploi, technographies, intentions d'achat, donn\u00e9es LinkedIn et donn\u00e9es web avec\r\n                    vos propres agents IA.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"journey__step reveal reveal--delay-4\">\r\n                <div class=\"journey__step-num\" aria-hidden=\"true\">4<\/div>\r\n                <div class=\"journey__step-title\">Agir<\/div>\r\n                <p class=\"journey__step-desc\">\r\n                    Enregistrez vos prospects qualifi\u00e9s dans Saalz ou synchronisez-les avec vos outils de campagne.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"journey__flow reveal\" aria-label=\"Le parcours Saalz\">\r\n            <span class=\"journey__flow-step\">Rechercher<\/span>\r\n            <span class=\"journey__flow-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"journey__flow-step\">Enrichir<\/span>\r\n            <span class=\"journey__flow-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"journey__flow-step\">Analyser avec l'IA<\/span>\r\n            <span class=\"journey__flow-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"journey__flow-step\">G\u00e9rer dans Saalz<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ================================\r\n       FEATURE A \u2014 PEOPLE & COMPANY SEARCH\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-row\">\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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <circle cx=\"5.5\" cy=\"5.5\" r=\"3.5\" \/>\r\n                            <path d=\"M8.5 8.5l2 2\" \/>\r\n                        <\/svg>\r\n                        Recherche de contacts, d'entreprises et d'offres d'emploi\r\n                    <\/span>\r\n                    <h2 class=\"feature-grid__h2\" id=\"feat-a-heading\">\r\n                        Trouvez les contacts, entreprises et opportunit\u00e9s de recrutement correspondant \u00e0 votre march\u00e9.\r\n                    <\/h2>\r\n                    <p class=\"feature-grid__p\">\r\n                        Cr\u00e9ez des listes cibl\u00e9es \u00e0 partir de donn\u00e9es contacts, entreprises et offres d'emploi actives,\r\n                        sans commencer par importer des fichiers externes.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Three searches, equal weight -->\r\n                <div class=\"search-cards\">\r\n                    <a data-route-people-search class=\"search-card\" href=\"saalz-page-people-search.html\">\r\n                        <div class=\"search-card__icon\" aria-hidden=\"true\">\r\n                            <svg\r\n                                width=\"18\"\r\n                                height=\"18\"\r\n                                viewBox=\"0 0 18 18\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <circle cx=\"9\" cy=\"6\" r=\"3.5\" \/>\r\n                                <path d=\"M2 16c0-3.5 3-6 7-6s7 2.5 7 6\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"search-card__label\">Recherche de contacts<\/span>\r\n                        <span class=\"search-card__desc\"\r\n                            >Trouvez les d\u00e9cideurs par poste, s\u00e9niorit\u00e9, localisation, entreprise et filtres\r\n                            professionnels.<\/span\r\n                        >\r\n                    <\/a>\r\n                    <a data-route- class=\"search-card\" href=\"saalz-page-company-search.html\">\r\n                        <div class=\"search-card__icon\" aria-hidden=\"true\">\r\n                            <svg\r\n                                width=\"18\"\r\n                                height=\"18\"\r\n                                viewBox=\"0 0 18 18\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <rect x=\"2\" y=\"4\" width=\"14\" height=\"11\" rx=\"2\" \/>\r\n                                <path d=\"M6 4V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1\" \/>\r\n                                <path d=\"M6 9h6\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"search-card__label\">Recherche d'entreprises<\/span>\r\n                        <span class=\"search-card__desc\"\r\n                            >Trouvez vos comptes cibles par taille, secteur, localisation, technologies et attributs\r\n                            d'entreprise.<\/span\r\n                        >\r\n                    <\/a>\r\n                    <a\r\n                        data-route-job-search\r\n                        class=\"search-card\"\r\n                        href=\"saalz-page-job-search.html\"\r\n                        data-track=\"job_search_clicked\"\r\n                        data-track-props='{\"placement\":\"homepage_search_cards\"}'\r\n                    >\r\n                        <div class=\"search-card__icon\" aria-hidden=\"true\">\r\n                            <svg\r\n                                width=\"18\"\r\n                                height=\"18\"\r\n                                viewBox=\"0 0 18 18\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <rect x=\"2\" y=\"5\" width=\"14\" height=\"10\" rx=\"2\" \/>\r\n                                <path d=\"M6.5 5V3.6A1.6 1.6 0 0 1 8.1 2h1.8a1.6 1.6 0 0 1 1.6 1.6V5\" \/>\r\n                                <path d=\"M2 9.5h14\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"search-card__label\">Recherche d'offres d'emploi<\/span>\r\n                        <span class=\"search-card__desc\"\r\n                            >Recherchez les offres actives par poste, entreprise, localisation ou mot-cl\u00e9 pour\r\n                            identifier les entreprises qui recrutent et les opportunit\u00e9s de march\u00e9.<\/span\r\n                        >\r\n                    <\/a>\r\n                <\/div>\r\n                <!-- <span class=\"feature-mini-card__label\">Recherche de contacts<\/span>\r\n                <span class=\"feature-mini-card__desc\">D\u00e9cideurs par poste, s\u00e9niorit\u00e9 et localisation<\/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\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        viewBox=\"0 0 18 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <rect x=\"2\" y=\"4\" width=\"14\" height=\"11\" rx=\"2\" \/>\r\n                        <path d=\"M6 4V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1\" \/>\r\n                        <path d=\"M6 9h6\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"feature-mini-card__label\">Recherche d'entreprises<\/span>\r\n                <span class=\"feature-mini-card__desc\">Par secteur, taille et stack technologique<\/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\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        viewBox=\"0 0 18 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <path d=\"M3 4h12M5 9h8M7 14h4\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"feature-mini-card__label\">Filtres avanc\u00e9s<\/span>\r\n                <span class=\"feature-mini-card__desc\">Combinez les crit\u00e8res pour cibler votre ICP exact<\/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\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        viewBox=\"0 0 18 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <path d=\"M9 2v10M5.5 8.5L9 12l3.5-3.5\" \/>\r\n                        <path d=\"M3 15h12\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"feature-mini-card__label\">Enregistrement direct<\/span>\r\n                <span class=\"feature-mini-card__desc\">Du r\u00e9sultat de recherche \u00e0 la fiche CRM en 1 clic<\/span>\r\n            <\/div> -->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <!-- Visual: search results mock -->\r\n    <div class=\"feature-grid__visual reveal reveal--delay-2\">\r\n        <div class=\"dark-card\">\r\n            <div class=\"mock-search\" style=\"margin-bottom: var(--space-4)\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"rgba(255,255,255,0.3)\"\r\n                    stroke-width=\"1.5\"\r\n                >\r\n                    <circle cx=\"6\" cy=\"6\" r=\"4.5\" \/>\r\n                    <path d=\"M10 10l2.5 2.5\" \/>\r\n                <\/svg>\r\n                <span class=\"mock-search-text\">Head of Sales \u00b7 SaaS \u00b7 France \u00b7 11-50 salari\u00e9s<\/span>\r\n            <\/div>\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)\">\r\n                        TB\r\n                    <\/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\">Enregistr\u00e9<\/span>\r\n                <\/div>\r\n                <div class=\"mock-contact\">\r\n                    <div class=\"mock-contact-avatar\" style=\"background: linear-gradient(135deg, #3b82f6, #06b6d4)\">\r\n                        ON\r\n                    <\/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\">Enregistr\u00e9<\/span>\r\n                <\/div>\r\n                <div class=\"mock-contact\">\r\n                    <div class=\"mock-contact-avatar\" style=\"background: linear-gradient(135deg, #10b981, #059669)\">\r\n                        PR\r\n                    <\/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\">Nouveau<\/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       FEATURE A2 \u2014 MULTI-PROVIDER WATERFALL ENRICHMENT\r\n  ================================ -->\r\n<section class=\"feature-section feature-section--alt\" id=\"enrichissement\" aria-labelledby=\"feat-a2-heading\">\r\n    <div class=\"container\">\r\n        <div class=\"feature-grid feature-grid--reverse\">\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\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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M2 3h8M3.5 6h5M5 9h2\" \/>\r\n                        <\/svg>\r\n                        Enrichissement en cascade\r\n                    <\/span>\r\n                    <h2 class=\"feature-grid__h2\" id=\"feat-a2-heading\">\r\n                        Emails et mobiles v\u00e9rifi\u00e9s, via des cascades multi-fournisseurs\r\n                    <\/h2>\r\n                    <p class=\"feature-grid__p\">\r\n                        Saalz interroge plusieurs fournisseurs de donn\u00e9es \u00e0 la suite jusqu'\u00e0 obtenir un r\u00e9sultat v\u00e9rifi\u00e9\r\n                        \u2014 un meilleur taux de d\u00e9couverte sans multiplier les abonnements d'enrichissement. Les donn\u00e9es\r\n                        proviennent de fournisseurs \u00e0 la conformit\u00e9 RGPD document\u00e9e.\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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        Emails professionnels v\u00e9rifi\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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        Num\u00e9ros mobiles directs\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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        Plusieurs fournisseurs interrog\u00e9s en cascade\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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        Les cr\u00e9dits ne sont consomm\u00e9s que sur les donn\u00e9es retourn\u00e9es\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ================================\r\n       OUTILS INT\u00c9GR\u00c9S \u2014 onglets compacts\r\n  ================================ -->\r\n<section class=\"tools section\" id=\"outils\" aria-labelledby=\"tools-heading\">\r\n    <div class=\"container\" data-tabs>\r\n        <div class=\"tools__header reveal\">\r\n            <span class=\"section-label\">Outils int\u00e9gr\u00e9s<\/span>\r\n            <h2 class=\"tools__h2\" id=\"tools-heading\">Transformez chaque liste en workflow exploitable.<\/h2>\r\n            <p class=\"tools__sub\">\r\n                Enrichissez vos donn\u00e9es, lancez des recherches web et IA, pr\u00e9parez vos campagnes et d\u00e9placez vos donn\u00e9es\r\n                sans quitter votre espace de travail.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"tools__tablist\"\r\n            role=\"tablist\"\r\n            aria-label=\"Outils int\u00e9gr\u00e9s\"\r\n            data-tab-event=\"workspace_tool_tab_selected\"\r\n        >\r\n            <button\r\n                class=\"tools__tab is-active\"\r\n                role=\"tab\"\r\n                aria-selected=\"true\"\r\n                aria-controls=\"tools-panel-enrich\"\r\n                id=\"tools-tab-enrich\"\r\n                data-tab-id=\"enrich\"\r\n            >\r\n                Enrichir\r\n            <\/button>\r\n            <button\r\n                class=\"tools__tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"tools-panel-ai\"\r\n                id=\"tools-tab-ai\"\r\n                data-tab-id=\"ai\"\r\n            >\r\n                IA\r\n            <\/button>\r\n            <button\r\n                class=\"tools__tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"tools-panel-campaigns\"\r\n                id=\"tools-tab-campaigns\"\r\n                data-tab-id=\"campaigns\"\r\n            >\r\n                Campagnes\r\n            <\/button>\r\n            <button\r\n                class=\"tools__tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"tools-panel-io\"\r\n                id=\"tools-tab-io\"\r\n                data-tab-id=\"import_export\"\r\n            >\r\n                Import \/ Export\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"tools__panel is-active\" role=\"tabpanel\" id=\"tools-panel-enrich\" aria-labelledby=\"tools-tab-enrich\">\r\n            <div class=\"tools__groups\">\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">Donn\u00e9es contact &amp; entreprise<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Enrichissement entreprise<\/li>\r\n                        <li>Email professionnel<\/li>\r\n                        <li>T\u00e9l\u00e9phone professionnel<\/li>\r\n                        <li>Domaine de l'entreprise<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">Intelligence entreprise<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Technographies<\/li>\r\n                        <li data-feature=\"companyBuyingIntents\" hidden>Intentions d'achat<\/li>\r\n                        <li>D\u00e9tection des offres d'emploi ouvertes<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">Recherche web<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Extraction de donn\u00e9es d'une page<\/li>\r\n                        <li>Recherche web &amp; liens<\/li>\r\n                        <li>Exploration d'un site complet<\/li>\r\n                        <li>G\u00e9n\u00e9ration de plan de site<\/li>\r\n                        <li>Extracteur de donn\u00e9es web IA<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">LinkedIn Intelligence<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Extraction de profil LinkedIn<\/li>\r\n                        <li>Likes d'un post LinkedIn<\/li>\r\n                        <li>Commentaires d'un post LinkedIn<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"tools__note\">\r\n                <strong>L'email et le t\u00e9l\u00e9phone professionnels fonctionnent en cascade :<\/strong> plusieurs fournisseurs\r\n                sont interrog\u00e9s \u00e0 la suite pour maximiser la couverture sans g\u00e9rer plusieurs abonnements.\r\n                <a data-route-pricing href=\"saalz-pricing-indigo-v2.html#simulateur-credits\"\r\n                    >Voir la consommation de cr\u00e9dits \u2192<\/a\r\n                >\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tools__panel\" role=\"tabpanel\" id=\"tools-panel-ai\" aria-labelledby=\"tools-tab-ai\" hidden>\r\n            <p class=\"tools__lede\">Cr\u00e9ez des agents IA pour vos propres workflows commerciaux.<\/p>\r\n            <p class=\"tools__lede-sub\">\r\n                D\u00e9finissez vos instructions, s\u00e9lectionnez les donn\u00e9es et le contexte \u00e0 utiliser, puis ex\u00e9cutez votre\r\n                agent sur chaque ligne de votre liste.\r\n            <\/p>\r\n            <ul class=\"tools__chips\">\r\n                <li>R\u00e9sum\u00e9s de prospects<\/li>\r\n                <li>Recherche entreprise<\/li>\r\n                <li>Points de douleur<\/li>\r\n                <li>Personas<\/li>\r\n                <li>Pouvoir d'achat<\/li>\r\n                <li>Accroches personnalis\u00e9es<\/li>\r\n                <li>Concurrents<\/li>\r\n                <li>Technologies<\/li>\r\n                <li>Offres d'emploi<\/li>\r\n                <li>Qualification sur mesure<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"tools__panel\"\r\n            role=\"tabpanel\"\r\n            id=\"tools-panel-campaigns\"\r\n            aria-labelledby=\"tools-tab-campaigns\"\r\n            hidden\r\n        >\r\n            <p class=\"tools__lede\">Synchronisez vos prospects qualifi\u00e9s avec vos outils d'outreach.<\/p>\r\n            <p class=\"tools__lede-sub\">\r\n                Pr\u00e9parez vos audiences enrichies dans Saalz et envoyez-les vers les outils de campagne que votre \u00e9quipe\r\n                utilise d\u00e9j\u00e0.\r\n            <\/p>\r\n            <ul class=\"integration-list\" data-integrations=\"all\"><\/ul>\r\n            <p class=\"tools__note\">\r\n                Nous ajoutons de nouvelles int\u00e9grations en continu, en fonction des demandes de nos clients. Dites-nous\r\n                quel outil votre \u00e9quipe utilise et nous l'\u00e9tudions.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tools__panel\" role=\"tabpanel\" id=\"tools-panel-io\" aria-labelledby=\"tools-tab-io\" hidden>\r\n            <p class=\"tools__lede\">Faites entrer et sortir vos donn\u00e9es sans friction.<\/p>\r\n            <p class=\"tools__lede-sub\">\r\n                Importez vos donn\u00e9es prospects existantes, enrichissez-les dans Saalz puis exportez ou envoyez les\r\n                fiches qualifi\u00e9es vers l'\u00e9tape suivante de votre workflow.\r\n            <\/p>\r\n            <div class=\"tools__groups\" style=\"max-width: 760px; margin-inline: auto\">\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">Faire entrer vos donn\u00e9es<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Import CSV<\/li>\r\n                        <li>Import de profils et de listes Sales Navigator<\/li>\r\n                        <li>R\u00e9sultats de recherche enregistr\u00e9s<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"tool-group\">\r\n                    <div class=\"tool-group__title\">Faire sortir vos donn\u00e9es<\/div>\r\n                    <ul class=\"tool-group__list\">\r\n                        <li>Export CSV<\/li>\r\n                        <li>Envoi vers vos outils de campagne<\/li>\r\n                        <li>Suite du travail dans le CRM int\u00e9gr\u00e9<\/li>\r\n                    <\/ul>\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\" 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\r\n                                        width=\"14\"\r\n                                        height=\"14\"\r\n                                        viewBox=\"0 0 14 14\"\r\n                                        fill=\"none\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"2\"\r\n                                        stroke-linecap=\"round\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <path d=\"M7 1v8M4 6l3 3 3-3\" \/>\r\n                                        <path d=\"M2 11h10\" \/>\r\n                                    <\/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\r\n                                style=\"\r\n                                    font-size: 10px;\r\n                                    color: rgba(255, 255, 255, 0.3);\r\n                                    text-transform: uppercase;\r\n                                    letter-spacing: 0.07em;\r\n                                    font-weight: 700;\r\n                                    margin-bottom: 2px;\r\n                                \"\r\n                            >\r\n                                Contacts extraits depuis la liste\r\n                            <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2\" \/>\r\n                            <path d=\"M4 6l2 2 4-4\" \/>\r\n                        <\/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.\r\n                        Extrayez ensuite les likeurs et commentateurs de vos publications depuis la plateforme \u2014 sans\r\n                        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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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 B2 \u2014 JOB SIGNALS & TECHNOGRAPHICS\r\n  ================================ -->\r\n<section class=\"feature-section feature-section--alt\" id=\"signaux\" aria-labelledby=\"feat-b2-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\r\n                    width=\"12\"\r\n                    height=\"12\"\r\n                    viewBox=\"0 0 12 12\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M1 8l3-3 2 2 3-4 2 3\" \/>\r\n                <\/svg>\r\n                Signaux d'achat\r\n            <\/span>\r\n            <h2 class=\"feature-grid__h2\" id=\"feat-b2-heading\" style=\"margin-bottom: var(--space-4)\">\r\n                Identifiez le bon moment gr\u00e2ce aux signaux d'entreprise.\r\n            <\/h2>\r\n            <p class=\"feature-grid__p\" style=\"margin-inline: auto; color: var(--color-text-muted)\">\r\n                Rep\u00e9rez les entreprises qui recrutent, comprenez les technologies qu'elles utilisent, d\u00e9tectez leurs\r\n                intentions d'achat et exploitez de nouveaux signaux au fur et \u00e0 mesure de leur disponibilit\u00e9.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"signal-cards-4\">\r\n            <div class=\"signal-card reveal reveal--delay-1\">\r\n                <div class=\"signal-card__icon\" aria-hidden=\"true\">\r\n                    <svg\r\n                        width=\"20\"\r\n                        height=\"20\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" \/>\r\n                        <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" \/>\r\n                        <path d=\"M8 13h8\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"signal-card__title\">Signaux de recrutement<\/div>\r\n                <div class=\"signal-card__desc\">\r\n                    Identifiez les entreprises qui recrutent activement sur des postes pr\u00e9cis.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"signal-card reveal reveal--delay-2\">\r\n                <div class=\"signal-card__icon\" aria-hidden=\"true\">\r\n                    <svg\r\n                        width=\"20\"\r\n                        height=\"20\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <path d=\"M4 17l4-5 3 3 4-6 5 8\" \/>\r\n                        <path d=\"M3 21h18\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"signal-card__title\">Technographies<\/div>\r\n                <div class=\"signal-card__desc\">\r\n                    Comprenez les outils et technologies utilis\u00e9s par vos comptes cibles.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"signal-card reveal reveal--delay-3\" data-feature=\"companyBuyingIntents\" hidden>\r\n                <div class=\"signal-card__icon\" aria-hidden=\"true\">\r\n                    <svg\r\n                        width=\"20\"\r\n                        height=\"20\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\" \/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"4\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"signal-card__title\">Intentions d'achat<\/div>\r\n                <div class=\"signal-card__desc\">\r\n                    Faites remonter les signaux commerciaux qui aident votre \u00e9quipe \u00e0 prioriser les bonnes entreprises.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"signal-card signal-card--soft reveal reveal--delay-4\">\r\n                <div class=\"signal-card__icon\" aria-hidden=\"true\">\r\n                    <svg\r\n                        width=\"20\"\r\n                        height=\"20\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\r\n                        <path d=\"M12 5v14M5 12h14\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"signal-card__title\">De nouveaux signaux ajout\u00e9s r\u00e9guli\u00e8rement<\/div>\r\n                <div class=\"signal-card__desc\">\r\n                    Saalz est con\u00e7u pour int\u00e9grer de nouvelles sources de signaux \u00e0 mesure que votre strat\u00e9gie de\r\n                    prospection \u00e9volue.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"ai-card__title\">Signaux de recrutement<\/div>\r\n        <div class=\"ai-card__desc\">\r\n            D\u00e9tectez les entreprises qui recrutent activement sur les postes auxquels vous vendez \u2014 un signal concret de\r\n            budget et d'initiative. Ciblez-les quand le besoin est frais.\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\r\n                    width=\"24\"\r\n                    height=\"24\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                >\r\n                    <path d=\"M4 17l4-5 3 3 4-6 5 8\" \/>\r\n                    <path d=\"M3 21h18\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-card__title\">Technographies<\/div>\r\n            <div class=\"ai-card__desc\">\r\n                Voyez quelles technologies vos comptes cibles utilisent d\u00e9j\u00e0 \u2014 qualifiez le fit, rep\u00e9rez les clients de\r\n                vos concurrents et adaptez votre discours \u00e0 leur stack.\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\r\n                    width=\"12\"\r\n                    height=\"12\"\r\n                    viewBox=\"0 0 12 12\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <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\" \/>\r\n                <\/svg>\r\n                Agents IA\r\n            <\/span>\r\n            <h2 class=\"feature-grid__h2\" id=\"feat-c-heading\" style=\"margin-bottom: var(--space-4)\">\r\n                Cr\u00e9ez des agents IA qui travaillent avec vos donn\u00e9es commerciales.\r\n            <\/h2>\r\n            <p class=\"feature-grid__p\" style=\"margin-inline: auto; color: var(--color-text-muted)\">\r\n                D\u00e9finissez vos propres instructions et ex\u00e9cutez vos recherches, qualifications et personnalisations\r\n                directement sur vos contacts et entreprises.\r\n            <\/p>\r\n            <p\r\n                class=\"feature-grid__p\"\r\n                style=\"\r\n                    margin-inline: auto;\r\n                    color: var(--color-text-faint);\r\n                    font-size: var(--text-sm);\r\n                    margin-top: var(--space-3);\r\n                \"\r\n            >\r\n                Vos agents peuvent travailler \u00e0 partir d'une personne, d'un contact, d'une entreprise, d'une\r\n                localisation, des donn\u00e9es web disponibles, des colonnes de votre tableau et des signaux que vous avez\r\n                collect\u00e9s.\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\r\n                        width=\"24\"\r\n                        height=\"24\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\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\">\r\n                    Synth\u00e8se automatique du profil prospect \u2014 entreprise, poste, signaux d'achat \u2014 en un clic avant\r\n                    votre appel.\r\n                <\/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\r\n                        width=\"24\"\r\n                        height=\"24\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\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\">\r\n                    Messages d'approche ultra-personnalis\u00e9s g\u00e9n\u00e9r\u00e9s par l'IA, bas\u00e9s sur les activit\u00e9s LinkedIn et le\r\n                    contexte de l'entreprise.\r\n                <\/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\r\n                        width=\"24\"\r\n                        height=\"24\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                    >\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\">\r\n                    S\u00e9quences intelligentes d\u00e9clench\u00e9es automatiquement selon le comportement prospect \u2014 le bon message\r\n                    au bon moment.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <rect x=\"1\" y=\"3\" width=\"10\" height=\"8\" rx=\"1\" \/>\r\n                            <path d=\"M4 3V2M8 3V2\" \/>\r\n                        <\/svg>\r\n                        CRM\r\n                    <\/span>\r\n                    <h2 class=\"feature-grid__h2\" id=\"feat-d-heading\">Un CRM l\u00e9ger pour agir sur chaque opportunit\u00e9<\/h2>\r\n                    <p class=\"feature-grid__p\">\r\n                        Vos prospects enrichis arrivent directement dans vos contacts, pipelines, t\u00e2ches et notes \u2014 sans\r\n                        export, sans synchronisation, sans changer d'outil entre la recherche et la relance.\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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                                width=\"12\"\r\n                                height=\"12\"\r\n                                viewBox=\"0 0 12 12\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            >\r\n                                <path d=\"M2 6l3 3 5-5\" \/>\r\n                            <\/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\r\n                        style=\"\r\n                            font-size: var(--text-sm);\r\n                            font-weight: 700;\r\n                            color: rgba(255, 255, 255, 0.8);\r\n                            margin-bottom: var(--space-5);\r\n                        \"\r\n                    >\r\n                        Pipeline commercial\r\n                    <\/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\r\n                                style=\"\r\n                                    font-size: 10px;\r\n                                    font-weight: 700;\r\n                                    color: rgba(255, 255, 255, 0.3);\r\n                                    text-transform: uppercase;\r\n                                    letter-spacing: 0.07em;\r\n                                    margin-bottom: var(--space-3);\r\n                                \"\r\n                            >\r\n                                Prospection\r\n                            <\/div>\r\n                            <div style=\"display: flex; flex-direction: column; gap: var(--space-2)\">\r\n                                <div\r\n                                    style=\"\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-lg);\r\n                                        padding: var(--space-3);\r\n                                    \"\r\n                                >\r\n                                    <div\r\n                                        style=\"\r\n                                            font-size: 11px;\r\n                                            font-weight: 700;\r\n                                            color: rgba(255, 255, 255, 0.8);\r\n                                            margin-bottom: 2px;\r\n                                        \"\r\n                                    >\r\n                                        SITENCO\r\n                                    <\/div>\r\n                                    <div style=\"font-size: 10px; color: rgba(255, 255, 255, 0.3)\">\u20ac12 000<\/div>\r\n                                <\/div>\r\n                                <div\r\n                                    style=\"\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-lg);\r\n                                        padding: var(--space-3);\r\n                                    \"\r\n                                >\r\n                                    <div\r\n                                        style=\"\r\n                                            font-size: 11px;\r\n                                            font-weight: 700;\r\n                                            color: rgba(255, 255, 255, 0.8);\r\n                                            margin-bottom: 2px;\r\n                                        \"\r\n                                    >\r\n                                        N2F Corp\r\n                                    <\/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\r\n                                style=\"\r\n                                    font-size: 10px;\r\n                                    font-weight: 700;\r\n                                    color: rgba(255, 255, 255, 0.3);\r\n                                    text-transform: uppercase;\r\n                                    letter-spacing: 0.07em;\r\n                                    margin-bottom: var(--space-3);\r\n                                \"\r\n                            >\r\n                                Qualifi\u00e9\r\n                            <\/div>\r\n                            <div style=\"display: flex; flex-direction: column; gap: var(--space-2)\">\r\n                                <div\r\n                                    style=\"\r\n                                        background: rgba(79, 70, 229, 0.15);\r\n                                        border: 1px solid rgba(79, 70, 229, 0.25);\r\n                                        border-radius: var(--radius-lg);\r\n                                        padding: var(--space-3);\r\n                                    \"\r\n                                >\r\n                                    <div\r\n                                        style=\"\r\n                                            font-size: 11px;\r\n                                            font-weight: 700;\r\n                                            color: rgba(255, 255, 255, 0.9);\r\n                                            margin-bottom: 2px;\r\n                                        \"\r\n                                    >\r\n                                        TechVenture\r\n                                    <\/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\r\n                                style=\"\r\n                                    font-size: 10px;\r\n                                    font-weight: 700;\r\n                                    color: rgba(52, 211, 153, 0.6);\r\n                                    text-transform: uppercase;\r\n                                    letter-spacing: 0.07em;\r\n                                    margin-bottom: var(--space-3);\r\n                                \"\r\n                            >\r\n                                Gagn\u00e9\r\n                            <\/div>\r\n                            <div style=\"display: flex; flex-direction: column; gap: var(--space-2)\">\r\n                                <div\r\n                                    style=\"\r\n                                        background: rgba(52, 211, 153, 0.08);\r\n                                        border: 1px solid rgba(52, 211, 153, 0.2);\r\n                                        border-radius: var(--radius-lg);\r\n                                        padding: var(--space-3);\r\n                                    \"\r\n                                >\r\n                                    <div\r\n                                        style=\"\r\n                                            font-size: 11px;\r\n                                            font-weight: 700;\r\n                                            color: rgba(255, 255, 255, 0.85);\r\n                                            margin-bottom: 2px;\r\n                                        \"\r\n                                    >\r\n                                        PEACE\r\n                                    <\/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       INTERACTIVE DEMO \u2014 SEE SAALZ IN ACTION\r\n  ================================ -->\r\n<section class=\"demo-section section\" id=\"demo\" aria-labelledby=\"demo-heading\">\r\n    <div class=\"container\" data-tabs>\r\n        <div class=\"demo-section__header reveal\">\r\n            <span class=\"section-label\" style=\"color: #818cf8\">D\u00e9mo interactive<\/span>\r\n            <h2 class=\"demo-section__h2\" id=\"demo-heading\">Saalz en action<\/h2>\r\n            <p class=\"demo-section__sub\">\r\n                D\u00e9couvrez comment trouver, enrichir et qualifier un prospect en moins de trois minutes.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Journey tabs -->\r\n        <div\r\n            class=\"demo-tabs\"\r\n            role=\"tablist\"\r\n            aria-label=\"Parcours de d\u00e9monstration\"\r\n            data-tab-event=\"interactive_demo_clicked\"\r\n        >\r\n            <button\r\n                class=\"demo-tab is-active\"\r\n                role=\"tab\"\r\n                aria-selected=\"true\"\r\n                aria-controls=\"demo-panel-1\"\r\n                id=\"demo-tab-1\"\r\n                data-demo-journey=\"findEnrich\"\r\n                data-tab-id=\"findEnrich\"\r\n            >\r\n                Trouver et enrichir un d\u00e9cideur\r\n            <\/button>\r\n            <button\r\n                class=\"demo-tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"demo-panel-2\"\r\n                id=\"demo-tab-2\"\r\n                data-demo-journey=\"linkedin\"\r\n                data-tab-id=\"linkedin\"\r\n            >\r\n                Transformer l'engagement LinkedIn en prospects qualifi\u00e9s\r\n            <\/button>\r\n            <button\r\n                class=\"demo-tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"demo-panel-3\"\r\n                id=\"demo-tab-3\"\r\n                data-demo-journey=\"aiSignals\"\r\n                data-tab-id=\"aiSignals\"\r\n            >\r\n                Analyser un compte avec agents IA et signaux d'achat\r\n            <\/button>\r\n            <button\r\n                class=\"demo-tab\"\r\n                role=\"tab\"\r\n                aria-selected=\"false\"\r\n                aria-controls=\"demo-panel-4\"\r\n                id=\"demo-tab-4\"\r\n                data-demo-journey=\"jobSearch\"\r\n                data-tab-id=\"jobSearch\"\r\n                hidden\r\n            >\r\n                Trouvez les entreprises qui recrutent un profil cibl\u00e9\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Panel 1 -->\r\n        <div class=\"demo-panel is-active\" role=\"tabpanel\" id=\"demo-panel-1\" aria-labelledby=\"demo-tab-1\">\r\n            <div class=\"demo-stage\">\r\n                <div class=\"demo-embed\" data-demo-embed=\"findEnrich\" hidden><\/div>\r\n                <div class=\"demo-placeholder\" data-demo-placeholder=\"findEnrich\">\r\n                    <div class=\"demo-placeholder__icon\" aria-hidden=\"true\">\r\n                        <svg\r\n                            width=\"24\"\r\n                            height=\"24\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <circle cx=\"10\" cy=\"10\" r=\"6\" \/>\r\n                            <path d=\"M15 15l4.5 4.5\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"demo-placeholder__title\">Trouver et enrichir un d\u00e9cideur<\/div>\r\n                    <p class=\"demo-placeholder__desc\">\r\n                        Recherchez dans la base, s\u00e9lectionnez votre prospect et regardez la cascade retourner un email\r\n                        v\u00e9rifi\u00e9 et un num\u00e9ro mobile \u2014 puis enregistrez-le dans votre pipeline.\r\n                    <\/p>\r\n                <\/div>\r\n                <details class=\"demo-transcript\" data-demo-transcript=\"findEnrich\" hidden>\r\n                    <summary>Lire la transcription<\/summary>\r\n                    <p><\/p>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 2 -->\r\n        <div class=\"demo-panel\" role=\"tabpanel\" id=\"demo-panel-2\" aria-labelledby=\"demo-tab-2\" hidden>\r\n            <div class=\"demo-stage\">\r\n                <div class=\"demo-embed\" data-demo-embed=\"linkedin\" hidden><\/div>\r\n                <div class=\"demo-placeholder\" data-demo-placeholder=\"linkedin\">\r\n                    <div class=\"demo-placeholder__icon\" aria-hidden=\"true\">\r\n                        <svg\r\n                            width=\"24\"\r\n                            height=\"24\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" \/>\r\n                            <path d=\"M8 11v5M8 8v.5M13 16v-3.5a2 2 0 0 1 4 0V16\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"demo-placeholder__title\">Transformer l'engagement LinkedIn en prospects qualifi\u00e9s<\/div>\r\n                    <p class=\"demo-placeholder__desc\">\r\n                        Extrayez les likeurs et commentateurs d'un post, importez-les dans Saalz et qualifiez ceux qui\r\n                        correspondent \u00e0 votre ICP.\r\n                    <\/p>\r\n                <\/div>\r\n                <details class=\"demo-transcript\" data-demo-transcript=\"linkedin\" hidden>\r\n                    <summary>Lire la transcription<\/summary>\r\n                    <p><\/p>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 3 -->\r\n        <div class=\"demo-panel\" role=\"tabpanel\" id=\"demo-panel-3\" aria-labelledby=\"demo-tab-3\" hidden>\r\n            <div class=\"demo-stage\">\r\n                <div class=\"demo-embed\" data-demo-embed=\"aiSignals\" hidden><\/div>\r\n                <div class=\"demo-placeholder\" data-demo-placeholder=\"aiSignals\">\r\n                    <div class=\"demo-placeholder__icon\" aria-hidden=\"true\">\r\n                        <svg\r\n                            width=\"24\"\r\n                            height=\"24\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M12 3l2 4.2 4.6.6-3.3 3.2.8 4.6L12 13.4 7.9 15.6l.8-4.6L5.4 7.8 10 7.2 12 3z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"demo-placeholder__title\">Analyser un compte avec agents IA et signaux d'achat<\/div>\r\n                    <p class=\"demo-placeholder__desc\">\r\n                        Laissez un agent IA r\u00e9sumer le compte, remonter les signaux de recrutement et les technologies,\r\n                        puis r\u00e9diger une accroche personnalis\u00e9e.\r\n                    <\/p>\r\n                <\/div>\r\n                <details class=\"demo-transcript\" data-demo-transcript=\"aiSignals\" hidden>\r\n                    <summary>Lire la transcription<\/summary>\r\n                    <p><\/p>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panneau 4 \u2014 optionnel, masqu\u00e9 tant qu'aucune d\u00e9mo Job Search n'est configur\u00e9e -->\r\n        <div class=\"demo-panel\" role=\"tabpanel\" id=\"demo-panel-4\" aria-labelledby=\"demo-tab-4\" hidden>\r\n            <div class=\"demo-stage\">\r\n                <div class=\"demo-embed\" data-demo-embed=\"jobSearch\" hidden><\/div>\r\n                <div class=\"demo-placeholder\" data-demo-placeholder=\"jobSearch\">\r\n                    <div class=\"demo-placeholder__icon\" aria-hidden=\"true\">\r\n                        <svg\r\n                            width=\"24\"\r\n                            height=\"24\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" \/>\r\n                            <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" \/>\r\n                            <path d=\"M3 12h18\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"demo-placeholder__title\">Trouvez les entreprises qui recrutent un profil cibl\u00e9<\/div>\r\n                    <p class=\"demo-placeholder__desc\">\r\n                        Recherchez les offres actives par intitul\u00e9, entreprise et localisation, puis enregistrez les\r\n                        entreprises qui recrutent directement dans votre espace.\r\n                    <\/p>\r\n                <\/div>\r\n                <details class=\"demo-transcript\" data-demo-transcript=\"jobSearch\" hidden>\r\n                    <summary>Lire la transcription<\/summary>\r\n                    <p><\/p>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Post-demo CTA -->\r\n        <div class=\"demo-cta-row reveal\">\r\n            <div class=\"demo-cta-row__title\">Pr\u00eat \u00e0 essayer avec vos propres prospects ?<\/div>\r\n            <div class=\"demo-cta-row__actions\">\r\n                <a\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--white btn--lg\"\r\n                    data-track=\"start_free_clicked\"\r\n                    data-track-props='{\"placement\":\"demo_section\"}'\r\n                    data-utm-carry\r\n                    >Commencer gratuitement<\/a\r\n                >\r\n                <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" target=\"_blank\" rel=\"noopener\" class=\"demo-cta-row__link\" data-track=\"live_demo_clicked\" data-track-props=\"{&quot;placement&quot;:&quot;demo_section&quot;}\" data-live-demo>R\u00e9server une d\u00e9mo live de 20 minutes<\/a\r\n                >\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\r\n                style=\"\r\n                    font-size: 0.75rem;\r\n                    font-weight: 700;\r\n                    letter-spacing: 0.1em;\r\n                    text-transform: uppercase;\r\n                    color: #818cf8;\r\n                    margin-bottom: 12px;\r\n                \"\r\n            >\r\n                CONSOLIDEZ VOTRE STACK\r\n            <\/div>\r\n            <h2 class=\"comparison__h2\" id=\"comparison-heading\">Arr\u00eatez de surpayer pour une stack fragment\u00e9e.<\/h2>\r\n            <p class=\"comparison__sub\">\r\n                Remplacez vos outils de donn\u00e9es, d'enrichissement, d'IA et de CRM par un seul espace de travail unifi\u00e9.\r\n            <\/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\r\n                class=\"comparison__col comparison__col--without reveal\"\r\n                style=\"display: flex; flex-direction: column; justify-content: space-between\"\r\n            >\r\n                <div>\r\n                    <div\r\n                        style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px\"\r\n                    >\r\n                        <div class=\"comparison__col-title\" style=\"margin: 0\">\r\n                            <svg\r\n                                width=\"16\"\r\n                                height=\"16\"\r\n                                viewBox=\"0 0 16 16\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                                style=\"display: inline; vertical-align: middle; margin-right: 6px\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path d=\"M3 3l10 10M13 3L3 13\" \/>\r\n                            <\/svg>\r\n                            Stack fragment\u00e9e\r\n                        <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Base de prospects<\/strong> \u2014 un abonnement, un silo<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Source de donn\u00e9es emploi<\/strong> \u2014 encore un endroit o\u00f9 chercher<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Enrichissement en cascade<\/strong> \u2014 encore un outil, encore une facture<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong>Outils de recherche web<\/strong> \u2014 scraping et recherches hors de votre liste\r\n                            <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Outils de recherche LinkedIn<\/strong> \u2014 extensions et exports s\u00e9par\u00e9s<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong>Personnalisation IA<\/strong> \u2014 copier-coller le contexte entre les onglets\r\n                            <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong>Outils de campagne et CRM<\/strong> \u2014 d\u00e9connect\u00e9s de vos sources de donn\u00e9es\r\n                            <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 2l6 6M8 2L2 8\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Exports manuels et synchronisation<\/strong> \u2014 entre chacun de ces outils<\/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\r\n                        style=\"\r\n                            font-size: 0.72rem;\r\n                            font-weight: 700;\r\n                            letter-spacing: 0.08em;\r\n                            text-transform: uppercase;\r\n                            color: #f87171;\r\n                        \"\r\n                    >\r\n                        LE CO\u00dbT CACH\u00c9\r\n                    <\/div>\r\n                    <div style=\"font-size: 0.95rem; font-weight: 700; color: #f87171; margin-top: 4px\">\r\n                        Plusieurs abonnements \u2014 et des silos \u00e0 synchroniser\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- With Saalz -->\r\n            <div\r\n                class=\"comparison__col comparison__col--with reveal reveal--delay-2\"\r\n                style=\"display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #4f46e5\"\r\n            >\r\n                <div>\r\n                    <div\r\n                        style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px\"\r\n                    >\r\n                        <div class=\"comparison__col-title\" style=\"margin: 0; color: #818cf8\">\r\n                            <svg\r\n                                width=\"16\"\r\n                                height=\"16\"\r\n                                viewBox=\"0 0 16 16\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                                style=\"display: inline; vertical-align: middle; margin-right: 6px\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path d=\"M2 8l4 4 8-8\" \/>\r\n                            <\/svg>\r\n                            Avec Saalz\r\n                        <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong\r\n                                    >Recherche de contacts, d'entreprises et d'offres d'emploi, enrichissement, signaux,\r\n                                    agents IA et CRM<\/strong\r\n                                >\r\n                                \u2014 dans un seul espace\r\n                            <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Des offres d\u00e8s 99&nbsp;\u20ac\/mois<\/strong> \u2014 un seul abonnement pr\u00e9visible<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Aucune synchronisation manuelle<\/strong> \u2014 entre les donn\u00e9es et le CRM<\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong>Des co\u00fbts de donn\u00e9es plus pr\u00e9visibles<\/strong> \u2014 un seul syst\u00e8me de cr\u00e9dits\r\n                            <\/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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div><strong>Extension LinkedIn native<\/strong> \u2014 import profils &amp; 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\r\n                                    width=\"10\"\r\n                                    height=\"10\"\r\n                                    viewBox=\"0 0 10 10\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                >\r\n                                    <path d=\"M2 5l2.5 2.5 4-4.5\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <strong>Connect\u00e9 \u00e0 vos outils de campagne<\/strong> \u2014 Saalz les alimente, il ne les\r\n                                remplace pas\r\n                            <\/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\r\n                        style=\"\r\n                            font-size: 0.72rem;\r\n                            font-weight: 700;\r\n                            letter-spacing: 0.08em;\r\n                            text-transform: uppercase;\r\n                            color: #818cf8;\r\n                        \"\r\n                    >\r\n                        UN SEUL ESPACE\r\n                    <\/div>\r\n                    <div style=\"font-size: 0.95rem; font-weight: 700; color: #818cf8; margin-top: 4px\">\r\n                        Un abonnement, une source de v\u00e9rit\u00e9 \u2713\r\n                    <\/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\">Offre Free \u00e0 vie avec 100 cr\u00e9dits de donn\u00e9es inclus.<\/div>\r\n            <div class=\"comparison__banner-cta\">\r\n                <a\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--white btn--lg\"\r\n                    data-track=\"start_free_clicked\"\r\n                    data-track-props='{\"placement\":\"comparison\"}'\r\n                    data-utm-carry\r\n                    >Commencer gratuitement<\/a\r\n                >\r\n            <\/div>\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\">Ce que nos clients disent<\/h2>\r\n            <p class=\"testimonials__sub\">De vraies \u00e9quipes qui utilisent Saalz pour leur prospection quotidienne.<\/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\" data-claim=\"testimonialPeace\">\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\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <p class=\"testimonial-card__quote\">\r\n                    Saalz est g\u00e9nial ! Il m'a permis de passer un cap, de 10 clients \u00e0 plusieurs centaines, de 100k\u20ac de\r\n                    CA \u00e0 + de 1M\u20ac de CA !\r\n                <\/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\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <p class=\"testimonial-card__quote\">\r\n                    Client depuis 1 an et demi. Nous sommes tr\u00e8s satisfaits de la solution et de ses \u00e9volutions\r\n                    r\u00e9guli\u00e8res.\r\n                <\/p>\r\n                <div class=\"testimonial-card__author\">\r\n                    <div\r\n                        class=\"testimonial-card__avatar\"\r\n                        aria-label=\"Initiales ON\"\r\n                        style=\"background: linear-gradient(135deg, #3b82f6, #06b6d4)\"\r\n                    >\r\n                        ON\r\n                    <\/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\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/svg>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n                        <path\r\n                            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\"\r\n                        \/>\r\n                    <\/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\r\n                        class=\"testimonial-card__avatar\"\r\n                        aria-label=\"Initiales PR\"\r\n                        style=\"background: linear-gradient(135deg, #10b981, #059669)\"\r\n                    >\r\n                        PR\r\n                    <\/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       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\">\r\n                De la prospection solo \u00e0 l'\u00e9quipe commerciale compl\u00e8te. Offre Free \u00e0 vie incluse.\r\n            <\/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\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--ghost\"\r\n                    style=\"justify-content: center\"\r\n                    data-track=\"pricing_plan_selected\"\r\n                    data-track-props='{\"plan\":\"free\",\"placement\":\"homepage\"}'\r\n                    data-utm-carry\r\n                    >Commencer gratuitement<\/a\r\n                >\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\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--ghost\"\r\n                    style=\"justify-content: center\"\r\n                    data-track=\"pricing_plan_selected\"\r\n                    data-track-props='{\"plan\":\"growth\",\"placement\":\"homepage\"}'\r\n                    data-utm-carry\r\n                    >D\u00e9marrer avec Growth<\/a\r\n                >\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)\">\r\n                    2 500 cr\u00e9dits de donn\u00e9es\r\n                <\/div>\r\n                <a\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--primary\"\r\n                    style=\"justify-content: center\"\r\n                    data-track=\"pricing_plan_selected\"\r\n                    data-track-props='{\"plan\":\"scale\",\"placement\":\"homepage\"}'\r\n                    data-utm-carry\r\n                    >Choisir Scale<\/a\r\n                >\r\n            <\/div>\r\n\r\n            <!-- Business -->\r\n            <div class=\"pricing-card reveal reveal--delay-4\">\r\n                <div>\r\n                    <div class=\"pricing-card__name\">Business<\/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\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--ghost\"\r\n                    style=\"justify-content: center\"\r\n                    data-track=\"pricing_plan_selected\"\r\n                    data-track-props='{\"plan\":\"business\",\"placement\":\"homepage\"}'\r\n                    data-utm-carry\r\n                    >Choisir Business<\/a\r\n                >\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Enterprise \u2014 custom -->\r\n        <div class=\"pricing-enterprise-row reveal\">\r\n            <div>\r\n                <div class=\"pricing-enterprise-row__name\">Enterprise \u2014 Tarification sur mesure<\/div>\r\n                <div class=\"pricing-enterprise-row__desc\">\r\n                    Volumes de donn\u00e9es personnalis\u00e9s, acc\u00e8s API avanc\u00e9, onboarding d\u00e9di\u00e9, support prioritaire.\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" target=\"_blank\" rel=\"noopener\" class=\"btn btn--ghost\" data-track=\"pricing_plan_selected\" data-track-props=\"{&quot;plan&quot;:&quot;enterprise&quot;,&quot;placement&quot;:&quot;homepage&quot;}\" data-live-demo>Parlons-en<\/a\r\n            >\r\n        <\/div>\r\n\r\n        <div class=\"pricing-preview__link reveal\">\r\n            <a data-route-pricing href=\"saalz-pricing-indigo-v2.html\">Voir tous les d\u00e9tails tarifaires \u2192<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ================================\r\n       REASSURANCE STRIP\r\n  ================================ -->\r\n<section class=\"assure\" aria-label=\"\u00c9l\u00e9ments de confiance\">\r\n    <div class=\"container\">\r\n        <ul class=\"assure__list\" role=\"list\">\r\n            <li class=\"assure__item\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.5\"\r\n                    stroke-linecap=\"round\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M2 7l3.5 3.5L12 4\" \/><\/svg\r\n                >Donn\u00e9es h\u00e9berg\u00e9es en Europe\r\n            <\/li>\r\n            <li class=\"assure__item\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.5\"\r\n                    stroke-linecap=\"round\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M2 7l3.5 3.5L12 4\" \/><\/svg\r\n                >Traitement de donn\u00e9es B2B respectueux du RGPD\r\n            <\/li>\r\n            <li class=\"assure__item\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.5\"\r\n                    stroke-linecap=\"round\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M2 7l3.5 3.5L12 4\" \/><\/svg\r\n                >Consommation de cr\u00e9dits transparente\r\n            <\/li>\r\n            <li class=\"assure__item\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.5\"\r\n                    stroke-linecap=\"round\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M2 7l3.5 3.5L12 4\" \/><\/svg\r\n                >Aucune carte bancaire requise pour l'offre Free\r\n            <\/li>\r\n            <li class=\"assure__item\">\r\n                <svg\r\n                    width=\"14\"\r\n                    height=\"14\"\r\n                    viewBox=\"0 0 14 14\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2.5\"\r\n                    stroke-linecap=\"round\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M2 7l3.5 3.5L12 4\" \/><\/svg\r\n                >R\u00e9siliable \u00e0 tout moment\r\n            <\/li>\r\n        <\/ul>\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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Saalz est une Sales Intelligence Platform \u2014 pas un CRM traditionnel. C'est la plateforme tout-en-un\r\n                    qui vous permet de trouver des prospects, d'enrichir leurs coordonn\u00e9es, d'importer depuis LinkedIn,\r\n                    d'utiliser l'IA pour personnaliser vos approches, et de suivre vos opportunit\u00e9s dans un CRM l\u00e9ger\r\n                    int\u00e9gr\u00e9.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Les cr\u00e9dits de donn\u00e9es sont l'unit\u00e9 de consommation pour chaque op\u00e9ration d'enrichissement :\r\n                    recherche d'email professionnel, de num\u00e9ro mobile, recherche de contacts (People Search), recherche\r\n                    d'entreprises ou d'emplois. Chaque op\u00e9ration consomme un certain nombre de cr\u00e9dits selon son type.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Oui, Saalz dispose d'une extension Chrome d\u00e9di\u00e9e LinkedIn qui vous permet d'importer des profils\r\n                    LinkedIn et des listes Sales Navigator directement dans Saalz. L'extraction des likeurs et\r\n                    commentateurs se fait, elle, depuis la plateforme web Saalz, sans aucun outil tiers.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Les donn\u00e9es d'enrichissement proviennent de fournisseurs \u00e0 la conformit\u00e9 RGPD document\u00e9e. Saalz\r\n                    traite uniquement les donn\u00e9es B2B dans le cadre d'un int\u00e9r\u00eat l\u00e9gitime commercial. Vos donn\u00e9es sont\r\n                    h\u00e9berg\u00e9es en Europe et vous b\u00e9n\u00e9ficiez de tous les droits garantis par le r\u00e8glement europ\u00e9en.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Oui, Saalz accepte les imports depuis un fichier CSV, depuis LinkedIn (via l'extension Chrome ou\r\n                    l'export natif LinkedIn), et depuis la plupart des CRM du march\u00e9. La migration est simple et guid\u00e9e\r\n                    pas \u00e0 pas.\r\n                <\/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\r\n                            width=\"12\"\r\n                            height=\"12\"\r\n                            viewBox=\"0 0 12 12\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\"\r\n                            stroke-linecap=\"round\"\r\n                        >\r\n                            <path d=\"M6 2v8M2 6h8\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/summary>\r\n                <p class=\"faq__answer\">\r\n                    Non, aucun engagement. Tous les abonnements Saalz sont sans engagement et r\u00e9siliables \u00e0 tout moment\r\n                    depuis votre espace. Votre acc\u00e8s reste actif jusqu'\u00e0 la fin de la p\u00e9riode d\u00e9j\u00e0 r\u00e9gl\u00e9e.\r\n                <\/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\">\r\n                Commencez gratuitement avec 100 cr\u00e9dits de donn\u00e9es \u2014 offre gratuite \u00e0 vie, sans carte bancaire.\r\n            <\/p>\r\n            <div class=\"final-cta__actions\">\r\n                <a\r\n                    data-route-register\r\n                    href=\"saalz-page-register.html\"\r\n                    class=\"btn btn--white btn--lg\"\r\n                    data-track=\"start_free_clicked\"\r\n                    data-track-props='{\"placement\":\"final_cta\"}'\r\n                    data-utm-carry\r\n                >\r\n                    <svg\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        viewBox=\"0 0 18 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2.5\"\r\n                        stroke-linecap=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M9 1v16M1 9h16\" \/>\r\n                    <\/svg>\r\n                    Commencer gratuitement\r\n                <\/a>\r\n                <a\r\n                    href=\"#demo\"\r\n                    class=\"btn btn--ghost-white btn--lg\"\r\n                    data-track=\"interactive_demo_clicked\"\r\n                    data-track-props='{\"placement\":\"final_cta\"}'\r\n                >\r\n                    <svg\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        viewBox=\"0 0 18 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <circle cx=\"9\" cy=\"9\" r=\"8\" \/>\r\n                        <path d=\"M7 6l5 3-5 3V6z\" fill=\"currentColor\" \/>\r\n                    <\/svg>\r\n                    Explorer la d\u00e9mo de 3 minutes\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\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>La sales intelligence des \u00e9quipes B2B agiles Trouvez, enrichissez et concr\u00e9tisez vos prochains clients \u2014 au m\u00eame endroit. Recherchez des contacts, des entreprises et des offres d&#8217;emploi actives. Enrichissez les emails, t\u00e9l\u00e9phones et donn\u00e9es d&rsquo;entreprise gr\u00e2ce \u00e0 des waterfalls multi-fournisseurs, ex\u00e9cutez vos propres agents IA, d\u00e9tectez les signaux d&rsquo;achat et g\u00e9rez chaque opportunit\u00e9 dans un &hellip; <a href=\"https:\/\/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:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/comments?post=12201"}],"version-history":[{"count":68,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201\/revisions"}],"predecessor-version":[{"id":13921,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12201\/revisions\/13921"}],"wp:attachment":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}