{"id":12077,"date":"2026-06-23T07:02:36","date_gmt":"2026-06-23T05:02:36","guid":{"rendered":"https:\/\/dev.saalz.com\/?page_id=12077"},"modified":"2026-07-02T08:50:28","modified_gmt":"2026-07-02T06:50:28","slug":"ia","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/ia\/","title":{"rendered":"Espace IA \u2014 Saalz | R\u00e9sum\u00e9s, Icebreakers &#038; Workflows Intelligents"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12077\" class=\"elementor elementor-12077\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef284a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef284a4\" 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-010c8e9\" data-id=\"010c8e9\" 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-70a005d elementor-widget elementor-widget-html\" data-id=\"70a005d\" 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      --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-ai);\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--white:hover { background: #F5F3FF; }\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-ai); }\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(139, 92, 246, 0.09) 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(79, 70, 229, 0.07) 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-ai);\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: rgba(139,92,246,0.1);\r\n      border: 1px solid rgba(139,92,246,0.2);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: #7C3AED;\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: #7C3AED;\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, #7C3AED, var(--accent));\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 AI 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(139,92,246,0.22) 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    \/* AI Mockup panels *\/\r\n    .mock-ai-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .mock-ai-avatar {\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #7C3AED, #4F46E5);\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-ai-contact-info { display: flex; flex-direction: column; gap: 3px; }\r\n    .mock-ai-name {\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n    }\r\n    .mock-ai-role {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.4);\r\n    }\r\n    .mock-ai-badge {\r\n      margin-left: auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      padding: 3px 8px;\r\n      background: rgba(139,92,246,0.15);\r\n      border: 1px solid rgba(139,92,246,0.3);\r\n      border-radius: var(--radius-full);\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      color: #C4B5FD;\r\n    }\r\n    .mock-ai-badge-dot {\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: #A78BFA;\r\n      animation: pulse 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    \/* AI Summary panel *\/\r\n    .mock-summary-panel {\r\n      background: rgba(139,92,246,0.07);\r\n      border: 1px solid rgba(139,92,246,0.2);\r\n      border-radius: var(--radius-xl);\r\n      padding: var(--space-4);\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .mock-summary-label {\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      color: #A78BFA;\r\n      margin-bottom: var(--space-3);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .mock-summary-items {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n    }\r\n    .mock-summary-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 6px;\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.65);\r\n      line-height: 1.5;\r\n    }\r\n    .mock-summary-bullet {\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: #A78BFA;\r\n      margin-top: 5px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Icebreaker panel *\/\r\n    .mock-icebreaker-panel {\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-xl);\r\n      padding: var(--space-3) var(--space-4);\r\n    }\r\n    .mock-icebreaker-label {\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      color: rgba(255,255,255,0.3);\r\n      margin-bottom: var(--space-2);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .mock-icebreaker-text {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.6);\r\n      line-height: 1.6;\r\n      font-style: italic;\r\n    }\r\n    .mock-icebreaker-text span {\r\n      color: #C4B5FD;\r\n      font-style: normal;\r\n      font-weight: 600;\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(139,92,246,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(124,58,237,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: rgba(139,92,246,0.1);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #7C3AED;\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: rgba(139,92,246,0.08);\r\n      border: 1px solid rgba(139,92,246,0.15);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: #7C3AED;\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 AI 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(139,92,246,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(79,70,229,0.08) 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(139,92,246,0.3);\r\n      background: rgba(139,92,246,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, #C4B5FD, #A78BFA);\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(124,58,237,0.2) 0%, rgba(124,58,237,0.4) 50%, rgba(124,58,237,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(124,58,237,0.2);\r\n    }\r\n    .step-number {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: linear-gradient(135deg, #7C3AED, #4F46E5);\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(124,58,237,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(124,58,237,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-ai);\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-ai);\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, #2E1065 0%, #7C3AED 50%, #4F46E5 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<!-- ================================\r\n       HERO\r\n  ================================ -->\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=\"\/fr\/ia\/\">IA<\/a>\r\n        <span class=\"hero__breadcrumb-sep\">\u203a<\/span>\r\n        <span class=\"hero__breadcrumb-current\">IA Workspace<\/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            IA int\u00e9gr\u00e9e\r\n          <\/div>\r\n\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            L'IA qui travaille \u00e0 votre place. <span>Pendant que vous vendez.<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            R\u00e9sum\u00e9s prospects automatiques, icebreakers ultra-personnalis\u00e9s, workflows intelligents \u2014 Saalz int\u00e8gre l'IA directement dans votre processus commercial.\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: AI Workspace 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 IA Workspace<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact header -->\r\n            <div class=\"mock-ai-header\">\r\n              <div class=\"mock-ai-avatar\">CM<\/div>\r\n              <div class=\"mock-ai-contact-info\">\r\n                <div class=\"mock-ai-name\">Claire Martin<\/div>\r\n                <div class=\"mock-ai-role\">VP Sales \u00b7 Orbitex \u00b7 Paris<\/div>\r\n              <\/div>\r\n              <div class=\"mock-ai-badge\">\r\n                <div class=\"mock-ai-badge-dot\"><\/div>\r\n                IA Active\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- AI Summary panel -->\r\n            <div class=\"mock-summary-panel\">\r\n              <div class=\"mock-summary-label\">\r\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"1.5\"\/><path d=\"M3 3.5h4M3 5h4M3 6.5h2.5\"\/><\/svg>\r\n                R\u00e9sum\u00e9 IA\r\n              <\/div>\r\n              <div class=\"mock-summary-items\">\r\n                <div class=\"mock-summary-item\">\r\n                  <div class=\"mock-summary-bullet\"><\/div>\r\n                  <span>VP Sales chez Orbitex (SaaS B2B), g\u00e8re une \u00e9quipe de 12 commerciaux<\/span>\r\n                <\/div>\r\n                <div class=\"mock-summary-item\">\r\n                  <div class=\"mock-summary-bullet\"><\/div>\r\n                  <span>Contexte : croissance rapide, recrutement en cours pour des AE mid-market<\/span>\r\n                <\/div>\r\n                <div class=\"mock-summary-item\">\r\n                  <div class=\"mock-summary-bullet\"><\/div>\r\n                  <span>Active sur LinkedIn, publie r\u00e9guli\u00e8rement sur la culture commerciale<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Icebreaker panel -->\r\n            <div class=\"mock-icebreaker-panel\">\r\n              <div class=\"mock-icebreaker-label\">\r\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 1l1.2 2.4L9 4 7 5.9l.5 2.6L5 7.3 2.5 8.5l.5-2.6L1 4l2.8-.6z\"\/><\/svg>\r\n                Icebreaker g\u00e9n\u00e9r\u00e9\r\n              <\/div>\r\n              <div class=\"mock-icebreaker-text\">\r\n                \"Claire, votre post sur <span>la mont\u00e9e en comp\u00e9tence des AE<\/span> m'a beaucoup parl\u00e9 \u2014 chez Saalz on travaille justement \u00e0 simplifier ce processus gr\u00e2ce \u00e0 l'IA...\"\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       4 MAIN AI FEATURES (2\u00d72 grid)\r\n  ================================ -->\r\n  <section class=\"ai-features-section\" aria-labelledby=\"ai-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);\">IA Workspace<\/div>\r\n        <h2 class=\"ai-features-section__h2\" id=\"ai-features-heading\">Quatre fonctionnalit\u00e9s IA pour transformer votre prospection<\/h2>\r\n        <p class=\"ai-features-section__sub\">Moins de temps \u00e0 analyser, plus de temps \u00e0 vendre.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ai-features-grid\">\r\n        <!-- Card 1 \u2014 R\u00e9sum\u00e9s IA -->\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=\"3\" width=\"20\" height=\"20\" rx=\"3\"\/>\r\n                <path d=\"M7 9h12M7 13h12M7 17h8\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Gagner du temps<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">R\u00e9sum\u00e9s prospects automatiques<\/div>\r\n          <div class=\"ai-feature-card__desc\">Saalz g\u00e9n\u00e8re une synth\u00e8se du profil de votre prospect \u2014 poste, entreprise, contexte \u2014 en quelques secondes. Pr\u00e9parez vos appels sans passer 20 minutes sur LinkedIn.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 \u2014 Icebreakers IA -->\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=\"M13 2l2.4 4.8L21 8 17 12l1 5.2L13 15l-5 2.2 1-5.2L5 8l5.6-1.2z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Taux de r\u00e9ponse<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Icebreakers ultra-personnalis\u00e9s<\/div>\r\n          <div class=\"ai-feature-card__desc\">L'IA r\u00e9dige une accroche personnalis\u00e9e bas\u00e9e sur le profil, l'entreprise et le contexte de votre prospect. Plus de messages g\u00e9n\u00e9riques \u2014 chaque premier contact est unique.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 \u2014 Workflows IA -->\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                <circle cx=\"6\" cy=\"7\" r=\"3\"\/>\r\n                <circle cx=\"20\" cy=\"7\" r=\"3\"\/>\r\n                <circle cx=\"20\" cy=\"19\" r=\"3\"\/>\r\n                <circle cx=\"6\" cy=\"19\" r=\"3\"\/>\r\n                <path d=\"M9 7h8M20 10v6M9 19h8M6 10v6\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Automatisation<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Workflows de prospection automatis\u00e9s<\/div>\r\n          <div class=\"ai-feature-card__desc\">Cr\u00e9ez des s\u00e9quences d'actions intelligentes : enrichissement \u2192 r\u00e9sum\u00e9 \u2192 icebreaker \u2192 CRM. Saalz ex\u00e9cute le workflow pour chaque nouveau prospect automatiquement.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4 \u2014 Enrichissement IA -->\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=\"M5 13h4l3-8 3 16 3-8h3\"\/>\r\n                <circle cx=\"13\" cy=\"13\" r=\"11\" stroke-dasharray=\"4 3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"ai-feature-card__badge\">Qualit\u00e9 des donn\u00e9es<\/div>\r\n          <\/div>\r\n          <div class=\"ai-feature-card__title\">Enrichissement intelligent<\/div>\r\n          <div class=\"ai-feature-card__desc\">L'IA compl\u00e8te les donn\u00e9es manquantes de vos contacts en combinant les informations disponibles. Des profils plus complets, des approches plus pertinentes.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       WHY AI SECTION (dark navy)\r\n  ================================ -->\r\n  <section class=\"why-ai-section\" aria-labelledby=\"why-ai-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-ai-heading\">Pourquoi l'IA change la prospection commerciale&nbsp;?<\/h2>\r\n        <p class=\"why-ai-section__sub\">Trois raisons pour lesquelles les meilleures \u00e9quipes commerciales adoptent l'IA aujourd'hui.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-ai-cards\">\r\n        <!-- Insight 1 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-1\">\r\n          <div class=\"why-ai-card__stat\">\u00d7100<\/div>\r\n          <div class=\"why-ai-card__title\">Personnalisation \u00e0 grande \u00e9chelle<\/div>\r\n          <div class=\"why-ai-card__desc\">Traitez 100 prospects avec la m\u00eame qualit\u00e9 d'attention qu'un seul \u2014 l'IA s'occupe de la personnalisation pour que vous puissiez passer \u00e0 l'action.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Insight 2 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-2\">\r\n          <div class=\"why-ai-card__stat\">\u221295%<\/div>\r\n          <div class=\"why-ai-card__title\">Pr\u00e9paration sans friction<\/div>\r\n          <div class=\"why-ai-card__desc\">Plus besoin de rechercher manuellement sur LinkedIn avant chaque appel. L'IA livre le contexte complet en quelques secondes \u2014 vous appelez avec confiance.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Insight 3 -->\r\n        <div class=\"why-ai-card reveal reveal--delay-3\">\r\n          <div class=\"why-ai-card__stat\">100%<\/div>\r\n          <div class=\"why-ai-card__title\">Coh\u00e9rence du processus<\/div>\r\n          <div class=\"why-ai-card__desc\">Chaque prospect passe par le m\u00eame workflow de qualit\u00e9, sans d\u00e9pendre de l'humeur ou du temps disponible. Un standard \u00e9lev\u00e9, \u00e0 chaque interaction.<\/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);\">Processus en 3 \u00e9tapes<\/div>\r\n        <h2 class=\"how-it-works__h2\" id=\"how-heading\">Comment \u00e7a marche<\/h2>\r\n        <p class=\"how-it-works__sub\">De la s\u00e9lection du prospect au r\u00e9sum\u00e9 + icebreaker, en quelques secondes.<\/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\">S\u00e9lectionnez un prospect<\/div>\r\n          <div class=\"step-desc\">Dans votre CRM Saalz ou depuis une recherche \u2014 choisissez le contact que vous souhaitez pr\u00e9parer ou contacter.<\/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\">L'IA analyse le profil<\/div>\r\n          <div class=\"step-desc\">Poste, entreprise, contexte disponible dans Saalz \u2014 l'IA synth\u00e9tise toutes les informations pertinentes pour votre approche commerciale.<\/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\">R\u00e9sum\u00e9 + icebreaker g\u00e9n\u00e9r\u00e9s<\/div>\r\n          <div class=\"step-desc\">Pr\u00eats \u00e0 utiliser en quelques secondes. Copiez l'icebreaker dans votre email ou commencez votre appel avec les points cl\u00e9s du r\u00e9sum\u00e9 en main.<\/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\">L'IA, dans votre quotidien commercial<\/h2>\r\n        <p class=\"use-cases__sub\">Deux situations o\u00f9 l'IA Saalz fait une vraie diff\u00e9rence.<\/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            Pr\u00e9paration d'appels\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Vous avez 50 appels \u00e0 pr\u00e9parer<\/div>\r\n          <div class=\"use-case-card__desc\">L'IA g\u00e9n\u00e8re un r\u00e9sum\u00e9 pour chaque prospect en quelques secondes. Vos appels sont pr\u00e9par\u00e9s en 5 minutes au lieu de 2 heures. Vous appelez plus, vous pr\u00e9parez moins.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">\r\n            Voir comment \u2192\r\n          <\/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            Campagne cold email\r\n          <\/div>\r\n          <div class=\"use-case-card__title\">Vous lancez une campagne cold email<\/div>\r\n          <div class=\"use-case-card__desc\">Chaque email commence par un icebreaker unique et personnalis\u00e9 g\u00e9n\u00e9r\u00e9 par l'IA. Vos taux de r\u00e9ponse s'envolent \u2014 fini les messages g\u00e9n\u00e9riques que personne ne lit.<\/div>\r\n          <a href=\"\/fr\/inscription\/\" class=\"use-case-card__cta\">\r\n            Voir comment \u2192\r\n          <\/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\">Laissez l'IA faire le travail d'analyse. Vous faites le travail de vente.<\/h2>\r\n        <p class=\"final-cta__sub\">Commencez gratuitement. Aucune 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=\"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>IA \u203a IA Workspace IA int\u00e9gr\u00e9e L&rsquo;IA qui travaille \u00e0 votre place. Pendant que vous vendez. R\u00e9sum\u00e9s prospects automatiques, icebreakers ultra-personnalis\u00e9s, workflows intelligents \u2014 Saalz int\u00e8gre l&rsquo;IA directement dans votre processus commercial. Commencer gratuitement Voir la d\u00e9mo \u2192 Saalz \u2014 IA Workspace CM Claire Martin VP Sales \u00b7 Orbitex \u00b7 Paris IA Active R\u00e9sum\u00e9 IA &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/ia\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Espace IA \u2014 Saalz | R\u00e9sum\u00e9s, Icebreakers &#038; Workflows Intelligents<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12077","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12077","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=12077"}],"version-history":[{"count":13,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12077\/revisions"}],"predecessor-version":[{"id":12747,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12077\/revisions\/12747"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}