{"id":12295,"date":"2026-06-23T12:42:04","date_gmt":"2026-06-23T10:42:04","guid":{"rendered":"https:\/\/dev.saalz.com\/technographies\/"},"modified":"2026-07-02T12:15:39","modified_gmt":"2026-07-02T10:15:39","slug":"technographies","status":"publish","type":"page","link":"https:\/\/dev.saalz.com\/fr\/fonctionnalites-prospection\/technographies\/","title":{"rendered":"Technographies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12295\" class=\"elementor elementor-12295\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e553555 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e553555\" 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-58a543e\" data-id=\"58a543e\" 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-92bea08 elementor-widget elementor-widget-html\" data-id=\"92bea08\" 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\r\n  <style>\r\n    \/* ============================\r\n       DESIGN TOKENS\r\n    ============================ *\/\r\n    :root {\r\n      --accent: #4F46E5;\r\n      --accent-hover: #4338CA;\r\n      --accent-active: #3730A3;\r\n      --accent-2: #3B82F6;\r\n      --accent-light: rgba(79, 70, 229, 0.08);\r\n      --accent-light-2: rgba(79, 70, 229, 0.15);\r\n      --navy: #0F172A;\r\n      --navy-2: #1E293B;\r\n      --color-bg: #F8F9FC;\r\n      --color-surface: #FFFFFF;\r\n      --color-surface-2: #F1F5F9;\r\n      --color-border: #E2E8F0;\r\n      --color-text: #0F172A;\r\n      --color-text-muted: #64748B;\r\n      --color-text-faint: #94A3B8;\r\n      --color-error: #EF4444;\r\n      --color-success: #22C55E;\r\n      --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);\r\n      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\r\n      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\r\n      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n      --text-3xl: clamp(2.375rem, 1.5rem + 3vw, 4rem);\r\n      --space-1: 0.25rem;\r\n      --space-2: 0.5rem;\r\n      --space-3: 0.75rem;\r\n      --space-4: 1rem;\r\n      --space-5: 1.25rem;\r\n      --space-6: 1.5rem;\r\n      --space-8: 2rem;\r\n      --space-10: 2.5rem;\r\n      --space-12: 3rem;\r\n      --space-16: 4rem;\r\n      --space-20: 5rem;\r\n      --space-24: 6rem;\r\n      --radius-sm: 0.375rem;\r\n      --radius-md: 0.5rem;\r\n      --radius-lg: 0.75rem;\r\n      --radius-xl: 1rem;\r\n      --radius-2xl: 1.5rem;\r\n      --radius-full: 9999px;\r\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);\r\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\r\n      --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);\r\n      --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.16);\r\n      --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);\r\n      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n      --content-narrow: 640px;\r\n      --content-default: 960px;\r\n      --content-wide: 1200px;\r\n    }\r\n\r\n    \/* ============================\r\n       BASE RESET\r\n    ============================ *\/\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    html {\r\n      -webkit-text-size-adjust: none;\r\n      text-size-adjust: none;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-rendering: optimizeLegibility;\r\n      scroll-behavior: smooth;\r\n      scroll-padding-top: 80px;\r\n    }\r\n    body {\r\n      min-height: 100dvh;\r\n      line-height: 1.6;\r\n      font-family: var(--font-body);\r\n      font-size: var(--text-base);\r\n      color: var(--color-text);\r\n      background-color: var(--color-bg);\r\n    }\r\n    img, picture, video, canvas, svg {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n    ul[role=\"list\"], ol[role=\"list\"] { list-style: none; }\r\n    input, button, textarea, select { font: inherit; color: inherit; }\r\n    h1, h2, h3, h4, h5, h6 {\r\n      text-wrap: balance;\r\n      line-height: 1.15;\r\n      font-family: var(--font-display);\r\n    }\r\n    p, li, figcaption { text-wrap: pretty; max-width: 72ch; }\r\n    button { cursor: pointer; background: none; border: none; }\r\n    a { text-decoration: none; color: inherit; }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *, *::before, *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n\r\n    \/* ============================\r\n       LAYOUT UTILITIES\r\n    ============================ *\/\r\n    .container {\r\n      width: 100%;\r\n      max-width: var(--content-wide);\r\n      margin-inline: auto;\r\n      padding-inline: clamp(var(--space-4), 5vw, var(--space-12));\r\n    }\r\n    .container--narrow {\r\n      max-width: var(--content-narrow);\r\n      margin-inline: auto;\r\n    }\r\n    .section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n\r\n    \/* ============================\r\n       TYPOGRAPHY UTILITIES\r\n    ============================ *\/\r\n    .pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-1) var(--space-3);\r\n      background: var(--accent-light);\r\n      color: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 600;\r\n      letter-spacing: 0.03em;\r\n      text-transform: uppercase;\r\n    }\r\n    .pill--outline {\r\n      background: transparent;\r\n      border: 1.5px solid var(--accent);\r\n    }\r\n    .section-label {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n    }\r\n\r\n    \/* ============================\r\n       BUTTONS\r\n    ============================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: 0.75rem 1.5rem;\r\n      border-radius: var(--radius-lg);\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      transition:\r\n        background var(--transition-interactive),\r\n        color var(--transition-interactive),\r\n        box-shadow var(--transition-interactive),\r\n        transform var(--transition-interactive),\r\n        border-color var(--transition-interactive);\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n    }\r\n    .btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }\r\n    .btn:active { transform: translateY(0); box-shadow: var(--shadow-sm); }\r\n    .btn--primary {\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--primary:hover { background: var(--accent-hover); }\r\n    .btn--primary:active { background: var(--accent-active); }\r\n    .btn--ghost {\r\n      background: transparent;\r\n      color: var(--color-text);\r\n      border: 2px solid var(--color-border);\r\n    }\r\n    .btn--ghost:hover { border-color: var(--accent); color: var(--accent); }\r\n    .btn--ghost-white {\r\n      background: transparent;\r\n      color: #fff;\r\n      border: 2px solid rgba(255,255,255,0.4);\r\n    }\r\n    .btn--ghost-white:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\r\n    .btn--white {\r\n      background: #fff;\r\n      color: var(--accent);\r\n      border: 2px solid transparent;\r\n    }\r\n    .btn--white:hover { background: #F0EFFF; }\r\n    .btn--lg {\r\n      padding: 0.875rem 2rem;\r\n      font-size: var(--text-base);\r\n      border-radius: var(--radius-xl);\r\n    }\r\n\r\n    \/* ============================\r\n       NAVIGATION\r\n    ============================ *\/\r\n    .nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 100;\r\n      background: rgba(255,255,255,0.9);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border-bottom: 1px solid var(--color-border);\r\n    }\r\n    .nav__inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      height: 68px;\r\n      gap: var(--space-6);\r\n    }\r\n    .nav__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n    }\r\n    .nav__logo-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      background: transparent;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .nav__links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-6);\r\n      list-style: none;\r\n    }\r\n    .nav__links a {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .nav__links a:hover { color: var(--color-text); }\r\n    .nav__signin {\r\n      font-size: var(--text-sm);\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition-interactive);\r\n      text-decoration: none;\r\n      padding: 0.375rem 0;\r\n    }\r\n    .nav__signin:hover { color: var(--color-text); }\r\n    .btn--nav-cta {\r\n      padding: 0.5rem 1.125rem;\r\n      font-size: 0.8125rem;\r\n      border-radius: var(--radius-full);\r\n      font-weight: 700;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      border: none;\r\n      transition: background var(--transition-interactive), transform var(--transition-interactive);\r\n      white-space: nowrap;\r\n    }\r\n    .btn--nav-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    .nav__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      flex-shrink: 0;\r\n      margin-left: auto;\r\n    }\r\n    .nav__mobile-toggle {\r\n      display: none;\r\n      padding: var(--space-2);\r\n      color: var(--color-text);\r\n      border-radius: var(--radius-md);\r\n      transition: background var(--transition-interactive);\r\n    }\r\n    .nav__mobile-toggle:hover { background: var(--color-surface-2); }\r\n    @media (max-width: 900px) {\r\n      .nav__links { display: none; }\r\n      .nav__mobile-toggle { display: flex; }\r\n      .nav__actions .btn--ghost { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .nav__actions .btn--primary { padding: 0.5rem 0.875rem; font-size: var(--text-xs); }\r\n    }\r\n\r\n    \/* ============================\r\n       MEGA-MENU \u2014 ROBUSTE\r\n    ============================ *\/\r\n    .nav__item { position: static; }\r\n    .nav__item--mega { position: static; }\r\n    .nav__item--mega > a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .nav__item--mega > a .mm-chevron {\r\n      width: 10px; height: 10px;\r\n      border-right: 1.5px solid currentColor;\r\n      border-bottom: 1.5px solid currentColor;\r\n      transform: rotate(45deg) translateY(-2px);\r\n      transition: transform 200ms ease;\r\n      display: inline-block;\r\n      flex-shrink: 0;\r\n    }\r\n    .nav__item--mega.mm-open > a .mm-chevron {\r\n      transform: rotate(-135deg) translateY(2px);\r\n    }\r\n    .nav__inner { position: relative; }\r\n    .megamenu {\r\n      position: absolute;\r\n      top: calc(100% + 8px);\r\n      left: 0;\r\n      transform: translateY(4px);\r\n      width: min(860px, 92vw);\r\n      background: #fff;\r\n      border: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 18px;\r\n      box-shadow: 0 8px 16px rgba(15,23,42,0.06), 0 24px 56px rgba(15,23,42,0.12);\r\n      z-index: 300;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 180ms;\r\n      overflow: hidden;\r\n    }\r\n    .nav__item--mega.mm-open .megamenu {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      transform: translateY(0);\r\n      transition: opacity 180ms ease, transform 180ms ease, visibility 0ms 0ms;\r\n    }\r\n    .megamenu::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 0; right: 0;\r\n      height: 16px;\r\n      background: transparent;\r\n    }\r\n    .megamenu::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -5px;\r\n      left: 48px;\r\n      transform: rotate(45deg);\r\n      width: 10px; height: 10px;\r\n      background: #fff;\r\n      border-top: 1px solid rgba(15,23,42,0.08);\r\n      border-left: 1px solid rgba(15,23,42,0.08);\r\n      border-radius: 2px;\r\n    }\r\n    .megamenu__inner {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      padding: 28px 28px 0;\r\n    }\r\n    .megamenu__col {\r\n      padding: 0 18px 24px;\r\n      border-right: 1px solid rgba(15,23,42,0.06);\r\n    }\r\n    .megamenu__col:first-child { padding-left: 0; }\r\n    .megamenu__col:last-child { border-right: none; padding-right: 0; }\r\n    .megamenu__col-label {\r\n      font-size: 0.65rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-faint);\r\n      margin-bottom: 14px;\r\n      padding-bottom: 8px;\r\n      border-bottom: 1px solid rgba(15,23,42,0.05);\r\n    }\r\n    .megamenu__items { display: flex; flex-direction: column; gap: 2px; }\r\n    .megamenu__item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      padding: 9px 10px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      transition: background 130ms ease;\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n    .megamenu__item:hover { background: #F8F9FF; }\r\n    .megamenu__item:hover .megamenu__item-label { color: var(--accent); }\r\n    .megamenu__item-icon {\r\n      width: 32px; height: 32px; flex-shrink: 0;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.08), rgba(59,130,246,0.08));\r\n      border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__item-label {\r\n      font-size: 0.8125rem;\r\n      font-weight: 700;\r\n      color: var(--color-text);\r\n      line-height: 1.3;\r\n      transition: color 130ms ease;\r\n    }\r\n    .megamenu__item-desc {\r\n      font-size: 0.7rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.4;\r\n      margin-top: 1px;\r\n    }\r\n    .megamenu__footer {\r\n      margin: 8px 0 0;\r\n      padding: 16px 28px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.04), rgba(59,130,246,0.04));\r\n      border-top: 1px solid rgba(79,70,229,0.08);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n    }\r\n    .megamenu__footer-text {\r\n      font-size: 0.8125rem;\r\n      color: var(--color-text-muted);\r\n    }\r\n    .megamenu__footer-text strong { color: var(--color-text); }\r\n    .megamenu__footer-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      padding: 0.45rem 1.1rem;\r\n      background: var(--accent);\r\n      color: #fff !important;\r\n      text-decoration: none !important;\r\n      border-radius: var(--radius-full);\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      transition: background 150ms ease, transform 150ms ease;\r\n      flex-shrink: 0;\r\n    }\r\n    .megamenu__footer-cta:hover { background: var(--accent-hover); transform: translateY(-1px); }\r\n    @media (max-width: 1000px) {\r\n      .megamenu { display: none !important; }\r\n    }\r\n\r\n    \/* ============================\r\n       HERO\r\n    ============================ *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      background: var(--color-bg);\r\n    }\r\n    .hero__mesh {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n    .hero__mesh::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20%;\r\n      left: -10%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse at center, rgba(79, 70, 229, 0.12) 0%, transparent 70%);\r\n      animation: meshDrift1 12s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 10%;\r\n      right: -15%;\r\n      width: 60%;\r\n      height: 60%;\r\n      background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.10) 0%, transparent 70%);\r\n      animation: meshDrift2 15s ease-in-out infinite alternate;\r\n    }\r\n    .hero__mesh-3 {\r\n      position: absolute;\r\n      bottom: -10%;\r\n      left: 30%;\r\n      width: 50%;\r\n      height: 50%;\r\n      background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.07) 0%, transparent 70%);\r\n      animation: meshDrift3 18s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes meshDrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(4%, 5%) scale(1.06); } }\r\n    @keyframes meshDrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-5%, 4%) scale(1.08); } }\r\n    @keyframes meshDrift3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(3%, -6%) scale(1.04); } }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(var(--space-10), 5vw, var(--space-20));\r\n      align-items: center;\r\n    }\r\n    .hero__text { display: flex; flex-direction: column; gap: var(--space-5); }\r\n\r\n    \/* Breadcrumb *\/\r\n    .breadcrumb {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      font-size: var(--text-xs);\r\n      font-weight: 600;\r\n      color: var(--color-text-faint);\r\n      flex-wrap: wrap;\r\n    }\r\n    .breadcrumb a { color: var(--color-text-faint); transition: color var(--transition-interactive); }\r\n    .breadcrumb a:hover { color: var(--accent); }\r\n    .breadcrumb__sep { color: var(--color-border); font-size: 0.9em; }\r\n    .breadcrumb__current { color: var(--accent); }\r\n\r\n    .hero__pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-2) var(--space-4);\r\n      background: rgba(79, 70, 229, 0.08);\r\n      border: 1px solid rgba(79, 70, 229, 0.2);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      width: fit-content;\r\n      letter-spacing: 0.04em;\r\n    }\r\n    .hero__pill-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--accent);\r\n      border-radius: 50%;\r\n      animation: pulse 2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.5; transform: scale(0.85); }\r\n    }\r\n    .hero__h1 {\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1.1;\r\n    }\r\n    .hero__h1 span {\r\n      background: linear-gradient(135deg, var(--accent), var(--accent-2));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .hero__sub {\r\n      font-size: var(--text-lg);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n      max-width: 52ch;\r\n    }\r\n    .hero__ctas {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Hero visual \u2014 tech stack mockup *\/\r\n    .hero__visual { position: relative; }\r\n    .hero__mockup {\r\n      background: var(--navy);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-6);\r\n      box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255,255,255,0.05);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .hero__mockup::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -40%;\r\n      right: -20%;\r\n      width: 70%;\r\n      height: 70%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.25) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .mock-topbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: var(--space-5);\r\n      padding-bottom: var(--space-4);\r\n      border-bottom: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n    .mock-dots { display: flex; gap: var(--space-2); }\r\n    .mock-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n    .mock-dot--red { background: #FF5F57; }\r\n    .mock-dot--yellow { background: #FEBC2E; }\r\n    .mock-dot--green { background: #28C840; }\r\n    .mock-topbar-title {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 500;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    \/* Tech filter bar *\/\r\n    .mock-filter {\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      border-radius: var(--radius-lg);\r\n      padding: var(--space-3) var(--space-4);\r\n      margin-bottom: var(--space-4);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n    }\r\n    .mock-filter-label {\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.3);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.07em;\r\n      white-space: nowrap;\r\n    }\r\n    .mock-filter-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-1);\r\n      padding: 3px 10px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n    }\r\n    .mock-filter-tag--hs { background: rgba(255, 122, 0, 0.18); color: #FFA85C; border: 1px solid rgba(255,122,0,0.25); }\r\n    .mock-filter-tag--results {\r\n      margin-left: auto;\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.3);\r\n      font-weight: 600;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* Company cards with tech chips *\/\r\n    .mock-company {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-2);\r\n      padding: var(--space-4);\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-xl);\r\n      margin-bottom: var(--space-3);\r\n    }\r\n    .mock-company:last-child { margin-bottom: 0; }\r\n    .mock-company__top {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n    .mock-company__name {\r\n      font-size: var(--text-sm);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.85);\r\n    }\r\n    .mock-company__meta {\r\n      font-size: 10px;\r\n      color: rgba(255,255,255,0.3);\r\n      margin-top: 1px;\r\n    }\r\n    .mock-company__action {\r\n      padding: 4px 10px;\r\n      background: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      cursor: pointer;\r\n      transition: background var(--transition-interactive);\r\n      white-space: nowrap;\r\n    }\r\n    .mock-company__action:hover { background: var(--accent-hover); }\r\n    .mock-company__chips {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: var(--space-2);\r\n    }\r\n    .tech-chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      padding: 3px 9px;\r\n      border-radius: var(--radius-full);\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n    }\r\n    .tech-chip--hs   { background: rgba(255,122,0,0.14); color: #FFA85C; border: 1px solid rgba(255,122,0,0.22); }\r\n    .tech-chip--shop { background: rgba(149,191,71,0.15); color: #7DC832; border: 1px solid rgba(149,191,71,0.22); }\r\n    .tech-chip--ga   { background: rgba(251,188,4,0.14); color: #FBBC04; border: 1px solid rgba(251,188,4,0.20); }\r\n    .tech-chip--sf   { background: rgba(0,161,224,0.14); color: #00A1E0; border: 1px solid rgba(0,161,224,0.20); }\r\n    .tech-chip--mp   { background: rgba(79,70,229,0.16); color: #818CF8; border: 1px solid rgba(79,70,229,0.22); }\r\n\r\n    @media (max-width: 900px) {\r\n      .hero__content { grid-template-columns: 1fr; }\r\n      .hero__visual { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .hero__h1 { font-size: clamp(2rem, 8vw, 2.8rem); }\r\n      .hero__ctas { flex-direction: column; align-items: flex-start; }\r\n    }\r\n\r\n    \/* ============================\r\n       WHY TECHNOGRAPHICS (dark bg)\r\n    ============================ *\/\r\n    .why-section {\r\n      background: var(--navy);\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .why-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -20%; left: -10%;\r\n      width: 50%; height: 80%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.15) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .why-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -20%; right: -10%;\r\n      width: 40%; height: 60%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,0.10) 0%, transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .why-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .why-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .why-section__sub {\r\n      font-size: var(--text-base);\r\n      color: rgba(255,255,255,0.5);\r\n      max-width: 52ch;\r\n      margin-inline: auto;\r\n    }\r\n    .why-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-6);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .why-card {\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      border-radius: var(--radius-2xl);\r\n      padding: clamp(var(--space-6), 3vw, var(--space-8));\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      transition: border-color var(--transition-interactive), box-shadow var(--transition-interactive);\r\n    }\r\n    .why-card:hover {\r\n      border-color: rgba(79,70,229,0.35);\r\n      box-shadow: 0 0 0 1px rgba(79,70,229,0.2), var(--shadow-lg);\r\n    }\r\n    .why-card__icon {\r\n      width: 48px; height: 48px;\r\n      background: linear-gradient(135deg, rgba(79,70,229,0.2), rgba(59,130,246,0.2));\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #818CF8;\r\n    }\r\n    .why-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: #fff;\r\n    }\r\n    .why-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.55);\r\n      line-height: 1.7;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .why-cards { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       FEATURES GRID\r\n    ============================ *\/\r\n    .features-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .features-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .features-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .features-section__sub {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n    }\r\n    .features-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-5);\r\n    }\r\n    .feature-card {\r\n      background: var(--color-surface);\r\n      border: 1px solid var(--color-border);\r\n      border-radius: var(--radius-2xl);\r\n      padding: var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive), border-color var(--transition-interactive);\r\n    }\r\n    .feature-card:hover {\r\n      box-shadow: var(--shadow-lg);\r\n      transform: translateY(-2px);\r\n      border-color: rgba(79,70,229,0.2);\r\n    }\r\n    .feature-card__icon {\r\n      width: 48px; height: 48px;\r\n      background: var(--accent-light);\r\n      border-radius: var(--radius-xl);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent);\r\n    }\r\n    .feature-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .feature-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .features-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       HOW IT WORKS \u2014 3 STEPS\r\n    ============================ *\/\r\n    .how-section {\r\n      background: var(--color-surface);\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n    }\r\n    .how-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .how-section__h2 {\r\n      font-size: var(--text-2xl);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-4);\r\n    }\r\n    .steps-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: var(--space-6);\r\n      position: relative;\r\n    }\r\n    .steps-row::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 30px;\r\n      left: calc(16.67% + 24px);\r\n      right: calc(16.67% + 24px);\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--accent-light-2), rgba(79,70,229,0.05));\r\n      z-index: 0;\r\n    }\r\n    .step-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-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      position: relative;\r\n      z-index: 1;\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive);\r\n    }\r\n    .step-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }\r\n    .step-card__number {\r\n      width: 48px; height: 48px;\r\n      border-radius: 50%;\r\n      background: var(--accent);\r\n      color: #fff;\r\n      font-size: var(--text-lg);\r\n      font-weight: 800;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .step-card__title {\r\n      font-size: var(--text-base);\r\n      font-weight: 800;\r\n      color: var(--navy);\r\n    }\r\n    .step-card__desc {\r\n      font-size: var(--text-sm);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n    }\r\n    @media (max-width: 900px) {\r\n      .steps-row { grid-template-columns: 1fr; }\r\n      .steps-row::before { display: none; }\r\n    }\r\n\r\n    \/* ============================\r\n       USE CASES \u2014 2 CARDS\r\n    ============================ *\/\r\n    .use-cases-section {\r\n      padding-block: clamp(var(--space-16), 8vw, var(--space-24));\r\n      background: var(--color-bg);\r\n    }\r\n    .use-cases-section__header {\r\n      text-align: center;\r\n      margin-bottom: clamp(var(--space-10), 5vw, var(--space-16));\r\n    }\r\n    .use-cases-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    .use-cases-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: var(--space-6);\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: clamp(var(--space-6), 3vw, var(--space-10));\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-5);\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: box-shadow var(--transition-interactive), transform var(--transition-interactive);\r\n    }\r\n    .use-case-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }\r\n    .use-case-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%; right: -20%;\r\n      width: 60%; height: 60%;\r\n      background: radial-gradient(ellipse, rgba(79,70,229,0.06) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .use-case-card__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n      padding: var(--space-1) var(--space-3);\r\n      background: var(--accent-light);\r\n      color: var(--accent);\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.04em;\r\n      width: fit-content;\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      letter-spacing: -0.02em;\r\n    }\r\n    .use-case-card__desc {\r\n      font-size: var(--text-base);\r\n      color: var(--color-text-muted);\r\n      line-height: 1.7;\r\n    }\r\n    .use-case-card__chips {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: var(--space-2);\r\n    }\r\n    .uc-chip {\r\n      padding: 4px 12px;\r\n      border-radius: var(--radius-full);\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n    }\r\n    .uc-chip--accent { background: var(--accent-light); color: var(--accent); border: 1px solid rgba(79,70,229,0.15); }\r\n    .uc-chip--orange { background: rgba(255,122,0,0.1); color: #EA6500; border: 1px solid rgba(255,122,0,0.18); }\r\n    .uc-chip--green  { background: rgba(34,197,94,0.1); color: #16A34A; border: 1px solid rgba(34,197,94,0.18); }\r\n    @media (max-width: 700px) {\r\n      .use-cases-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    \/* ============================\r\n       FINAL CTA BANNER\r\n    ============================ *\/\r\n    .final-cta {\r\n      background: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #3B82F6 100%);\r\n      padding-block: clamp(var(--space-20), 10vw, 120px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n    .final-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -30%; left: -10%;\r\n      width: 60%; 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%; right: -5%;\r\n      width: 40%; 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__brand {}\r\n    .footer__logo {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n      margin-bottom: var(--space-2);\r\n    }\r\n    .footer__tagline {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.35);\r\n      font-weight: 600;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__brand-desc {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.4);\r\n      line-height: 1.7;\r\n      max-width: 32ch;\r\n    }\r\n    .footer__col-title {\r\n      font-size: var(--text-xs);\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,0.5);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n    .footer__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n      list-style: none;\r\n    }\r\n    .footer__links a {\r\n      font-size: var(--text-sm);\r\n      color: rgba(255,255,255,0.45);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__links a:hover { color: rgba(255,255,255,0.85); }\r\n    .footer__bottom {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: var(--space-4);\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer__copy {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n    }\r\n    .footer__legal {\r\n      display: flex;\r\n      gap: var(--space-5);\r\n    }\r\n    .footer__legal a {\r\n      font-size: var(--text-xs);\r\n      color: rgba(255,255,255,0.3);\r\n      transition: color var(--transition-interactive);\r\n    }\r\n    .footer__legal a:hover { color: rgba(255,255,255,0.6); }\r\n\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    .mt-2 { margin-top: var(--space-2); }\r\n    .mt-3 { margin-top: var(--space-3); }\r\n    .mt-4 { margin-top: var(--space-4); }\r\n    .mt-6 { margin-top: var(--space-6); }\r\n    .mt-8 { margin-top: var(--space-8); }\r\n    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }\r\n  <\/style>\r\n<section class=\"hero\" aria-labelledby=\"hero-heading\">\r\n    <div class=\"hero__mesh\" aria-hidden=\"true\">\r\n      <div class=\"hero__mesh-3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero__content\">\r\n        <!-- Text side -->\r\n        <div class=\"hero__text\">\r\n          <!-- Breadcrumb -->\r\n          <nav class=\"breadcrumb\" aria-label=\"Fil d'Ariane\">\r\n            <a href=\"#\">Fonctionnalit\u00e9s<\/a>\r\n            <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n            <a href=\"#\">Prospection &amp; Donn\u00e9es<\/a>\r\n            <span class=\"breadcrumb__sep\" aria-hidden=\"true\">\u203a<\/span>\r\n            <span class=\"breadcrumb__current\">Technographies<\/span>\r\n          <\/nav>\r\n\r\n          <!-- Pill -->\r\n          <div class=\"hero__pill\">\r\n            <span class=\"hero__pill-dot\" aria-hidden=\"true\"><\/span>\r\n            Intelligence commerciale\r\n          <\/div>\r\n\r\n          <!-- H1 -->\r\n          <h1 class=\"hero__h1\" id=\"hero-heading\">\r\n            Sachez exactement<br><span>quels outils utilisent<\/span><br>vos prospects.\r\n          <\/h1>\r\n\r\n          <p class=\"hero__sub\">\r\n            Filtrez les entreprises selon leur stack technologique. Identifiez les utilisateurs d'un concurrent, d'un outil compl\u00e9mentaire, et personnalisez votre approche.\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: tech stack mockup -->\r\n        <div class=\"hero__visual\" aria-hidden=\"true\">\r\n          <div class=\"hero__mockup\">\r\n            <div class=\"mock-topbar\">\r\n              <div class=\"mock-dots\">\r\n                <div class=\"mock-dot mock-dot--red\"><\/div>\r\n                <div class=\"mock-dot mock-dot--yellow\"><\/div>\r\n                <div class=\"mock-dot mock-dot--green\"><\/div>\r\n              <\/div>\r\n              <span class=\"mock-topbar-title\">Saalz \u2014 Recherche Technographies<\/span>\r\n              <div style=\"width:48px\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Filter bar -->\r\n            <div class=\"mock-filter\">\r\n              <span class=\"mock-filter-label\">Tech&nbsp;:<\/span>\r\n              <span class=\"mock-filter-tag mock-filter-tag--hs\">\u25cf HubSpot<\/span>\r\n              <span class=\"mock-filter-tag--results\">247 entreprises trouv\u00e9es<\/span>\r\n            <\/div>\r\n\r\n            <!-- Company 1 -->\r\n            <div class=\"mock-company\">\r\n              <div class=\"mock-company__top\">\r\n                <div>\r\n                  <div class=\"mock-company__name\">TechVenture SAS<\/div>\r\n                  <div class=\"mock-company__meta\">SaaS \u00b7 120 salari\u00e9s \u00b7 Paris<\/div>\r\n                <\/div>\r\n                <div class=\"mock-company__action\">Voir contacts<\/div>\r\n              <\/div>\r\n              <div class=\"mock-company__chips\">\r\n                <span class=\"tech-chip tech-chip--hs\">HubSpot<\/span>\r\n                <span class=\"tech-chip tech-chip--shop\">Shopify<\/span>\r\n                <span class=\"tech-chip tech-chip--ga\">Google Analytics<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Company 2 -->\r\n            <div class=\"mock-company\">\r\n              <div class=\"mock-company__top\">\r\n                <div>\r\n                  <div class=\"mock-company__name\">Nexcom Digital<\/div>\r\n                  <div class=\"mock-company__meta\">E-commerce \u00b7 45 salari\u00e9s \u00b7 Lyon<\/div>\r\n                <\/div>\r\n                <div class=\"mock-company__action\">Voir contacts<\/div>\r\n              <\/div>\r\n              <div class=\"mock-company__chips\">\r\n                <span class=\"tech-chip tech-chip--hs\">HubSpot<\/span>\r\n                <span class=\"tech-chip tech-chip--sf\">Salesforce<\/span>\r\n                <span class=\"tech-chip tech-chip--mp\">Mixpanel<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Company 3 -->\r\n            <div class=\"mock-company\">\r\n              <div class=\"mock-company__top\">\r\n                <div>\r\n                  <div class=\"mock-company__name\">Bproduction SARL<\/div>\r\n                  <div class=\"mock-company__meta\">Marketing \u00b7 28 salari\u00e9s \u00b7 Bordeaux<\/div>\r\n                <\/div>\r\n                <div class=\"mock-company__action\">Voir contacts<\/div>\r\n              <\/div>\r\n              <div class=\"mock-company__chips\">\r\n                <span class=\"tech-chip tech-chip--hs\">HubSpot<\/span>\r\n                <span class=\"tech-chip tech-chip--ga\">Google Analytics<\/span>\r\n                <span class=\"tech-chip tech-chip--mp\">Mixpanel<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       WHY TECHNOGRAPHICS MATTER (dark)\r\n  ================================ -->\r\n  <section class=\"why-section\" aria-labelledby=\"why-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"why-section__header reveal\">\r\n        <div style=\"font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#818CF8;margin-bottom:12px;\">AVANTAGE CONCURRENTIEL<\/div>\r\n        <h2 class=\"why-section__h2\" id=\"why-heading\">Conna\u00eetre la stack de votre prospect change tout.<\/h2>\r\n        <p class=\"why-section__sub\">Chaque outil qu'utilise votre prospect est une opportunit\u00e9 d'entrer dans la conversation avec le bon contexte.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-cards\">\r\n        <div class=\"why-card reveal reveal--delay-1\">\r\n          <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 8v4l3 3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"why-card__title\">Pertinence imm\u00e9diate<\/div>\r\n          <div class=\"why-card__desc\">Vous savez d\u00e8s le d\u00e9part si votre solution s'int\u00e8gre, compl\u00e8te ou remplace un outil existant. Fini les approches \u00e0 l'aveugle.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"why-card reveal reveal--delay-2\">\r\n          <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n              <path d=\"M8 10h8M8 14h4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"why-card__title\">Personnalisation ultra-cibl\u00e9e<\/div>\r\n          <div class=\"why-card__desc\">Mentionnez leur outil dans votre accroche \u2014 <em style=\"color:rgba(255,255,255,0.75);\">\u00ab&nbsp;Je vois que vous utilisez HubSpot\u2026&nbsp;\u00bb<\/em> \u2014 et votre taux de r\u00e9ponse est multipli\u00e9.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"why-card reveal reveal--delay-3\">\r\n          <div class=\"why-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n              <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"why-card__title\">Qualification acc\u00e9l\u00e9r\u00e9e<\/div>\r\n          <div class=\"why-card__desc\">\u00c9liminez les prospects non compatibles avant m\u00eame de les contacter. Concentrez votre \u00e9nergie l\u00e0 o\u00f9 elle g\u00e9n\u00e8re des deals.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       FEATURES GRID (3 columns)\r\n  ================================ -->\r\n  <section class=\"features-section\" aria-labelledby=\"features-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"features-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M6 1l1.2 2.4L10 4.2 8 6.1l.5 2.9L6 7.6 3.5 9l.5-2.9L2 4.2l2.8-.8L6 1z\"\/><\/svg>\r\n          Ce que vous pouvez faire\r\n        <\/span>\r\n        <h2 class=\"features-section__h2\" id=\"features-heading\">Tout ce dont vous avez besoin pour prospecter avec le contexte.<\/h2>\r\n        <p class=\"features-section__sub\">Six capacit\u00e9s cl\u00e9s pour transformer la technographie en avantage commercial.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"features-grid\">\r\n        <!-- 1 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/>\r\n              <path d=\"M8 11h6M11 8v6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Filtre par technologie<\/div>\r\n          <div class=\"feature-card__desc\">Trouvez toutes les entreprises qui utilisent un outil pr\u00e9cis. HubSpot, Shopify, Salesforce \u2014 saisissez n'importe quel nom de solution.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 2 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">D\u00e9tection multi-cat\u00e9gories<\/div>\r\n          <div class=\"feature-card__desc\">CRM, marketing automation, e-commerce, analytics, support client, RH\u2026 toutes les grandes cat\u00e9gories technologiques sont couvertes.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 3 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Combinaison avec autres filtres<\/div>\r\n          <div class=\"feature-card__desc\">Associez technographie + secteur d'activit\u00e9 + taille d'entreprise + pays pour des listes de prospects ultra-pr\u00e9cises.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 4 -->\r\n        <div class=\"feature-card reveal reveal--delay-1\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Acc\u00e8s direct aux contacts<\/div>\r\n          <div class=\"feature-card__desc\">De la tech stack aux d\u00e9cideurs en 1 clic. Trouvez le CTO, le CMO ou le DG de chaque entreprise identifi\u00e9e.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 5 -->\r\n        <div class=\"feature-card reveal reveal--delay-2\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\r\n              <polyline points=\"17 6 23 6 23 12\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Signal de remplacement<\/div>\r\n          <div class=\"feature-card__desc\">Identifiez les utilisateurs d'un outil concurrent. Ce sont vos meilleurs prospects \u2014 d\u00e9j\u00e0 convaincus de la valeur de la cat\u00e9gorie.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 6 -->\r\n        <div class=\"feature-card reveal reveal--delay-3\">\r\n          <div class=\"feature-card__icon\" aria-hidden=\"true\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"feature-card__title\">Donn\u00e9es issues de signaux web<\/div>\r\n          <div class=\"feature-card__desc\">D\u00e9tection publique bas\u00e9e sur les traces technologiques accessibles sur le web. Aucune intrusion, 100 % RGPD-compatible.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       HOW IT WORKS \u2014 3 STEPS\r\n  ================================ -->\r\n  <section class=\"how-section\" aria-labelledby=\"how-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"how-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"6\" cy=\"6\" r=\"4\"\/><path d=\"M6 4v2l1.5 1.5\"\/><\/svg>\r\n          Comment \u00e7a marche\r\n        <\/span>\r\n        <h2 class=\"how-section__h2\" id=\"how-heading\">De la technologie \u00e0 la prise de contact en 3 \u00e9tapes.<\/h2>\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-card__number\" aria-label=\"\u00c9tape 1\">1<\/div>\r\n          <div class=\"step-card__title\">Choisissez une technologie<\/div>\r\n          <div class=\"step-card__desc\">Saisissez le nom d'un outil dans la barre de filtres \u2014 HubSpot, Shopify, Salesforce, ActiveCampaign, Mailchimp\u2026 Saalz comprend des centaines de solutions.<\/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-card__number\" aria-label=\"\u00c9tape 2\">2<\/div>\r\n          <div class=\"step-card__title\">Consultez les entreprises<\/div>\r\n          <div class=\"step-card__desc\">Obtenez la liste compl\u00e8te des entreprises qui utilisent cet outil, avec leur secteur, leur taille, leur localisation et leurs autres technologies d\u00e9tect\u00e9es.<\/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-card__number\" aria-label=\"\u00c9tape 3\">3<\/div>\r\n          <div class=\"step-card__title\">Engagez avec pertinence<\/div>\r\n          <div class=\"step-card__desc\">Acc\u00e9dez aux contacts d\u00e9cideurs et personnalisez votre approche d\u00e8s le premier message. Mentionnez leur outil \u2014 et cr\u00e9ez une accroche qui r\u00e9sonne.<\/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-section\" aria-labelledby=\"use-cases-heading\">\r\n    <div class=\"container\">\r\n      <div class=\"use-cases-section__header reveal\">\r\n        <span class=\"pill\" style=\"margin-bottom:var(--space-4);display:inline-flex;\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M4 6l2 2 4-4\"\/><\/svg>\r\n          Cas d'usage\r\n        <\/span>\r\n        <h2 class=\"use-cases-section__h2\" id=\"use-cases-heading\">Des exemples concrets pour votre strat\u00e9gie.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"use-cases-grid\">\r\n        <!-- Use case 1 -->\r\n        <article class=\"use-case-card reveal reveal--delay-1\">\r\n          <div class=\"use-case-card__label\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 3l6 6M9 3L3 9\"\/><\/svg>\r\n            Concurrent direct\r\n          <\/div>\r\n          <h3 class=\"use-case-card__title\">Vous concurrencez HubSpot<\/h3>\r\n          <p class=\"use-case-card__desc\">Trouvez toutes les PME qui utilisent HubSpot et proposez une alternative plus simple et moins ch\u00e8re. Ces entreprises sont d\u00e9j\u00e0 convaincues qu'un CRM marketing est indispensable \u2014 il ne reste qu'\u00e0 les convaincre de passer \u00e0 vous.<\/p>\r\n          <div class=\"use-case-card__chips\">\r\n            <span class=\"uc-chip uc-chip--orange\">HubSpot<\/span>\r\n            <span class=\"uc-chip uc-chip--accent\">Signal remplacement<\/span>\r\n            <span class=\"uc-chip uc-chip--accent\">Filtre PME<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Use case 2 -->\r\n        <article class=\"use-case-card reveal reveal--delay-2\">\r\n          <div class=\"use-case-card__label\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n            Outil compl\u00e9mentaire\r\n          <\/div>\r\n          <h3 class=\"use-case-card__title\">Vous vous int\u00e9grez \u00e0 Shopify<\/h3>\r\n          <p class=\"use-case-card__desc\">Ciblez les e-commerces sous Shopify pour leur pr\u00e9senter votre solution compl\u00e9mentaire. Un prospect qui utilise d\u00e9j\u00e0 Shopify est un prospect qualifi\u00e9 \u2014 il n'a pas besoin d'\u00eatre convaincu de la plateforme, seulement de votre valeur ajout\u00e9e.<\/p>\r\n          <div class=\"use-case-card__chips\">\r\n            <span class=\"uc-chip uc-chip--green\">Shopify<\/span>\r\n            <span class=\"uc-chip uc-chip--accent\">Int\u00e9gration native<\/span>\r\n            <span class=\"uc-chip uc-chip--accent\">E-commerce<\/span>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================================\r\n       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\">Prospectez avec le bon contexte, d\u00e8s le premier message.<\/h2>\r\n        <p class=\"final-cta__sub\">Acc\u00e9dez aux technographies de vos prospects et transformez chaque prise de contact en opportunit\u00e9 qualifi\u00e9e.<\/p>\r\n        <div class=\"final-cta__actions\">\r\n          <a href=\"\/fr\/inscription\/\" class=\"btn btn--white btn--lg\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M9 1v16M1 9h16\"\/><\/svg>\r\n            Commencer gratuitement\r\n          <\/a>\r\n          <a href=\"https:\/\/calendly.com\/saalz\/saalz-demo-45\" class=\"btn btn--ghost-white btn--lg\" rel=\"noopener\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"8\"\/><path d=\"M7 6l5 3-5 3V6z\" fill=\"currentColor\"\/><\/svg>\r\n            Voir la d\u00e9mo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fonctionnalit\u00e9s \u203a Prospection &amp; Donn\u00e9es \u203a Technographies Intelligence commerciale Sachez exactementquels outils utilisentvos prospects. Filtrez les entreprises selon leur stack technologique. Identifiez les utilisateurs d&rsquo;un concurrent, d&rsquo;un outil compl\u00e9mentaire, et personnalisez votre approche. Commencer gratuitement Voir la d\u00e9mo \u2192 Saalz \u2014 Recherche Technographies Tech&nbsp;: \u25cf HubSpot 247 entreprises trouv\u00e9es TechVenture SAS SaaS \u00b7 120 salari\u00e9s &hellip; <a href=\"https:\/\/dev.saalz.com\/fr\/fonctionnalites-prospection\/technographies\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Technographies<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":12282,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-new.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12295","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12295","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=12295"}],"version-history":[{"count":12,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12295\/revisions"}],"predecessor-version":[{"id":12796,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12295\/revisions\/12796"}],"up":[{"embeddable":true,"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/pages\/12282"}],"wp:attachment":[{"href":"https:\/\/dev.saalz.com\/fr\/wp-json\/wp\/v2\/media?parent=12295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}