{"id":23403,"date":"2026-03-20T11:06:53","date_gmt":"2026-03-20T10:06:53","guid":{"rendered":"https:\/\/fourdata.io\/?page_id=23403"},"modified":"2026-03-26T11:48:08","modified_gmt":"2026-03-26T10:48:08","slug":"plateformes","status":"publish","type":"page","link":"https:\/\/fourdata.io\/fr\/solutions\/plateformes\/","title":{"rendered":"Plateforme &#8211; Desk &#038; Sens"},"content":{"rendered":"<div id=\"fd-s-683a046a45\" class=\"fd-blocks-root fd-section-block fd-shadow-wrap\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 1 : HERO\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-plat-hero {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  min-height: 88vh;\r\n  background: #002b49;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-plat-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background-image:\r\n    linear-gradient(rgba(59,183,237,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(59,183,237,0.04) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-plat-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(ellipse at 20% 50%, rgba(59,183,237,0.1) 0%, transparent 60%),\r\n    radial-gradient(ellipse at 80% 30%, rgba(76,175,80,0.06) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-plat-hero-inner {\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 100px 40px 80px;\r\n  display: grid;\r\n  grid-template-columns: 55fr 45fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Breadcrumb *\/\r\n.fd-plat-breadcrumb {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 24px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n}\r\n\r\n.fd-plat-breadcrumb a {\r\n  color: rgba(255,255,255,0.5);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.fd-plat-breadcrumb a:hover {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-plat-breadcrumb .fd-bc-sep {\r\n  color: rgba(255,255,255,0.3);\r\n  font-size: 11px;\r\n}\r\n\r\n.fd-plat-breadcrumb .fd-bc-current {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-plat-hero-text h1 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 46px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  line-height: 1.15;\r\n  margin: 0 0 24px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-plat-hero-text h1 em {\r\n  color: #3BB7ED;\r\n  font-style: normal;\r\n  position: relative;\r\n}\r\n\r\n.fd-plat-hero-text h1 em::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 2px;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: linear-gradient(90deg, rgba(59,183,237,0.4), rgba(76,175,80,0.3));\r\n  border-radius: 3px;\r\n  z-index: -1;\r\n}\r\n\r\n.fd-plat-hero-text .fd-hero-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 17px;\r\n  color: rgba(255,255,255,0.8);\r\n  line-height: 1.75;\r\n  margin: 0 0 16px;\r\n  max-width: 540px;\r\n}\r\n\r\n.fd-plat-hero-text .fd-hero-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.55);\r\n  line-height: 1.7;\r\n  margin: 0 0 32px;\r\n  max-width: 540px;\r\n}\r\n\r\n\/* Dual CTA buttons *\/\r\n.fd-hero-ctas {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.fd-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  background: #3BB7ED;\r\n  border: 2px solid #3BB7ED;\r\n  border-radius: 8px;\r\n  padding: 13px 32px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.fd-btn-primary:hover {\r\n  background: #2ba5d8;\r\n  border-color: #2ba5d8;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(59,183,237,0.35);\r\n}\r\n\r\n.fd-btn-outline {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: rgba(255,255,255,0.9);\r\n  background: transparent;\r\n  border: 2px solid rgba(255,255,255,0.35);\r\n  border-radius: 8px;\r\n  padding: 13px 32px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.fd-btn-outline:hover {\r\n  border-color: #ffffff;\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n\/* Dual mockup visual *\/\r\n.fd-plat-hero-visuals {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 24px;\r\n  position: relative;\r\n}\r\n\r\n\/* Connector line between mockups *\/\r\n.fd-plat-hero-visuals::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 40px;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, rgba(59,183,237,0.4), rgba(76,175,80,0.4));\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 4;\r\n  border-radius: 1px;\r\n}\r\n\r\n\/* Desktop mockup *\/\r\n.fd-hero-mockup-desktop {\r\n  width: 300px;\r\n  background: #001a2e;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(59,183,237,0.1);\r\n  transform: perspective(900px) rotateY(-3deg);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.fd-hero-mockup-desktop:hover {\r\n  transform: perspective(900px) rotateY(0deg);\r\n}\r\n\r\n.fd-hero-mockup-desktop .fd-mock-bar {\r\n  background: #00101f;\r\n  padding: 10px 14px;\r\n  display: flex;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n\r\n.fd-mock-dot {\r\n  width: 7px; height: 7px; border-radius: 50%;\r\n}\r\n\r\n.fd-mock-dot:nth-child(1) { background: #ff5f57; }\r\n.fd-mock-dot:nth-child(2) { background: #febc2e; }\r\n.fd-mock-dot:nth-child(3) { background: #28c840; }\r\n\r\n.fd-hero-mockup-desktop .fd-mock-body {\r\n  padding: 14px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.fd-mock-row {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n\r\n.fd-mock-sidebar {\r\n  width: 44px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n}\r\n\r\n.fd-mock-sidebar-item {\r\n  height: 6px;\r\n  border-radius: 3px;\r\n  background: rgba(59,183,237,0.15);\r\n}\r\n\r\n.fd-mock-sidebar-item.active {\r\n  background: rgba(59,183,237,0.4);\r\n}\r\n\r\n.fd-mock-main {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-mock-line {\r\n  height: 5px;\r\n  border-radius: 3px;\r\n  background: rgba(59,183,237,0.2);\r\n}\r\n\r\n.fd-mock-line.w50 { width: 50%; }\r\n.fd-mock-line.w70 { width: 70%; }\r\n.fd-mock-line.w90 { width: 90%; }\r\n.fd-mock-line.w40 { width: 40%; }\r\n\r\n.fd-mock-cards-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 6px;\r\n}\r\n\r\n.fd-mock-mini-card {\r\n  height: 32px;\r\n  border-radius: 5px;\r\n  background: rgba(59,183,237,0.06);\r\n  border: 1px solid rgba(59,183,237,0.1);\r\n}\r\n\r\n.fd-mock-map {\r\n  height: 55px;\r\n  border-radius: 5px;\r\n  background: linear-gradient(135deg, rgba(59,183,237,0.06) 0%, rgba(59,183,237,0.12) 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-mock-map-pin {\r\n  position: absolute;\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: #3BB7ED;\r\n  box-shadow: 0 0 6px rgba(59,183,237,0.5);\r\n}\r\n\r\n.fd-mock-map-pin:nth-child(1) { top: 14px; left: 22%; }\r\n.fd-mock-map-pin:nth-child(2) { top: 30px; left: 55%; }\r\n.fd-mock-map-pin:nth-child(3) { top: 20px; left: 78%; }\r\n\r\n\/* Mobile mockup *\/\r\n.fd-hero-mockup-mobile {\r\n  width: 110px;\r\n  background: #001a2e;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(76,175,80,0.12);\r\n  animation: fd-float-plat 5s ease-in-out infinite;\r\n  position: relative;\r\n  top: 24px;\r\n}\r\n\r\n@keyframes fd-float-plat {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-10px); }\r\n}\r\n\r\n.fd-hero-mockup-mobile .fd-mock-notch {\r\n  background: #00101f;\r\n  height: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-mock-notch-pill {\r\n  width: 30px; height: 4px; border-radius: 2px;\r\n  background: rgba(255,255,255,0.12);\r\n}\r\n\r\n.fd-hero-mockup-mobile .fd-mock-body {\r\n  padding: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n\r\n.fd-mock-gauge-circle {\r\n  width: 48px; height: 48px;\r\n  border-radius: 50%;\r\n  border: 3px solid #4CAF50;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 6px 0;\r\n}\r\n\r\n.fd-mock-gauge-circle span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  color: #4CAF50;\r\n}\r\n\r\n.fd-mock-line-sm {\r\n  height: 4px;\r\n  border-radius: 2px;\r\n  background: rgba(76,175,80,0.2);\r\n}\r\n\r\n.fd-mock-line-sm.w60 { width: 60%; }\r\n.fd-mock-line-sm.w80 { width: 80%; }\r\n.fd-mock-line-sm.w45 { width: 45%; }\r\n\r\n\/* Badge labels on mockups *\/\r\n.fd-mock-badge {\r\n  position: absolute;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.06em;\r\n  padding: 3px 10px;\r\n  border-radius: 20px;\r\n  bottom: -14px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 3;\r\n}\r\n\r\n.fd-mock-badge-desk {\r\n  background: #3BB7ED;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-mock-badge-sens {\r\n  background: #4CAF50;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.fd-plat-scroll {\r\n  position: absolute;\r\n  bottom: 32px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 3;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-plat-scroll span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: rgba(255,255,255,0.35);\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fd-plat-scroll-line {\r\n  width: 1px;\r\n  height: 32px;\r\n  background: linear-gradient(to bottom, rgba(59,183,237,0.5), transparent);\r\n  animation: fd-scroll-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fd-scroll-pulse {\r\n  0%, 100% { opacity: 0.4; transform: scaleY(1); }\r\n  50% { opacity: 1; transform: scaleY(1.2); }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-plat-hero-inner {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n  .fd-plat-hero-text .fd-hero-desc,\r\n  .fd-plat-hero-text .fd-hero-sub {\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  .fd-hero-ctas { justify-content: center; }\r\n  .fd-plat-breadcrumb { justify-content: center; }\r\n  .fd-plat-hero-visuals { margin-top: 16px; }\r\n  .fd-plat-hero-text h1 { font-size: 36px; }\r\n  .fd-plat-scroll { display: none; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-plat-hero { min-height: auto; }\r\n  .fd-plat-hero-inner { padding: 64px 24px; gap: 40px; }\r\n  .fd-plat-hero-text h1 { font-size: 28px; }\r\n  .fd-hero-mockup-desktop { width: 200px; }\r\n  .fd-hero-mockup-mobile { width: 80px; }\r\n  .fd-hero-ctas { flex-direction: column; }\r\n  .fd-btn-primary, .fd-btn-outline { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-plat-hero\">\r\n  <div class=\"fd-plat-hero-inner\">\r\n    <div class=\"fd-plat-hero-text\">\r\n      <nav class=\"fd-plat-breadcrumb\">\r\n        <a href=\"\/\">Accueil<\/a>\r\n        <span class=\"fd-bc-sep\">\u203a<\/span>\r\n        <a href=\"\/fr\/solutions\/\">Solutions<\/a>\r\n        <span class=\"fd-bc-sep\">\u203a<\/span>\r\n        <span class=\"fd-bc-current\">Plateformes<\/span>\r\n      <\/nav>\r\n      <h1>DESK &amp; SENS : deux plateformes compl\u00e9mentaires pour le suivi de vos <em>stockages<\/em><\/h1>\r\n      <p class=\"fd-hero-desc\">Les capteurs collectent la donn\u00e9e. Les plateformes la transforment en d\u00e9cisions. Four Data met \u00e0 votre disposition deux interfaces logicielles pens\u00e9es pour des usages distincts mais compl\u00e9mentaires : DESK, la plateforme professionnelle qui vous donne une vision compl\u00e8te de votre parc d&rsquo;\u00e9quipements, et SENS, l&rsquo;application disponible sur mobile et navigateur web, qui permet \u00e0 vos clients finaux de suivre leurs cuves en toute autonomie.<\/p>\r\n      <p class=\"fd-hero-sub\">Ensemble, DESK et SENS couvrent l&rsquo;int\u00e9gralit\u00e9 de la cha\u00eene : du pilotage op\u00e9rationnel de centaines de capteurs \u00e0 la consultation d&rsquo;un niveau de cuve depuis un smartphone. Vous gardez le contr\u00f4le, vos clients gagnent en visibilit\u00e9.<\/p>\r\n      <div class=\"fd-hero-ctas\">\r\n        <a href=\"#demo\" class=\"fd-btn-primary\">Demander une d\u00e9mo <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg><\/a>\r\n        <a href=\"#comparatif\" class=\"fd-btn-outline\">Voir le comparatif<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fd-plat-hero-visuals\">\r\n      <div class=\"fd-hero-mockup-desktop\" style=\"position:relative;\">\r\n        <div class=\"fd-mock-bar\">\r\n          <div class=\"fd-mock-dot\"><\/div>\r\n          <div class=\"fd-mock-dot\"><\/div>\r\n          <div class=\"fd-mock-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"fd-mock-body\">\r\n          <div class=\"fd-mock-row\">\r\n            <div class=\"fd-mock-sidebar\">\r\n              <div class=\"fd-mock-sidebar-item active\"><\/div>\r\n              <div class=\"fd-mock-sidebar-item\"><\/div>\r\n              <div class=\"fd-mock-sidebar-item\"><\/div>\r\n              <div class=\"fd-mock-sidebar-item\"><\/div>\r\n            <\/div>\r\n            <div class=\"fd-mock-main\">\r\n              <div class=\"fd-mock-line w70\"><\/div>\r\n              <div class=\"fd-mock-line w50\"><\/div>\r\n              <div class=\"fd-mock-cards-row\">\r\n                <div class=\"fd-mock-mini-card\"><\/div>\r\n                <div class=\"fd-mock-mini-card\"><\/div>\r\n                <div class=\"fd-mock-mini-card\"><\/div>\r\n              <\/div>\r\n              <div class=\"fd-mock-map\">\r\n                <div class=\"fd-mock-map-pin\"><\/div>\r\n                <div class=\"fd-mock-map-pin\"><\/div>\r\n                <div class=\"fd-mock-map-pin\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"fd-mock-badge fd-mock-badge-desk\">DESK<\/span>\r\n      <\/div>\r\n      <div class=\"fd-hero-mockup-mobile\" style=\"position:relative;\">\r\n        <div class=\"fd-mock-notch\">\r\n          <div class=\"fd-mock-notch-pill\"><\/div>\r\n        <\/div>\r\n        <div class=\"fd-mock-body\">\r\n          <div class=\"fd-mock-line-sm w80\"><\/div>\r\n          <div class=\"fd-mock-gauge-circle\"><span>72%<\/span><\/div>\r\n          <div class=\"fd-mock-line-sm w60\"><\/div>\r\n          <div class=\"fd-mock-line-sm w45\"><\/div>\r\n          <div class=\"fd-mock-line-sm w80\"><\/div>\r\n        <\/div>\r\n        <span class=\"fd-mock-badge fd-mock-badge-sens\">SENS<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"fd-plat-scroll\">\r\n    <span>D\u00e9couvrir<\/span>\r\n    <div class=\"fd-plat-scroll-line\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 1b : OVERVIEW CARDS\r\n   Fond gris clair, section split DESK \/ SENS\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-p-platforms {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #f5f7fa;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-p-platforms-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n  margin-top: 56px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Card plateforme \u2014 glass effect *\/\r\n.fd-p-plat-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 24px rgba(0,43,73,0.06);\r\n  overflow: hidden;\r\n  transition: all 0.35s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fd-p-plat-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 40px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-p-plat-card-header {\r\n  padding: 32px 32px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.fd-p-plat-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 14px;\r\n  border-radius: 6px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fd-p-plat-badge-desk {\r\n  background: rgba(59,183,237,0.1);\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-p-plat-badge-sens {\r\n  background: rgba(76,175,80,0.1);\r\n  color: #4CAF50;\r\n}\r\n\r\n.fd-p-plat-badge-tag {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #8a9bab;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Mockup inside card *\/\r\n.fd-p-plat-mockup {\r\n  margin: 24px 32px;\r\n  background: linear-gradient(135deg, #f0f4f8 0%, #e4eaf0 100%);\r\n  border-radius: 10px;\r\n  padding: 0;\r\n  height: 200px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-p-plat-mockup img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  border-radius: 10px;\r\n}\r\n\r\n.fd-p-mock-desktop {\r\n  width: 220px;\r\n  background: #002b49;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.15);\r\n}\r\n\r\n.fd-p-mock-topbar {\r\n  background: #001d33;\r\n  padding: 5px 10px;\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-p-mdot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.2); }\r\n\r\n.fd-p-mock-body-inner {\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-p-mline {\r\n  height: 3px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.2);\r\n}\r\n\r\n.fd-p-mline.w50 { width: 50%; }\r\n.fd-p-mline.w70 { width: 70%; }\r\n.fd-p-mline.w40 { width: 40%; }\r\n.fd-p-mline.w90 { width: 90%; }\r\n\r\n.fd-p-mgrid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 3px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.fd-p-mcell {\r\n  height: 16px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.07);\r\n}\r\n\r\n.fd-p-mock-mobile {\r\n  width: 80px;\r\n  background: #002b49;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.15);\r\n}\r\n\r\n.fd-p-mock-mob-notch {\r\n  background: #001d33;\r\n  height: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-p-mock-mob-pill { width: 24px; height: 3px; border-radius: 2px; background: rgba(255,255,255,0.15); }\r\n\r\n.fd-p-mock-mob-body {\r\n  padding: 6px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-p-mock-gauge-sm {\r\n  width: 36px; height: 36px;\r\n  border-radius: 50%;\r\n  border: 2px solid #4CAF50;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-p-mock-gauge-sm span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  color: #4CAF50;\r\n}\r\n\r\n\/* Feature list *\/\r\n.fd-p-plat-card-body {\r\n  padding: 0 32px 32px;\r\n}\r\n\r\n.fd-p-plat-card-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-p-plat-card-features {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-p-plat-card-features li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.5;\r\n  padding-left: 20px;\r\n  position: relative;\r\n}\r\n\r\n.fd-p-plat-card-features li::before {\r\n  content: '\\2192';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 1px;\r\n  color: #3BB7ED;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* CTA inline *\/\r\n.fd-p-cta-center {\r\n  text-align: center;\r\n}\r\n\r\n.fd-p-link-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #3BB7ED;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-p-link-arrow svg {\r\n  width: 18px; height: 18px;\r\n  fill: #3BB7ED;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-p-link-arrow:hover { color: #2aa3d6; }\r\n.fd-p-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n@media (max-width: 991px) {\r\n  .fd-p-platforms-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-p-platforms { padding: 64px 0; }\r\n  .fd-p-plat-card-header { padding: 24px 24px 0; }\r\n  .fd-p-plat-mockup { margin: 16px 24px; height: 160px; }\r\n  .fd-p-plat-card-body { padding: 0 24px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-p-platforms\">\r\n  <div class=\"fd-p-container\" style=\"max-width:1200px;margin:0 auto;padding:0 40px;\">\r\n    <div class=\"fd-p-sh\" style=\"text-align:center;margin-bottom:56px;\">\r\n      <h2 style=\"font-family:'Inter',sans-serif;font-size:36px;font-weight:800;color:#002b49;margin:0 0 16px;letter-spacing:-0.3px;line-height:1.2;\">Des plateformes intuitives pour piloter vos donn\u00e9es<\/h2>\r\n      <p style=\"font-family:'Inter',sans-serif;font-size:16px;color:#5a6a78;line-height:1.7;max-width:760px;margin:20px auto 0;\">Les donn\u00e9es collect\u00e9es par les capteurs sont centralis\u00e9es sur deux plateformes compl\u00e9mentaires : DESK pour les professionnels et SENS pour les clients finaux.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-p-platforms-grid\">\r\n      <!-- DESK -->\r\n      <div class=\"fd-p-plat-card\">\r\n        <div class=\"fd-p-plat-card-header\">\r\n          <span class=\"fd-p-plat-badge fd-p-plat-badge-desk\">DESK<\/span>\r\n          <span class=\"fd-p-plat-badge-tag\">Plateforme professionnelle<\/span>\r\n        <\/div>\r\n        <div class=\"fd-p-plat-mockup\">\r\n          <img decoding=\"async\" src=\"https:\/\/fourdata.io\/wp-content\/uploads\/2026\/03\/DESK-presentation-1.gif\" alt=\"Plateforme DESK - tableau de bord\">\r\n        <\/div>\r\n        <div class=\"fd-p-plat-card-body\">\r\n          <h3 class=\"fd-p-plat-card-title\">Gestion centralis\u00e9e du parc<\/h3>\r\n          <ul class=\"fd-p-plat-card-features\">\r\n            <li>Tableau de bord en temps r\u00e9el avec carte interactive<\/li>\r\n            <li>Gestion multi-\u00e9quipements : cuves, citernes, compteurs, GPS, silos<\/li>\r\n            <li>Alertes param\u00e9trables par seuil, variation ou non-variation<\/li>\r\n            <li>CRM int\u00e9gr\u00e9 pour g\u00e9rer vos clients et espaces SENS<\/li>\r\n            <li>Acc\u00e8s API et compatibilit\u00e9 PTV GROUP<\/li>\r\n          <\/ul>\r\n          <a href=\"#desk\" class=\"fd-p-link-arrow\">D\u00e9couvrir la plateforme DESK <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SENS -->\r\n      <div class=\"fd-p-plat-card\">\r\n        <div class=\"fd-p-plat-card-header\">\r\n          <span class=\"fd-p-plat-badge fd-p-plat-badge-sens\">SENS<\/span>\r\n          <span class=\"fd-p-plat-badge-tag\">Application client<\/span>\r\n        <\/div>\r\n        <div class=\"fd-p-plat-mockup\">\r\n          <img decoding=\"async\" src=\"https:\/\/fourdata.io\/wp-content\/uploads\/2026\/03\/SEns-gif-page-solution-1.gif\" alt=\"Application SENS - suivi mobile\">\r\n        <\/div>\r\n        <div class=\"fd-p-plat-card-body\">\r\n          <h3 class=\"fd-p-plat-card-title\">Suivi autonome pour vos clients<\/h3>\r\n          <ul class=\"fd-p-plat-card-features\">\r\n            <li>Visualisation du niveau de cuve avec widgets personnalisables<\/li>\r\n            <li>Alertes push, SMS, email ou badge, \u00e0 la fr\u00e9quence souhait\u00e9e<\/li>\r\n            <li>Multi-espaces pour naviguer entre diff\u00e9rents fournisseurs<\/li>\r\n            <li>Module Order : commande automatique selon le niveau<\/li>\r\n            <li>Marque blanche : votre logo dans l&rsquo;espace client<\/li>\r\n          <\/ul>\r\n          <a href=\"#sens\" class=\"fd-p-link-arrow\">D\u00e9couvrir la plateforme SENS <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 1c : CAPTEURS\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-p-capteurs {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-p-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* Section header pattern *\/\r\n.fd-p-sh {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-p-sh h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  letter-spacing: -0.3px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.fd-p-sh h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 3px;\r\n  background: #3BB7ED;\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-p-sh p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  line-height: 1.7;\r\n  max-width: 760px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n\/* Zigzag intro *\/\r\n.fd-p-zz {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.fd-p-zz-text h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.fd-p-zz-text p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n\/* Check list *\/\r\n.fd-p-checklist {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fd-p-checklist li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.5;\r\n  padding-left: 32px;\r\n  position: relative;\r\n}\r\n\r\n.fd-p-checklist li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 1px;\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.1);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%233BB7ED'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n  background-size: 13px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n\/* Cards grille avec bordure top *\/\r\n.fd-p-cards-6 {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.fd-p-card-top {\r\n  background: #ffffff;\r\n  border: 1px solid #e8edf2;\r\n  border-top: 3px solid #3BB7ED;\r\n  border-radius: 0 0 12px 12px;\r\n  padding: 28px 24px;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-p-card-top:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 32px rgba(0,43,73,0.08);\r\n  border-top-color: #2aa3d6;\r\n}\r\n\r\n.fd-p-card-top-icon {\r\n  width: 48px; height: 48px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(59,183,237,0.12), rgba(59,183,237,0.04));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fd-p-card-top-icon svg {\r\n  width: 24px; height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-p-card-top h4 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.fd-p-card-top p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #5a6a78;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Tableau comparatif *\/\r\n.fd-p-table-header {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 24px;\r\n  text-align: center;\r\n}\r\n\r\n.fd-p-table-wrap {\r\n  overflow-x: auto;\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 20px rgba(0,43,73,0.06);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fd-p-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n}\r\n\r\n.fd-p-table thead th {\r\n  background: #002b49;\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  padding: 16px 24px;\r\n  text-align: left;\r\n  white-space: nowrap;\r\n}\r\n\r\n.fd-p-table thead th:first-child { border-radius: 12px 0 0 0; }\r\n.fd-p-table thead th:last-child { border-radius: 0 12px 0 0; }\r\n\r\n.fd-p-table thead th.fd-p-th-highlight {\r\n  background: #3BB7ED;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-p-table tbody tr { border-bottom: 1px solid #f0f2f5; }\r\n.fd-p-table tbody tr:nth-child(even) { background: #f8fafb; }\r\n.fd-p-table tbody tr:hover { background: #eef7fc; }\r\n\r\n.fd-p-table tbody td {\r\n  padding: 14px 24px;\r\n  color: #5a6a78;\r\n  vertical-align: middle;\r\n}\r\n\r\n.fd-p-table tbody td:first-child {\r\n  font-weight: 600;\r\n  color: #002b49;\r\n}\r\n\r\n\r\n.fd-p-badge-sm {\r\n  display: inline-block;\r\n  padding: 3px 10px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n.fd-p-badge-atex {\r\n  background: #FFF3E0;\r\n  color: #E65100;\r\n}\r\n\r\n.fd-p-badge-ip {\r\n  background: #E8F5E9;\r\n  color: #2E7D32;\r\n}\r\n\r\n\/* CTA inline *\/\r\n.fd-p-capteurs-cta-center {\r\n  text-align: center;\r\n}\r\n\r\n.fd-p-capteurs-link-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #3BB7ED;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-p-capteurs-link-arrow svg {\r\n  width: 18px; height: 18px;\r\n  fill: #3BB7ED;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-p-capteurs-link-arrow:hover { color: #2aa3d6; }\r\n.fd-p-capteurs-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n@media (max-width: 991px) {\r\n  .fd-p-zz { grid-template-columns: 1fr; }\r\n  .fd-p-cards-6 { grid-template-columns: repeat(2, 1fr); }\r\n  .fd-p-sh h2 { font-size: 30px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-p-capteurs { padding: 64px 0; }\r\n  .fd-p-container { padding: 0 24px; }\r\n  .fd-p-cards-6 { grid-template-columns: 1fr; }\r\n  .fd-p-sh h2 { font-size: 26px; }\r\n\r\n  .fd-p-table thead { display: none; }\r\n  .fd-p-table tbody tr {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #fff;\r\n    border: 1px solid #e8edf2;\r\n    border-radius: 10px;\r\n    margin-bottom: 12px;\r\n    padding: 16px;\r\n  }\r\n  .fd-p-table tbody tr:nth-child(even) { background: #fff; }\r\n  .fd-p-table tbody td {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 6px 0;\r\n    border-bottom: 1px solid #f0f2f5;\r\n  }\r\n  .fd-p-table tbody td:last-child { border-bottom: none; }\r\n  .fd-p-table tbody td::before {\r\n    content: attr(data-label);\r\n    font-weight: 600;\r\n    color: #002b49;\r\n    margin-right: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-p-capteurs\">\r\n  <div class=\"fd-p-container\">\r\n    <div class=\"fd-p-sh\">\r\n      <h2>Des capteurs IoT adapt\u00e9s \u00e0 chaque besoin<\/h2>\r\n      <p>Chaque cuve, chaque fluide et chaque environnement a ses contraintes. Four Data propose une gamme de capteurs couvrant l&rsquo;ensemble des cas d&rsquo;usage rencontr\u00e9s sur le terrain.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-p-zz\">\r\n      <div class=\"fd-p-zz-text\">\r\n        <h3>Des technologies connect\u00e9es adapt\u00e9es \u00e0 chaque environnement<\/h3>\r\n        <p>FOUR DATA s&rsquo;appuie sur plusieurs technologies de mesure et de suivi pour r\u00e9pondre \u00e0 la diversit\u00e9 des usages terrain : <strong>ultrason, pression, radar, ratiom\u00e9trique, capteur impulsion, GPS, automate connect\u00e9<\/strong>. Cette approche multi-technologique permet d&rsquo;adapter chaque solution \u00e0 la configuration du site, au produit stock\u00e9 et au niveau de supervision attendu, y compris en <strong>environnement ATEX<\/strong>.<\/p>\r\n        <ul class=\"fd-p-checklist\">\r\n          <li>Installation rapide, sans c\u00e2blage lourd ni alimentation externe selon les mod\u00e8les<\/li>\r\n          <li>Autonomie batterie longue dur\u00e9e<\/li>\r\n          <li>Versions compatibles <strong>ATEX<\/strong> pour les zones \u00e0 risque<\/li>\r\n          <li>Suivi de niveau, d&rsquo;\u00e9quipements, d&rsquo;impulsions et de localisation<\/li>\r\n          <li>Connectivit\u00e9 IoT basse consommation : <strong>LTE-M, LoRaWAN, Sigfox<\/strong> selon les mod\u00e8les<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div style=\"background:linear-gradient(135deg,#f0f8ff 0%,#e4f3fc 100%);border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:320px;\">\r\n        <div style=\"display:flex;flex-direction:column;gap:16px;width:100%;max-width:260px;\">\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">MESURE DE NIVEAU<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;\">Ultrason \u00b7 Radar \u00b7 Pression \u00b7 OCR<\/div><\/div>\r\n          <\/div>\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">SUPERVISION TERRAIN<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;\">Impulsion \u00b7 Automate connect\u00e9<\/div><\/div>\r\n          <\/div>\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">CONNECTIVIT\u00c9 &amp; MOBILIT\u00c9<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;font-weight:600;\">GPS \u00b7 IoT \u00b7 ATEX<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-p-cards-6\">\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 13V7h-2v6H7l5 5 5-5h-4zM4 19h16v2H4z\"><\/path><\/svg><\/div>\r\n        <h4>Int\u00e9gration sur mesure<\/h4>\r\n        <p>Selon les usages : capteur autonome, automate ou architecture d\u00e9di\u00e9e<\/p>\r\n      <\/div>\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.34C7 21.4 7.6 22 8.33 22h7.34c.73 0 1.33-.6 1.33-1.33V5.33C17 4.6 16.4 4 15.67 4z\"><\/path><\/svg><\/div>\r\n        <h4>+5 ans de batterie<\/h4>\r\n        <p>Autonomie longue dur\u00e9e, jusqu&rsquo;\u00e0 4 relev\u00e9s par jour<\/p>\r\n      <\/div>\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n        <h4>Robustesse terrain<\/h4>\r\n        <p>\u00c9quipements con\u00e7us pour des conditions ext\u00e9rieures exigeantes<\/p>\r\n      <\/div>\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5 12 21.04l3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12z\"><\/path><\/svg><\/div>\r\n        <h4>Certification ATEX<\/h4>\r\n        <p>Versions compatibles pour zones \u00e0 atmosph\u00e8re explosive<\/p>\r\n      <\/div>\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n        <h4>Multi-r\u00e9seaux<\/h4>\r\n        <p>LTE-M, Sigfox, LoRaWAN selon les mod\u00e8les<\/p>\r\n      <\/div>\r\n      <div class=\"fd-p-card-top\">\r\n        <div class=\"fd-p-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 6.14V2H7v4.14C4.01 7.54 2 10.5 2 14c0 4.42 4.03 8 9 8h2c4.97 0 9-3.58 9-8 0-3.5-2.01-6.46-5-7.86z\"><\/path><\/svg><\/div>\r\n        <h4>Multi-usages<\/h4>\r\n        <p>Liquides, gaz, comptage, localisation et supervision terrain<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <h3 class=\"fd-p-table-header\">Tableau comparatif des capteurs<\/h3>\r\n    <div class=\"fd-p-table-wrap\">\r\n      <table class=\"fd-p-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>Caract\u00e9ristique<\/th>\r\n            <th>NOVA ULTRASON<\/th>\r\n            <th class=\"fd-p-th-highlight\">NOVA RADAR<\/th>\r\n            <th>NOVA PRESSION<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Technologie<\/td>\r\n            <td data-label=\"NOVA ULTRASON\">Ultrasons<\/td>\r\n            <td data-label=\"NOVA RADAR\">Radar<\/td>\r\n            <td data-label=\"NOVA PRESSION\">Pression<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">R\u00e9seaux<\/td>\r\n            <td data-label=\"NOVA ULTRASON\">LTE-M \/ Sigfox<\/td>\r\n            <td data-label=\"NOVA RADAR\">LTE-M \/ LoRaWAN<\/td>\r\n            <td data-label=\"NOVA PRESSION\">Sigfox \/ LTE-M<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Fluides compatibles<\/td>\r\n            <td data-label=\"NOVA ULTRASON\">Fioul, GNR, AdBlue, eau<\/td>\r\n            <td data-label=\"NOVA RADAR\">Pellets, fioul, GNR, etc.<\/td>\r\n            <td data-label=\"NOVA PRESSION\">GPL, gaz liqu\u00e9fi\u00e9<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">\u00c9tanch\u00e9it\u00e9<\/td>\r\n            <td data-label=\"NOVA ULTRASON\"><span class=\"fd-p-badge-sm fd-p-badge-ip\">IP67<\/span><\/td>\r\n            <td data-label=\"NOVA RADAR\"><span class=\"fd-p-badge-sm fd-p-badge-ip\">IP68<\/span><\/td>\r\n            <td data-label=\"NOVA PRESSION\"><span class=\"fd-p-badge-sm fd-p-badge-ip\">IP68<\/span><\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Zone ATEX<\/td>\r\n            <td data-label=\"NOVA ULTRASON\">\u2014<\/td>\r\n            <td data-label=\"NOVA RADAR\"><span class=\"fd-p-badge-sm fd-p-badge-atex\">ATEX Zone 22 (II 3 D \u2013 Ex ic IIIC T85\u00b0C)<\/span><\/td>\r\n            <td data-label=\"NOVA PRESSION\"><span class=\"fd-p-badge-sm fd-p-badge-atex\">ATEX Ex ia IIB T3<\/span><\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Autonomie batterie<\/td>\r\n            <td data-label=\"NOVA ULTRASON\">+ de 5 ans<\/td>\r\n            <td data-label=\"NOVA RADAR\">+ de 5 ans<\/td>\r\n            <td data-label=\"NOVA PRESSION\">+ de 5 ans<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <div class=\"fd-p-capteurs-cta-center\">\r\n      <a href=\"\/fr\/solutions\/capteurs\/\" class=\"fd-p-capteurs-link-arrow\">\r\n        D\u00e9couvrir notre gamme de capteurs\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 2 : DESK\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-desk-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-desk-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-plat-sh {\r\n  text-align: center;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.fd-plat-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 6px 16px;\r\n  border-radius: 24px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fd-plat-badge-desk {\r\n  color: #3BB7ED;\r\n  background: rgba(59,183,237,0.08);\r\n  border: 1px solid rgba(59,183,237,0.15);\r\n}\r\n\r\n.fd-plat-sh h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 38px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0 0 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-plat-sh h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 4px;\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-desk-section .fd-plat-sh h2::after {\r\n  background: #3BB7ED;\r\n}\r\n\r\n.fd-plat-sh .fd-sh-subtitle {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  margin: 24px 0 0;\r\n}\r\n\r\n.fd-desk-section .fd-plat-sh .fd-sh-subtitle {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-plat-sh .fd-sh-intro {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  max-width: 760px;\r\n  margin: 16px auto 0;\r\n}\r\n\r\n\/* Zigzag feature blocks *\/\r\n.fd-desk-zz {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 72px;\r\n  padding-bottom: 72px;\r\n  border-bottom: 1px solid #edf0f4;\r\n}\r\n\r\n.fd-desk-zz:last-of-type {\r\n  border-bottom: none;\r\n  margin-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.fd-desk-zz.fd-reverse .fd-desk-zz-visual {\r\n  order: -1;\r\n}\r\n\r\n.fd-desk-zz-content h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.fd-desk-feat-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  background: rgba(59,183,237,0.08);\r\n  border: 1px solid rgba(59,183,237,0.12);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fd-desk-feat-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-desk-zz-content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 20px;\r\n}\r\n\r\n\/* Checklist *\/\r\n.fd-plat-checklist {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fd-plat-checklist li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.6;\r\n  padding-left: 30px;\r\n  position: relative;\r\n}\r\n\r\n.fd-plat-checklist.fd-check-cyan li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 2px;\r\n  width: 18px; height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.1);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%233BB7ED'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n  background-size: 11px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n\/* Visual card with gradient header (solutions pattern) *\/\r\n.fd-desk-zz-visual {\r\n  background: #f5f7fa;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #edf0f4;\r\n  min-height: 280px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fd-desk-visual-head {\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #002b49, #003d66);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-desk-visual-head::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 100px; height: 100px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.08);\r\n  top: -40px; right: -20px;\r\n}\r\n\r\n.fd-desk-visual-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 60px; height: 60px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.05);\r\n  bottom: -20px; left: 30px;\r\n}\r\n\r\n.fd-desk-visual-body {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n\r\n\/* Desktop mockup inside visual *\/\r\n.fd-desk-vmock {\r\n  width: 85%;\r\n  background: #002b49;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.12);\r\n  margin-top: -40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-desk-vmock .fd-vm-bar {\r\n  background: #001a2e;\r\n  padding: 8px 12px;\r\n  display: flex;\r\n  gap: 5px;\r\n}\r\n\r\n.fd-vm-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n}\r\n\r\n.fd-vm-dot:nth-child(1) { background: #ff5f57; }\r\n.fd-vm-dot:nth-child(2) { background: #febc2e; }\r\n.fd-vm-dot:nth-child(3) { background: #28c840; }\r\n\r\n.fd-desk-vmock .fd-vm-body {\r\n  padding: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.fd-vm-line {\r\n  height: 4px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.2);\r\n}\r\n\r\n.fd-vm-line.w60 { width: 60%; }\r\n.fd-vm-line.w80 { width: 80%; }\r\n.fd-vm-line.w45 { width: 45%; }\r\n\r\n.fd-vm-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 5px;\r\n}\r\n\r\n.fd-vm-cell {\r\n  height: 24px;\r\n  border-radius: 4px;\r\n  background: rgba(59,183,237,0.07);\r\n  border: 1px solid rgba(59,183,237,0.08);\r\n}\r\n\r\n.fd-vm-bar-chart {\r\n  display: flex;\r\n  gap: 5px;\r\n  align-items: flex-end;\r\n  height: 44px;\r\n  padding-top: 8px;\r\n}\r\n\r\n.fd-vm-bar-item {\r\n  flex: 1;\r\n  border-radius: 3px 3px 0 0;\r\n  background: rgba(59,183,237,0.25);\r\n}\r\n\r\n\/* Card grid (2 cards side by side) *\/\r\n.fd-desk-cards-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n  margin-bottom: 72px;\r\n  padding-bottom: 72px;\r\n  border-bottom: 1px solid #edf0f4;\r\n}\r\n\r\n.fd-desk-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  border: 1px solid #edf0f4;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n  border-top: 3px solid #3BB7ED;\r\n}\r\n\r\n.fd-desk-card:hover {\r\n  box-shadow: 0 8px 32px rgba(0,43,73,0.08);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.fd-desk-card-head {\r\n  height: 100px;\r\n  background: linear-gradient(135deg, #002b49, #003d66);\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-desk-card-head::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 80px; height: 80px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.08);\r\n  top: -30px; right: -10px;\r\n}\r\n\r\n.fd-desk-card-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 50px; height: 50px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.05);\r\n  bottom: -15px; left: 20px;\r\n}\r\n\r\n.fd-desk-card-head-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  background: rgba(59,183,237,0.15);\r\n  border: 1px solid rgba(59,183,237,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-desk-card-head-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-desk-card-body {\r\n  padding: 28px 24px;\r\n}\r\n\r\n.fd-desk-card-body h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-desk-card-body p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.7;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n\/* Export mention *\/\r\n.fd-desk-export {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #8a95a0;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.fd-desk-export svg {\r\n  width: 14px; height: 14px;\r\n  fill: #8a95a0;\r\n}\r\n\r\n\/* API visual hub *\/\r\n.fd-api-hub {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 24px;\r\n  padding: 24px;\r\n}\r\n\r\n.fd-api-node {\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid;\r\n}\r\n\r\n.fd-api-node-center {\r\n  background: rgba(59,183,237,0.06);\r\n  border-color: rgba(59,183,237,0.15);\r\n}\r\n\r\n.fd-api-node-ext {\r\n  background: rgba(0,43,73,0.04);\r\n  border-color: rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-api-node svg {\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.fd-api-arrows {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 18px;\r\n  color: rgba(59,183,237,0.4);\r\n  letter-spacing: 4px;\r\n}\r\n\r\n\/* CTA area *\/\r\n.fd-desk-cta-area {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  margin-top: 56px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-desk-zz { grid-template-columns: 1fr; gap: 32px; }\r\n  .fd-desk-zz.fd-reverse .fd-desk-zz-visual { order: 0; }\r\n  .fd-plat-sh h2 { font-size: 30px; }\r\n  .fd-desk-cards-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-desk-section { padding: 64px 0; }\r\n  .fd-desk-inner { padding: 0 24px; }\r\n  .fd-plat-sh h2 { font-size: 26px; }\r\n  .fd-desk-zz-content h3 { font-size: 20px; }\r\n  .fd-desk-cta-area { flex-direction: column; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-desk-section\">\r\n  <div class=\"fd-desk-inner\">\r\n    <div class=\"fd-plat-sh\">\r\n      <span class=\"fd-plat-badge fd-plat-badge-desk\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z\"><\/path><\/svg> DESK<\/span>\r\n      <h2>DESK : la plateforme professionnelle de gestion de parc<\/h2>\r\n      <p class=\"fd-sh-subtitle\">Destin\u00e9e aux professionnels du secteur p\u00e9trolier, gazier et industriel<\/p>\r\n      <p class=\"fd-sh-intro\">DESK est le centre de commandement de votre activit\u00e9 de t\u00e9l\u00e9m\u00e9trie. Accessible depuis n&rsquo;importe quel navigateur web via desk.fourdata.io, cette plateforme regroupe l&rsquo;ensemble des outils n\u00e9cessaires pour superviser votre parc de capteurs, g\u00e9rer vos clients et optimiser vos op\u00e9rations au quotidien.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Feature 1 : Tableau de bord \u2014 zigzag -->\r\n    <div class=\"fd-desk-zz\">\r\n      <div class=\"fd-desk-zz-content\">\r\n        <h3>\r\n          <span class=\"fd-desk-feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"><\/path><\/svg><\/span>\r\n          Tableau de bord centralis\u00e9\r\n        <\/h3>\r\n        <p>Le tableau de bord DESK vous offre une photographie instantan\u00e9e de l&rsquo;\u00e9tat de votre parc en un seul coup d&rsquo;\u0153il.<\/p>\r\n        <ul class=\"fd-plat-checklist fd-check-cyan\">\r\n          <li>\u00c9tat du parc de capteurs : nombre total de capteurs d\u00e9ploy\u00e9s, capteurs disponibles, capteurs en retour, passerelles et r\u00e9p\u00e9teurs actifs<\/li>\r\n          <li>Indicateurs d&rsquo;attention : les \u00e9quipements n\u00e9cessitant une intervention sont mis en \u00e9vidence d\u00e8s l&rsquo;\u00e9cran d&rsquo;accueil (hors ligne, batterie faible)<\/li>\r\n          <li>Carte interactive : une vue cartographique g\u00e9olocalise l&rsquo;ensemble de vos \u00e9quipements<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"fd-desk-zz-visual\">\r\n        <div class=\"fd-desk-visual-head\"><\/div>\r\n        <div class=\"fd-desk-visual-body\">\r\n          <div class=\"fd-desk-vmock\">\r\n            <div class=\"fd-vm-bar\"><div class=\"fd-vm-dot\"><\/div><div class=\"fd-vm-dot\"><\/div><div class=\"fd-vm-dot\"><\/div><\/div>\r\n            <div class=\"fd-vm-body\">\r\n              <div class=\"fd-vm-line w80\"><\/div>\r\n              <div class=\"fd-vm-grid\">\r\n                <div class=\"fd-vm-cell\"><\/div><div class=\"fd-vm-cell\"><\/div><div class=\"fd-vm-cell\"><\/div>\r\n              <\/div>\r\n              <div style=\"height:44px;border-radius:5px;background:linear-gradient(135deg,rgba(59,183,237,0.05),rgba(59,183,237,0.1));position:relative;overflow:hidden;\">\r\n                <div style=\"position:absolute;width:6px;height:6px;border-radius:50%;background:#3BB7ED;box-shadow:0 0 6px rgba(59,183,237,0.5);top:12px;left:25%;\"><\/div>\r\n                <div style=\"position:absolute;width:6px;height:6px;border-radius:50%;background:#3BB7ED;box-shadow:0 0 6px rgba(59,183,237,0.5);top:24px;left:60%;\"><\/div>\r\n                <div style=\"position:absolute;width:6px;height:6px;border-radius:50%;background:#3BB7ED;box-shadow:0 0 6px rgba(59,183,237,0.5);top:16px;left:80%;\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 2 : Gestion multi-\u00e9quipements \u2014 zigzag reversed -->\r\n    <div class=\"fd-desk-zz fd-reverse\">\r\n      <div class=\"fd-desk-zz-content\">\r\n        <h3>\r\n          <span class=\"fd-desk-feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4v2z\"><\/path><\/svg><\/span>\r\n          Gestion multi-\u00e9quipements\r\n        <\/h3>\r\n        <p>DESK ne se limite pas aux cuves de fioul. La plateforme prend en charge une grande diversit\u00e9 de types d&rsquo;\u00e9quipements :<\/p>\r\n        <ul class=\"fd-plat-checklist fd-check-cyan\">\r\n          <li>Cuves (fioul, GNR, AdBlue, eau, huile&#8230;)<\/li>\r\n          <li>Citernes de gaz (GPL, propane, butane)<\/li>\r\n          <li>Compteurs, tracking GPS, conteneurs d&rsquo;hydrog\u00e8ne<\/li>\r\n          <li>Silos, enrouleurs, chaudi\u00e8res, centrales de dilution, ouvrages et bien plus<\/li>\r\n          <li>Plusieurs modes de visualisation : affichage en liste, sur carte g\u00e9ographique, en cards ou en vue 3D<\/li>\r\n        <\/ul>\r\n        <p class=\"fd-desk-export\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg> Exports disponibles : graphique en PNG ou PDF, tableau de mesures au format Excel<\/p>\r\n      <\/div>\r\n      <div class=\"fd-desk-zz-visual\">\r\n        <div class=\"fd-desk-visual-head\"><\/div>\r\n        <div class=\"fd-desk-visual-body\">\r\n          <div class=\"fd-desk-vmock\">\r\n            <div class=\"fd-vm-bar\"><div class=\"fd-vm-dot\"><\/div><div class=\"fd-vm-dot\"><\/div><div class=\"fd-vm-dot\"><\/div><\/div>\r\n            <div class=\"fd-vm-body\">\r\n              <div class=\"fd-vm-line w60\"><\/div>\r\n              <div style=\"display:flex;gap:5px;\">\r\n                <div style=\"flex:1;height:54px;border-radius:5px;background:rgba(59,183,237,0.05);border:1px solid rgba(59,183,237,0.08);\"><\/div>\r\n                <div style=\"flex:1;height:54px;border-radius:5px;background:rgba(59,183,237,0.05);border:1px solid rgba(59,183,237,0.08);\"><\/div>\r\n              <\/div>\r\n              <div class=\"fd-vm-line w45\"><\/div>\r\n              <div class=\"fd-vm-line w80\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Features 3+4 : Alertes + Clients \u2014 card grid -->\r\n    <div class=\"fd-desk-cards-grid\">\r\n      <div class=\"fd-desk-card\">\r\n        <div class=\"fd-desk-card-head\">\r\n          <div class=\"fd-desk-card-head-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-desk-card-body\">\r\n          <h3>Alertes intelligentes<\/h3>\r\n          <p>Le syst\u00e8me d&rsquo;alertes de DESK est con\u00e7u pour vous informer proactivement. Trois types de d\u00e9clenchement sont disponibles :<\/p>\r\n          <ul class=\"fd-plat-checklist fd-check-cyan\">\r\n            <li><strong>Limite (seuil)<\/strong> : alerte lorsqu&rsquo;une valeur atteint un niveau d\u00e9fini<\/li>\r\n            <li><strong>Variation<\/strong> : alerte lorsqu&rsquo;une mesure augmente ou diminue au-del\u00e0 d&rsquo;un seuil<\/li>\r\n            <li><strong>Non-variation<\/strong> : d\u00e9tection de l&rsquo;absence de mouvement sur une p\u00e9riode d\u00e9finie<\/li>\r\n            <li>Extension en masse : appliquez une alerte \u00e0 l&rsquo;ensemble des cuves du m\u00eame type en un clic<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-desk-card\">\r\n        <div class=\"fd-desk-card-head\">\r\n          <div class=\"fd-desk-card-head-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-desk-card-body\">\r\n          <h3>Gestion des clients et espaces SENS<\/h3>\r\n          <p>DESK int\u00e8gre un CRM d\u00e9di\u00e9 qui vous permet de g\u00e9rer l&rsquo;ensemble de vos clients et de leurs espaces SENS depuis une interface unique.<\/p>\r\n          <ul class=\"fd-plat-checklist fd-check-cyan\">\r\n            <li>Liste compl\u00e8te de vos espaces clients SENS, d\u00e9tail de chaque espace<\/li>\r\n            <li>Cr\u00e9ation de clients et rattachement d&rsquo;\u00e9quipements \u00e0 chaque site<\/li>\r\n            <li>Invitation de nouveaux utilisateurs, historique de connexion<\/li>\r\n            <li>Deux r\u00f4les : Administrateur (acc\u00e8s complet) et Consultant (consultation)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 5 : API et int\u00e9grations \u2014 zigzag -->\r\n    <div class=\"fd-desk-zz\">\r\n      <div class=\"fd-desk-zz-content\">\r\n        <h3>\r\n          <span class=\"fd-desk-feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 12l-2 2-2-2 2-2 2 2zm-2-6l2.12 2.12 2.5-2.5L12 1 7.38 5.62l2.5 2.5L12 6zm-6 6l2.12-2.12-2.5-2.5L1 12l4.62 4.62 2.5-2.5L6 12zm12 0l-2.12 2.12 2.5 2.5L23 12l-4.62-4.62-2.5 2.5L18 12zm-6 6l-2.12-2.12-2.5 2.5L12 23l4.62-4.62-2.5-2.5L12 18z\"><\/path><\/svg><\/span>\r\n          API et int\u00e9grations\r\n        <\/h3>\r\n        <p>DESK s&rsquo;int\u00e8gre dans votre \u00e9cosyst\u00e8me existant gr\u00e2ce \u00e0 des connecteurs puissants.<\/p>\r\n        <ul class=\"fd-plat-checklist fd-check-cyan\">\r\n          <li><strong>Acc\u00e8s API<\/strong> : r\u00e9cup\u00e9rez vos donn\u00e9es de mani\u00e8re programmatique pour les injecter dans vos propres outils<\/li>\r\n          <li><strong>Redirection vers serveur tiers<\/strong> : redirigez automatiquement les donn\u00e9es vers un serveur externe<\/li>\r\n          <li><strong>Compatibilit\u00e9 PTV GROUP<\/strong> : int\u00e9gration pour optimiser la planification de vos tourn\u00e9es<\/li>\r\n          <li>Exports personnalis\u00e9s depuis l&rsquo;onglet Param\u00e8tres<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"fd-desk-zz-visual\" style=\"border:none;background:transparent;min-height:auto;\">\r\n        <div class=\"fd-api-hub\">\r\n          <div class=\"fd-api-node fd-api-node-center\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M14 12l-2 2-2-2 2-2 2 2zm-2-6l2.12 2.12 2.5-2.5L12 1 7.38 5.62l2.5 2.5L12 6zm-6 6l2.12-2.12-2.5-2.5L1 12l4.62 4.62 2.5-2.5L6 12zm12 0l-2.12 2.12 2.5 2.5L23 12l-4.62-4.62-2.5 2.5L18 12zm-6 6l-2.12-2.12-2.5 2.5L12 23l4.62-4.62-2.5-2.5L12 18z\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"fd-api-arrows\">\u2192 \u2192 \u2192<\/div>\r\n          <div class=\"fd-api-node fd-api-node-ext\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#002b49\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-desk-cta-area\">\r\n      <a href=\"https:\/\/desk.fourdata.io\" class=\"fd-btn-primary\">Acc\u00e9der \u00e0 DESK <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"><\/path><\/svg><\/a>\r\n      <a href=\"#demo\" class=\"fd-btn-outline fd-btn-outline--light\">Demander un acc\u00e8s d\u00e9mo<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 3 : STATS BAND\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-plat-stats {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #002b49;\r\n  padding: 80px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-plat-stats::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(ellipse at 25% 50%, rgba(59,183,237,0.1) 0%, transparent 60%),\r\n    radial-gradient(ellipse at 75% 50%, rgba(76,175,80,0.08) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-plat-stats-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-plat-stats-header {\r\n  text-align: center;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.fd-plat-stats-header h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin: 0 0 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-plat-stats-header h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #3BB7ED, #4CAF50);\r\n  border-radius: 2px;\r\n  margin: 16px auto 0;\r\n}\r\n\r\n.fd-plat-stats-header p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.6);\r\n  margin: 16px 0 0;\r\n}\r\n\r\n.fd-plat-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.fd-plat-stat-card {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 16px;\r\n  padding: 32px 24px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-plat-stat-card:hover {\r\n  background: rgba(255,255,255,0.07);\r\n  border-color: rgba(59,183,237,0.25);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.fd-plat-stat-card .fd-stat-value {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 40px;\r\n  font-weight: 800;\r\n  color: #3BB7ED;\r\n  line-height: 1;\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.fd-plat-stat-card:nth-child(3) .fd-stat-value,\r\n.fd-plat-stat-card:nth-child(4) .fd-stat-value {\r\n  color: #4CAF50;\r\n}\r\n\r\n.fd-plat-stat-card .fd-stat-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: rgba(255,255,255,0.7);\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-plat-stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-plat-stats { padding: 64px 0; }\r\n  .fd-plat-stats-inner { padding: 0 24px; }\r\n  .fd-plat-stats-grid { grid-template-columns: 1fr; gap: 16px; }\r\n  .fd-plat-stats-header h2 { font-size: 26px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-plat-stats\">\r\n  <div class=\"fd-plat-stats-inner\">\r\n    <div class=\"fd-plat-stats-header\">\r\n      <h2>L&rsquo;\u00e9cosyst\u00e8me Four Data en chiffres<\/h2>\r\n      <p>Deux plateformes con\u00e7ues pour maximiser votre efficacit\u00e9 op\u00e9rationnelle<\/p>\r\n    <\/div>\r\n    <div class=\"fd-plat-stats-grid\">\r\n      <div class=\"fd-plat-stat-card\">\r\n        <p class=\"fd-stat-value\">2<\/p>\r\n        <p class=\"fd-stat-label\">Plateformes compl\u00e9mentaires<\/p>\r\n      <\/div>\r\n      <div class=\"fd-plat-stat-card\">\r\n        <p class=\"fd-stat-value\">15+<\/p>\r\n        <p class=\"fd-stat-label\">Types d&rsquo;\u00e9quipements support\u00e9s<\/p>\r\n      <\/div>\r\n      <div class=\"fd-plat-stat-card\">\r\n        <p class=\"fd-stat-value\">4<\/p>\r\n        <p class=\"fd-stat-label\">Canaux de notification<\/p>\r\n      <\/div>\r\n      <div class=\"fd-plat-stat-card\">\r\n        <p class=\"fd-stat-value\">99.9%<\/p>\r\n        <p class=\"fd-stat-label\">Disponibilit\u00e9 des plateformes<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 4 : SENS\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-sens-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #f5f7fa;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-sens-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-plat-badge-sens {\r\n  color: #4CAF50;\r\n  background: rgba(76,175,80,0.08);\r\n  border: 1px solid rgba(76,175,80,0.15);\r\n}\r\n\r\n.fd-sens-section .fd-plat-sh h2::after {\r\n  background: #4CAF50;\r\n}\r\n\r\n.fd-sens-section .fd-plat-sh .fd-sh-subtitle {\r\n  color: #4CAF50;\r\n}\r\n\r\n\/* SENS zigzag *\/\r\n.fd-sens-zz {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 72px;\r\n  padding-bottom: 72px;\r\n  border-bottom: 1px solid #e4e8ed;\r\n}\r\n\r\n.fd-sens-zz:last-of-type {\r\n  border-bottom: none;\r\n  margin-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.fd-sens-zz.fd-reverse .fd-sens-zz-visual {\r\n  order: -1;\r\n}\r\n\r\n.fd-sens-zz-content h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.fd-sens-feat-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  background: rgba(76,175,80,0.08);\r\n  border: 1px solid rgba(76,175,80,0.12);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fd-sens-feat-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  fill: #4CAF50;\r\n}\r\n\r\n.fd-sens-zz-content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 20px;\r\n}\r\n\r\n\/* Green checklist *\/\r\n.fd-plat-checklist.fd-check-green li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 2px;\r\n  width: 18px; height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.1);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n  background-size: 11px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n\/* SENS visual with phone mockup *\/\r\n.fd-sens-zz-visual {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #edf0f4;\r\n  min-height: 300px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fd-sens-visual-head {\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #1b5e20, #2e7d32);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-sens-visual-head::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 100px; height: 100px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.12);\r\n  top: -40px; right: -20px;\r\n}\r\n\r\n.fd-sens-visual-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 60px; height: 60px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.08);\r\n  bottom: -20px; left: 30px;\r\n}\r\n\r\n.fd-sens-visual-body {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n\r\n\/* Phone mockup *\/\r\n.fd-sens-phone {\r\n  width: 130px;\r\n  background: #002b49;\r\n  border-radius: 22px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.12);\r\n  margin-top: -36px;\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 3px;\r\n}\r\n\r\n.fd-sens-phone .fd-sp-screen {\r\n  background: #001a2e;\r\n  border-radius: 19px;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-sens-phone .fd-sp-notch {\r\n  height: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-sens-phone .fd-sp-notch-pill {\r\n  width: 36px; height: 4px; border-radius: 2px;\r\n  background: rgba(255,255,255,0.1);\r\n}\r\n\r\n.fd-sens-phone .fd-sp-body {\r\n  padding: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  align-items: center;\r\n}\r\n\r\n.fd-sp-line {\r\n  height: 4px;\r\n  border-radius: 2px;\r\n  background: rgba(76,175,80,0.2);\r\n}\r\n\r\n.fd-sp-line.w60 { width: 60%; }\r\n.fd-sp-line.w80 { width: 80%; }\r\n.fd-sp-line.w50 { width: 50%; }\r\n.fd-sp-line.w70 { width: 70%; }\r\n\r\n.fd-sp-gauge {\r\n  width: 56px; height: 56px;\r\n  border-radius: 50%;\r\n  border: 3px solid #4CAF50;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 4px 0;\r\n}\r\n\r\n.fd-sp-gauge span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #4CAF50;\r\n}\r\n\r\n\/* Alert channels badges *\/\r\n.fd-alert-channels {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n  margin-top: 12px;\r\n}\r\n\r\n.fd-alert-channel {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #4CAF50;\r\n  background: rgba(76,175,80,0.07);\r\n  border: 1px solid rgba(76,175,80,0.15);\r\n  padding: 5px 12px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.fd-alert-channel svg {\r\n  width: 13px; height: 13px;\r\n  fill: #4CAF50;\r\n}\r\n\r\n\/* SENS card grid *\/\r\n.fd-sens-cards-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n  margin-bottom: 72px;\r\n  padding-bottom: 72px;\r\n  border-bottom: 1px solid #e4e8ed;\r\n}\r\n\r\n.fd-sens-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  border: 1px solid #edf0f4;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n  border-top: 3px solid #4CAF50;\r\n}\r\n\r\n.fd-sens-card:hover {\r\n  box-shadow: 0 8px 32px rgba(0,43,73,0.08);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.fd-sens-card-head {\r\n  height: 100px;\r\n  background: linear-gradient(135deg, #1b5e20, #2e7d32);\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-sens-card-head::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 80px; height: 80px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.12);\r\n  top: -30px; right: -10px;\r\n}\r\n\r\n.fd-sens-card-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 50px; height: 50px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.08);\r\n  bottom: -15px; left: 20px;\r\n}\r\n\r\n.fd-sens-card-head-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  background: rgba(76,175,80,0.2);\r\n  border: 1px solid rgba(76,175,80,0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-sens-card-head-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: #ffffff;\r\n}\r\n\r\n.fd-sens-card-body {\r\n  padding: 28px 24px;\r\n}\r\n\r\n.fd-sens-card-body h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-sens-card-body p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.7;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n\/* CTA for SENS *\/\r\n.fd-sens-cta-area {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  margin-top: 56px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-btn-green {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  background: #4CAF50;\r\n  border: 2px solid #4CAF50;\r\n  border-radius: 8px;\r\n  padding: 13px 32px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.fd-btn-green:hover {\r\n  background: #43a047;\r\n  border-color: #43a047;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(76,175,80,0.35);\r\n}\r\n\r\n.fd-btn-outline--light {\r\n  color: #002b49;\r\n  border-color: rgba(0,43,73,0.4);\r\n}\r\n.fd-btn-outline--light:hover {\r\n  border-color: #002b49;\r\n  background: rgba(0,43,73,0.06);\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-sens-zz { grid-template-columns: 1fr; gap: 32px; }\r\n  .fd-sens-zz.fd-reverse .fd-sens-zz-visual { order: 0; }\r\n  .fd-sens-cards-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-sens-section { padding: 64px 0; }\r\n  .fd-sens-inner { padding: 0 24px; }\r\n  .fd-sens-zz-content h3 { font-size: 20px; }\r\n  .fd-sens-cta-area { flex-direction: column; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-sens-section\">\r\n  <div class=\"fd-sens-inner\">\r\n    <div class=\"fd-plat-sh\">\r\n      <span class=\"fd-plat-badge fd-plat-badge-sens\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#4CAF50\"><path d=\"M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z\"><\/path><\/svg> SENS<\/span>\r\n      <h2>SENS : l&rsquo;application de suivi pour vos clients<\/h2>\r\n      <p class=\"fd-sh-subtitle\">Disponible sur iOS, Android et navigateur web<\/p>\r\n      <p class=\"fd-sh-intro\">SENS est la vitrine de votre service aupr\u00e8s de vos clients. Disponible sur iOS, Android et via navigateur web (sens.fourdata.io), cette application offre une exp\u00e9rience de consultation intuitive.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Feature 1 : Suivi temps r\u00e9el \u2014 zigzag -->\r\n    <div class=\"fd-sens-zz\">\r\n      <div class=\"fd-sens-zz-content\">\r\n        <h3>\r\n          <span class=\"fd-sens-feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"><\/path><\/svg><\/span>\r\n          Suivi en temps r\u00e9el\r\n        <\/h3>\r\n        <p>Offrez \u00e0 vos clients une vision claire et actualis\u00e9e de l&rsquo;\u00e9tat de leurs \u00e9quipements gr\u00e2ce \u00e0 des widgets personnalisables.<\/p>\r\n        <ul class=\"fd-plat-checklist fd-check-green\">\r\n          <li>Niveau actuel de la cuve avec jauge visuelle<\/li>\r\n          <li>\u00c9volution et historique des relev\u00e9s<\/li>\r\n          <li>Autonomie estim\u00e9e selon la consommation<\/li>\r\n          <li>Historique des pleins et rapport de consommation<\/li>\r\n          <li>Compatible iOS, Android et PWA (Progressive Web App)<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"fd-sens-zz-visual\">\r\n        <div class=\"fd-sens-visual-head\"><\/div>\r\n        <div class=\"fd-sens-visual-body\">\r\n          <div class=\"fd-sens-phone\">\r\n            <div class=\"fd-sp-screen\">\r\n              <div class=\"fd-sp-notch\"><div class=\"fd-sp-notch-pill\"><\/div><\/div>\r\n              <div class=\"fd-sp-body\">\r\n                <div class=\"fd-sp-line w80\"><\/div>\r\n                <div class=\"fd-sp-gauge\"><span>68%<\/span><\/div>\r\n                <div class=\"fd-sp-line w60\"><\/div>\r\n                <div class=\"fd-sp-line w50\"><\/div>\r\n                <div style=\"width:100%;height:36px;border-radius:4px;background:linear-gradient(135deg,rgba(76,175,80,0.06),rgba(76,175,80,0.12));margin-top:2px;\"><\/div>\r\n                <div class=\"fd-sp-line w70\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 2 : Alertes \u2014 zigzag reversed -->\r\n    <div class=\"fd-sens-zz fd-reverse\">\r\n      <div class=\"fd-sens-zz-content\">\r\n        <h3>\r\n          <span class=\"fd-sens-feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"><\/path><\/svg><\/span>\r\n          Alertes personnalis\u00e9es\r\n        <\/h3>\r\n        <p>Vos clients configurent eux-m\u00eames leurs alertes selon leurs besoins, avec deux types de d\u00e9clenchement : limite et variation.<\/p>\r\n        <ul class=\"fd-plat-checklist fd-check-green\">\r\n          <li><strong>4 canaux de notification<\/strong> : badge in-app, notification push, SMS et email<\/li>\r\n          <li><strong>3 fr\u00e9quences<\/strong> : une seule fois, chaque jour ou \u00e0 chaque relev\u00e9<\/li>\r\n          <li>Configuration intuitive directement depuis l&rsquo;application<\/li>\r\n        <\/ul>\r\n        <div class=\"fd-alert-channels\">\r\n          <span class=\"fd-alert-channel\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"><\/path><\/svg> Badge<\/span>\r\n          <span class=\"fd-alert-channel\"><svg viewBox=\"0 0 24 24\"><path d=\"M7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z\"><\/path><\/svg> Push<\/span>\r\n          <span class=\"fd-alert-channel\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"><\/path><\/svg> SMS<\/span>\r\n          <span class=\"fd-alert-channel\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path><\/svg> Email<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-sens-zz-visual\">\r\n        <div class=\"fd-sens-visual-head\"><\/div>\r\n        <div class=\"fd-sens-visual-body\">\r\n          <div class=\"fd-sens-phone\">\r\n            <div class=\"fd-sp-screen\">\r\n              <div class=\"fd-sp-notch\"><div class=\"fd-sp-notch-pill\"><\/div><\/div>\r\n              <div class=\"fd-sp-body\">\r\n                <div class=\"fd-sp-line w70\"><\/div>\r\n                <div style=\"width:100%;display:flex;flex-direction:column;gap:5px;\">\r\n                  <div style=\"height:12px;border-radius:3px;background:rgba(76,175,80,0.06);border-left:3px solid #4CAF50;\"><\/div>\r\n                  <div style=\"height:12px;border-radius:3px;background:rgba(76,175,80,0.06);border-left:3px solid rgba(76,175,80,0.3);\"><\/div>\r\n                  <div style=\"height:12px;border-radius:3px;background:rgba(76,175,80,0.06);border-left:3px solid rgba(76,175,80,0.3);\"><\/div>\r\n                <\/div>\r\n                <div class=\"fd-sp-line w60\"><\/div>\r\n                <div class=\"fd-sp-line w80\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Features 3+4 : Multi-espaces + Marque blanche \u2014 card grid -->\r\n    <div class=\"fd-sens-cards-grid\">\r\n      <div class=\"fd-sens-card\">\r\n        <div class=\"fd-sens-card-head\">\r\n          <div class=\"fd-sens-card-head-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-sens-card-body\">\r\n          <h3>Multi-espaces et r\u00f4les<\/h3>\r\n          <p>SENS permet \u00e0 vos clients de naviguer entre plusieurs espaces et de g\u00e9rer les acc\u00e8s de mani\u00e8re granulaire.<\/p>\r\n          <ul class=\"fd-plat-checklist fd-check-green\">\r\n            <li>Navigation fluide entre plusieurs espaces depuis un seul compte<\/li>\r\n            <li>Deux r\u00f4les : Administrateur (gestion compl\u00e8te) et Gestionnaire (consultation)<\/li>\r\n            <li>Invitation de nouveaux utilisateurs par email<\/li>\r\n            <li>Th\u00e8me clair ou sombre selon les pr\u00e9f\u00e9rences<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-sens-card\">\r\n        <div class=\"fd-sens-card-head\">\r\n          <div class=\"fd-sens-card-head-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-1 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-sens-card-body\">\r\n          <h3>Marque blanche et module Order<\/h3>\r\n          <p>Personnalisez SENS \u00e0 l&rsquo;image de votre entreprise et automatisez les commandes de r\u00e9approvisionnement.<\/p>\r\n          <ul class=\"fd-plat-checklist fd-check-green\">\r\n            <li><strong>Marque blanche<\/strong> : int\u00e9grez votre logo professionnel pour offrir une exp\u00e9rience \u00e0 vos couleurs<\/li>\r\n            <li><strong>Module Order<\/strong> : commande automatique d\u00e9clench\u00e9e selon le niveau de la cuve<\/li>\r\n            <li>Renforce votre image de marque aupr\u00e8s de vos clients finaux<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-sens-cta-area\">\r\n      <a href=\"https:\/\/sens.fourdata.io\" class=\"fd-btn-green\">D\u00e9couvrir SENS <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"><\/path><\/svg><\/a>\r\n      <a href=\"#demo\" class=\"fd-btn-outline fd-btn-outline--light\">Demander une d\u00e9mo<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 5 : COMPARATIF\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-compare-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-compare-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-compare-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-compare-h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 38px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-compare-h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #3BB7ED, #4CAF50);\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-compare-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  margin: 20px 0 0;\r\n  line-height: 1.6;\r\n}\r\n\r\n.fd-compare-table-wrap {\r\n  overflow-x: auto;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n  border: 1px solid #edf0f4;\r\n}\r\n\r\n.fd-compare-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-family: 'Inter', sans-serif;\r\n  min-width: 640px;\r\n}\r\n\r\n.fd-compare-table thead th {\r\n  background: #002b49;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  padding: 20px 24px;\r\n  text-align: left;\r\n  border: none;\r\n}\r\n\r\n.fd-compare-table thead th:first-child {\r\n  border-radius: 16px 0 0 0;\r\n  width: 30%;\r\n}\r\n\r\n.fd-compare-table thead th:last-child {\r\n  border-radius: 0 16px 0 0;\r\n}\r\n\r\n.fd-compare-table thead th .fd-th-badge {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.06em;\r\n  padding: 3px 10px;\r\n  border-radius: 12px;\r\n  margin-left: 8px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.fd-th-badge-desk {\r\n  background: rgba(59,183,237,0.2);\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-th-badge-sens {\r\n  background: rgba(76,175,80,0.2);\r\n  color: #4CAF50;\r\n}\r\n\r\n.fd-compare-table tbody td {\r\n  padding: 16px 24px;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  border-bottom: 1px solid #f0f2f5;\r\n  vertical-align: top;\r\n  line-height: 1.6;\r\n}\r\n\r\n.fd-compare-table tbody tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n.fd-compare-table tbody tr:hover {\r\n  background: rgba(59,183,237,0.02);\r\n}\r\n\r\n.fd-compare-table tbody td:first-child {\r\n  font-weight: 600;\r\n  color: #002b49;\r\n}\r\n\r\n.fd-check {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  background: rgba(76,175,80,0.1);\r\n  margin-right: 6px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.fd-check svg {\r\n  width: 13px; height: 13px;\r\n  fill: #4CAF50;\r\n}\r\n\r\n.fd-cross {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  background: rgba(239,83,80,0.08);\r\n  margin-right: 6px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.fd-cross svg {\r\n  width: 13px; height: 13px;\r\n  fill: #ef5350;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-compare-h2 { font-size: 30px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-compare-section { padding: 64px 0; }\r\n  .fd-compare-inner { padding: 0 24px; }\r\n  .fd-compare-h2 { font-size: 26px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-compare-section\" id=\"comparatif\">\r\n  <div class=\"fd-compare-inner\">\r\n    <div class=\"fd-compare-header\">\r\n      <h2 class=\"fd-compare-h2\">Comparatif DESK vs SENS<\/h2>\r\n      <p class=\"fd-compare-sub\">Deux interfaces, deux usages. Retrouvez en un coup d&rsquo;\u0153il les fonctionnalit\u00e9s de chaque plateforme.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-compare-table-wrap\">\r\n      <table class=\"fd-compare-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>Fonctionnalit\u00e9<\/th>\r\n            <th>DESK <span class=\"fd-th-badge fd-th-badge-desk\">PRO<\/span><\/th>\r\n            <th>SENS <span class=\"fd-th-badge fd-th-badge-sens\">CLIENT<\/span><\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td>Cible<\/td>\r\n            <td>Professionnels (distributeurs, op\u00e9rateurs)<\/td>\r\n            <td>Clients finaux (particuliers, entreprises)<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Support<\/td>\r\n            <td>Navigateur web (desktop)<\/td>\r\n            <td>iOS, Android, navigateur web (PWA)<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Gestion multi-clients<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> CRM int\u00e9gr\u00e9, cr\u00e9ation d&rsquo;espaces<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Multi-espaces, navigation fluide<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>API<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> API compl\u00e8te + PTV GROUP<\/td>\r\n            <td><span class=\"fd-cross\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg><\/span> Non disponible<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Types d&rsquo;alertes<\/td>\r\n            <td>Limite, variation, non-variation, multi-conditions<\/td>\r\n            <td>Limite, variation (4 canaux : badge, push, SMS, email)<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Installation capteur<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Gestion compl\u00e8te du parc<\/td>\r\n            <td><span class=\"fd-cross\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg><\/span> Consultation uniquement<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Exports<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Excel, PNG, PDF<\/td>\r\n            <td><span class=\"fd-cross\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg><\/span> Non disponible<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Marque blanche<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Activable<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Logo personnalis\u00e9<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Module commande<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Activable<\/td>\r\n            <td><span class=\"fd-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"><\/path><\/svg><\/span> Module Order (disponible si activ\u00e9 sur DESK)<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 6 : FAQ\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-faq-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #f5f7fa;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-faq-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-faq-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-faq-h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 38px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-faq-h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 4px;\r\n  background: #3BB7ED;\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-faq-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  margin: 20px 0 0;\r\n}\r\n\r\n.fd-faq-item {\r\n  background: #ffffff;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  border: 1px solid #edf0f4;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.fd-faq-item:hover {\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.04);\r\n}\r\n\r\n.fd-faq-item.fd-faq-open {\r\n  border-color: rgba(59,183,237,0.25);\r\n  box-shadow: 0 4px 20px rgba(59,183,237,0.08);\r\n}\r\n\r\n.fd-faq-question {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  padding: 20px 24px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #002b49;\r\n  text-align: left;\r\n  line-height: 1.5;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.fd-faq-question:hover {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-faq-toggle {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.08);\r\n  border: 1px solid rgba(59,183,237,0.15);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-faq-toggle svg {\r\n  width: 16px; height: 16px;\r\n  fill: #3BB7ED;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-faq-open .fd-faq-toggle {\r\n  background: #3BB7ED;\r\n  border-color: #3BB7ED;\r\n}\r\n\r\n.fd-faq-open .fd-faq-toggle svg {\r\n  fill: #ffffff;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.fd-faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.35s ease, padding 0.35s ease;\r\n}\r\n\r\n.fd-faq-open .fd-faq-answer {\r\n  max-height: 300px;\r\n}\r\n\r\n.fd-faq-answer-inner {\r\n  padding: 0 24px 24px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-faq-h2 { font-size: 30px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-faq-section { padding: 64px 0; }\r\n  .fd-faq-inner { padding: 0 24px; }\r\n  .fd-faq-h2 { font-size: 26px; }\r\n  .fd-faq-question { font-size: 15px; padding: 18px 20px; }\r\n  .fd-faq-answer-inner { padding: 0 20px 20px; font-size: 14px; }\r\n}\r\n<\/style>\r\n\r\n<!-- Schema.org FAQPage JSON-LD -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"DESK et SENS sont-ils inclus dans l'offre ou factur\u00e9s s\u00e9par\u00e9ment ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"L'acc\u00e8s \u00e0 DESK et SENS est li\u00e9 \u00e0 votre abonnement Four Data. Les modalit\u00e9s exactes d\u00e9pendent de votre contrat. Contactez l'\u00e9quipe commerciale pour obtenir les d\u00e9tails adapt\u00e9s \u00e0 votre situation.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"DESK est-il accessible depuis un mobile ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"DESK est optimis\u00e9 pour une utilisation desktop via navigateur web. Pour le suivi mobile, vos clients utilisent l'application SENS (iOS \/ Android). Les techniciens disposent \u00e9galement d'une application installateur d\u00e9di\u00e9e.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Puis-je personnaliser SENS aux couleurs de mon entreprise ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Oui, SENS propose une option de marque blanche. Vous pouvez int\u00e9grer votre logo professionnel afin d'offrir \u00e0 vos clients une exp\u00e9rience \u00e0 l'image de votre entreprise.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Comment mes clients re\u00e7oivent-ils leurs alertes ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Vos clients re\u00e7oivent leurs alertes via 4 canaux au choix : badge dans l'application, notification push, SMS ou email. Ils peuvent \u00e9galement choisir la fr\u00e9quence de r\u00e9ception : une seule fois, chaque jour ou \u00e0 chaque relev\u00e9.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Puis-je int\u00e9grer les donn\u00e9es DESK dans mon syst\u00e8me d'information ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Oui, DESK propose un acc\u00e8s API complet qui vous permet de r\u00e9cup\u00e9rer vos donn\u00e9es de mani\u00e8re programmatique. La plateforme est \u00e9galement compatible avec PTV GROUP pour la planification de tourn\u00e9es.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Un client poss\u00e9dant des jauges d'un autre fournisseur peut-il utiliser SENS ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Oui, SENS est multi-fournisseurs. Vos clients peuvent consulter l'ensemble de leurs \u00e9quipements depuis une seule application, m\u00eame si certains proviennent d'un autre fournisseur. L'association se fait automatiquement.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Combien d'utilisateurs puis-je ajouter par espace ?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Il n'y a pas de limite fixe au nombre d'utilisateurs par espace. Chaque utilisateur se voit attribuer un r\u00f4le : Administrateur ou Consultant sur DESK, Administrateur ou Gestionnaire sur SENS.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<div class=\"fd-faq-section\">\r\n  <div class=\"fd-faq-inner\">\r\n    <div class=\"fd-faq-header\">\r\n      <h2 class=\"fd-faq-h2\">Questions fr\u00e9quentes<\/h2>\r\n      <p class=\"fd-faq-sub\">Tout ce que vous devez savoir sur DESK et SENS<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-faq-list\">\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          DESK et SENS sont-ils inclus dans l&rsquo;offre ou factur\u00e9s s\u00e9par\u00e9ment ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">L&rsquo;acc\u00e8s \u00e0 DESK et SENS est li\u00e9 \u00e0 votre abonnement Four Data. Les modalit\u00e9s exactes d\u00e9pendent de votre contrat. Contactez l&rsquo;\u00e9quipe commerciale pour obtenir les d\u00e9tails adapt\u00e9s \u00e0 votre situation.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          DESK est-il accessible depuis un mobile ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">DESK est optimis\u00e9 pour une utilisation desktop via navigateur web. Pour le suivi mobile, vos clients utilisent l&rsquo;application SENS (iOS \/ Android). Les techniciens disposent \u00e9galement d&rsquo;une application installateur d\u00e9di\u00e9e.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          Puis-je personnaliser SENS aux couleurs de mon entreprise ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">Oui, SENS propose une option de marque blanche. Vous pouvez int\u00e9grer votre logo professionnel afin d&rsquo;offrir \u00e0 vos clients une exp\u00e9rience \u00e0 l&rsquo;image de votre entreprise.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          Comment mes clients re\u00e7oivent-ils leurs alertes ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">Vos clients re\u00e7oivent leurs alertes via 4 canaux au choix : badge dans l&rsquo;application, notification push, SMS ou email. Ils peuvent \u00e9galement choisir la fr\u00e9quence de r\u00e9ception : une seule fois, chaque jour ou \u00e0 chaque relev\u00e9.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          Puis-je int\u00e9grer les donn\u00e9es DESK dans mon syst\u00e8me d&rsquo;information ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">Oui, DESK propose un acc\u00e8s API complet qui vous permet de r\u00e9cup\u00e9rer vos donn\u00e9es de mani\u00e8re programmatique. La plateforme est \u00e9galement compatible avec PTV GROUP pour la planification de tourn\u00e9es.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          Un client poss\u00e9dant des jauges d&rsquo;un autre fournisseur peut-il utiliser SENS ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">Oui, SENS est multi-fournisseurs. Vos clients peuvent consulter l&rsquo;ensemble de leurs \u00e9quipements depuis une seule application, m\u00eame si certains proviennent d&rsquo;un autre fournisseur. L&rsquo;association se fait automatiquement.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <button class=\"fd-faq-question\" onclick=\"fdTogglePlatFaq(this)\">\r\n          Combien d&rsquo;utilisateurs puis-je ajouter par espace ?\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"fd-faq-answer\">\r\n          <div class=\"fd-faq-answer-inner\">Il n&rsquo;y a pas de limite fixe au nombre d&rsquo;utilisateurs par espace. Chaque utilisateur se voit attribuer un r\u00f4le : Administrateur ou Consultant sur DESK, Administrateur ou Gestionnaire sur SENS.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction fdTogglePlatFaq(btn) {\r\n  var item = btn.parentElement;\r\n  var allItems = document.querySelectorAll('.fd-faq-item');\r\n  var isOpen = item.classList.contains('fd-faq-open');\r\n  allItems.forEach(function(el) { el.classList.remove('fd-faq-open'); });\r\n  if (!isOpen) { item.classList.add('fd-faq-open'); }\r\n}\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE PLATEFORMES \u2014 BLOC 7 : CTA FINAL\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-cta-final {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #002b49;\r\n  padding: 96px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-cta-final::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background-image:\r\n    linear-gradient(rgba(59,183,237,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(59,183,237,0.03) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-cta-final::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(ellipse at 30% 50%, rgba(59,183,237,0.08) 0%, transparent 60%),\r\n    radial-gradient(ellipse at 70% 50%, rgba(76,175,80,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-cta-final-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-cta-final-h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 40px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin: 0 0 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.fd-cta-final-h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #3BB7ED, #4CAF50);\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-cta-final-h2 em {\r\n  color: #3BB7ED;\r\n  font-style: normal;\r\n}\r\n\r\n.fd-cta-final-p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 17px;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.7;\r\n  margin: 24px 0 40px;\r\n  max-width: 560px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.fd-cta-final-btns {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-cta-final-h2 { font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-cta-final { padding: 64px 0; }\r\n  .fd-cta-final-inner { padding: 0 24px; }\r\n  .fd-cta-final-h2 { font-size: 26px; }\r\n  .fd-cta-final-btns { flex-direction: column; align-items: center; }\r\n  .fd-cta-final-btns .fd-btn-primary,\r\n  .fd-cta-final-btns .fd-btn-outline { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-cta-final\">\r\n  <div class=\"fd-cta-final-inner\">\r\n    <h2 class=\"fd-cta-final-h2\">Pr\u00eat \u00e0 piloter vos <em>donn\u00e9es<\/em> ?<\/h2>\r\n    <p class=\"fd-cta-final-p\">D\u00e9couvrez comment DESK et SENS peuvent transformer votre gestion de parc et offrir une exp\u00e9rience de suivi exceptionnelle \u00e0 vos clients.<\/p>\r\n    <div class=\"fd-cta-final-btns\">\r\n      <a href=\"#demo\" class=\"fd-btn-primary\">Demander une d\u00e9mo <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg><\/a>\r\n      <a href=\"\/contact\" class=\"fd-btn-outline\">Contacter l&rsquo;\u00e9quipe commerciale<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/div><script>\n(function(){\n  var w=document.getElementById(\"fd-s-683a046a45\");\n  if(!w||!w.attachShadow)return;\n  var html=w.innerHTML;\n  w.innerHTML=\"\";\n  var s=w.attachShadow({mode:\"open\"});\n  s.innerHTML=html;\n  s.querySelectorAll(\"style\").forEach(function(st){\n    st.textContent=st.textContent.replace(\/:root\\b\/g,\":host\");\n  });\n  function autoH(){\n    var c=s.firstElementChild;\n    if(c){w.style.minHeight=c.scrollHeight+\"px\";}\n  }\n  autoH();\n  if(window.ResizeObserver&&s.firstElementChild){\n    new ResizeObserver(autoH).observe(s.firstElementChild);\n  }\n  window.addEventListener(\"load\",autoH);\n\n  \/* FAQ: <details> works natively in Shadow DOM *\/\n  \/* Links: <a> navigates parent page from Shadow DOM *\/\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":8420,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-23403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/comments?post=23403"}],"version-history":[{"count":5,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23403\/revisions"}],"predecessor-version":[{"id":23749,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23403\/revisions\/23749"}],"up":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/8420"}],"wp:attachment":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/media?parent=23403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}