{"id":12277,"date":"2026-06-23T12:41:40","date_gmt":"2026-06-23T10:41:40","guid":{"rendered":"https:\/\/dev.saalz.com\/offres-demploi-detectees\/"},"modified":"2026-07-02T09:27:51","modified_gmt":"2026-07-02T07:27:51","slug":"signaux-emploi","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/fonctionnalites-prospection\/signaux-emploi\/","title":{"rendered":"Signaux Emploi \u2014 Saalz | D\u00e9tectez les Signaux d&rsquo;Embauche B2B"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12277\" class=\"elementor elementor-12277\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c7b3656 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c7b3656\" 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-14b7dcf\" data-id=\"14b7dcf\" 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-580c3ba elementor-widget elementor-widget-html\" data-id=\"580c3ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ============================\r\n       DESIGN TOKENS\r\n    ============================ *\/\r\n    :root {\r\n      --accent: #4F46E5;\r\n      --accent-hover: #4338CA;\r\n      --accent-active: #3730A3;\r\n      --accent-2: #3B82F6;\r\n      --accent-light: rgba(79, 70, 229, 0.08);\r\n      --accent-light-2: rgba(79, 70, 229, 0.15);\r\n      --navy: #0F172A;\r\n      --navy-2: #1E293B;\r\n      --color-bg: #F8F9FC;\r\n      --color-surface: #FFFFFF;\r\n      --color-surface-2: #F1F5F9;\r\n      --color-border: #E2E8F0;\r\n      --color-text: #0F172A;\r\n      --color-text-muted: #64748B;\r\n      --color-text-faint: #94A3B8;\r\n      --color-error: #EF4444;\r\n      --color-success: #22C55E;\r\n      --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);\r\n      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\r\n      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\r\n      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n      --text-3xl: clamp(2.375rem, 1.5rem + 3vw, 4rem);\r\n      --space-1: 0.25rem;\r\n      --space-2: 0.5rem;\r\n      --space-3: 0.75rem;\r\n      --space-4: 1rem;\r\n      --space-5: 1.25rem;\r\n      --space-6: 1.5rem;\r\n      --space-8: 2rem;\r\n      --space-10: 2.5rem;\r\n      --space-12: 3rem;\r\n      --space-16: 4rem;\r\n      --space-20: 5rem;\r\n      --space-24: 6rem;\r\n      --radius-sm: 0.375rem;\r\n      --radius-md: 0.5rem;\r\n      --radius-lg: 0.75rem;\r\n      --radius-xl: 1rem;\r\n      --radius-2xl: 1.5rem;\r\n      --radius-full: 9999px;\r\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);\r\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\r\n      --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);\r\n      --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.16);\r\n      --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);\r\n      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n      --content-narrow: 640px;\r\n      --content-default: 960px;\r\n      --content-wide: 1200px;\r\n    }\r\n\r\n    \/* ============================\r\n       BASE RESET\r\n    ============================ *\/\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    html {\r\n      -webkit-text-size-adjust: none;\r\n      text-size-adjust: none;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-rendering: optimizeLegibility;\r\n      scroll-behavior: smooth;\r\n      scroll-padding-top: 80px;\r\n    }\r\n    body {\r\n      min-height: 100dvh;\r\n      line-height: 1.6;\r\n      font-family: var(--font-body);\r\n      font-size: var(--text-base);\r\n      color: var(--color-text);\r\n      background-color: var(--color-bg);\r\n    }\r\n    img, picture, video, canvas, svg {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n    ul[role=\"list\"], ol[role=\"list\"] { list-style: none; }\r\n    input, button, textarea, select { font: inherit; color: inherit; }\r\n    h1, h2, h3, h4, h5, h6 {\r\n      text-wrap: balance;\r\n      line-height: 1.15;\r\n      font-family: var(--font-display);\r\n    }\r\n    p, li, figcaption { text-wrap: pretty; max-width: 72ch; }\r\n    button { cursor: pointer; background: none; border: none; }\r\n    a { text-decoration: none; color: inherit; }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *, *::before, *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n\r\n    \/* ============================\r\n       LAYOUT UTILITIES\r\n    ============================ *\/\r\n    .container {\r\n      width: 100%;\r\n      max-width: var(--content-wide);\r\n      margin-inline: auto;\r\n      padding-inline: clamp(var(--space-4), 5vw, var(--space-12));\r\n    }\r\n    .container--narrow {\r\n      max-width: var(--content-narrow);\r\n      margin-inline: auto;\r\n    }\r\n    .section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n\r\n    \/* ============================\r\n       TYPOGRAPHY UTILITIES\r\n    ============================ *\/\r\n    .pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-1) var(--space-3);\r\n      background: var(--accent-light);\r\n      color: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 600;\r\n      letter-spacing: 0.03em;\r\n      text-transform: uppercase;\r\n    }\r\n    .pill--outline {\r\n      background: transparent;\r\n      border: 1.5px solid var(--accent);\r\n    }\r\n    .section-label {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n    }\r\n\r\n    \/* ============================\r\n       BUTTONS\r\n    ============================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: 0.75rem 1.5rem;\r\n      border-radius: var(--radius-lg);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      transition:\r\n        background var(--transition-interactive),\r\n        color var(--transition-interactive),\r\n        box-shadow var(--transition-interactive),\r\n        transform var(--transition-interactive),\r\n        border-color var(--transition-interactive);\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n    }\r\n    .btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n    .btn:active { transform: translateY(0); box-shadow: var(--shadow-sm); }\r\n    .btn--primary {\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--primary:hover { background: var(--accent-hover); }\r\n    .btn--primary:active { background: var(--accent-active); }\r\n    .btn--ghost {\r\n      background: transparent;\r\n      color: var(--color-text);\r\n      border: 2px solid var(--color-border);\r\n    }\r\n    .btn--ghost:hover { border-color: var(--accent); color: var(--accent); }\r\n    .btn--ghost-white {\r\n      background: transparent;\r\n      color: #fff;\r\n      border: 2px solid rgba(255,255,255,0.4);\r\n    }\r\n    .btn--ghost-white:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\r\n    .btn--white {\r\n      background: #fff;\r\n      color: var(--accent);\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--white:hover { background: #F0EFFF; }\r\n    .btn--lg {\r\n      padding: 0.875rem 2rem;\r\n      font-size: var(--text-base);\r\n      border-radius: var(--radius-xl);\r\n    }\r\n\r\n    \/* ============================\r\n       NAVIGATION\r\n    ============================ *\/\r\n    .nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 100;\r\n      background: rgba(255,255,255,0.9);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border-bottom: 1px solid var(--color-border);\r\n    }\r\n    .nav__inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      height: 68px;\r\n      gap: var(--space-6);\r\n    }\r\n    .nav__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n    }\r\n    .nav__logo-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      background: transparent;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .nav__links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-6);\r\n      list-style: none;\r\n    }\r\n    .nav__links a {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .nav__links a:hover { color: var(--color-text); }\r\n    .nav__signin {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n      text-decoration: none;\r\n      padding: 0.375rem 0;\r\n    }\r\n    .nav__signin:hover { color: var(--color-text); }\r\n    .btn--nav-cta {\r\n      padding: 0.5rem 1.125rem;\r\n      font-size: 0.8125rem;\r\n      border-radius: var(--radius-full);\r\n      font-weight: 700;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: none;\r\n      transition: background var(--transition-interactive), transform var(--transition-interactive);\r\n      white-space: nowrap;\r\n    }\r\n    .btn--nav-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    .nav__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      flex-shrink: 0;\r\n      margin-left: auto;\r\n    }\r\n    .nav__mobile-toggle {\r\n      display: none;\r\n      padding: var(--space-2);\r\n      color: var(--color-text);\r\n      border-radius: var(--radius-md);\r\n      transition: background var(--transition-interactive);\r\n    }\r\n    .nav__mobile-toggle:hover { background: var(--color-surface-2); }\r\n    @media (max-width: 900px) {\r\n      .nav__links { display: none; }\r\n      .nav__mobile-toggle { display: flex; }\r\n      .nav__actions .btn--ghost { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .nav__actions .btn--primary { padding: 0.5rem 0.875rem; font-size: var(--text-xs); }\r\n    }\r\n\r\n    \/* ============================\r\n       MEGA-MENU \u2014 ROBUSTE\r\n    ============================ *\/\r\n    .nav__item { position: static; }\r\n    .nav__item--mega { position: static; }\r\n    .nav__item--mega > a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .nav__item--mega > a .mm-chevron {\r\n      width: 10px; height: 10px;\r\n      border-right: 1.5px solid currentColor;\r\n      border-bottom: 1.5px solid currentColor;\r\n      transform: rotate(45deg) translateY(-2px);\r\n      transition: transform 200ms ease;\r\n      display: inline-block;\r\n      flex-shrink: 0;\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-chevron {\r\n      transform: rotate(-135deg) translateY(2px);\r\n    }\r\n    .nav__inner { position: relative; }\r\n    .megamenu {\r\n      position: absolute;\r\n      top: calc(100% + 8px);\r\n      left: 0;\r\n      transform: translateY(4px);\r\n      width: min(860px, 92vw);\r\n      background: #fff;\r\n      border: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 18px;\r\n      box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 24px 56px rgba(15,23,42,0.12);\r\n      z-index: 300;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 180ms;\r\n      overflow: hidden;\r\n    }\r\n    .nav__item--mega.mm-open .megamenu {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      transform: translateY(0);\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 0ms;\r\n    }\r\n    .megamenu::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 0; right: 0;\r\n      height: 16px;\r\n      background: transparent;\r\n    }\r\n    .megamenu::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -5px;\r\n      left: 48px;\r\n      transform: rotate(45deg);\r\n      width: 10px; height: 10px;\r\n      background: #fff;\r\n      border-top: 1px solid rgba(15,23,42,0.08);\r\n      border-left: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 2px;\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      padding: 28px 28px 0;\r\n    }\r\n    .megamenu__col {\r\n      padding: 0 18px 24px;\r\n      border-right: 1px solid rgba(15,23,42,0.06);\r\n    }\r\n    .megamenu__col:first-child { padding-left: 0; }\r\n    .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n    .megamenu__col-label {\r\n      font-size: 0.65rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n      margin-bottom: 14px;\r\n      padding-bottom: 8px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 2px; }\r\n    .megamenu__item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      padding: 9px 10px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      transition: background 130ms ease;\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n    .megamenu__item:hover { background: #F8F9FF; }\r\n    .megamenu__item:hover .megamenu__item-label { color: var(--accent); }\r\n    .megamenu__item-icon {\r\n      width: 32px; height: 32px; flex-shrink: 0;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(59,130,246,0.08));\r\n      border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__item-label {\r\n      font-size: 0.8125rem;\r\n      font-weight: 700;\r\n      color: var(--color-text);\r\n      line-height: 1.3;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.4;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__footer {\r\n      margin: 8px 0 0;\r\n      padding: 16px 28px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.04), rgba(59,130,246,0.04));\r\n      border-top: 1px solid rgba(79,70,229,0.08);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n    }\r\n    .megamenu__footer-text {\r\n      font-size: 0.8125rem;\r\n      color: var(--color-text-muted);\r\n    }\r\n    .megamenu__footer-text strong { color: var(--color-text); }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 0.45rem 1.1rem;\r\n      background: var(--accent);\r\n      color: #fff !important;\r\n      text-decoration: none !important;\r\n      border-radius: var(--radius-full);\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      transition: background 150ms ease, transform 150ms ease;\r\n      flex-shrink: 0;\r\n    }\r\n    .megamenu__footer-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    @media (max-width: 1000px) {\r\n      .megamenu { display: none !important; }\r\n    }\r\n\r\n    \/* ============================\r\n       BREADCRUMB\r\n    ============================ *\/\r\n    .breadcrumb {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-muted);\r\n      flex-wrap: wrap;\r\n    }\r\n    .breadcrumb a {\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .breadcrumb a:hover { color: var(--accent); }\r\n    .breadcrumb__sep {\r\n      color: var(--color-text-faint);\r\n      font-size: 0.7rem;\r\n    }\r\n    .breadcrumb__current {\r\n      color: var(--color-text);\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ============================\r\n       HERO\r\n    ============================ *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      background: var(--color-bg);\r\n    }\r\n    .hero__mesh {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n    .hero__mesh::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20%;\r\n      left: -10%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.12) 0%, transparent 70%);\r\n      animation: meshDrift1 12s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 10%;\r\n      right: -15%;\r\n      width: 60%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.10) 0%, transparent 70%);\r\n      animation: meshDrift2 15s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh-3 {\r\n      position: absolute;\r\n      bottom: -10%;\r\n      left: 30%;\r\n      width: 50%;\r\n      height: 50%;\r\n      background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.07) 0%, transparent 70%);\r\n      animation: meshDrift3 18s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes meshDrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(4%, 5%) scale(1.06); } }\r\n    @keyframes meshDrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-5%, 4%) scale(1.08); } }\r\n    @keyframes meshDrift3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(3%, -6%) scale(1.04); } }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(var(--space-10), 5vw, var(--space-20));\r\n      align-items: center;\r\n    }\r\n    .hero__text { display: flex; flex-direction: column; gap: var(--space-5); }\r\n    .hero__pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-2) var(--space-4);\r\n      background: rgba(79, 70, 229, 0.08);\r\n      border: 1px solid rgba(79, 70, 229, 0.2);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      width: fit-content;\r\n      letter-spacing: 0.04em;\r\n    }\r\n    .hero__pill-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--accent);\r\n      border-radius: 50%;\r\n      animation: pulse 2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.5; transform: scale(0.85); }\r\n    }\r\n    .hero__h1 {\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1.1;\r\n    }\r\n    .hero__h1 span {\r\n      background: linear-gradient(135deg, var(--accent), var(--accent-2));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .hero__sub {\r\n      font-size: 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__visual { position: relative; }\r\n\r\n    \/* Hero mockup \u2014 dark card *\/\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-6);\r\n      box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255,255,255,0.05);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .hero__mockup::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -40%;\r\n      right: -20%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.25) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .mock-topbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: var(--space-5);\r\n      padding-bottom: var(--space-4);\r\n      border-bottom: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n    .mock-dots { display: flex; gap: var(--space-2); }\r\n    .mock-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n    .mock-dot--red { background: #FF5F57; }\r\n    .mock-dot--yellow { background: #FEBC2E; }\r\n    .mock-dot--green { background: #28C840; }\r\n    .mock-topbar-title {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 500;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    \/* Filter row *\/\r\n    .mock-filters {\r\n      display: flex;\r\n      gap: var(--space-2);\r\n      margin-bottom: var(--space-5);\r\n      flex-wrap: wrap;\r\n    }\r\n    .mock-filter-tag {\r\n      padding: 4px 12px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.04em;\r\n      cursor: pointer;\r\n      transition: all 150ms ease;\r\n    }\r\n    .mock-filter-tag--active {\r\n      background: var(--accent);\r\n      color: #fff;\r\n    }\r\n    .mock-filter-tag--inactive {\r\n      background: rgba(255,255,255,0.07);\r\n      color: rgba(255,255,255,0.45);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n\r\n    \/* Company list *\/\r\n    .mock-companies { display: flex; flex-direction: column; gap: var(--space-2); }\r\n    .mock-company {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      padding: var(--space-3) var(--space-3);\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(255,255,255,0.06);\r\n      border-radius: var(--radius-lg);\r\n      transition: border-color 150ms ease;\r\n    }\r\n    .mock-company--highlight {\r\n      background: rgba(79,70,229,0.12);\r\n      border-color: rgba(79,70,229,0.3);\r\n    }\r\n    .mock-company-logo {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: var(--radius-md);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-company-info { flex: 1; min-width: 0; }\r\n    .mock-company-name {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n      margin-bottom: 2px;\r\n    }\r\n    .mock-company-meta {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.35);\r\n    }\r\n    .mock-signal-badge {\r\n      padding: 3px 9px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-signal-badge--sales {\r\n      background: rgba(79,70,229,0.2);\r\n      color: #818CF8;\r\n      border: 1px solid rgba(79,70,229,0.25);\r\n    }\r\n    .mock-signal-badge--dev {\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-signal-badge--mkt {\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    \/* Signal pulse indicator *\/\r\n    .mock-signal-bar {\r\n      margin-top: var(--space-5);\r\n      padding-top: var(--space-4);\r\n      border-top: 1px solid rgba(255,255,255,0.06);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n    }\r\n    .mock-signal-dot {\r\n      width: 8px; height: 8px;\r\n      background: #34D399;\r\n      border-radius: 50%;\r\n      animation: pulse 2s infinite;\r\n      flex-shrink: 0;\r\n    }\r\n    .mock-signal-text {\r\n      font-size: 10px;\r\n      color: #34D399;\r\n      font-weight: 600;\r\n    }\r\n    .mock-signal-count {\r\n      margin-left: auto;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.4);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .hero__content { grid-template-columns: 1fr; }\r\n      .hero__visual { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .hero__h1 { font-size: clamp(2rem, 8vw, 2.8rem); }\r\n      .hero__ctas { flex-direction: column; align-items: flex-start; }\r\n    }\r\n\r\n    \/* ============================\r\n       WHY SECTION \u2014 DARK\r\n    ============================ *\/\r\n    .why-section {\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      text-align: center;\r\n    }\r\n    .why-section::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    .why-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -10%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,0.10) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .why-section__inner { position: relative; z-index: 1; }\r\n    .why-section__label {\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: var(--space-4);\r\n    }\r\n    .why-section__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-6);\r\n    }\r\n    .why-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-6);\r\n      margin-top: clamp(var(--space-10), 4vw, var(--space-16));\r\n    }\r\n    .why-card {\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      border-radius: var(--radius-2xl);\r\n      padding: clamp(var(--space-6), 3vw, var(--space-10));\r\n      text-align: left;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: border-color 200ms ease, background 200ms ease;\r\n    }\r\n    .why-card:hover {\r\n      border-color: rgba(79,70,229,0.35);\r\n      background: rgba(79,70,229,0.06);\r\n    }\r\n    .why-card__number {\r\n      font-size: 3rem;\r\n      font-weight: 800;\r\n      color: rgba(79,70,229,0.25);\r\n      line-height: 1;\r\n      margin-bottom: var(--space-4);\r\n      letter-spacing: -0.05em;\r\n    }\r\n    .why-card__icon {\r\n      width: 48px; height: 48px;\r\n      background: rgba(79,70,229,0.15);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #818CF8;\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .why-card__title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .why-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.55);\r\n      line-height: 1.7;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .why-cards { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       FEATURES GRID SECTION\r\n    ============================ *\/\r\n    .features-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .features-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .features-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .features-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    .feature-card {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .feature-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .feature-card__icon {\r\n      width: 48px; height: 48px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n    }\r\n    .feature-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .feature-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .features-grid { grid-template-columns: 1fr 1fr; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .features-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       HOW IT WORKS\r\n    ============================ *\/\r\n    .how-section {\r\n      background: var(--color-surface);\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n    .how-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .how-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .how-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .how-steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-8);\r\n      position: relative;\r\n    }\r\n    .how-steps::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 28px;\r\n      left: calc(16.67% + 24px);\r\n      right: calc(16.67% + 24px);\r\n      height: 2px;\r\n      background: linear-gradient(90deg, rgba(79,70,229,0.3), rgba(59,130,246,0.3));\r\n    }\r\n    .how-step {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      gap: var(--space-5);\r\n      position: relative;\r\n    }\r\n    .how-step__number {\r\n      width: 56px; height: 56px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--accent), var(--accent-2));\r\n      color: #fff;\r\n      font-size: 1.25rem;\r\n      font-weight: 800;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 0 0 6px rgba(79,70,229,0.1);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .how-step__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .how-step__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n      max-width: 28ch;\r\n      margin-inline: auto;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .how-steps { grid-template-columns: 1fr; }\r\n      .how-steps::before { display: none; }\r\n    }\r\n\r\n    \/* ============================\r\n       USE CASES\r\n    ============================ *\/\r\n    .usecases-section {\r\n      background: var(--color-bg);\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n    .usecases-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .usecases-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .usecases-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-6);\r\n    }\r\n    .usecase-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: clamp(var(--space-8), 4vw, var(--space-12));\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-5);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .usecase-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--accent), var(--accent-2));\r\n      border-radius: var(--radius-full) var(--radius-full) 0 0;\r\n    }\r\n    .usecase-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    .usecase-card__tag {\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: 700;\r\n      width: fit-content;\r\n    }\r\n    .usecase-card__title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .usecase-card__desc {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n    .usecase-card__signal {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      padding: var(--space-4);\r\n      background: var(--color-surface-2);\r\n      border-radius: var(--radius-xl);\r\n      border: 1px solid var(--color-border);\r\n    }\r\n    .usecase-card__signal-icon {\r\n      width: 36px; height: 36px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-lg);\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: var(--accent);\r\n      flex-shrink: 0;\r\n    }\r\n    .usecase-card__signal-text {\r\n      font-size: var(--text-sm);\r\n      font-weight: 600;\r\n      color: var(--color-text);\r\n    }\r\n    .usecase-card__signal-sub {\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-muted);\r\n      margin-top: 2px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .usecases-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       FINAL CTA BANNER\r\n    ============================ *\/\r\n    .final-cta {\r\n      background: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #3B82F6 100%);\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .final-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      left: -10%;\r\n      width: 60%;\r\n      height: 80%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.07) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -5%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.05) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta__content { position: relative; z-index: 1; }\r\n    .final-cta__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-8);\r\n    }\r\n    .final-cta__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* ============================\r\n       FOOTER\r\n    ============================ *\/\r\n    .footer {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 6vw, var(--space-20));\r\n      color: rgba(255,255,255,0.6);\r\n    }\r\n    .footer__top {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\r\n      gap: clamp(var(--space-8), 4vw, var(--space-12));\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n      padding-bottom: clamp(var(--space-10), 4vw, var(--space-12));\r\n      border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .footer__brand {}\r\n    .footer__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-2);\r\n    }\r\n    .footer__tagline {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 600;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__brand-desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.4);\r\n      line-height: 1.7;\r\n      max-width: 32ch;\r\n    }\r\n    .footer__col-title {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,0.5);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n      list-style: none;\r\n    }\r\n    .footer__links a {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.45);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__links a:hover { color: rgba(255,255,255,0.85); }\r\n    .footer__bottom {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer__copy {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n    }\r\n    .footer__legal {\r\n      display: flex;\r\n      gap: var(--space-5);\r\n    }\r\n    .footer__legal a {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__legal a:hover { color: rgba(255,255,255,0.6); }\r\n    @media (max-width: 1000px) {\r\n      .footer__top { grid-template-columns: 1fr 1fr 1fr; }\r\n      .footer__brand { grid-column: 1 \/ -1; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .footer__top { grid-template-columns: 1fr 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       SCROLL REVEAL\r\n    ============================ *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition:\r\n        opacity 0.6s var(--ease-out),\r\n        transform 0.6s var(--ease-out);\r\n    }\r\n    .reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    .reveal--delay-1 { transition-delay: 0.1s; }\r\n    .reveal--delay-2 { transition-delay: 0.2s; }\r\n    .reveal--delay-3 { transition-delay: 0.3s; }\r\n    .reveal--delay-4 { transition-delay: 0.4s; }\r\n    .reveal--delay-5 { transition-delay: 0.5s; }\r\n\r\n    \/* ============================\r\n       MISC\r\n    ============================ *\/\r\n    .text-center { text-align: center; }\r\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }\r\n  <\/style>\r\n<section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\">\r\n      <div class=\"hero__mesh-3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n      <!-- Breadcrumb -->\r\n      <nav class=\"breadcrumb reveal\" style=\"margin-bottom:var(--space-8);\" aria-label=\"Fil d'Ariane\">\r\n        <a href=\"#\">Fonctionnalit\u00e9s<\/a>\r\n        <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n        <a href=\"#\">Prospection &amp; Donn\u00e9es<\/a>\r\n        <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n        <span class=\"breadcrumb__current\">Offres d'emploi d\u00e9tect\u00e9es<\/span>\r\n      <\/nav>\r\n\r\n      <div class=\"hero__content\">\r\n        <!-- Text side -->\r\n        <div class=\"hero__text\">\r\n          <div class=\"hero__pill\" aria-label=\"Cat\u00e9gorie : Signal d'achat\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            Signal d'achat\r\n          <\/div>\r\n\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Contactez les entreprises <span>au bon moment.<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            Une entreprise qui recrute a du budget et une intention claire. D\u00e9tectez ces signaux d'achat et prenez contact avant vos concurrents.\r\n          <\/p>\r\n\r\n          <div class=\"hero__ctas\">\r\n            <a href=\"\/fr\/inscription\/\" class=\"btn btn--primary btn--lg\">\r\n              Commencer gratuitement\r\n            <\/a>\r\n            <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost btn--lg\" rel=\"noopener\">\r\n              Voir la d\u00e9mo \u2192\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual: Job Signal 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 Signaux d'emploi<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Filter tags -->\r\n            <div class=\"mock-filters\">\r\n              <span class=\"mock-filter-tag mock-filter-tag--active\">Tous<\/span>\r\n              <span class=\"mock-filter-tag mock-filter-tag--inactive\">Sales<\/span>\r\n              <span class=\"mock-filter-tag mock-filter-tag--inactive\">Dev<\/span>\r\n              <span class=\"mock-filter-tag mock-filter-tag--inactive\">Marketing<\/span>\r\n              <span class=\"mock-filter-tag mock-filter-tag--inactive\">Finance<\/span>\r\n            <\/div>\r\n\r\n            <!-- Company list -->\r\n            <div class=\"mock-companies\">\r\n              <div class=\"mock-company mock-company--highlight\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#4F46E5,#7C3AED)\">TV<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">TechVenture SAS<\/div>\r\n                  <div class=\"mock-company-meta\">SaaS \u00b7 120 employ\u00e9s \u00b7 Paris<\/div>\r\n                <\/div>\r\n                <span class=\"mock-signal-badge mock-signal-badge--sales\">Recrute : Sales<\/span>\r\n              <\/div>\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#10B981,#059669)\">SN<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">ScaleNow<\/div>\r\n                  <div class=\"mock-company-meta\">Fintech \u00b7 85 employ\u00e9s \u00b7 Lyon<\/div>\r\n                <\/div>\r\n                <span class=\"mock-signal-badge mock-signal-badge--dev\">Recrute : Dev<\/span>\r\n              <\/div>\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#F59E0B,#EF4444)\">GB<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">GrowthBox<\/div>\r\n                  <div class=\"mock-company-meta\">E-commerce \u00b7 45 employ\u00e9s \u00b7 Bordeaux<\/div>\r\n                <\/div>\r\n                <span class=\"mock-signal-badge mock-signal-badge--mkt\">Recrute : Marketing<\/span>\r\n              <\/div>\r\n              <div class=\"mock-company\">\r\n                <div class=\"mock-company-logo\" style=\"background:linear-gradient(135deg,#3B82F6,#06B6D4)\">DP<\/div>\r\n                <div class=\"mock-company-info\">\r\n                  <div class=\"mock-company-name\">DataPulse<\/div>\r\n                  <div class=\"mock-company-meta\">Analytics \u00b7 200 employ\u00e9s \u00b7 Toulouse<\/div>\r\n                <\/div>\r\n                <span class=\"mock-signal-badge mock-signal-badge--sales\">Recrute : Sales<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Signal indicator -->\r\n            <div class=\"mock-signal-bar\">\r\n              <span class=\"mock-signal-dot\"><\/span>\r\n              <span class=\"mock-signal-text\">247 signaux d\u00e9tect\u00e9s aujourd'hui<\/span>\r\n              <span class=\"mock-signal-count\">Mis \u00e0 jour \u00b7 il y a 3 min<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       WHY HIRING = BUYING SIGNAL\r\n  ================================ -->\r\n  <section class=\"why-section\" aria-labelledby=\"why-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"why-section__inner\">\r\n        <div class=\"why-section__label reveal\">Pourquoi \u00e7a marche<\/div>\r\n        <h2 class=\"why-section__h2 reveal\" id=\"why-heading\">\r\n          Pourquoi le recrutement est votre meilleur signal commercial&nbsp;?\r\n        <\/h2>\r\n\r\n        <div class=\"why-cards\">\r\n          <div class=\"why-card reveal reveal--delay-1\">\r\n            <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                <path d=\"M12 6v6l4 2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-card__title\">Budget d\u00e9bloqu\u00e9<\/div>\r\n            <p class=\"why-card__desc\">Une entreprise qui recrute a valid\u00e9 un budget et une croissance pr\u00e9vue. Le comit\u00e9 de direction a d\u00e9j\u00e0 dit oui \u00e0 la d\u00e9pense \u2014 votre offre arrive au bon moment.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"why-card reveal reveal--delay-2\">\r\n            <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                <path d=\"M21 21l-4.35-4.35\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-card__title\">Besoin identifi\u00e9<\/div>\r\n            <p class=\"why-card__desc\">Le type de poste recrut\u00e9 r\u00e9v\u00e8le leurs priorit\u00e9s business du moment. Un recrutement Sales = besoin d'outils commerciaux. Un recrutement Dev = stack en expansion.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"why-card reveal reveal--delay-3\">\r\n            <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\r\n                <polyline points=\"17 6 23 6 23 12\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-card__title\">Fen\u00eatre d'opportunit\u00e9<\/div>\r\n            <p class=\"why-card__desc\">Les d\u00e9cisions d'achat se prennent souvent en phase de croissance. Intervenez pendant que l'entreprise est en mouvement \u2014 avant que vos concurrents ne s'en rendent compte.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURES GRID\r\n  ================================ -->\r\n  <section class=\"features-section\" aria-labelledby=\"features-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"features-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M6 1l1.2 2.4L10 4.2 8 6.1l.5 2.9L6 7.6 3.5 9l.5-2.9L2 4.2l2.8-.8L6 1z\"\/><\/svg>\r\n          Ce que vous obtenez\r\n        <\/span>\r\n        <h2 class=\"features-section__h2\" id=\"features-heading\">Tout ce dont vous avez besoin pour exploiter le signal emploi<\/h2>\r\n        <p class=\"features-section__sub\">De la d\u00e9tection \u00e0 l'action, en quelques clics.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"features-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <polyline points=\"12 6 12 12 16 14\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">D\u00e9tection en temps r\u00e9el<\/div>\r\n          <p class=\"feature-card__desc\">Offres d'emploi analys\u00e9es en continu. Vous \u00eates averti d\u00e8s qu'une entreprise correspondant \u00e0 votre cible publie une nouvelle offre.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Filtre par type de poste<\/div>\r\n          <p class=\"feature-card__desc\">Sales, Marketing, IT, Finance, RH \u2014 ciblez pr\u00e9cis\u00e9ment le signal qui vous int\u00e9resse. Ne voyez que les entreprises qui recrutent dans votre domaine.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n              <path d=\"M3 9h18M9 21V9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Combinaison avec d'autres filtres<\/div>\r\n          <p class=\"feature-card__desc\">Associez le signal emploi avec le secteur, la taille d'entreprise ou le pays pour affiner votre liste et obtenir des leads ultra-qualifi\u00e9s.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 4 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Acc\u00e8s direct aux contacts<\/div>\r\n          <p class=\"feature-card__desc\">De l'offre d'emploi aux d\u00e9cideurs en 1 clic. Acc\u00e9dez directement aux profils des dirigeants et managers concern\u00e9s depuis la fiche entreprise.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 5 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.36 11a19.79 19.79 0 0 1-3-8.59A2 2 0 0 1 3.28 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.15 6.15l1.27-1.54a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Sauvegarde CRM<\/div>\r\n          <p class=\"feature-card__desc\">Ajoutez directement les entreprises d\u00e9tect\u00e9es dans votre pipeline Saalz. Pas de copier-coller, pas de tableur \u2014 tout reste dans un seul outil.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 6 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Avantage concurrentiel<\/div>\r\n          <p class=\"feature-card__desc\">Contactez avant que vos concurrents ne s'en rendent compte. Le timing est tout \u2014 agir en premier sur un signal fort fait toute la diff\u00e9rence.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       HOW IT WORKS\r\n  ================================ -->\r\n  <section class=\"how-section\" aria-labelledby=\"how-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"how-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M6 2v8M2 6h8\"\/><\/svg>\r\n          Comment \u00e7a fonctionne\r\n        <\/span>\r\n        <h2 class=\"how-section__h2\" id=\"how-heading\">3 \u00e9tapes pour prospecter sur signal emploi<\/h2>\r\n        <p class=\"how-section__sub\">Simple, rapide et directement int\u00e9gr\u00e9 \u00e0 votre workflow Saalz.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"how-steps\">\r\n        <div class=\"how-step reveal reveal--delay-1\">\r\n          <div class=\"how-step__number\" aria-hidden=\"true\">1<\/div>\r\n          <div>\r\n            <div class=\"how-step__title\">Choisissez votre signal<\/div>\r\n            <p class=\"how-step__desc\">S\u00e9lectionnez le type de poste que vous recherchez \u2014 Sales, IT, Marketing, Finance, RH \u2014 et affinez par secteur ou localisation.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"how-step reveal reveal--delay-2\">\r\n          <div class=\"how-step__number\" aria-hidden=\"true\">2<\/div>\r\n          <div>\r\n            <div class=\"how-step__title\">Identifiez les entreprises<\/div>\r\n            <p class=\"how-step__desc\">Acc\u00e9dez \u00e0 la liste des entreprises qui recrutent actuellement dans ce domaine. Fiches enrichies, taille, secteur, contacts cl\u00e9s.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"how-step reveal reveal--delay-3\">\r\n          <div class=\"how-step__number\" aria-hidden=\"true\">3<\/div>\r\n          <div>\r\n            <div class=\"how-step__title\">Contactez au bon moment<\/div>\r\n            <p class=\"how-step__desc\">Enrichissez les contacts cl\u00e9s, g\u00e9n\u00e9rez un icebreaker IA et engagez la conversation pendant que la fen\u00eatre d'opportunit\u00e9 est ouverte.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       USE CASES\r\n  ================================ -->\r\n  <section class=\"usecases-section\" aria-labelledby=\"usecases-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"usecases-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M4 6l2 2 4-4\"\/><\/svg>\r\n          Cas d'usage\r\n        <\/span>\r\n        <h2 class=\"usecases-section__h2\" id=\"usecases-heading\">Qui utilise ce signal, et comment ?<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"usecases-grid\">\r\n        <!-- Use case 1 -->\r\n        <article class=\"usecase-card reveal reveal--delay-1\">\r\n          <div class=\"usecase-card__tag\" aria-label=\"Cas d'usage 1\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M6 1l1.2 2.4L10 4.2 8 6.1l.5 2.9L6 7.6 3.5 9l.5-2.9L2 4.2l2.8-.8L6 1z\"\/><\/svg>\r\n            Outil Sales \/ CRM\r\n          <\/div>\r\n          <h3 class=\"usecase-card__title\">Vous vendez un outil Sales<\/h3>\r\n          <p class=\"usecase-card__desc\">\r\n            D\u00e9tectez les entreprises qui recrutent des commerciaux \u2014 elles ont besoin d'un CRM, d'outils d'outreach, de donn\u00e9es. C'est exactement le moment o\u00f9 elles \u00e9valuent de nouveaux outils pour \u00e9quiper leur \u00e9quipe.\r\n          <\/p>\r\n          <div class=\"usecase-card__signal\">\r\n            <div class=\"usecase-card__signal-icon\" aria-hidden=\"true\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M9 2l2 3.5L15 6.5l-3 3 .7 4.2L9 11.7 5.3 13.7l.7-4.2-3-3 4-.9L9 2z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"usecase-card__signal-text\">Signal d\u00e9tect\u00e9 : \"Recrute Sales\"<\/div>\r\n              <div class=\"usecase-card__signal-sub\">Entreprises en croissance commerciale active<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Use case 2 -->\r\n        <article class=\"usecase-card reveal reveal--delay-2\">\r\n          <div class=\"usecase-card__tag\" aria-label=\"Cas d'usage 2\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M6 1l1.2 2.4L10 4.2 8 6.1l.5 2.9L6 7.6 3.5 9l.5-2.9L2 4.2l2.8-.8L6 1z\"\/><\/svg>\r\n            Services RH\r\n          <\/div>\r\n          <h3 class=\"usecase-card__title\">Vous proposez des services RH<\/h3>\r\n          <p class=\"usecase-card__desc\">\r\n            Identifiez les entreprises en forte croissance RH et intervenez au bon moment. Un volume de recrutement \u00e9lev\u00e9 = besoin de prestataires RH, de logiciels de gestion, de formations ou de cabinets de recrutement.\r\n          <\/p>\r\n          <div class=\"usecase-card__signal\">\r\n            <div class=\"usecase-card__signal-icon\" aria-hidden=\"true\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M9 2l2 3.5L15 6.5l-3 3 .7 4.2L9 11.7 5.3 13.7l.7-4.2-3-3 4-.9L9 2z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"usecase-card__signal-text\">Signal d\u00e9tect\u00e9 : \"Recrute RH \/ Finance\"<\/div>\r\n              <div class=\"usecase-card__signal-sub\">Entreprises en structuration forte<\/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       FINAL CTA BANNER\r\n  ================================ -->\r\n  <section class=\"final-cta\" aria-labelledby=\"cta-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"final-cta__content reveal\">\r\n        <h2 class=\"final-cta__h2\" id=\"cta-heading\">Contactez les bonnes entreprises, au bon moment.<\/h2>\r\n        <div class=\"final-cta__actions\">\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--white btn--lg\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M9 1v16M1 9h16\"\/><\/svg>\r\n            Commencer gratuitement\r\n          <\/a>\r\n          <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost-white btn--lg\" rel=\"noopener\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"8\"\/><path d=\"M7 6l5 3-5 3V6z\" fill=\"currentColor\"\/><\/svg>\r\n            Voir la d\u00e9mo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fonctionnalit\u00e9s \u203a Prospection &amp; Donn\u00e9es \u203a Offres d&#8217;emploi d\u00e9tect\u00e9es Signal d&rsquo;achat Contactez les entreprises au bon moment. Une entreprise qui recrute a du budget et une intention claire. D\u00e9tectez ces signaux d&rsquo;achat et prenez contact avant vos concurrents. Commencer gratuitement Voir la d\u00e9mo \u2192 Saalz \u2014 Signaux d&#8217;emploi Tous Sales Dev Marketing Finance TV TechVenture &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/fonctionnalites-prospection\/signaux-emploi\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Signaux Emploi \u2014 Saalz | D\u00e9tectez les Signaux d&rsquo;Embauche B2B<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":12282,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12277","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/comments?post=12277"}],"version-history":[{"count":13,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12277\/revisions"}],"predecessor-version":[{"id":12759,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12277\/revisions\/12759"}],"up":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12282"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}