{"id":12401,"date":"2026-06-23T12:47:11","date_gmt":"2026-06-23T10:47:11","guid":{"rendered":"https:\/\/dev.saalz.com\/pipeline\/"},"modified":"2026-07-02T10:19:41","modified_gmt":"2026-07-02T08:19:41","slug":"pipeline","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/fonctionnalites-crm\/pipeline\/","title":{"rendered":"Pipeline"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12401\" class=\"elementor elementor-12401\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f77c0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f77c0b\" 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-c3ba967\" data-id=\"c3ba967\" 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-5f243c4 elementor-widget elementor-widget-html\" data-id=\"5f243c4\" 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-ai: #7C3AED;\r\n      --accent-ai-light: rgba(139, 92, 246, 0.1);\r\n      --accent-light: rgba(79, 70, 229, 0.08);\r\n      --accent-light-2: rgba(79, 70, 229, 0.15);\r\n      --accent-crm: #0EA5E9;\r\n      --accent-crm-light: rgba(14, 165, 233, 0.1);\r\n      --accent-crm-border: rgba(14, 165, 233, 0.2);\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    .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-crm);\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--white:hover { background: #F0F9FF; }\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__links a.nav__link--active { color: var(--accent-crm); }\r\n    .nav__signin {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n      text-decoration: none;\r\n      padding: 0.375rem 0;\r\n    }\r\n    .nav__signin:hover { color: var(--color-text); }\r\n    .btn--nav-cta {\r\n      padding: 0.5rem 1.125rem;\r\n      font-size: 0.8125rem;\r\n      border-radius: var(--radius-full);\r\n      font-weight: 700;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: none;\r\n      transition: background var(--transition-interactive), transform var(--transition-interactive);\r\n      white-space: nowrap;\r\n    }\r\n    .btn--nav-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    .nav__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      flex-shrink: 0;\r\n      margin-left: auto;\r\n    }\r\n    .nav__mobile-toggle {\r\n      display: none;\r\n      padding: var(--space-2);\r\n      color: var(--color-text);\r\n      border-radius: var(--radius-md);\r\n      transition: background var(--transition-interactive);\r\n    }\r\n    .nav__mobile-toggle:hover { background: var(--color-surface-2); }\r\n    @media (max-width: 900px) {\r\n      .nav__links { display: none; }\r\n      .nav__mobile-toggle { display: flex; }\r\n      .nav__actions .btn--ghost { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .nav__actions .btn--primary { padding: 0.5rem 0.875rem; font-size: var(--text-xs); }\r\n    }\r\n\r\n    \/* ============================\r\n       MEGA-MENU\r\n    ============================ *\/\r\n    .nav__item { position: static; }\r\n    .nav__item--mega { position: static; }\r\n    .nav__item--mega > a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .nav__item--mega > a .mm-chevron {\r\n      width: 10px; height: 10px;\r\n      border-right: 1.5px solid currentColor;\r\n      border-bottom: 1.5px solid currentColor;\r\n      transform: rotate(45deg) translateY(-2px);\r\n      transition: transform 200ms ease;\r\n      display: inline-block;\r\n      flex-shrink: 0;\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-chevron {\r\n      transform: rotate(-135deg) translateY(2px);\r\n    }\r\n    .nav__inner { position: relative; }\r\n    .megamenu {\r\n      position: absolute;\r\n      top: calc(100% + 8px);\r\n      left: 0;\r\n      transform: translateY(4px);\r\n      width: min(860px, 92vw);\r\n      background: #fff;\r\n      border: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 18px;\r\n      box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 24px 56px rgba(15,23,42,0.12);\r\n      z-index: 300;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 180ms;\r\n      overflow: hidden;\r\n    }\r\n    .nav__item--mega.mm-open .megamenu {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      transform: translateY(0);\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 0ms;\r\n    }\r\n    .megamenu::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 0; right: 0;\r\n      height: 16px;\r\n      background: transparent;\r\n    }\r\n    .megamenu::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -5px;\r\n      left: 48px;\r\n      transform: rotate(45deg);\r\n      width: 10px; height: 10px;\r\n      background: #fff;\r\n      border-top: 1px solid rgba(15,23,42,0.08);\r\n      border-left: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 2px;\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      padding: 28px 28px 0;\r\n    }\r\n    .megamenu__col {\r\n      padding: 0 18px 24px;\r\n      border-right: 1px solid rgba(15,23,42,0.06);\r\n    }\r\n    .megamenu__col:first-child { padding-left: 0; }\r\n    .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n    .megamenu__col-label {\r\n      font-size: 0.65rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n      margin-bottom: 14px;\r\n      padding-bottom: 8px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 2px; }\r\n    .megamenu__item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      padding: 9px 10px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      transition: background 130ms ease;\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n    .megamenu__item:hover { background: #F8F9FF; }\r\n    .megamenu__item:hover .megamenu__item-label { color: var(--accent); }\r\n    .megamenu__item-icon {\r\n      width: 32px; height: 32px; flex-shrink: 0;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(59,130,246,0.08));\r\n      border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__item-label {\r\n      font-size: 0.8125rem;\r\n      font-weight: 700;\r\n      color: var(--color-text);\r\n      line-height: 1.3;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.4;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__footer {\r\n      margin: 8px 0 0;\r\n      padding: 16px 28px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.04), rgba(59,130,246,0.04));\r\n      border-top: 1px solid rgba(79,70,229,0.08);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n    }\r\n    .megamenu__footer-text {\r\n      font-size: 0.8125rem;\r\n      color: var(--color-text-muted);\r\n    }\r\n    .megamenu__footer-text strong { color: var(--color-text); }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 0.45rem 1.1rem;\r\n      background: var(--accent);\r\n      color: #fff !important;\r\n      text-decoration: none !important;\r\n      border-radius: var(--radius-full);\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      transition: background 150ms ease, transform 150ms ease;\r\n      flex-shrink: 0;\r\n    }\r\n    .megamenu__footer-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    @media (max-width: 1000px) {\r\n      .megamenu { display: none !important; }\r\n    }\r\n\r\n    \/* ============================\r\n       HERO\r\n    ============================ *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding-block: clamp(var(--space-16), 9vw, 110px);\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: -15%;\r\n      left: -5%;\r\n      width: 55%;\r\n      height: 65%;\r\n      background: radial-gradient(ellipse at center, rgba(14, 165, 233, 0.08) 0%, transparent 70%);\r\n      animation: meshDrift1 14s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 15%;\r\n      right: -10%;\r\n      width: 45%;\r\n      height: 55%;\r\n      background: radial-gradient(ellipse at center, rgba(14, 165, 233, 0.06) 0%, transparent 70%);\r\n      animation: meshDrift2 17s ease-in-out infinite alternate;\r\n    }\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\r\n    .hero__breadcrumb {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      color: var(--color-text-faint);\r\n      font-weight: 500;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .hero__breadcrumb span { color: var(--color-text-muted); }\r\n    .hero__breadcrumb-sep {\r\n      color: var(--color-border);\r\n      font-size: 0.7rem;\r\n    }\r\n    .hero__breadcrumb-current {\r\n      color: var(--accent-crm);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(var(--space-10), 5vw, var(--space-20));\r\n      align-items: center;\r\n    }\r\n    .hero__text { 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: var(--accent-crm-light);\r\n      border: 1px solid var(--accent-crm-border);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent-crm);\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-crm);\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-crm), #0284C7);\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: 1.125rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.65;\r\n      max-width: 50ch;\r\n    }\r\n    .hero__ctas {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Hero visual \u2014 Kanban mockup *\/\r\n    .hero__visual {\r\n      position: relative;\r\n    }\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-5) var(--space-5) 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(14,165,233,0.15) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Mockup top bar *\/\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-4);\r\n      padding-bottom: var(--space-3);\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    \/* Kanban board *\/\r\n    .mock-kanban {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 8px;\r\n    }\r\n    .mock-kanban-col {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n    }\r\n    .mock-kanban-header {\r\n      padding: 5px 8px;\r\n      border-radius: 6px;\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.05em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 2px;\r\n    }\r\n    .mock-kanban-header--grey { background: rgba(148,163,184,0.15); color: #94A3B8; }\r\n    .mock-kanban-header--blue { background: rgba(14,165,233,0.15); color: #38BDF8; }\r\n    .mock-kanban-header--orange { background: rgba(249,115,22,0.15); color: #FB923C; }\r\n    .mock-kanban-header--green { background: rgba(34,197,94,0.15); color: #4ADE80; }\r\n\r\n    .mock-deal-card {\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      border-radius: 8px;\r\n      padding: 8px 9px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 3px;\r\n    }\r\n    .mock-deal-company {\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n      line-height: 1.3;\r\n    }\r\n    .mock-deal-person {\r\n      font-size: 9px;\r\n      color: rgba(255,255,255,0.4);\r\n    }\r\n    .mock-deal-amount {\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      color: var(--accent-crm);\r\n      margin-top: 2px;\r\n    }\r\n    .mock-deal-card--won {\r\n      border-color: rgba(34,197,94,0.2);\r\n      background: rgba(34,197,94,0.06);\r\n    }\r\n    .mock-deal-card--won .mock-deal-amount { color: #4ADE80; }\r\n\r\n    .mock-kanban-footer {\r\n      margin-top: var(--space-4);\r\n      padding-top: var(--space-3);\r\n      border-top: 1px solid rgba(255,255,255,0.06);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-3);\r\n    }\r\n    .mock-kanban-stat {\r\n      font-size: 9px;\r\n      color: rgba(255,255,255,0.4);\r\n      font-weight: 500;\r\n    }\r\n    .mock-kanban-stat span {\r\n      color: var(--accent-crm);\r\n      font-weight: 700;\r\n    }\r\n    .mock-kanban-sep {\r\n      width: 3px;\r\n      height: 3px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.2);\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       AI FEATURES GRID (2\u00d72, large)\r\n    ============================ *\/\r\n    .ai-features-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface);\r\n    }\r\n    .ai-features-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .ai-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    .ai-features-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .ai-features-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-6);\r\n    }\r\n    @media (max-width: 700px) {\r\n      .ai-features-grid { grid-template-columns: 1fr; }\r\n    }\r\n    .ai-feature-card {\r\n      background: var(--color-bg);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-8) var(--space-8);\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    .ai-feature-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 120px;\r\n      height: 120px;\r\n      background: radial-gradient(ellipse at top right, rgba(14,165,233,0.06) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .ai-feature-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-3px);\r\n      border-color: rgba(14,165,233,0.2);\r\n    }\r\n    .ai-feature-card__top {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: var(--space-4);\r\n    }\r\n    .ai-feature-card__icon {\r\n      width: 54px;\r\n      height: 54px;\r\n      background: var(--accent-crm-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-crm);\r\n      flex-shrink: 0;\r\n    }\r\n    .ai-feature-card__badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: var(--space-1) var(--space-3);\r\n      background: var(--accent-crm-light);\r\n      border: 1px solid var(--accent-crm-border);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent-crm);\r\n      white-space: nowrap;\r\n      flex-shrink: 0;\r\n    }\r\n    .ai-feature-card__title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.25;\r\n    }\r\n    .ai-feature-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* ============================\r\n       WHY SECTION (dark navy)\r\n    ============================ *\/\r\n    .why-ai-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--navy);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .why-ai-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20%;\r\n      left: -10%;\r\n      width: 50%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(14,165,233,0.1) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .why-ai-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -10%;\r\n      width: 45%;\r\n      height: 55%;\r\n      background: radial-gradient(ellipse, rgba(14,165,233,0.07) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .why-ai-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .why-ai-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: rgba(255,255,255,0.3);\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .why-ai-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-4);\r\n    }\r\n    .why-ai-section__sub {\r\n      font-size: var(--text-base);\r\n      color: rgba(255,255,255,0.55);\r\n      max-width: 54ch;\r\n      margin-inline: auto;\r\n    }\r\n    .why-ai-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    @media (max-width: 800px) {\r\n      .why-ai-cards { grid-template-columns: 1fr; }\r\n    }\r\n    .why-ai-card {\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(255,255,255,0.07);\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: border-color var(--transition-interactive), background var(--transition-interactive);\r\n    }\r\n    .why-ai-card:hover {\r\n      border-color: rgba(14,165,233,0.3);\r\n      background: rgba(14,165,233,0.05);\r\n    }\r\n    .why-ai-card__stat {\r\n      font-size: var(--text-xl);\r\n      font-weight: 800;\r\n      background: linear-gradient(135deg, #7DD3FC, #38BDF8);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      letter-spacing: -0.02em;\r\n      line-height: 1;\r\n    }\r\n    .why-ai-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      line-height: 1.3;\r\n    }\r\n    .why-ai-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.5);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ============================\r\n       HOW IT WORKS (3 steps)\r\n    ============================ *\/\r\n    .how-it-works {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .how-it-works__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n    }\r\n    .how-it-works__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .how-it-works__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .steps-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n      position: relative;\r\n    }\r\n    .steps-row::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 28px;\r\n      left: calc(33.333% - 24px);\r\n      right: calc(33.333% - 24px);\r\n      height: 2px;\r\n      background: linear-gradient(90deg, rgba(14,165,233,0.2) 0%, rgba(14,165,233,0.4) 50%, rgba(14,165,233,0.2) 100%);\r\n      pointer-events: none;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .steps-row::before { display: none; }\r\n      .steps-row { grid-template-columns: 1fr; }\r\n    }\r\n    .step-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      position: relative;\r\n      transition: box-shadow var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .step-card:hover {\r\n      box-shadow: var(--shadow-md);\r\n      border-color: rgba(14,165,233,0.2);\r\n    }\r\n    .step-number {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: linear-gradient(135deg, var(--accent-crm), #0284C7);\r\n      color: #fff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.25rem;\r\n      font-weight: 800;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 4px 12px rgba(14,165,233,0.35);\r\n    }\r\n    .step-title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.3;\r\n    }\r\n    .step-desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ============================\r\n       USE CASES\r\n    ============================ *\/\r\n    .use-cases {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-surface-2);\r\n    }\r\n    .use-cases__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-14));\r\n    }\r\n    .use-cases__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .use-cases__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .use-cases-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: var(--space-6);\r\n    }\r\n    @media (max-width: 700px) {\r\n      .use-cases-grid { grid-template-columns: 1fr; }\r\n    }\r\n    .use-case-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-8);\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    }\r\n    .use-case-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(14,165,233,0.2);\r\n    }\r\n    .use-case-card__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent-crm);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n    }\r\n    .use-case-card__title {\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      line-height: 1.25;\r\n    }\r\n    .use-case-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n    .use-case-card__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: var(--accent-crm);\r\n      transition: gap var(--transition-interactive);\r\n    }\r\n    .use-case-card:hover .use-case-card__cta { gap: var(--space-3); }\r\n\r\n    \/* ============================\r\n       FINAL CTA BANNER\r\n    ============================ *\/\r\n    .final-cta {\r\n      background: linear-gradient(135deg, #0C4A6E 0%, var(--accent-crm) 50%, #0284C7 100%);\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .final-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%;\r\n      left: -10%;\r\n      width: 60%;\r\n      height: 80%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.07) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%;\r\n      right: -5%;\r\n      width: 40%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse, rgba(255,255,255,0.05) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .final-cta__content { position: relative; z-index: 1; }\r\n    .final-cta__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .final-cta__sub {\r\n      font-size: var(--text-lg);\r\n      color: rgba(255,255,255,0.75);\r\n      margin-bottom: var(--space-8);\r\n      max-width: 52ch;\r\n      margin-inline: auto;\r\n    }\r\n    .final-cta__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* ============================\r\n       FOOTER\r\n    ============================ *\/\r\n    .footer {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 6vw, var(--space-20));\r\n      color: rgba(255,255,255,0.6);\r\n    }\r\n    .footer__top {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\r\n      gap: clamp(var(--space-8), 4vw, var(--space-12));\r\n      margin-bottom: clamp(var(--space-12), 5vw, var(--space-16));\r\n      padding-bottom: clamp(var(--space-10), 4vw, var(--space-12));\r\n      border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .footer__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 ANIMATIONS\r\n    ============================ *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition:\r\n        opacity 0.6s var(--ease-out),\r\n        transform 0.6s var(--ease-out);\r\n    }\r\n    .reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    .reveal--delay-1 { transition-delay: 0.1s; }\r\n    .reveal--delay-2 { transition-delay: 0.2s; }\r\n    .reveal--delay-3 { transition-delay: 0.3s; }\r\n    .reveal--delay-4 { transition-delay: 0.4s; }\r\n    .reveal--delay-5 { transition-delay: 0.5s; }\r\n\r\n    \/* ============================\r\n       MISC UTILITIES\r\n    ============================ *\/\r\n    .text-center { text-align: center; }\r\n    .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\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <!-- Breadcrumb -->\r\n      <nav class=\"hero__breadcrumb\" aria-label=\"Fil d'Ariane\">\r\n        <a href=\"#\">CRM<\/a>\r\n        <span class=\"hero__breadcrumb-sep\">\u203a<\/span>\r\n        <span class=\"hero__breadcrumb-current\">Pipeline<\/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\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            CRM\r\n          <\/div>\r\n\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Visualisez votre pipeline, <span>fermez plus de deals<\/span>.\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            Le pipeline Saalz vous donne une vision claire de chaque opportunit\u00e9 en cours : o\u00f9 elle en est, qui la pilote, et quelle est la prochaine action.\r\n          <\/p>\r\n\r\n          <div class=\"hero__ctas\">\r\n            <a href=\"\/fr\/inscription\/\" class=\"btn btn--primary\" style=\"padding:0.75rem 1.75rem;font-size:0.9375rem;border-radius:var(--radius-full);\">\r\n              Commencer gratuitement\r\n            <\/a>\r\n            <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost\" style=\"padding:0.75rem 1.5rem;font-size:0.9375rem;border-radius:var(--radius-full);border-width:1.5px;\" rel=\"noopener\">\r\n              Voir la d\u00e9mo \u2192\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Visual side: Kanban mockup -->\r\n        <div class=\"hero__visual\" aria-hidden=\"true\">\r\n          <div class=\"hero__mockup\">\r\n            <!-- Top bar -->\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 Pipeline<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Kanban board -->\r\n            <div class=\"mock-kanban\">\r\n              <!-- Col 1: \u00c0 contacter -->\r\n              <div class=\"mock-kanban-col\">\r\n                <div class=\"mock-kanban-header mock-kanban-header--grey\">\u00c0 contacter<\/div>\r\n                <div class=\"mock-deal-card\">\r\n                  <div class=\"mock-deal-company\">Nexflow SAS<\/div>\r\n                  <div class=\"mock-deal-person\">Marie Dupont<\/div>\r\n                  <div class=\"mock-deal-amount\">12k\u20ac<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- Col 2: D\u00e9mo planifi\u00e9e -->\r\n              <div class=\"mock-kanban-col\">\r\n                <div class=\"mock-kanban-header mock-kanban-header--blue\">D\u00e9mo planifi\u00e9e<\/div>\r\n                <div class=\"mock-deal-card\">\r\n                  <div class=\"mock-deal-company\">Artefact<\/div>\r\n                  <div class=\"mock-deal-person\">Thomas Lebrun<\/div>\r\n                  <div class=\"mock-deal-amount\">24k\u20ac<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- Col 3: Proposition envoy\u00e9e -->\r\n              <div class=\"mock-kanban-col\">\r\n                <div class=\"mock-kanban-header mock-kanban-header--orange\">Proposition envoy\u00e9e<\/div>\r\n                <div class=\"mock-deal-card\">\r\n                  <div class=\"mock-deal-company\">Floware<\/div>\r\n                  <div class=\"mock-deal-person\">Sophie Carlin<\/div>\r\n                  <div class=\"mock-deal-amount\">8k\u20ac<\/div>\r\n                <\/div>\r\n                <div class=\"mock-deal-card\">\r\n                  <div class=\"mock-deal-company\">Kern Group<\/div>\r\n                  <div class=\"mock-deal-person\">&nbsp;<\/div>\r\n                  <div class=\"mock-deal-amount\">15k\u20ac<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- Col 4: Gagn\u00e9 -->\r\n              <div class=\"mock-kanban-col\">\r\n                <div class=\"mock-kanban-header mock-kanban-header--green\">Gagn\u00e9 \u2713<\/div>\r\n                <div class=\"mock-deal-card mock-deal-card--won\">\r\n                  <div class=\"mock-deal-company\">DataStream \ud83c\udf89<\/div>\r\n                  <div class=\"mock-deal-person\">&nbsp;<\/div>\r\n                  <div class=\"mock-deal-amount\">31k\u20ac<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Footer stats -->\r\n            <div class=\"mock-kanban-footer\">\r\n              <div class=\"mock-kanban-stat\"><span>8<\/span> opportunit\u00e9s actives<\/div>\r\n              <div class=\"mock-kanban-sep\"><\/div>\r\n              <div class=\"mock-kanban-stat\"><span>90k\u20ac<\/span> de pipeline<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURES GRID (2\u00d72)\r\n  ================================ -->\r\n  <section class=\"ai-features-section\" aria-labelledby=\"features-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"ai-features-section__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Fonctionnalit\u00e9s CRM<\/div>\r\n        <h2 class=\"ai-features-section__h2\" id=\"features-heading\">Un pipeline qui refl\u00e8te votre r\u00e9alit\u00e9 commerciale<\/h2>\r\n        <p class=\"ai-features-section__sub\">Kanban intuitif, pipelines multiples, scoring automatique \u2014 vous ne perdez plus aucune opportunit\u00e9 de vue.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ai-features-grid\">\r\n        <!-- Card 1 \u2014 Vue Kanban -->\r\n        <div class=\"ai-feature-card reveal reveal--delay-1\">\r\n          <div class=\"ai-feature-card__top\">\r\n            <div class=\"ai-feature-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <rect x=\"3\" y=\"4\" width=\"5\" height=\"18\" rx=\"1.5\"\/>\r\n                <rect x=\"10.5\" y=\"4\" width=\"5\" height=\"13\" rx=\"1.5\"\/>\r\n                <rect x=\"18\" y=\"4\" width=\"5\" height=\"16\" rx=\"1.5\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Vue Kanban<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Glissez-d\u00e9posez vos opportunit\u00e9s<\/div>\r\n          <div class=\"ai-feature-card__desc\">D\u00e9placez vos deals d'une \u00e9tape \u00e0 l'autre en un glisser-d\u00e9poser. La vue Kanban vous donne une vision instantan\u00e9e de votre activit\u00e9.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 \u2014 Pipelines multiples -->\r\n        <div class=\"ai-feature-card reveal reveal--delay-2\">\r\n          <div class=\"ai-feature-card__top\">\r\n            <div class=\"ai-feature-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M4 8h18M4 13h14M4 18h10\"\/>\r\n                <circle cx=\"21\" cy=\"13\" r=\"2.5\"\/>\r\n                <circle cx=\"17\" cy=\"18\" r=\"2.5\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Pipelines multiples<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Un pipeline par \u00e9quipe ou produit<\/div>\r\n          <div class=\"ai-feature-card__desc\">Cr\u00e9ez autant de pipelines que n\u00e9cessaire : par \u00e9quipe, par gamme de produit ou par canal de vente. Tout reste s\u00e9par\u00e9 et lisible.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 \u2014 Tracking & scoring -->\r\n        <div class=\"ai-feature-card reveal reveal--delay-3\">\r\n          <div class=\"ai-feature-card__top\">\r\n            <div class=\"ai-feature-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M13 2l2.4 4.8L21 8l-4 3.9 1 5.1-5-2.6-5 2.6 1-5.1L5 8l5.6-1.2z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Tracking &amp; scoring<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Scoring des leads en temps r\u00e9el<\/div>\r\n          <div class=\"ai-feature-card__desc\">Chaque opportunit\u00e9 est scor\u00e9e selon l'engagement, les interactions et les signaux d\u00e9tect\u00e9s. Priorisez les deals les plus chauds.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4 \u2014 Rapports -->\r\n        <div class=\"ai-feature-card reveal reveal--delay-4\">\r\n          <div class=\"ai-feature-card__top\">\r\n            <div class=\"ai-feature-card__icon\" aria-hidden=\"true\">\r\n              <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n                <path d=\"M4 20h18M7 20V12M12 20V8M17 20V14M22 20V5\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Rapports<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Rapports d'activit\u00e9 et de conversion<\/div>\r\n          <div class=\"ai-feature-card__desc\">Taux de conversion par \u00e9tape, dur\u00e9e moyenne du cycle, montant total du pipeline \u2014 pilotez votre performance avec les bons chiffres.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       WHY SECTION (dark navy)\r\n  ================================ -->\r\n  <section class=\"why-ai-section\" aria-labelledby=\"why-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"why-ai-section__header reveal\">\r\n        <div class=\"why-ai-section__label\">Impact commercial<\/div>\r\n        <h2 class=\"why-ai-section__h2\" id=\"why-heading\">Un pipeline clair, une \u00e9quipe align\u00e9e.<\/h2>\r\n        <p class=\"why-ai-section__sub\">Sans visibilit\u00e9 sur les opportunit\u00e9s en cours, les deals se perdent dans les emails. Saalz met tout le monde sur la m\u00eame page.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-ai-cards\">\r\n        <!-- Stat 1 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-1\">\r\n          <div class=\"why-ai-card__stat\">23%<\/div>\r\n          <div class=\"why-ai-card__title\">de deals suppl\u00e9mentaires ferm\u00e9s avec un pipeline structur\u00e9<\/div>\r\n          <div class=\"why-ai-card__desc\">Les \u00e9quipes qui suivent rigoureusement leur pipeline ferment en moyenne 23% de deals de plus que celles qui ne le font pas.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Stat 2 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-2\">\r\n          <div class=\"why-ai-card__stat\">-40%<\/div>\r\n          <div class=\"why-ai-card__title\">de temps pass\u00e9 sur les r\u00e9unions pipeline<\/div>\r\n          <div class=\"why-ai-card__desc\">Avec une vue Kanban \u00e0 jour, les revues de pipeline durent 15 minutes au lieu d'une heure.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Stat 3 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-3\">\r\n          <div class=\"why-ai-card__stat\">\u00d72<\/div>\r\n          <div class=\"why-ai-card__title\">de vitesse de closing<\/div>\r\n          <div class=\"why-ai-card__desc\">Identifier la prochaine action \u00e0 chaque \u00e9tape r\u00e9duit consid\u00e9rablement le temps de cycle de vente.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       HOW IT WORKS\r\n  ================================ -->\r\n  <section class=\"how-it-works\" aria-labelledby=\"how-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"how-it-works__header reveal\">\r\n        <div class=\"section-label\" style=\"margin-bottom:var(--space-3);\">Mise en place en 3 \u00e9tapes<\/div>\r\n        <h2 class=\"how-it-works__h2\" id=\"how-heading\">Votre pipeline, op\u00e9rationnel en 10 minutes.<\/h2>\r\n        <p class=\"how-it-works__sub\">De la configuration des \u00e9tapes \u00e0 la premi\u00e8re revue de pipeline, tout se fait en quelques minutes.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"steps-row\">\r\n        <!-- Step 1 -->\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\">D\u00e9finissez vos \u00e9tapes<\/div>\r\n          <div class=\"step-desc\">Cr\u00e9ez les \u00e9tapes de votre cycle de vente (D\u00e9couverte, D\u00e9mo, Proposition, Closing) ou utilisez notre mod\u00e8le par d\u00e9faut.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\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\">Importez vos opportunit\u00e9s<\/div>\r\n          <div class=\"step-desc\">Ajoutez des deals manuellement, depuis une fiche contact ou via un import CSV. Chaque deal est li\u00e9 \u00e0 un contact et une entreprise.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\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\">Pilotez en temps r\u00e9el<\/div>\r\n          <div class=\"step-desc\">Glissez, d\u00e9posez, mettez \u00e0 jour. Les rapports se g\u00e9n\u00e8rent automatiquement \u00e0 partir de vos mouvements dans le pipeline.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       USE CASES\r\n  ================================ -->\r\n  <section class=\"use-cases\" aria-labelledby=\"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\">Pour quelles \u00e9quipes ?<\/h2>\r\n        <p class=\"use-cases__sub\">Du fondateur solo \u00e0 l'\u00e9quipe commerciale structur\u00e9e \u2014 le pipeline Saalz s'adapte \u00e0 votre r\u00e9alit\u00e9.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"use-cases-grid\">\r\n        <!-- Use case 1 -->\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            PME \/ Scale-up\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Structure ta premi\u00e8re \u00e9quipe commerciale<\/div>\r\n          <div class=\"use-case-card__desc\">Passez d'un suivi sur Excel \u00e0 un vrai pipeline visuel. Votre \u00e9quipe sait exactement o\u00f9 en est chaque deal.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">En savoir plus \u2192<\/a>\r\n        <\/div>\r\n\r\n        <!-- Use case 2 -->\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=\"3\" width=\"10\" height=\"8\" rx=\"1.5\"\/><path d=\"M2 5.5l5 3 5-3\"\/><\/svg>\r\n            Head of Sales\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Pilotez la performance de l'\u00e9quipe<\/div>\r\n          <div class=\"use-case-card__desc\">Consultez le pipeline de chaque commercial, identifiez les deals bloqu\u00e9s et intervenez avant qu'ils ne se perdent.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">En savoir plus \u2192<\/a>\r\n        <\/div>\r\n\r\n        <!-- Use case 3 -->\r\n        <div class=\"use-case-card reveal reveal--delay-3\">\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\"><circle cx=\"7\" cy=\"5\" r=\"2.5\"\/><path d=\"M2 12c0-2.8 2.2-4 5-4s5 1.2 5 4\"\/><\/svg>\r\n            Solo \/ Fondateur\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Ne plus perdre de deal de vue<\/div>\r\n          <div class=\"use-case-card__desc\">G\u00e9rez 20, 50 ou 100 opportunit\u00e9s sans oublier une relance. Votre pipeline devient votre to-do list commerciale.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">En savoir plus \u2192<\/a>\r\n        <\/div>\r\n\r\n        <!-- Use case 4 -->\r\n        <div class=\"use-case-card reveal reveal--delay-4\">\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=\"M2 10l3-3 2 2 3-4 2 5\"\/><\/svg>\r\n            Account Executive\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Fermer plus vite avec une meilleure visibilit\u00e9<\/div>\r\n          <div class=\"use-case-card__desc\">Focalisez-vous sur les deals \u00e0 haute probabilit\u00e9. Le scoring automatique vous dit o\u00f9 mettre votre \u00e9nergie.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">En savoir plus \u2192<\/a>\r\n        <\/div>\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\">Votre meilleur trimestre commence par un pipeline en ordre.<\/h2>\r\n        <p class=\"final-cta__sub\">Commencez gratuitement \u2014 pas de carte bancaire requise.<\/p>\r\n        <div class=\"final-cta__actions\">\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--white btn--lg\">\r\n            Commencer gratuitement\r\n          <\/a>\r\n          <a href=\"\/fr\/tarifs\/\" class=\"btn btn--ghost-white btn--lg\">\r\n            Voir les tarifs \u2192\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>CRM \u203a Pipeline CRM Visualisez votre pipeline, fermez plus de deals. Le pipeline Saalz vous donne une vision claire de chaque opportunit\u00e9 en cours : o\u00f9 elle en est, qui la pilote, et quelle est la prochaine action. Commencer gratuitement Voir la d\u00e9mo \u2192 Saalz \u2014 Pipeline \u00c0 contacter Nexflow SAS Marie Dupont 12k\u20ac D\u00e9mo &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/fonctionnalites-crm\/pipeline\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Pipeline<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":12393,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12401","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12401","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=12401"}],"version-history":[{"count":8,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12401\/revisions"}],"predecessor-version":[{"id":12785,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12401\/revisions\/12785"}],"up":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12393"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}