{"id":12333,"date":"2026-06-23T12:43:21","date_gmt":"2026-06-23T10:43:21","guid":{"rendered":"https:\/\/dev.saalz.com\/extraction-des-likeurs\/"},"modified":"2026-09-23T12:03:43","modified_gmt":"2026-09-23T10:03:43","slug":"likeurs-linkedin","status":"publish","type":"page","link":"https:\/\/saalz.com\/fr\/fonctionnalites-linkedin\/likeurs-linkedin\/","title":{"rendered":"Likeurs LinkedIn"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12333\" class=\"elementor elementor-12333\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05916aa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05916aa\" 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-682c760\" data-id=\"682c760\" 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-fde77d6 elementor-widget elementor-widget-html\" data-id=\"fde77d6\" 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    :root {\r\n      --accent: #4F46E5; --accent-hover: #4338CA; --accent-active: #3730A3; --accent-2: #3B82F6;\r\n      --accent-light: rgba(79,70,229,0.08); --accent-light-2: rgba(79,70,229,0.15);\r\n      --navy: #0F172A; --navy-2: #1E293B; --color-bg: #F8F9FC; --color-surface: #FFFFFF;\r\n      --color-surface-2: #F1F5F9; --color-border: #E2E8F0; --color-text: #0F172A;\r\n      --color-text-muted: #64748B; --color-text-faint: #94A3B8;\r\n      --font-body: 'Plus Jakarta Sans', system-ui, sans-serif; --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem); --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem); --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n      --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;\r\n      --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;\r\n      --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;\r\n      --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem;\r\n      --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-full: 9999px;\r\n      --shadow-sm: 0 1px 2px rgba(15,23,42,0.06); --shadow-md: 0 4px 12px rgba(15,23,42,0.08);\r\n      --shadow-lg: 0 12px 32px rgba(15,23,42,0.12); --shadow-xl: 0 20px 48px rgba(15,23,42,0.16);\r\n      --transition-interactive: 180ms cubic-bezier(0.16,1,0.3,1); --ease-out: cubic-bezier(0.16,1,0.3,1);\r\n      --content-narrow: 640px; --content-default: 960px; --content-wide: 1200px;\r\n    }\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; scroll-padding-top: 80px; }\r\n    body { min-height: 100dvh; line-height: 1.6; font-family: var(--font-body); font-size: var(--text-base); color: var(--color-text); background-color: var(--color-bg); }\r\n    img, picture, video, canvas, svg { display: block; max-width: 100%; }\r\n    ul[role=\"list\"], ol[role=\"list\"] { list-style: none; }\r\n    input, button, textarea, select { font: inherit; color: inherit; }\r\n    h1, h2, h3, h4, h5, h6 { text-wrap: balance; line-height: 1.15; font-family: var(--font-display); }\r\n    p, li, figcaption { text-wrap: pretty; max-width: 72ch; }\r\n    button { cursor: pointer; background: none; border: none; }\r\n    a { text-decoration: none; color: inherit; }\r\n    @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }\r\n    .container { width: 100%; max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 5vw, var(--space-12)); }\r\n    .section-label { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-faint); }\r\n    .btn { display: inline-flex; align-items: center; gap: var(--space-2); padding: 0.75rem 1.5rem; border-radius: var(--radius-lg); font-size: var(--text-sm); font-weight: 700; transition: background var(--transition-interactive), color var(--transition-interactive), box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive); cursor: pointer; text-decoration: none; white-space: nowrap; }\r\n    .btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n    .btn:active { transform: translateY(0); box-shadow: var(--shadow-sm); }\r\n    .btn--primary { background: var(--accent); color: #fff; border: 2px solid transparent; }\r\n    .btn--primary:hover { background: var(--accent-hover); }\r\n    .btn--ghost { background: transparent; color: var(--color-text); border: 2px solid var(--color-border); }\r\n    .btn--ghost:hover { border-color: var(--accent); color: var(--accent); }\r\n    .btn--ghost-white { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.4); }\r\n    .btn--ghost-white:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\r\n    .btn--white { background: #fff; color: var(--accent); border: 2px solid transparent; }\r\n    .btn--white:hover { background: #F0EFFF; }\r\n    .btn--lg { padding: 0.875rem 2rem; font-size: var(--text-base); border-radius: var(--radius-xl); }\r\n    .nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--color-border); }\r\n    .nav__inner { display: flex; align-items: center; justify-content: flex-start; height: 68px; gap: var(--space-6); position: relative; }\r\n    .nav__logo { font-size: 1.5rem; font-weight: 800; color: var(--navy); letter-spacing: -0.03em; flex-shrink: 0; display: flex; align-items: center; gap: var(--space-2); }\r\n    .nav__logo-icon { width: 36px; height: 36px; background: transparent; display: flex; align-items: center; justify-content: center; }\r\n    .nav__links { display: flex; align-items: center; gap: var(--space-6); list-style: none; }\r\n    .nav__links a { font-size: var(--text-sm); font-weight: 600; color: var(--color-text-muted); transition: color var(--transition-interactive); }\r\n    .nav__links a:hover { color: var(--color-text); }\r\n    .nav__signin { font-size: var(--text-sm); font-weight: 600; color: var(--color-text-muted); transition: color var(--transition-interactive); text-decoration: none; padding: 0.375rem 0; }\r\n    .nav__signin:hover { color: var(--color-text); }\r\n    .btn--nav-cta { padding: 0.5rem 1.125rem; font-size: 0.8125rem; border-radius: var(--radius-full); font-weight: 700; background: var(--accent); color: #fff; border: none; transition: background var(--transition-interactive), transform var(--transition-interactive); white-space: nowrap; }\r\n    .btn--nav-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    .nav__actions { display: flex; align-items: center; gap: var(--space-2); flex-shrink: 0; margin-left: auto; }\r\n    .nav__mobile-toggle { display: none; padding: var(--space-2); color: var(--color-text); border-radius: var(--radius-md); transition: background var(--transition-interactive); }\r\n    .nav__mobile-toggle:hover { background: var(--color-surface-2); }\r\n    @media (max-width: 900px) { .nav__links { display: none; } .nav__mobile-toggle { display: flex; } }\r\n    @media (max-width: 600px) { .nav__actions .btn--primary { padding: 0.5rem 0.875rem; font-size: var(--text-xs); } }\r\n    .nav__item { position: static; } .nav__item--mega { position: static; }\r\n    .nav__item--mega > a { display: inline-flex; align-items: center; gap: 5px; }\r\n    .nav__item--mega > a .mm-chevron { width: 10px; height: 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 200ms ease; display: inline-block; flex-shrink: 0; }\r\n    .nav__item--mega.mm-open > a .mm-chevron { transform: rotate(-135deg) translateY(2px); }\r\n    .megamenu { position: absolute; top: calc(100% + 8px); left: 0; transform: translateY(4px); width: min(860px, 92vw); background: #fff; border: 1px solid rgba(15,23,42,0.08); border-radius: 18px; box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 24px 56px rgba(15,23,42,0.12); z-index: 300; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 180ms; overflow: hidden; }\r\n    .nav__item--mega.mm-open .megamenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 0ms; }\r\n    .megamenu::before { content: ''; position: absolute; top: -16px; left: 0; right: 0; height: 16px; background: transparent; }\r\n    .megamenu::after { content: ''; position: absolute; top: -5px; left: 48px; transform: rotate(45deg); width: 10px; height: 10px; background: #fff; border-top: 1px solid rgba(15,23,42,0.08); border-left: 1px solid rgba(15,23,42,0.08); border-radius: 2px; }\r\n    .megamenu__inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; padding: 28px 28px 0; }\r\n    .megamenu__col { padding: 0 18px 24px; border-right: 1px solid rgba(15,23,42,0.06); }\r\n    .megamenu__col:first-child { padding-left: 0; } .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n    .megamenu__col-label { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-faint); margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid rgba(15,23,42,0.05); }\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 2px; }\r\n    .megamenu__item { display: flex; align-items: flex-start; gap: 12px; padding: 9px 10px; border-radius: 10px; cursor: pointer; transition: background 130ms ease; text-decoration: none; color: inherit; }\r\n    .megamenu__item:hover { background: #F8F9FF; } .megamenu__item:hover .megamenu__item-label { color: var(--accent); }\r\n    .megamenu__item-icon { width: 32px; height: 32px; flex-shrink: 0; background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(59,130,246,0.08)); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-top: 1px; }\r\n    .megamenu__item-label { font-size: 0.8125rem; font-weight: 700; color: var(--color-text); line-height: 1.3; transition: color 130ms ease; }\r\n    .megamenu__item-desc { font-size: 0.7rem; color: var(--color-text-muted); line-height: 1.4; margin-top: 1px; }\r\n    .megamenu__footer { margin: 8px 0 0; padding: 16px 28px; background: linear-gradient(135deg, rgba(79,70,229,0.04), rgba(59,130,246,0.04)); border-top: 1px solid rgba(79,70,229,0.08); display: flex; align-items: center; justify-content: space-between; gap: 16px; }\r\n    .megamenu__footer-text { font-size: 0.8125rem; color: var(--color-text-muted); } .megamenu__footer-text strong { color: var(--color-text); }\r\n    .megamenu__footer-cta { display: inline-flex; align-items: center; gap: 6px; padding: 0.45rem 1.1rem; background: var(--accent); color: #fff; border-radius: var(--radius-full); font-size: 0.8rem; font-weight: 700; white-space: nowrap; transition: background 150ms ease, transform 150ms ease; flex-shrink: 0; }\r\n    .megamenu__footer-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    @media (max-width: 1000px) { .megamenu { display: none !important; } }\r\n    .hero { position: relative; overflow: hidden; padding-block: clamp(var(--space-16), 9vw, 110px); background: var(--color-bg); }\r\n    .hero__mesh { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\r\n    .hero__mesh::before { content: ''; position: absolute; top: -15%; left: -5%; width: 55%; height: 65%; background: radial-gradient(ellipse at center, rgba(79,70,229,0.09) 0%, transparent 70%); animation: meshDrift1 14s ease-in-out infinite alternate; }\r\n    .hero__mesh::after { content: ''; position: absolute; top: 15%; right: -10%; width: 45%; height: 55%; background: radial-gradient(ellipse at center, rgba(59,130,246,0.07) 0%, transparent 70%); animation: meshDrift2 17s ease-in-out infinite alternate; }\r\n    @keyframes meshDrift1 { from { transform: translate(0,0) scale(1); } to { transform: translate(3%,4%) scale(1.05); } }\r\n    @keyframes meshDrift2 { from { transform: translate(0,0) scale(1); } to { transform: translate(-4%,3%) scale(1.06); } }\r\n    .hero__breadcrumb { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); color: var(--color-text-faint); font-weight: 500; margin-bottom: var(--space-4); }\r\n    .hero__breadcrumb span { color: var(--color-text-muted); } .hero__breadcrumb-sep { color: var(--color-border); font-size: 0.7rem; } .hero__breadcrumb-current { color: var(--accent); font-weight: 700; }\r\n    .hero__content { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-10), 5vw, var(--space-20)); align-items: center; }\r\n    .hero__text { display: flex; flex-direction: column; gap: var(--space-5); }\r\n    .hero__pill { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-4); background: rgba(79,70,229,0.08); border: 1px solid rgba(79,70,229,0.2); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 700; color: var(--accent); width: fit-content; letter-spacing: 0.04em; }\r\n    .hero__pill-dot { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; animation: pulse 2s ease-in-out infinite; }\r\n    @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } }\r\n    .hero__h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--navy); letter-spacing: -0.04em; line-height: 1.1; }\r\n    .hero__h1 span { background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n    .hero__sub { font-size: 1.125rem; color: var(--color-text-muted); line-height: 1.65; max-width: 50ch; }\r\n    .hero__ctas { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }\r\n    .hero__visual { position: relative; }\r\n    .hero__mockup { background: var(--navy); border-radius: var(--radius-2xl); padding: var(--space-5) var(--space-5) var(--space-6); box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255,255,255,0.05); position: relative; overflow: hidden; }\r\n    .hero__mockup::before { content: ''; position: absolute; top: -40%; right: -20%; width: 70%; height: 70%; background: radial-gradient(ellipse, rgba(79,70,229,0.22) 0%, transparent 70%); pointer-events: none; }\r\n    .mock-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid rgba(255,255,255,0.06); }\r\n    .mock-dots { display: flex; gap: var(--space-2); } .mock-dot { width: 10px; height: 10px; border-radius: 50%; } .mock-dot--red { background: #FF5F57; } .mock-dot--yellow { background: #FEBC2E; } .mock-dot--green { background: #28C840; }\r\n    .mock-topbar-title { font-size: var(--text-xs); color: rgba(255,255,255,0.35); font-weight: 500; letter-spacing: 0.04em; }\r\n    .mock-url-input { display: flex; align-items: center; gap: var(--space-2); background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); margin-bottom: var(--space-3); }\r\n    .mock-url-label { font-size: 8px; font-weight: 700; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }\r\n    .mock-url-value { font-size: 9px; color: #818CF8; font-weight: 600; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\r\n    .mock-extract-btn { padding: 4px 10px; background: var(--accent); border-radius: var(--radius-full); font-size: 9px; font-weight: 800; color: #fff; white-space: nowrap; box-shadow: 0 2px 8px rgba(79,70,229,0.4); }\r\n    .mock-results-count { font-size: 9px; font-weight: 800; color: rgba(255,255,255,0.25); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: var(--space-2); }\r\n    .mock-results-count span { color: #818CF8; }\r\n    .mock-results { display: flex; flex-direction: column; gap: var(--space-2); }\r\n    .mock-result { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-2); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-lg); }\r\n    .mock-result:first-child { border-color: rgba(79,70,229,0.35); background: rgba(79,70,229,0.07); }\r\n    .mock-avatar { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; color: #fff; flex-shrink: 0; }\r\n    .mock-result-info { flex: 1; min-width: 0; }\r\n    .mock-result-name { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.85); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    .mock-result-meta { font-size: 9px; color: rgba(255,255,255,0.32); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    .mock-enrich-btn { padding: 3px 8px; background: var(--accent); border-radius: var(--radius-full); font-size: 9px; font-weight: 800; color: #fff; flex-shrink: 0; white-space: nowrap; }\r\n    .mock-badge { padding: 3px 8px; border-radius: var(--radius-full); font-size: 9px; font-weight: 700; flex-shrink: 0; }\r\n    .mock-badge--done { background: rgba(52,211,153,0.15); color: #34D399; border: 1px solid rgba(52,211,153,0.2); }\r\n    @media (max-width: 900px) { .hero__content { grid-template-columns: 1fr; } .hero__visual { display: none; } }\r\n    @media (max-width: 600px) { .hero__h1 { font-size: clamp(2rem, 8vw, 2.8rem); } .hero__ctas { flex-direction: column; align-items: flex-start; } }\r\n    \/* Insight section \u2014 dark navy *\/\r\n    .insight-section { padding-block: clamp(var(--space-16), 8vw, var(--space-24)); background: var(--navy); }\r\n    .insight-section__header { text-align: center; margin-bottom: clamp(var(--space-10), 5vw, var(--space-16)); }\r\n    .insight-section__h2 { font-size: var(--text-2xl); font-weight: 800; color: #fff; letter-spacing: -0.03em; margin-bottom: var(--space-4); }\r\n    .insight-section__sub { font-size: var(--text-base); color: rgba(255,255,255,0.55); }\r\n    .insight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }\r\n    @media (max-width: 800px) { .insight-grid { grid-template-columns: 1fr; } }\r\n    .insight-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-2xl); padding: var(--space-8) var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); transition: border-color var(--transition-interactive), background var(--transition-interactive); }\r\n    .insight-card:hover { border-color: rgba(79,70,229,0.4); background: rgba(79,70,229,0.06); }\r\n    .insight-card__icon { width: 48px; height: 48px; background: rgba(79,70,229,0.15); border: 1px solid rgba(79,70,229,0.25); border-radius: var(--radius-xl); display: flex; align-items: center; justify-content: center; color: #818CF8; }\r\n    .insight-card__title { font-size: var(--text-base); font-weight: 800; color: #fff; line-height: 1.3; }\r\n    .insight-card__desc { font-size: var(--text-sm); color: rgba(255,255,255,0.5); line-height: 1.65; }\r\n    .features-section { padding-block: clamp(var(--space-16), 8vw, var(--space-24)); background: var(--color-surface); }\r\n    .features-section__header { text-align: center; margin-bottom: clamp(var(--space-10), 5vw, var(--space-16)); }\r\n    .features-section__h2 { font-size: var(--text-2xl); font-weight: 800; color: var(--navy); letter-spacing: -0.03em; margin-bottom: var(--space-4); }\r\n    .features-section__sub { font-size: var(--text-base); color: var(--color-text-muted); }\r\n    .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }\r\n    .feature-card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-8) var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive); }\r\n    .feature-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); border-color: rgba(79,70,229,0.2); }\r\n    .feature-card__icon { width: 48px; height: 48px; background: var(--accent-light); border-radius: var(--radius-xl); display: flex; align-items: center; justify-content: center; color: var(--accent); }\r\n    .feature-card__title { font-size: var(--text-base); font-weight: 800; color: var(--navy); line-height: 1.3; }\r\n    .feature-card__desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.65; }\r\n    @media (max-width: 900px) { .features-grid { grid-template-columns: 1fr 1fr; } }\r\n    @media (max-width: 580px) { .features-grid { grid-template-columns: 1fr; } }\r\n    .how-it-works { padding-block: clamp(var(--space-16), 8vw, var(--space-24)); background: var(--color-bg); }\r\n    .how-it-works__header { text-align: center; margin-bottom: clamp(var(--space-12), 5vw, var(--space-16)); }\r\n    .how-it-works__h2 { font-size: var(--text-2xl); font-weight: 800; color: var(--navy); letter-spacing: -0.03em; margin-bottom: var(--space-3); }\r\n    .how-it-works__sub { font-size: var(--text-base); color: var(--color-text-muted); }\r\n    .steps-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); position: relative; }\r\n    .steps-row::before { content: ''; position: absolute; top: 28px; left: calc(33.333% - 24px); right: calc(33.333% - 24px); height: 2px; background: linear-gradient(90deg, rgba(79,70,229,0.2) 0%, rgba(79,70,229,0.4) 50%, rgba(79,70,229,0.2) 100%); pointer-events: none; }\r\n    @media (max-width: 700px) { .steps-row::before { display: none; } .steps-row { grid-template-columns: 1fr; } }\r\n    .step-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-8) var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); transition: box-shadow var(--transition-interactive), border-color var(--transition-interactive); }\r\n    .step-card:hover { box-shadow: var(--shadow-md); border-color: rgba(79,70,229,0.2); }\r\n    .step-number { width: 48px; height: 48px; background: var(--accent); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 800; flex-shrink: 0; box-shadow: 0 4px 12px rgba(79,70,229,0.35); }\r\n    .step-title { font-size: var(--text-base); font-weight: 800; color: var(--navy); line-height: 1.3; }\r\n    .step-desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.65; }\r\n    .use-cases { padding-block: clamp(var(--space-16), 8vw, var(--space-24)); background: var(--color-surface-2); }\r\n    .use-cases__header { text-align: center; margin-bottom: clamp(var(--space-10), 5vw, var(--space-16)); }\r\n    .use-cases__h2 { font-size: var(--text-2xl); font-weight: 800; color: var(--navy); letter-spacing: -0.03em; margin-bottom: var(--space-3); }\r\n    .use-cases__sub { font-size: var(--text-base); color: var(--color-text-muted); }\r\n    .use-cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }\r\n    @media (max-width: 700px) { .use-cases-grid { grid-template-columns: 1fr; } }\r\n    .use-case-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-8) var(--space-8); display: flex; flex-direction: column; gap: var(--space-5); transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive); }\r\n    .use-case-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); border-color: rgba(79,70,229,0.2); }\r\n    .use-case-card__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0.06em; }\r\n    .use-case-card__title { font-size: var(--text-lg); font-weight: 800; color: var(--navy); line-height: 1.25; }\r\n    .use-case-card__desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.7; }\r\n    .use-case-card__cta { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); font-weight: 700; color: var(--accent); transition: gap var(--transition-interactive); }\r\n    .use-case-card:hover .use-case-card__cta { gap: var(--space-3); }\r\n    .final-cta { background: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #3B82F6 100%); padding-block: clamp(var(--space-20), 10vw, 120px); position: relative; overflow: hidden; text-align: center; }\r\n    .final-cta::before { content: ''; position: absolute; top: -30%; left: -10%; width: 60%; height: 80%; background: radial-gradient(ellipse, rgba(255,255,255,0.07) 0%, transparent 65%); pointer-events: none; }\r\n    .final-cta::after { content: ''; position: absolute; bottom: -20%; right: -5%; width: 40%; height: 60%; background: radial-gradient(ellipse, rgba(255,255,255,0.05) 0%, transparent 65%); pointer-events: none; }\r\n    .final-cta__content { position: relative; z-index: 1; }\r\n    .final-cta__h2 { font-size: var(--text-2xl); font-weight: 800; color: #fff; letter-spacing: -0.03em; margin-bottom: var(--space-4); }\r\n    .final-cta__sub { font-size: var(--text-lg); color: rgba(255,255,255,0.75); margin-bottom: var(--space-8); max-width: 52ch; margin-inline: auto; }\r\n    .final-cta__actions { display: flex; align-items: center; justify-content: center; gap: var(--space-4); flex-wrap: wrap; }\r\n    .footer { background: var(--navy); padding-block: clamp(var(--space-16), 6vw, var(--space-20)); color: rgba(255,255,255,0.6); }\r\n    .footer__top { display: grid; grid-template-columns:  1fr 1fr 1fr 1fr; gap: clamp(var(--space-8), 4vw, var(--space-12)); margin-bottom: clamp(var(--space-12), 5vw, var(--space-16)); padding-bottom: clamp(var(--space-10), 4vw, var(--space-12)); border-bottom: 1px solid rgba(255,255,255,0.07); }\r\n    .footer__logo { font-size: 1.5rem; font-weight: 800; color: #fff; letter-spacing: -0.03em; margin-bottom: var(--space-2); }\r\n    .footer__tagline { font-size: var(--text-xs); color: rgba(255,255,255,0.35); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: var(--space-5); }\r\n    .footer__brand-desc { font-size: var(--text-sm); color: rgba(255,255,255,0.4); line-height: 1.7; max-width: 32ch; }\r\n    .footer__col-title { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: var(--space-5); }\r\n    .footer__links { display: flex; flex-direction: column; gap: var(--space-3); list-style: none; }\r\n    .footer__links a { font-size: var(--text-sm); color: rgba(255,255,255,0.45); transition: color var(--transition-interactive); }\r\n    .footer__links a:hover { color: rgba(255,255,255,0.85); }\r\n    .footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }\r\n    .footer__copy { font-size: var(--text-xs); color: rgba(255,255,255,0.3); }\r\n    .footer__legal { display: flex; gap: var(--space-5); }\r\n    .footer__legal a { font-size: var(--text-xs); color: rgba(255,255,255,0.3); transition: color var(--transition-interactive); }\r\n    .footer__legal a:hover { color: rgba(255,255,255,0.6); }\r\n    @media (max-width: 1000px) { .footer__top { grid-template-columns: 1fr 1fr 1fr; } .footer__brand { grid-column: 1 \/ -1; } }\r\n    @media (max-width: 600px) { .footer__top { grid-template-columns: 1fr 1fr; } }\r\n    .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out); }\r\n    .reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n    .reveal--delay-1 { transition-delay: 0.1s; } .reveal--delay-2 { transition-delay: 0.2s; } .reveal--delay-3 { transition-delay: 0.3s; }\r\n    .text-center { text-align: center; }\r\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }\r\n      @media (max-width: 600px) {\r\n      \/* The nav CTA label is much longer in French: shrink it and drop the\r\n         secondary sign-in link so the burger button stays on screen. *\/\r\n      .nav__actions .btn--nav-cta { padding: 0.4rem 0.7rem; font-size: 0.7rem; }\r\n      .nav__actions .nav__signin { display: none; }\r\n      .nav__logo { font-size: 1.15rem; }\r\n      .nav__logo-icon { width: 26px; height: 26px; }\r\n      \/* Logo + CTA + burger and two 2rem gaps do not fit in 375px: tighten\r\n         the bar and the toggle so the burger stays inside the viewport. *\/\r\n      \/* `.nav .nav__inner` outranks the v3 rule that sets a 2rem gap later\r\n         in the stylesheet \u2014 a plain `.nav__inner` here would lose. *\/\r\n      .nav .nav__inner { gap: 0.5rem; }\r\n      .nav__actions .btn--nav-cta { padding: 0.35rem 0.6rem; font-size: 0.66rem; }\r\n      .nav__mobile-toggle { padding: 4px; }\r\n    }\r\n    \/* ============================\r\n       MEGA-MENU v2 \u2014 hierarchy, badges, mobile accordion\r\n    ============================ *\/\r\n    .megamenu { width: min(980px, 94vw); }\r\n    .megamenu__inner { padding: 26px 26px 0; gap: 0; }\r\n    .megamenu__col {\r\n      padding: 0 20px 22px;\r\n      border-right: 1px solid rgba(15,23,42,0.08);\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .megamenu__col:first-child { padding-left: 0; }\r\n    .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n\r\n    \/* Column title is a link to its hub page *\/\r\n    a.megamenu__col-label {\r\n      display: block;\r\n      font-size: 0.68rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-muted);\r\n      margin-bottom: 12px;\r\n      padding-bottom: 9px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.07);\r\n      text-decoration: none;\r\n      transition: color 130ms ease, border-color 130ms ease;\r\n    }\r\n    a.megamenu__col-label:hover,\r\n    a.megamenu__col-label:focus-visible { color: var(--accent); border-color: rgba(79,70,229,0.35); }\r\n    a.megamenu__col-label:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }\r\n\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 1px; }\r\n\r\n    \/* Featured entries: icon + label + one-line description *\/\r\n    .megamenu__item { padding: 8px 9px; gap: 10px; align-items: flex-start; }\r\n    .megamenu__item:hover,\r\n    .megamenu__item:focus-visible { background: rgba(79,70,229,0.07); }\r\n    .megamenu__item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n    .megamenu__item-icon { width: 28px; height: 28px; border-radius: 7px; }\r\n    .megamenu__item-label { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 0.8rem; }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      line-height: 1.35;\r\n      color: var(--color-text-faint);\r\n      margin-top: 1px;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Compact secondary links *\/\r\n    .megamenu__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n      margin-top: 8px;\r\n      padding-top: 8px;\r\n      border-top: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__link {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 6px 9px;\r\n      border-radius: 8px;\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      color: var(--color-text-muted);\r\n      text-decoration: none;\r\n      transition: background 130ms ease, color 130ms ease;\r\n    }\r\n    .megamenu__link:hover,\r\n    .megamenu__link:focus-visible { background: rgba(79,70,229,0.07); color: var(--accent); }\r\n    .megamenu__link:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n\r\n    \/* Column footer link *\/\r\n    .megamenu__col-cta {\r\n      margin-top: auto;\r\n      padding: 10px 9px 0;\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      text-decoration: none;\r\n      opacity: 0.85;\r\n      transition: opacity 130ms ease;\r\n    }\r\n    .megamenu__col-cta:hover, .megamenu__col-cta:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }\r\n    .megamenu__col-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }\r\n\r\n    \/* Badges *\/\r\n    .mm-badge {\r\n      font-size: 0.55rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.05em;\r\n      text-transform: uppercase;\r\n      padding: 2px 6px;\r\n      border-radius: var(--radius-full);\r\n      white-space: nowrap;\r\n      line-height: 1.4;\r\n    }\r\n    .mm-badge--new { background: rgba(79,70,229,0.12); color: var(--accent); }\r\n    .mm-badge--soon { background: var(--color-surface-2); color: var(--color-text-muted); }\r\n\r\n    \/* Menu footer *\/\r\n    .megamenu__footer { padding: 14px 26px; gap: 16px; flex-wrap: wrap; }\r\n    .megamenu__footer-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }\r\n    .megamenu__footer-link {\r\n      font-size: 0.78rem;\r\n      font-weight: 700;\r\n      color: var(--color-text-muted);\r\n      text-decoration: none;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__footer-link:hover, .megamenu__footer-link:focus-visible { color: var(--accent); }\r\n    .megamenu__footer-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }\r\n\r\n    \/* ---- Mobile: the four columns become accordions ---- *\/\r\n    @media (max-width: 1000px) {\r\n      .megamenu {\r\n        display: block !important;\r\n        position: static;\r\n        width: 100%;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transform: none;\r\n        box-shadow: none;\r\n        border: none;\r\n        border-radius: 0;\r\n        margin-top: 8px;\r\n      }\r\n      .megamenu::after, .megamenu::before { display: none; }\r\n      .nav__item--mega:not(.mm-open) .megamenu { display: none !important; }\r\n      .megamenu__inner { display: block; padding: 0; }\r\n      .megamenu__col {\r\n        padding: 0;\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--color-border);\r\n      }\r\n      a.megamenu__col-label {\r\n        position: relative;\r\n        margin-bottom: 0;\r\n        padding: 12px 30px 12px 4px;\r\n        border-bottom: none;\r\n        font-size: 0.72rem;\r\n        color: var(--color-text);\r\n      }\r\n      .megamenu__col-toggle {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        width: 34px;\r\n        height: 34px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 8px;\r\n        color: var(--color-text-muted);\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n      }\r\n      .megamenu__col-toggle svg { transition: transform 180ms var(--ease-out); }\r\n      .megamenu__col-toggle[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\r\n      .megamenu__col-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n      .megamenu__col-head { position: relative; }\r\n      .megamenu__col-body { display: none; padding-bottom: 12px; }\r\n      .megamenu__col-body.is-open { display: block; }\r\n      .megamenu__col-cta { margin-top: 6px; display: block; }\r\n      .megamenu__footer { flex-direction: column; align-items: flex-start; padding: 14px 4px; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .megamenu__col-toggle svg { transition: none; }\r\n    }\r\n    \/* ============================================================\r\n       HEADER + MEGA-MENU v3 \u2014 sizing, contrast, panelled columns\r\n       ============================================================ *\/\r\n    :root {\r\n      --mm-ink:        #101828;   \/* feature titles          *\/\r\n      --mm-ink-soft:   #344054;   \/* nav links, footer links *\/\r\n      --mm-ink-label:  #475467;   \/* column titles           *\/\r\n      --mm-ink-desc:   #5F6C80;   \/* feature descriptions    *\/\r\n      --mm-arrow:      #98A2B3;   \/* column arrows at rest   *\/\r\n      --mm-panel-bg:   #FBFBFE;\r\n      --mm-panel-line: #EEF0F6;\r\n      --mm-tint:       #F4F3FF;   \/* hover wash on a standard entry *\/\r\n      --mm-tint-line:  #DDD9FE;\r\n      \/* Highlighted entries: a soft wash that reads as \"worth noticing\"\r\n         rather than \"currently selected\". Kept lighter than the hover\r\n         wash so hovering anything always darkens it. *\/\r\n      --mm-new-bg:     #F8F7FE;\r\n      --mm-new-line:   #ECEAFB;\r\n      --mm-new-hover:  #EFEDFD;\r\n      --mm-indigo-dk:  #3730A3;\r\n    }\r\n\r\n    \/* ---------- Primary navigation ---------- *\/\r\n    .nav__inner { height: 72px; gap: 2rem; }\r\n    .nav__logo { font-size: 1.65rem; }\r\n    .nav__logo-icon { width: 40px; height: 40px; }\r\n    .nav__logo-icon svg { width: 34px; height: 34px; }\r\n\r\n    .nav__links { gap: 30px; align-items: center; }\r\n    .nav__links > li { display: flex; align-items: center; }\r\n    .nav__links a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 15.5px;\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      color: var(--mm-ink-soft);\r\n      padding: 8px 10px;\r\n      border-radius: 9px;\r\n      transition: color 140ms ease, background 140ms ease;\r\n    }\r\n    .nav__links a:hover { color: var(--accent); background: var(--mm-tint); }\r\n    .nav__links a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\r\n    .nav__links a[aria-current=\"page\"], .nav__links a.nav__link--active { color: var(--mm-ink); }\r\n\r\n    \/* Product trigger: chevron aligned with the label, flips when open *\/\r\n    .nav__item--mega > a .mm-chevron,\r\n    .nav__item--mega > a::after { display: none; }\r\n    .nav__item--mega > a {\r\n      position: relative;\r\n      padding-right: 26px;\r\n    }\r\n    .nav__item--mega > a .mm-caret {\r\n      position: absolute;\r\n      right: 8px;\r\n      top: 50%;\r\n      width: 10px;\r\n      height: 10px;\r\n      margin-top: -5px;\r\n      transition: transform 160ms var(--ease-out);\r\n      pointer-events: none;\r\n    }\r\n    .nav__item--mega.mm-open > a {\r\n      background: var(--mm-tint);\r\n      color: var(--accent);\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-caret { transform: rotate(180deg); }\r\n\r\n    \/* Sign in + primary CTA *\/\r\n    .nav__actions { gap: 14px; }\r\n    .nav__signin {\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      color: var(--mm-ink-soft);\r\n      padding: 8px 4px;\r\n    }\r\n    .nav__signin:hover { color: var(--accent); }\r\n    .nav__signin:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }\r\n    .btn--nav-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 43px;\r\n      padding: 0 1.4rem;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      border-radius: 10px;\r\n    }\r\n    .btn--nav-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\r\n\r\n    \/* ---------- Mega-menu shell ---------- *\/\r\n    .megamenu {\r\n      \/* The panel is anchored 48px from the viewport edge, so 96vw pushed its\r\n         right edge off-screen between 1001 and ~1195px and the whole page\r\n         gained a horizontal scrollbar. Reserving 48px on both sides keeps the\r\n         validated 1100px width everywhere above 1196px. *\/\r\n      width: min(1100px, calc(100vw - 96px));\r\n      border: 1px solid var(--mm-panel-line);\r\n      border-radius: 16px;\r\n      box-shadow: 0 4px 10px rgba(16,24,40,0.04), 0 18px 44px rgba(16,24,40,0.12);\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 14px;\r\n      padding: 18px;\r\n    }\r\n\r\n    \/* ---------- Columns as panels ---------- *\/\r\n    .megamenu__col {\r\n      background: var(--mm-panel-bg);\r\n      border: 1px solid var(--mm-panel-line);\r\n      border-radius: 12px;\r\n      padding: 16px 14px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n    a.megamenu__col-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.72rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.07em;\r\n      text-transform: uppercase;\r\n      color: var(--mm-ink-label);\r\n      margin: 0 0 2px;\r\n      padding: 0 4px;\r\n      border-bottom: none;\r\n      text-decoration: none;\r\n    }\r\n    a.megamenu__col-label:hover { color: var(--accent); border-color: transparent; }\r\n    a.megamenu__col-label:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 5px; }\r\n    .mm-col-arrow {\r\n      flex-shrink: 0;\r\n      color: var(--mm-arrow);\r\n      transition: transform 160ms var(--ease-out), color 160ms ease;\r\n    }\r\n    a.megamenu__col-label:hover .mm-col-arrow { transform: translateX(3px); color: var(--accent); }\r\n\r\n    \/* No isolated accordion chevrons on desktop *\/\r\n    .megamenu__col-toggle { display: none; }\r\n    .megamenu__col-head { display: contents; }\r\n    .megamenu__col-body { display: contents; }\r\n\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n    \/* ---------- One item component for every feature ----------\r\n       Every entry \u2014 highlighted or not \u2014 is a single anchor, so the whole\r\n       row is clickable, hoverable and focusable. The icon column, the gap\r\n       and the text column are identical everywhere, which is what puts all\r\n       the rows on one grid. *\/\r\n    .mm-item {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      min-height: 52px;\r\n      padding: 9px 10px;\r\n      border: 1px solid transparent;\r\n      border-radius: 10px;\r\n      text-decoration: none;\r\n      color: inherit;\r\n      transition: background 140ms ease, border-color 140ms ease;\r\n    }\r\n    .mm-item:hover { background: var(--mm-tint); }\r\n    .mm-item:hover .mm-item__title { color: var(--mm-indigo-dk); }\r\n    .mm-item:hover .mm-item__icon { color: var(--accent); border-color: var(--mm-tint-line); }\r\n    .mm-item:focus-visible {\r\n      outline: 2px solid var(--accent);\r\n      outline-offset: -2px;\r\n      background: var(--mm-tint);\r\n      box-shadow: 0 0 0 3px rgba(79,70,229,0.16);\r\n    }\r\n    .mm-item__icon {\r\n      flex-shrink: 0;\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 8px;\r\n      background: #fff;\r\n      border: 1px solid var(--mm-panel-line);\r\n      color: var(--mm-ink-label);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: 1px;\r\n      transition: color 140ms ease, border-color 140ms ease;\r\n    }\r\n    .mm-item__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }\r\n    .mm-item__title {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      font-size: 0.855rem;\r\n      font-weight: 650;\r\n      line-height: 1.25;\r\n      color: var(--mm-ink);\r\n      transition: color 140ms ease;\r\n    }\r\n    .mm-item__desc {\r\n      font-size: 0.775rem;\r\n      line-height: 1.4;\r\n      color: var(--mm-ink-desc);\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* ---------- Badged entries ----------\r\n       The badge and the `--new` \/ `--soon` class are injected by\r\n       saalz-config.js from CONFIG.megamenuBadges; the markup ships without\r\n       them. These rules therefore have to work for any entry.\r\n\r\n       The badge floats to the top right of the title, so the first line of\r\n       the title flows beside it and the following line uses the full width.\r\n       The badge can therefore never sit alone under the title nor run under\r\n       the text, whatever the wording or the language \u2014 \"Nouveau\" reserves\r\n       more room than \"New\" without pushing the title onto a third line.\r\n\r\n       Title and description both reserve exactly two lines, so every badged\r\n       card ends up the same height with its icon, title, badge, description\r\n       and its top and bottom margins on the same lines. *\/\r\n    .mm-item--new,\r\n    .mm-item--soon { background: var(--mm-new-bg); border-color: var(--mm-new-line); }\r\n    .mm-item--new .mm-item__icon,\r\n    .mm-item--soon .mm-item__icon { color: var(--accent); border-color: var(--mm-new-line); }\r\n    .mm-item--new:hover,\r\n    .mm-item--soon:hover { background: var(--mm-new-hover); border-color: var(--mm-tint-line); }\r\n    .mm-item--new:focus-visible,\r\n    .mm-item--soon:focus-visible { background: var(--mm-new-hover); }\r\n\r\n    .mm-item--new .mm-item__title,\r\n    .mm-item--soon .mm-item__title {\r\n      display: block;\r\n      height: 2.5em;       \/* exactly two lines at line-height 1.25 *\/\r\n      overflow: hidden;\r\n    }\r\n    .mm-item--new .mm-item__desc,\r\n    .mm-item--soon .mm-item__desc { min-height: 2.8em; }  \/* two lines at line-height 1.4 *\/\r\n\r\n    \/* Kept deliberately compact \u2014 sentence case, no letter-spacing \u2014 because\r\n       the first word of the title has to fit beside it on line one and the\r\n       French wording (\"Nouveau\") is a third wider than the English one. *\/\r\n    .mm-badge {\r\n      float: right;\r\n      margin: 1px 0 0 6px;\r\n      font-size: 0.6rem;\r\n      font-weight: 800;\r\n      line-height: 1.45;\r\n      \/* Explicit: an earlier rule in the page still sets these. *\/\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n      padding: 1px 6px;\r\n      border-radius: var(--radius-full);\r\n      background: rgba(79,70,229,0.13);\r\n      color: var(--mm-indigo-dk);\r\n      white-space: nowrap;\r\n    }\r\n    .mm-badge--soon { background: #F2F4F7; color: var(--mm-ink-desc); }\r\n\r\n    \/* ---------- Footer ----------\r\n       The three actions stay on one row and keep their natural width; only\r\n       the sentence gives way, so the bar keeps a single baseline in French\r\n       as in English instead of breaking into two stacked rows. *\/\r\n    .megamenu__footer {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      flex-wrap: nowrap;\r\n      padding: 9px 20px;\r\n      background: #fff;\r\n      border-top: 1px solid var(--mm-panel-line);\r\n    }\r\n    .megamenu__footer-text {\r\n      flex: 0 1 auto;\r\n      min-width: 0;\r\n      font-size: 0.82rem;\r\n      font-weight: 500;\r\n      line-height: 1.35;\r\n      color: var(--mm-ink-label);\r\n    }\r\n    .megamenu__footer-actions {\r\n      flex: 0 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 18px;\r\n      flex-wrap: nowrap;\r\n    }\r\n    .megamenu__footer-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      font-size: 0.82rem;\r\n      font-weight: 650;\r\n      line-height: 1.35;\r\n      color: var(--mm-ink-soft);\r\n      text-decoration: none;\r\n      transition: color 140ms ease;\r\n    }\r\n    .megamenu__footer-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }\r\n    .megamenu__footer-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 5px; }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 36px;\r\n      padding: 0 1.15rem;\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n      line-height: 1.35;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    \/* ---------- Narrow desktop ----------\r\n       Between the accordion breakpoint and 1150px the shell is capped at\r\n       96vw, so the four columns get noticeably narrower and a long French\r\n       title stops fitting beside its badge. Tightening the shell spacing\r\n       gives the text back about twelve pixels per column. Nothing here\r\n       applies to the validated 1200px+ layout. *\/\r\n    @media (min-width: 1001px) and (max-width: 1195px) {\r\n      .megamenu__inner { padding: 12px; gap: 10px; }\r\n      .megamenu__col { padding: 14px 11px; }\r\n      .mm-item { padding: 9px 7px; }\r\n      \/* The columns get too narrow for a long French title to sit beside the\r\n         badge, so the badge takes its own line above the title instead of\r\n         squeezing \u2014 or worse, running under \u2014 the text. *\/\r\n      .mm-badge { float: none; display: inline-block; margin: 0 0 3px; padding: 1px 6px; }\r\n      .mm-item--new .mm-item__title,\r\n      .mm-item--soon .mm-item__title { height: auto; min-height: 3.6em; }\r\n      \/* A long French title can take a third line at the bottom of the band;\r\n         a common floor keeps the five cards identical there too. *\/\r\n      .mm-item--new,\r\n      .mm-item--soon { min-height: 7rem; }\r\n    }\r\n\r\n    \/* ---------- Tablet \/ mobile: accordions ---------- *\/\r\n    @media (max-width: 1000px) {\r\n      .nav__inner { height: 64px; }\r\n      .megamenu { width: 100%; border: none; box-shadow: none; border-radius: 0; }\r\n      .megamenu__inner { display: block; padding: 0; gap: 0; }\r\n      .megamenu__col {\r\n        background: transparent;\r\n        border: none;\r\n        border-bottom: 1px solid var(--color-border);\r\n        border-radius: 0;\r\n        padding: 0;\r\n        gap: 0;\r\n        display: block;\r\n      }\r\n      .megamenu__col-head { display: block; position: relative; }\r\n      a.megamenu__col-label {\r\n        display: flex;\r\n        width: 100%;\r\n        min-height: 48px;\r\n        align-items: center;\r\n        padding: 12px 44px 12px 4px;\r\n        font-size: 0.78rem;\r\n        color: var(--mm-ink);\r\n      }\r\n      .mm-col-arrow { display: none; }\r\n      .megamenu__col-toggle {\r\n        display: flex;\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        width: 44px;\r\n        height: 44px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: none;\r\n        background: none;\r\n        border-radius: 9px;\r\n        color: var(--mm-ink-label);\r\n        cursor: pointer;\r\n      }\r\n      .megamenu__col-toggle svg { transition: transform 180ms var(--ease-out); }\r\n      .megamenu__col-toggle[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\r\n      .megamenu__col-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }\r\n      .megamenu__col-body { display: none; padding-bottom: 10px; }\r\n      .megamenu__col-body.is-open { display: block; }\r\n      .mm-item { min-height: 48px; }\r\n      \/* One column: rows already share a width, so the reserved two-line\r\n         slots would only add dead space. *\/\r\n      .mm-item--new .mm-item__title,\r\n      .mm-item--soon .mm-item__title { height: auto; min-height: 0; }\r\n      .mm-item--new .mm-item__desc,\r\n      .mm-item--soon .mm-item__desc { min-height: 0; }\r\n      .megamenu__footer { flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding: 14px 4px; }\r\n      .megamenu__footer-actions { flex-wrap: wrap; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .mm-col-arrow,\r\n      .megamenu__col-toggle svg,\r\n      .nav__item--mega > a .mm-caret,\r\n      .nav__links a,\r\n      .mm-item,\r\n      .mm-item__icon,\r\n      .mm-item__title,\r\n      .megamenu__footer-link { transition: none; }\r\n    }\r\n\r\n  \r\n    \/* CENTRED SUBTITLE FIX *\/\r\n    \/* Centred section subtitles inherit `max-width: 72ch` from the base\r\n       reset with no auto margins: the box hugged the left edge, so the\r\n       centred text sat ~77px left of true centre. *\/\r\n    .comparison__sub,\r\n    .testimonials__sub,\r\n    .features-section__sub,\r\n    .how-it-works__sub,\r\n    .use-cases__sub,\r\n    .ai-features-section__sub,\r\n    .how-section__sub,\r\n    .insight-section__sub,\r\n    .tools__lede {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }  <\/style>\r\n\r\n     <!-- HERO -->\r\n  <section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"container\">\r\n      <nav class=\"hero__breadcrumb\" aria-label=\"Fil d'Ariane\">\r\n        <a href=\"\/#fonctionnement\">Fonctionnalit\u00e9s<\/a>\r\n        <span class=\"hero__breadcrumb-sep\">\u203a<\/span>\r\n        <span>LinkedIn Intelligence<\/span>\r\n        <span class=\"hero__breadcrumb-sep\">\u203a<\/span>\r\n        <span class=\"hero__breadcrumb-current\">Extraction des likeurs<\/span>\r\n      <\/nav>\r\n      <div class=\"hero__content\">\r\n        <div class=\"hero__text\">\r\n          <div class=\"hero__pill\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            LinkedIn Intelligence\r\n          <\/div>\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Vos likes LinkedIn sont des <span>prospects chauds. Contactez-les.<\/span>\r\n          <\/h1>\r\n          <p class=\"hero__sub\">\r\n            Depuis la plateforme Saalz, extrayez les personnes qui ont lik\u00e9 vos publications LinkedIn. Enrichissez leurs coordonn\u00e9es et engagez-les au bon moment.\r\n          <\/p>\r\n          <div class=\"hero__ctas\">\r\n            <a data-route-register href=\"\" class=\"btn btn--primary\" style=\"padding:0.75rem 1.45rem;font-size:0.9375rem;border-radius:var(--radius-full);\" data-track=\"start_free_clicked\" data-track-props='{\"placement\":\"page_hero\"}' data-utm-carry>\r\n              Commencer gratuitement\r\n            <\/a>\r\n            <a data-route-demo href=\"\" class=\"btn btn--ghost\" style=\"padding:0.75rem 1.3rem;font-size:0.9375rem;border-radius:var(--radius-full);border-width:1.5px;\" data-track=\"interactive_demo_clicked\" data-track-props='{\"placement\":\"page_hero\"}'>\r\n              Voir la d&eacute;mo de 3 min &rarr;\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <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 Extraction des likeurs<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n            <div class=\"mock-url-input\">\r\n              <div class=\"mock-url-label\">URL du post<\/div>\r\n              <div class=\"mock-url-value\">linkedin.com\/posts\/thomas-martin_...<\/div>\r\n              <div class=\"mock-extract-btn\">Extraire<\/div>\r\n            <\/div>\r\n            <div class=\"mock-results-count\"><span>142<\/span> likeurs extraits<\/div>\r\n            <div class=\"mock-results\">\r\n              <div class=\"mock-result\">\r\n                <div class=\"mock-avatar\" style=\"background:linear-gradient(135deg,#4F46E5,#7C3AED)\">SL<\/div>\r\n                <div class=\"mock-result-info\"><div class=\"mock-result-name\">Sophie Laurent<\/div><div class=\"mock-result-meta\">DRH \u00b7 Leanstack \u00b7 Paris<\/div><\/div>\r\n                <div class=\"mock-enrich-btn\">Enrichir<\/div>\r\n              <\/div>\r\n              <div class=\"mock-result\">\r\n                <div class=\"mock-avatar\" style=\"background:linear-gradient(135deg,#3B82F6,#06B6D4)\">MC<\/div>\r\n                <div class=\"mock-result-info\"><div class=\"mock-result-name\">Marc Chevallier<\/div><div class=\"mock-result-meta\">Dir. RH \u00b7 Nexflow \u00b7 Lyon<\/div><\/div>\r\n                <div class=\"mock-badge mock-badge--done\">Enrichi<\/div>\r\n              <\/div>\r\n              <div class=\"mock-result\">\r\n                <div class=\"mock-avatar\" style=\"background:linear-gradient(135deg,#10B981,#059669)\">AB<\/div>\r\n                <div class=\"mock-result-info\"><div class=\"mock-result-name\">Ana\u00efs Bernard<\/div><div class=\"mock-result-meta\">VP People \u00b7 Orbitex \u00b7 Bordeaux<\/div><\/div>\r\n                <div class=\"mock-enrich-btn\">Enrichir<\/div>\r\n              <\/div>\r\n              <div class=\"mock-result\">\r\n                <div class=\"mock-avatar\" style=\"background:linear-gradient(135deg,#F59E0B,#EF4444)\">RT<\/div>\r\n                <div class=\"mock-result-info\"><div class=\"mock-result-name\">Romain Thomas<\/div><div class=\"mock-result-meta\">CEO \u00b7 DataForm \u00b7 Nantes<\/div><\/div>\r\n                <div class=\"mock-enrich-btn\">Enrichir<\/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  <!-- INSIGHT SECTION -->\r\n  <section class=\"insight-section\" aria-labelledby=\"insight-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"insight-section__header reveal\">\r\n        <h2 class=\"insight-section__h2\" id=\"insight-heading\">Pourquoi les likeurs sont vos meilleurs prospects&nbsp;?<\/h2>\r\n        <p class=\"insight-section__sub\">Ils ont d\u00e9j\u00e0 choisi de s'int\u00e9resser \u00e0 votre contenu. La moiti\u00e9 du chemin est fait.<\/p>\r\n      <\/div>\r\n      <div class=\"insight-grid\">\r\n        <div class=\"insight-card reveal reveal--delay-1\">\r\n          <div class=\"insight-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"insight-card__title\">Signal d'int\u00e9r\u00eat fort<\/div>\r\n          <div class=\"insight-card__desc\">Quelqu'un qui like votre contenu vous conna\u00eet d\u00e9j\u00e0. La barri\u00e8re de contact est bien plus faible qu'un cold prospect.<\/div>\r\n        <\/div>\r\n        <div class=\"insight-card reveal reveal--delay-2\">\r\n          <div class=\"insight-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"insight-card__title\">Contexte d'accroche id\u00e9al<\/div>\r\n          <div class=\"insight-card__desc\">\"J'ai vu que vous avez aim\u00e9 mon post sur X\" \u2014 une accroche naturelle, non intrusive, qui g\u00e9n\u00e8re un taux de r\u00e9ponse bien sup\u00e9rieur au cold outreach.<\/div>\r\n        <\/div>\r\n        <div class=\"insight-card reveal reveal--delay-3\">\r\n          <div class=\"insight-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"insight-card__title\">Audience qualifi\u00e9e<\/div>\r\n          <div class=\"insight-card__desc\">Vos likeurs ont choisi de s'int\u00e9resser \u00e0 votre contenu. Ce sont des prospects auto-qualifi\u00e9s par leur propre comportement.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FEATURES GRID -->\r\n  <section class=\"features-section\" aria-labelledby=\"features-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"features-section__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Ce que vous obtenez<\/div>\r\n        <h2 class=\"features-section__h2\" id=\"features-heading\">Tout ce que fait l'extraction de likeurs dans Saalz<\/h2>\r\n        <p class=\"features-section__sub\">Tout se passe depuis la plateforme Saalz \u2014 aucun outil tiers requis.<\/p>\r\n      <\/div>\r\n      <div class=\"features-grid\">\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Extraction depuis Saalz<\/div>\r\n          <div class=\"feature-card__desc\">Collez l'URL de votre publication LinkedIn dans Saalz. La plateforme extrait automatiquement la liste compl\u00e8te des personnes qui ont lik\u00e9.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.09 10.8a19.79 19.79 0 01-3.07-8.67A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.18 6.18l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.91z\" opacity=\"0.5\"\/><path d=\"M16 2s2 2 2 5-2 5-2 5\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Enrichissement en 1 clic<\/div>\r\n          <div class=\"feature-card__desc\">Email professionnel et num\u00e9ro mobile r\u00e9v\u00e9l\u00e9s depuis la liste extraite. Passez de l'extraction \u00e0 l'outreach en quelques secondes.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Export vers le CRM<\/div>\r\n          <div class=\"feature-card__desc\">Ajoutez directement les likeurs \u00e0 vos contacts et s\u00e9quences Saalz. Aucun fichier interm\u00e9diaire, aucune manipulation manuelle.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Profils complets<\/div>\r\n          <div class=\"feature-card__desc\">Nom, poste, entreprise et URL LinkedIn pour chaque likeur. Toutes les donn\u00e9es n\u00e9cessaires pour personnaliser votre prise de contact.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><path d=\"M8 10h8M8 14h5\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Contexte de contact<\/div>\r\n          <div class=\"feature-card__desc\">Utilisez le post lik\u00e9 comme accroche dans vos messages g\u00e9n\u00e9r\u00e9s par IA. Un contexte ultra-pertinent pour chaque prospect.<\/div>\r\n        <\/div>\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\r\n          <div class=\"feature-card__title\">Aucun outil tiers<\/div>\r\n          <div class=\"feature-card__desc\">Tout se passe dans Saalz \u2014 pas de Phantombuster, pas d'extension tierce, pas de contournements. Une seule plateforme, tout int\u00e9gr\u00e9.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- HOW IT WORKS -->\r\n  <section class=\"how-it-works\" aria-labelledby=\"how-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"how-it-works__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Processus en 3 \u00e9tapes<\/div>\r\n        <h2 class=\"how-it-works__h2\" id=\"how-heading\">Comment \u00e7a marche<\/h2>\r\n        <p class=\"how-it-works__sub\">De l'URL du post \u00e0 vos prospects enrichis en quelques minutes.<\/p>\r\n      <\/div>\r\n      <div class=\"steps-row\">\r\n        <div class=\"step-card reveal reveal--delay-1\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">1<\/div>\r\n          <div class=\"step-title\">Collez l'URL de votre post<\/div>\r\n          <div class=\"step-desc\">Dans la section LinkedIn Intelligence de Saalz, renseignez le lien de votre publication LinkedIn que vous souhaitez analyser.<\/div>\r\n        <\/div>\r\n        <div class=\"step-card reveal reveal--delay-2\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">2<\/div>\r\n          <div class=\"step-title\">Saalz extrait les likeurs<\/div>\r\n          <div class=\"step-desc\">La liste compl\u00e8te des personnes qui ont lik\u00e9 appara\u00eet avec nom, poste et entreprise pour chaque profil.<\/div>\r\n        <\/div>\r\n        <div class=\"step-card reveal reveal--delay-3\">\r\n          <div class=\"step-number\" aria-hidden=\"true\">3<\/div>\r\n          <div class=\"step-title\">Enrichissez et contactez<\/div>\r\n          <div class=\"step-desc\">R\u00e9v\u00e9lez l'email et le mobile, g\u00e9n\u00e9rez un icebreaker IA contextuel, et lancez votre s\u00e9quence \u2014 tout depuis Saalz.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- USE CASES -->\r\n  <section class=\"use-cases\" aria-labelledby=\"usecases-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"use-cases__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Cas d'usage<\/div>\r\n        <h2 class=\"use-cases__h2\" id=\"usecases-heading\">Qui utilise l'extraction de likeurs ?<\/h2>\r\n        <p class=\"use-cases__sub\">Des cr\u00e9ateurs de contenu B2B qui transforment leur audience en pipeline.<\/p>\r\n      <\/div>\r\n      <div class=\"use-cases-grid\">\r\n        <div class=\"use-case-card reveal reveal--delay-1\">\r\n          <div class=\"use-case-card__eyebrow\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M7 1l1.8 3.6L13 5.2l-3 2.9.7 4.1L7 10.1 3.3 12.2l.7-4.1L1 5.2l4.2-.6L7 1z\"\/><\/svg>\r\n            Contenu LinkedIn\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Vous publiez du contenu LinkedIn<\/div>\r\n          <div class=\"use-case-card__desc\">Chaque post qui performe devient une liste de prospects qualifi\u00e9s \u00e0 contacter. Transformez votre audience LinkedIn en pipeline commercial concret.<\/div>\r\n          <a href=\"#\" data-link=\"company.useCases\" class=\"use-case-card__cta\">Voir comment \u2192<\/a>\r\n        <\/div>\r\n        <div class=\"use-case-card reveal reveal--delay-2\">\r\n          <div class=\"use-case-card__eyebrow\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M5 7h4M7 5v4\"\/><\/svg>\r\n            \u00c9v\u00e9nements\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Vous intervenez dans des \u00e9v\u00e9nements<\/div>\r\n          <div class=\"use-case-card__desc\">Votre post sur une conf\u00e9rence a g\u00e9n\u00e9r\u00e9 150 likes ? Ce sont 150 leads \u00e0 contacter avec une accroche parfaite : leur int\u00e9r\u00eat pour votre intervention.<\/div>\r\n          <a href=\"#\" data-link=\"company.useCases\" class=\"use-case-card__cta\">Voir comment \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"final-cta\" aria-labelledby=\"cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"final-cta__content reveal\">\r\n        <h2 class=\"final-cta__h2\" id=\"cta-heading\">Transformez vos prochains likes en rendez-vous.<\/h2>\r\n        <p class=\"final-cta__sub\">Aucune carte bancaire requise. Commencez gratuitement.<\/p>\r\n        <div class=\"final-cta__actions\">\r\n          <a data-route-register href=\"\" class=\"btn btn--white btn--lg\">Commencer gratuitement<\/a>\r\n          <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost-white btn--lg\" data-track=\"live_demo_clicked\" data-track-props=\"{&quot;placement&quot;:&quot;page_cta&quot;}\" data-live-demo rel=\"noopener\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 28 28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"8\"\/><path d=\"M7 6l5 3-5 3V6z\" fill=\"currentColor\"\/><\/svg>\r\n            Voir la d\u00e9mo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fonctionnalit\u00e9s \u203a LinkedIn Intelligence \u203a Extraction des likeurs LinkedIn Intelligence Vos likes LinkedIn sont des prospects chauds. Contactez-les. Depuis la plateforme Saalz, extrayez les personnes qui ont lik\u00e9 vos publications LinkedIn. Enrichissez leurs coordonn\u00e9es et engagez-les au bon moment. Commencer gratuitement Voir la d&eacute;mo de 3 min &rarr; Saalz \u2014 Extraction des likeurs URL du &hellip; <a href=\"https:\/\/saalz.com\/fr\/fonctionnalites-linkedin\/likeurs-linkedin\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Likeurs LinkedIn<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":12316,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12333","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12333","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=12333"}],"version-history":[{"count":20,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12333\/revisions"}],"predecessor-version":[{"id":14045,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12333\/revisions\/14045"}],"up":[{"embeddable":true,"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12316"}],"wp:attachment":[{"href":"https:\/\/saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}