{"id":2119,"date":"2026-01-28T00:21:36","date_gmt":"2026-01-27T23:21:36","guid":{"rendered":"https:\/\/dpd.ma\/?page_id=2119"},"modified":"2026-05-12T18:11:09","modified_gmt":"2026-05-12T17:11:09","slug":"dpd-trust","status":"publish","type":"page","link":"https:\/\/dpd.ma\/fr\/","title":{"rendered":"DPD Trust"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2119\" class=\"elementor elementor-2119 elementor-586\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09580cf e-con-full e-flex e-con e-parent\" data-id=\"09580cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e2b375 elementor-widget elementor-widget-html\" data-id=\"2e2b375\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dpd-home-hero\">\n  <div class=\"dpd-hero-pattern\"><\/div>\n\n  <div class=\"dpd-hero-container\">\n    <div class=\"dpd-hero-content\">\n\n      <h1>R\u00e9duisez les commandes COD risqu\u00e9es avant l\u2019exp\u00e9dition<\/h1>\n\n      <p>\n        DPD Trust aide les marchands \u00e0 d\u00e9tecter les num\u00e9ros de t\u00e9l\u00e9phone suspects, les comportements de commande risqu\u00e9s et les signaux de fraude avant la pr\u00e9paration.\n      <\/p>\n\n      <div class=\"dpd-hero-actions\">\n        <a href=\"https:\/\/app.dpd.ma\/register\" class=\"dpd-btn dpd-btn-primary dpd-hero-start-btn\">Commencer l\u2019essai gratuit<\/a>\n        <a href=\"https:\/\/dpd.ma\/fr\/comment-fonctionne-dpd\/\" class=\"dpd-btn dpd-btn-secondary\">Voir comment \u00e7a fonctionne<\/a>\n      <\/div>\n\n      <div class=\"dpd-hero-trust\">\n        <span>Scoring du risque bas\u00e9 sur le t\u00e9l\u00e9phone<\/span>\n        <span>Aide \u00e0 la d\u00e9cision pour les marchands<\/span>\n        <span>Con\u00e7u pour les workflows COD<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"dpd-hero-visual\">\n      <div class=\"dpd-dashboard-card\">\n        <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/dpd-hero.webp\" alt=\"DPD Trust dashboard preview showing phone risk scoring\" \/>\n      <\/div>\n\n      <div class=\"dpd-floating-card dpd-floating-score\">\n        <strong>5\/10<\/strong>\n        <span>Score de confiance<\/span>\n      <\/div>\n\n      <div class=\"dpd-floating-card dpd-floating-risk\">\n        <strong>Risque moyen<\/strong>\n        <span>Examiner avant l\u2019exp\u00e9dition<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.dpd-home-hero {\n  --dpd-primary: #0A2540;\n  --dpd-accent: #1A6EFF;\n  --dpd-green: #0D9E6E;\n  --dpd-orange: #F59E0B;\n  --dpd-white: #ffffff;\n  --dpd-muted: rgba(255,255,255,.66);\n  position: relative;\n  overflow: hidden;\n  background:radial-gradient(circle at 78% 28%, rgba(26,110,255,.22), transparent 34%),\n    radial-gradient(circle at 14% 80%, rgba(13,158,110,.14), transparent 32%),\n    var(--dpd-primary);\n  padding: 96px 18px;\n  min-height: 720px;\n  display: flex;\n  align-items: center;\n}\n\n.dpd-hero-pattern {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(10,37,64,.86), rgba(10,37,64,.86)),\n    url(\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/dpd-morocco-pattern.webp\");\n  background-size: 360px auto;\n  background-repeat: repeat;\n  background-position: center;\n  opacity: .24;\n  pointer-events: none;\n}\n\n.dpd-hero-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1.05fr;\n  gap: 56px;\n  align-items: center;\n}\n\n.dpd-hero-content {\n  max-width: 560px;\n}\n\n.dpd-home-hero .dpd-hero-start-btn {\n  background: #FED303;\n  color: #0A2540;\n  box-shadow: 0 12px 28px rgba(255, 168, 0, .34);\n}\n\n.dpd-home-hero .dpd-hero-start-btn:hover {\n  background: #f59b00;\n  color: #0A2540;\n  transform: translateY(-2px);\n  box-shadow: 0 14px 34px rgba(255, 168, 0, .42);\n}\n\n.dpd-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 15px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.08);\n  border: 1px solid rgba(255,255,255,.14);\n  color: rgba(255,255,255,.78);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  margin-bottom: 22px;\n}\n\n.dpd-hero-badge span {\n  width: 7px;\n  height: 7px;\n  background: var(--dpd-accent);\n  border-radius: 999px;\n  box-shadow: 0 0 0 6px rgba(26,110,255,.16);\n}\n\n.dpd-hero-content h1 {\n  margin: 0;\n  color: var(--dpd-white);\n  font-size: clamp(42px, 5vw, 68px);\n  line-height: 1.04;\n  letter-spacing: -.045em;\n  font-weight: 900;\n}\n\n.dpd-hero-content p {\n  margin: 22px 0 0;\n  color: var(--dpd-muted);\n  font-size: 18px;\n  line-height: 1.8;\n  max-width: 520px;\n}\n\n.dpd-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.dpd-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 14px 24px;\n  border-radius: 999px;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 800;\n  transition: .25s ease;\n}\n\n.dpd-btn-primary {\n  background: var(--dpd-accent);\n  color: #fff;\n  box-shadow: 0 12px 28px rgba(26,110,255,.34);\n}\n\n.dpd-btn-primary:hover {\n  background: #155bdc;\n  color: #fff;\n  transform: translateY(-2px);\n}\n\n.dpd-home-hero .dpd-btn-secondary{\nbackground:#15C6E2;\nborder:1px solid #15C6E2;\ncolor:#0A2540;\nbox-shadow:0 12px 28px rgba(21,198,226,.30);\n}\n\n.dpd-home-hero .dpd-btn-secondary:hover{\nbackground:#11b7d0;\nborder-color:#11b7d0;\ncolor:#0A2540;\ntransform:translateY(-2px);\nbox-shadow:0 14px 34px rgba(21,198,226,.40);\n}\n\n.dpd-hero-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px 14px;\n  margin-top: 28px;\n  color: rgba(255,255,255,.56);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.dpd-hero-trust span {\n  position: relative;\n  padding-left: 18px;\n}\n\n.dpd-hero-trust span::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  color: #4ade80;\n  font-weight: 900;\n}\n\n.dpd-hero-visual {\n  position: relative;\n  min-height: 430px;\n}\n\n.dpd-dashboard-card {\n  position: relative;\n  border-radius: 28px;\n  overflow: hidden;\n  background: rgba(255,255,255,.08);\n  border: 1px solid rgba(255,255,255,.14);\n  box-shadow: 0 30px 80px rgba(0,0,0,.34);\n  transform: rotate(1.2deg);\n}\n\n.dpd-dashboard-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 28px;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);\n  pointer-events: none;\n  z-index: 2;\n}\n\n.dpd-dashboard-card img {\n  width: 100%;\n  display: block;\n  filter: saturate(1.05) contrast(1.02);\n}\n\n.dpd-floating-card {\n  position: absolute;\n  z-index: 3;\n  background: rgba(255,255,255,.96);\n  backdrop-filter: blur(14px);\n  border-radius: 15px;\n  padding: 15px 18px;\n  box-shadow: 0 18px 42px rgba(2,6,23,.20);\n  border: 1px solid rgba(255,255,255,.55);\n}\n\n.dpd-floating-card strong {\n  display: block;\n  color: #0f172a;\n  font-size: 22px;\n  line-height: 1.1;\n  font-weight: 900;\n}\n\n.dpd-floating-card span {\n  display: block;\n  margin-top: 4px;\n  color: #64748b;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.dpd-floating-score {\n  left: -88px;\n  bottom: 90px;\n}\n\n.dpd-floating-score strong {\n  color: var(--dpd-orange);\n}\n\n.dpd-floating-risk {\n  right: -94px;\n  top: 33px;\n}\n\n.dpd-floating-risk strong {\n  color: #d97706;\n  font-size: 18px;\n}\n\n@media (max-width: 1024px) {\n  .dpd-home-hero {\n    min-height: auto;\n    padding: 78px 18px;\n  }\n\n  .dpd-hero-container {\n    grid-template-columns: 1fr;\n    gap: 44px;\n  }\n\n  .dpd-hero-content {\n    max-width: 760px;\n    text-align: center;\n    margin: 0 auto;\n  }\n\n  .dpd-hero-content p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .dpd-hero-actions,\n  .dpd-hero-trust {\n    justify-content: center;\n  }\n\n  .dpd-hero-visual {\n    max-width: 780px;\n    margin: 0 auto;\n    min-height: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .dpd-home-hero {\n    padding: 64px 16px;\n  }\n\n  .dpd-hero-pattern {\n    background-size: 300px auto;\n    opacity: .18;\n  }\n\n  .dpd-hero-badge {\n    font-size: 10.5px;\n    padding: 7px 12px;\n    letter-spacing: .06em;\n  }\n\n  .dpd-hero-content h1 {\n    font-size: 39px;\n    line-height: 1.08;\n  }\n\n  .dpd-hero-content p {\n    font-size: 15.5px;\n    line-height: 1.75;\n  }\n\n  .dpd-hero-actions {\n    flex-direction: column;\n    align-items: stretch;\n    max-width: 320px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .dpd-btn {\n    width: 100%;\n  }\n\n  .dpd-btn-secondary {\n    display: none;\n  }\n\n  .dpd-hero-trust {\n    display: grid;\n    gap: 8px;\n    justify-content: center;\n    text-align: left;\n    font-size: 12.5px;\n  }\n\n  .dpd-hero-visual {\n    display: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8e9ac e-con-full e-flex e-con e-parent\" data-id=\"ae8e9ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d10559 elementor-widget elementor-widget-html\" data-id=\"0d10559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dpd-impact-carousel-section\" tabindex=\"0\">\r\n  <div class=\"dpd-impact-container\">\r\n\r\n    <div class=\"dpd-impact-header\">\r\n      <div class=\"dpd-impact-badge\">\r\n        <span><\/span>\r\n        Pourquoi rejoindre DPD Trust\r\n      <\/div>\r\n\r\n<h2>La fraude COD <span class=\"dpd-accent-word\">cause des d\u00e9g\u00e2ts<\/span>\r\nbien au-del\u00e0 d\u2019une simple commande <\/h2>\r\n      <p>\r\n        Les fausses commandes COD cr\u00e9ent de vrais dommages op\u00e9rationnels : exp\u00e9dition gaspill\u00e9e, emballage perdu, carburant, appels t\u00e9l\u00e9phoniques, temps de livraison, r\u00e9putation du vendeur et pression avec les partenaires logistiques.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dpd-impact-carousel\">\r\n      <div class=\"dpd-impact-window\">\r\n        <div class=\"dpd-impact-track\">\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M4 5h16v14H4z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Contrats de livraison \u00e0 risque<\/h3>\r\n            <p>Les fausses commandes COD r\u00e9p\u00e9t\u00e9es ou les commandes refus\u00e9es peuvent nuire \u00e0 votre r\u00e9putation aupr\u00e8s des partenaires de livraison et mettre vos contrats d\u2019exp\u00e9dition en danger.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 7h11v10H3z\"\/><path d=\"M14 11h4l3 3v3h-7z\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"18\" cy=\"18\" r=\"2\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Les \u00e9quipes de livraison perdent du temps<\/h3>\r\n            <p>La fraude affecte les vendeurs et les coursiers. Les livreurs, dispatchers et \u00e9quipes d\u2019exp\u00e9dition consacrent du temps \u00e0 des commandes qui ne se concr\u00e9tisent jamais.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 6v6l4 2\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Chaque commande rejet\u00e9e co\u00fbte<\/h3>\r\n            <p>Chaque commande rejet\u00e9e ou annul\u00e9e fait perdre du temps, des efforts, du travail de support et de l\u2019argent avant que votre \u00e9quipe puisse servir un v\u00e9ritable acheteur.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16\"\/><path d=\"M6 7l1 13h10l1-13\"\/><path d=\"M9 7V4h6v3\"\/><\/svg>\r\n            <\/div>\r\n            <h3>L\u2019emballage est gaspill\u00e9<\/h3>\r\n            <p>Les cartons, rubans, \u00e9tiquettes, emballages et mat\u00e9riaux de pr\u00e9paration sont perdus chaque fois qu\u2019une commande COD non s\u00e9rieuse est pr\u00e9par\u00e9e puis retourn\u00e9e.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card dpd-impact-benefit\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18\"\/><path d=\"M5 7h14\"\/><path d=\"M6 7l-3 6h6z\"\/><path d=\"M18 7l-3 6h6z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>DPD co\u00fbte moins cher que la fraude<\/h3>\r\n            <p>Rejoindre DPD Trust repr\u00e9sente un faible co\u00fbt op\u00e9rationnel compar\u00e9 aux livraisons \u00e9chou\u00e9es, aux emballages perdus, au carburant gaspill\u00e9, aux appels t\u00e9l\u00e9phoniques et \u00e0 une r\u00e9putation logistique d\u00e9grad\u00e9e.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M6 3h8l4 4v14H6z\"\/><path d=\"M14 3v5h5\"\/><path d=\"M9 14h6\"\/><path d=\"M9 18h4\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Les lignes t\u00e9l\u00e9phoniques sont mobilis\u00e9es<\/h3>\r\n            <p>Votre \u00e9quipe consacre un temps t\u00e9l\u00e9phonique pr\u00e9cieux \u00e0 confirmer de fausses commandes, appeler des clients injoignables et r\u00e9p\u00e9ter des v\u00e9rifications manuelles.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M6 3h9l3 3v15H6z\"\/><path d=\"M9 13h6\"\/><path d=\"M9 17h4\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Le travail administratif augmente<\/h3>\r\n            <p>Les mauvaises commandes COD cr\u00e9ent du travail suppl\u00e9mentaire : suivis, annulations, retours, mises \u00e0 jour du stock, notes clients et coordination de livraison.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 4v6c0 5-3.5 8-8 8s-8-3-8-8V7z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n            <\/div>\r\n            <h3>La r\u00e9putation du vendeur souffre<\/h3>\r\n            <p>Des taux de refus \u00e9lev\u00e9s peuvent donner \u00e0 votre boutique une image peu fiable aupr\u00e8s des partenaires de livraison, des \u00e9quipes et des futures relations commerciales.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 19V5\"\/><path d=\"M4 19h16\"\/><path d=\"M8 15l3-3 3 2 5-6\"\/><path d=\"M17 8h2v2\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Confiance professionnelle dans l\u2019exp\u00e9dition<\/h3>\r\n            <p>DPD aide les marchands \u00e0 travailler avec plus de professionnalisme, une confiance renforc\u00e9e et des d\u00e9cisions d\u2019exp\u00e9dition plus flexibles.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"dpd-impact-card\">\r\n            <div class=\"dpd-impact-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M8 16v-4\"\/><path d=\"M12 16V8\"\/><path d=\"M16 16v-6\"\/><path d=\"M7 20h10\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Contr\u00f4le fiable des d\u00e9cisions<\/h3>\r\n            <p>Vous gardez le contr\u00f4le des d\u00e9cisions d\u2019exp\u00e9dition ou demandez des avances lorsque c\u2019est n\u00e9cessaire, sur la base de statistiques pr\u00e9cises et fiables.<\/p>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dpd-impact-controls\">\r\n      <button class=\"dpd-mini-nav dpd-mini-prev\" type=\"button\" aria-label=\"Previous cards\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"dpd-impact-dots\"><\/div>\r\n\r\n      <button class=\"dpd-mini-nav dpd-mini-next\" type=\"button\" aria-label=\"Next cards\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dpd-impact-carousel-section{\r\n  --dpd-primary:#0A2540;\r\n  --dpd-navy:#071A2E;\r\n  --dpd-aurora:#15C6E2;\r\n  --dpd-orange:#FFA800;\r\n  --dpd-text:#3A4459;\r\n\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(21,198,226,.08), transparent 26%),\r\n    radial-gradient(circle at 88% 18%, rgba(255,168,0,.10), transparent 24%),\r\n    #ffffff;\r\n  padding:92px 18px;\r\n  overflow:hidden;\r\n  outline:none;\r\n}\r\n\r\n.dpd-impact-container{\r\n  max-width:1250px;\r\n  width:100%;\r\n  margin:0 auto;\r\n}\r\n\r\n.dpd-impact-header{\r\n  max-width:860px;\r\n  margin:0 auto 44px;\r\n  text-align:center;\r\n}\r\n\r\n.dpd-impact-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:8px 15px;\r\n  border-radius:999px;\r\n  background:rgba(21,198,226,.10);\r\n  color:var(--dpd-primary);\r\n  border:1px solid rgba(21,198,226,.18);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.dpd-impact-badge span{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--dpd-aurora);\r\n  box-shadow:0 0 0 6px rgba(21,198,226,.14);\r\n}\r\n\r\n.dpd-impact-header h2{\r\n  margin:0;\r\n  color:var(--dpd-primary);\r\n  font-size:clamp(32px,4vw,48px);\r\n  line-height:1.12;\r\n  letter-spacing:-.035em;\r\n  font-weight:900;\r\n}\r\n\r\n.dpd-impact-header p{\r\n  margin:18px auto 0;\r\n  max-width:780px;\r\n  color:var(--dpd-text);\r\n  font-size:17px;\r\n  line-height:1.8;\r\n}\r\n\r\n.dpd-accent-word{\r\ncolor:#FED303;\r\nposition:relative;\r\ndisplay:inline-block;\r\nfont-weight:900;\r\n}\r\n\r\n.dpd-impact-carousel{\r\n  width:100%;\r\n}\r\n\r\n.dpd-impact-window{\r\n  overflow:hidden;\r\n  padding:10px 2px 18px;\r\n}\r\n\r\n.dpd-impact-track{\r\n  display:flex;\r\n  gap:18px;\r\n  transition:transform .55s cubic-bezier(.22,1,.36,1);\r\n  will-change:transform;\r\n}\r\n\r\n.dpd-impact-card{\r\n  flex:0 0 calc((100% - 54px) \/ 4);\r\n  min-height:300px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:24px;\r\n  padding:26px 22px;\r\n  background:\r\n    radial-gradient(circle at 85% 0%, rgba(21,198,226,.18), transparent 34%),\r\n    linear-gradient(180deg,#0A2540 0%,#071A2E 100%);\r\n  border:1px solid rgba(255,255,255,.10);\r\n  color:#fff;\r\n  box-shadow:none;\r\n  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n}\r\n\r\n.dpd-impact-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 24px 54px rgba(10,37,64,.22);\r\n  border-color:rgba(21,198,226,.30);\r\n}\r\n\r\n.dpd-impact-benefit{\r\n  background:\r\n    radial-gradient(circle at 88% 0%, rgba(255,168,0,.28), transparent 36%),\r\n    linear-gradient(180deg,#FFA800 0%,#D98700 100%);\r\n  color:#0A2540;\r\n}\r\n\r\n.dpd-impact-benefit h3,\r\n.dpd-impact-benefit p{\r\n  color:#0A2540;\r\n}\r\n\r\n.dpd-impact-benefit p{\r\n  opacity:.78;\r\n}\r\n\r\n.dpd-impact-icon{\r\n  position:relative;\r\n  z-index:1;\r\n  width:54px;\r\n  height:54px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:16px;\r\n  background:rgba(255,255,255,.09);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  margin-bottom:22px;\r\n}\r\n\r\n.dpd-impact-benefit .dpd-impact-icon{\r\n  background:rgba(10,37,64,.10);\r\n  border-color:rgba(10,37,64,.16);\r\n}\r\n\r\n.dpd-impact-icon svg{\r\n  width:26px;\r\n  height:26px;\r\n  fill:none;\r\n  stroke:var(--dpd-aurora);\r\n  stroke-width:2;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.dpd-impact-benefit .dpd-impact-icon svg{\r\n  stroke:#0A2540;\r\n}\r\n\r\n.dpd-impact-card h3{\r\n  position:relative;\r\n  z-index:1;\r\n  margin:0 0 12px;\r\n  color:#fff;\r\n  font-size:20px;\r\n  line-height:1.24;\r\n  letter-spacing:-.02em;\r\n  font-weight:850;\r\n}\r\n\r\n.dpd-impact-card p{\r\n  position:relative;\r\n  z-index:1;\r\n  margin:0;\r\n  color:rgba(255,255,255,.70);\r\n  font-size:14px;\r\n  line-height:1.72;\r\n}\r\n\r\n.dpd-impact-controls{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin-top:14px;\r\n}\r\n\r\n.dpd-mini-nav{\r\n  width:42px;\r\n  height:42px;\r\n  border:none;\r\n  background:transparent;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  cursor:pointer;\r\n  border-radius:50%;\r\n  transition:.25s ease;\r\n}\r\n\r\n.dpd-mini-nav svg{\r\nwidth:20px;\r\nheight:20px;\r\ndisplay:block;\r\noverflow:visible;\r\n}\r\n\r\n.dpd-mini-nav svg path{\r\nfill:none;\r\nstroke:#0A2540;\r\nstroke-width:3;\r\nstroke-linecap:round;\r\nstroke-linejoin:round;\r\n}\r\n\r\n.dpd-mini-nav:hover{\r\n  background:rgba(10,37,64,.06);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.dpd-mini-nav:hover svg{\r\n  stroke:#15C6E2;\r\n}\r\n\r\n.dpd-impact-dots{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-top:0;\r\n}\r\n\r\n.dpd-impact-dot{\r\n  width:13px;\r\n  height:13px;\r\n  border:0;\r\n  border-radius:999px;\r\n  background:rgba(10,37,64,.25);\r\n  cursor:pointer;\r\n  transition:.25s ease;\r\n  padding:0;\r\n}\r\n\r\n.dpd-impact-dot.is-active{\r\n  width:16px;\r\n  background:#0A2540;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .dpd-impact-carousel-section{\r\n    padding:76px 18px;\r\n  }\r\n\r\n  .dpd-impact-card{\r\n    flex-basis:calc((100% - 18px) \/ 2);\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .dpd-impact-carousel-section{\r\n    padding:62px 16px;\r\n  }\r\n\r\n  .dpd-impact-header{\r\n    text-align:left;\r\n    margin-bottom:28px;\r\n  }\r\n\r\n  .dpd-impact-header h2{\r\n    font-size:34px;\r\n    line-height:1.15;\r\n  }\r\n\r\n  .dpd-impact-header p{\r\n    font-size:15.5px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .dpd-impact-window{\r\n    overflow:visible;\r\n    padding:0;\r\n  }\r\n\r\n  .dpd-impact-track{\r\n    overflow-x:auto;\r\n    scroll-snap-type:x mandatory;\r\n    padding:4px 2px 16px;\r\n    -webkit-overflow-scrolling:touch;\r\n    transform:none !important;\r\n  }\r\n\r\n  .dpd-impact-card{\r\n    flex:0 0 84%;\r\n    min-height:292px;\r\n    border-radius:22px;\r\n    padding:24px 20px;\r\n    scroll-snap-align:start;\r\n  }\r\n\r\n  .dpd-impact-controls{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.querySelector(\".dpd-impact-carousel-section\");\r\n  if(!section) return;\r\n\r\n  const track = section.querySelector(\".dpd-impact-track\");\r\n  const dotsWrap = section.querySelector(\".dpd-impact-dots\");\r\n  const prevBtn = section.querySelector(\".dpd-mini-prev\");\r\n  const nextBtn = section.querySelector(\".dpd-mini-next\");\r\n  const originalCards = Array.from(track.children);\r\n\r\n  let perView = getPerView();\r\n  let index = perView;\r\n  let autoplay;\r\n  let isPaused = false;\r\n\r\n  function getPerView(){\r\n    if(window.innerWidth <= 767) return 1;\r\n    if(window.innerWidth <= 1024) return 2;\r\n    return 4;\r\n  }\r\n\r\n  function setupInfinite(){\r\n    track.innerHTML = \"\";\r\n\r\n    perView = getPerView();\r\n\r\n    const before = originalCards.slice(-perView).map(card => card.cloneNode(true));\r\n    const after = originalCards.slice(0, perView).map(card => card.cloneNode(true));\r\n\r\n    before.forEach(card => track.appendChild(card));\r\n    originalCards.forEach(card => track.appendChild(card.cloneNode(true)));\r\n    after.forEach(card => track.appendChild(card));\r\n\r\n    index = perView;\r\n    track.style.transition = \"none\";\r\n    move();\r\n\r\n    requestAnimationFrame(() => {\r\n      track.style.transition = \"transform .55s cubic-bezier(.22,1,.36,1)\";\r\n    });\r\n\r\n    buildDots();\r\n  }\r\n\r\n  function currentCards(){\r\n    return Array.from(track.children);\r\n  }\r\n\r\n  function cardStep(){\r\n    const first = currentCards()[0];\r\n    const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n    return first.getBoundingClientRect().width + gap;\r\n  }\r\n\r\n  function move(){\r\n    track.style.transform = \"translateX(\" + (-index * cardStep()) + \"px)\";\r\n    updateDots();\r\n  }\r\n\r\n  function updateDots(){\r\n    const realIndex = ((index - perView) % originalCards.length + originalCards.length) % originalCards.length;\r\n    dotsWrap.querySelectorAll(\".dpd-impact-dot\").forEach((dot, i) => {\r\n      dot.classList.toggle(\"is-active\", i === realIndex);\r\n    });\r\n  }\r\n\r\n  function buildDots(){\r\n    dotsWrap.innerHTML = \"\";\r\n    originalCards.forEach((_, i) => {\r\n      const dot = document.createElement(\"button\");\r\n      dot.type = \"button\";\r\n      dot.className = \"dpd-impact-dot\";\r\n      dot.setAttribute(\"aria-label\", \"Go to slide \" + (i + 1));\r\n      dot.addEventListener(\"click\", () => {\r\n        index = i + perView;\r\n        move();\r\n        restart();\r\n      });\r\n      dotsWrap.appendChild(dot);\r\n    });\r\n  }\r\n\r\n  function nextSlide(){\r\n    index++;\r\n    move();\r\n  }\r\n\r\n  function prevSlide(){\r\n    index--;\r\n    move();\r\n  }\r\n\r\n  track.addEventListener(\"transitionend\", () => {\r\n    const total = originalCards.length;\r\n\r\n    if(index >= total + perView){\r\n      track.style.transition = \"none\";\r\n      index = perView;\r\n      move();\r\n      requestAnimationFrame(() => {\r\n        track.style.transition = \"transform .55s cubic-bezier(.22,1,.36,1)\";\r\n      });\r\n    }\r\n\r\n    if(index < perView){\r\n      track.style.transition = \"none\";\r\n      index = total + perView - 1;\r\n      move();\r\n      requestAnimationFrame(() => {\r\n        track.style.transition = \"transform .55s cubic-bezier(.22,1,.36,1)\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function start(){\r\n    clearInterval(autoplay);\r\n    autoplay = setInterval(() => {\r\n      if(!isPaused && window.innerWidth > 767) nextSlide();\r\n    }, 3800);\r\n  }\r\n\r\n  function restart(){\r\n    clearInterval(autoplay);\r\n    start();\r\n  }\r\n\r\n  section.addEventListener(\"mouseenter\", () => {\r\n    isPaused = true;\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", () => {\r\n    isPaused = false;\r\n  });\r\n\r\n  section.addEventListener(\"keydown\", (e) => {\r\n    if(window.innerWidth <= 767) return;\r\n\r\n    if(e.key === \"ArrowRight\"){\r\n      e.preventDefault();\r\n      nextSlide();\r\n      restart();\r\n    }\r\n\r\n    if(e.key === \"ArrowLeft\"){\r\n      e.preventDefault();\r\n      prevSlide();\r\n      restart();\r\n    }\r\n  });\r\n\r\n  prevBtn.addEventListener(\"click\", () => {\r\n    prevSlide();\r\n    restart();\r\n  });\r\n\r\n  nextBtn.addEventListener(\"click\", () => {\r\n    nextSlide();\r\n    restart();\r\n  });\r\n\r\n  window.addEventListener(\"resize\", () => {\r\n    setupInfinite();\r\n  });\r\n\r\n  setupInfinite();\r\n  start();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a4d2fb e-con-full e-flex e-con e-parent\" data-id=\"7a4d2fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-682177a elementor-widget elementor-widget-html\" data-id=\"682177a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dpd-tabs-section\">\r\n  <div class=\"dpd-tabs-wrap\">\r\n\r\n    <div class=\"dpd-tabs-head\">\r\n      <div class=\"dpd-tabs-badge\">\r\n        <span><\/span>\r\n        Comment fonctionne DPD Trust\r\n      <\/div>\r\n\r\n      <h2>\r\n        De la <span>v\u00e9rification du t\u00e9l\u00e9phone<\/span> \u00e0 une d\u00e9cision d\u2019exp\u00e9dition plus intelligente\r\n      <\/h2>\r\n\r\n      <p>\r\n        Suivez le workflow complet de DPD : v\u00e9rifiez le t\u00e9l\u00e9phone, analysez les signaux de fraude, \u00e9valuez le risque et d\u00e9cidez avant l\u2019exp\u00e9dition.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dpd-tabs-nav dpd-progress-check\" role=\"tablist\">\r\n      <button class=\"dpd-tab-btn is-active\" data-tab=\"check\" type=\"button\">V\u00e9rifier<\/button>\r\n      <button class=\"dpd-tab-btn\" data-tab=\"analyze\" type=\"button\">Analyser<\/button>\r\n      <button class=\"dpd-tab-btn\" data-tab=\"score\" type=\"button\">Scorer<\/button>\r\n      <button class=\"dpd-tab-btn\" data-tab=\"decide\" type=\"button\">D\u00e9cider<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"dpd-tab-panels\">\r\n\r\n      <div class=\"dpd-tab-panel is-active\" data-panel=\"check\">\r\n        <div class=\"dpd-tab-visual\">\r\n          <div class=\"dpd-ui-bg\">\r\n            <div class=\"dpd-ui-window\">\r\n              <div class=\"dpd-ui-top\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n                <small>Recherche de t\u00e9l\u00e9phone<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-phone-card\">\r\n                <div>\r\n                  <label>Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n                  <strong>+212660123456<\/strong>\r\n                  <small>Orange Maroc \u00b7 MA<\/small>\r\n                <\/div>\r\n                <div class=\"dpd-chip\">V\u00e9rifi\u00e9<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-search-bar\">\r\n                <span><\/span>\r\n                Rechercher le t\u00e9l\u00e9phone avant l\u2019exp\u00e9dition...\r\n              <\/div>\r\n\r\n              <div class=\"dpd-mini-grid\">\r\n                <div><strong>MA<\/strong><small>Pays<\/small><\/div>\r\n                <div><strong>Orange<\/strong><small>Op\u00e9rateur<\/small><\/div>\r\n                <div><strong>5\/10<\/strong><small>Confiance<\/small><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpd-float dpd-float-1\">Recherche de t\u00e9l\u00e9phone<\/div>\r\n            <div class=\"dpd-float dpd-float-2\">Signal op\u00e9rateur<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dpd-tab-content\">\r\n          <h3>V\u00e9rifier le t\u00e9l\u00e9phone avant la pr\u00e9paration<\/h3>\r\n          <p>\r\n            Commencez par le num\u00e9ro de t\u00e9l\u00e9phone du client. DPD aide les marchands \u00e0 valider le num\u00e9ro, identifier le contexte op\u00e9rateur et pr\u00e9parer la commande pour l\u2019analyse du risque.\r\n          <\/p>\r\n\r\n          <ul>\r\n            <li>Valider le t\u00e9l\u00e9phone avant l\u2019exp\u00e9dition<\/li>\r\n            <li>D\u00e9tecter l\u2019op\u00e9rateur marocain et les signaux de fraude locaux<\/li>\r\n            <li>Utiliser le tableau de bord, le plugin ou l\u2019API<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-tab-panel\" data-panel=\"analyze\">\r\n        <div class=\"dpd-tab-visual\">\r\n          <div class=\"dpd-ui-bg dpd-ui-bg-analyze\">\r\n            <div class=\"dpd-ui-window\">\r\n              <div class=\"dpd-ui-top\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n                <small>Analyse des signaux<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-signal-lines\">\r\n                <div><b>Signaux comportementaux<\/b><span><\/span><\/div>\r\n                <div><b>Retours des marchands<\/b><span><\/span><\/div>\r\n                <div><b>Sch\u00e9mas de fraude<\/b><span><\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-chart-card\">\r\n                <div class=\"bar one\"><\/div>\r\n                <div class=\"bar two\"><\/div>\r\n                <div class=\"bar three\"><\/div>\r\n                <div class=\"bar four\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpd-float dpd-float-1\">D\u00e9tection des sch\u00e9mas<\/div>\r\n            <div class=\"dpd-float dpd-float-2\">Retours des marchands<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dpd-tab-content\">\r\n          <h3>Analyser les signaux de fraude et de livraison<\/h3>\r\n          <p>\r\n            DPD examine le comportement li\u00e9 au t\u00e9l\u00e9phone, l\u2019activit\u00e9 de livraison pr\u00e9c\u00e9dente, les signaux signal\u00e9s et les sch\u00e9mas suspects afin de construire une vision plus claire du risque.\r\n          <\/p>\r\n\r\n          <ul>\r\n            <li>D\u00e9tecter les comportements suspects<\/li>\r\n            <li>\u00c9valuer les sch\u00e9mas de livraison<\/li>\r\n            <li>Combiner les signaux de retour des marchands<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-tab-panel\" data-panel=\"score\">\r\n        <div class=\"dpd-tab-visual\">\r\n          <div class=\"dpd-ui-bg dpd-ui-bg-score\">\r\n            <div class=\"dpd-ui-window\">\r\n              <div class=\"dpd-ui-top\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n                <small>Score de risque<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-score-area\">\r\n                <div class=\"dpd-score-circle\">\r\n                  <strong>5<\/strong>\r\n                  <small>\/10<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"dpd-score-copy\">\r\n                  <h4>Risque moyen<\/h4>\r\n                  <p>Examen manuel recommand\u00e9 avant l\u2019exp\u00e9dition.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-risk-pills\">\r\n                <span>Faible<\/span>\r\n                <span class=\"active\">Moyen<\/span>\r\n                <span>\u00c9lev\u00e9<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpd-float dpd-float-1\">Score de confiance<\/div>\r\n            <div class=\"dpd-float dpd-float-2\">Signaux de risque<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dpd-tab-content\">\r\n          <h3>Obtenir un score de risque clair<\/h3>\r\n          <p>\r\n            La plateforme renvoie un score de confiance pratique avec du contexte, afin que votre \u00e9quipe comprenne le niveau de risque avant que la commande quitte votre boutique.\r\n          <\/p>\r\n\r\n          <ul>\r\n            <li>Contexte de risque faible, moyen ou \u00e9lev\u00e9<\/li>\r\n            <li>Score appuy\u00e9 par des signaux<\/li>\r\n            <li>Aide \u00e0 la d\u00e9cision, pas blocage automatique<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-tab-panel\" data-panel=\"decide\">\r\n        <div class=\"dpd-tab-visual\">\r\n          <div class=\"dpd-ui-bg dpd-ui-bg-decide\">\r\n            <div class=\"dpd-ui-window\">\r\n              <div class=\"dpd-ui-top\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n                <small>D\u00e9cision du marchand<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-decision-list\">\r\n                <div>Exp\u00e9dier la commande<\/div>\r\n                <div class=\"highlight\">V\u00e9rifier avant l\u2019exp\u00e9dition<\/div>\r\n                <div>Demander une avance<\/div>\r\n                <div>Mettre en attente pour examen<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dpd-final-box\">\r\n                Le marchand garde le contr\u00f4le final\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpd-float dpd-float-1\">Recommandation intelligente<\/div>\r\n            <div class=\"dpd-float dpd-float-2\">D\u00e9cision finale<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dpd-tab-content\">\r\n          <h3>D\u00e9cider avant l\u2019exp\u00e9dition<\/h3>\r\n          <p>\r\n            Votre \u00e9quipe peut exp\u00e9dier, v\u00e9rifier, demander un paiement d\u2019avance ou mettre la commande en attente. DPD soutient la d\u00e9cision \u2014 il ne remplace pas le marchand.\r\n          <\/p>\r\n\r\n          <ul>\r\n            <li>Exp\u00e9dier avec plus de confiance<\/li>\r\n            <li>V\u00e9rifier d\u2019abord les commandes COD risqu\u00e9es<\/li>\r\n            <li>Le marchand garde toujours le contr\u00f4le<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dpd-tabs-section{\r\n  --dpd-navy:#0A2540;\r\n  --dpd-dark:#071A2E;\r\n  --dpd-aurora:#15C6E2;\r\n  --dpd-yellow:#FED303;\r\n  --dpd-text:#34405A;\r\n  --dpd-muted:#6B7280;\r\n  background:linear-gradient(180deg,#f8fbff 0%,#f2f8fc 100%);\r\n  padding:100px 18px;\r\n  overflow:hidden;\r\n}\r\n\r\n.dpd-tabs-wrap{max-width:1250px;margin:0 auto;}\r\n.dpd-tabs-head{max-width:850px;margin:0 auto 46px;text-align:center;}\r\n\r\n.dpd-tabs-badge{\r\n  display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;\r\n  background:rgba(21,198,226,.10);color:var(--dpd-navy);border:1px solid rgba(21,198,226,.18);\r\n  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;\r\n}\r\n\r\n.dpd-tabs-badge span{width:7px;height:7px;border-radius:50%;background:var(--dpd-aurora);}\r\n\r\n.dpd-tabs-head h2{\r\n  margin:0;color:var(--dpd-navy);font-size:clamp(34px,4vw,52px);\r\n  line-height:1.08;letter-spacing:-.035em;font-weight:900;\r\n}\r\n\r\n.dpd-tabs-head h2 span{color:var(--dpd-yellow);position:relative;display:inline-block;}\r\n\r\n.dpd-tabs-head h2 span:after{\r\n  content:\"\";position:absolute;left:0;bottom:6px;width:100%;height:10px;\r\n  background:rgba(254,211,3,.20);border-radius:999px;z-index:-1;\r\n}\r\n\r\n.dpd-tabs-head p{\r\n  margin:18px auto 0;max-width:760px;color:var(--dpd-text);font-size:17px;line-height:1.8;\r\n}\r\n\r\n.dpd-tabs-nav{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  position:relative;\r\n  margin-bottom:70px;\r\n  padding-bottom:28px;\r\n}\r\n\r\n.dpd-tabs-nav:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:4px;\r\n  background:rgba(10,37,64,.12);\r\n  border-radius:999px;\r\n}\r\n\r\n.dpd-tabs-nav:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  height:4px;\r\n  border-radius:999px;\r\n  background:linear-gradient(90deg,#15C6E2 0%,#FED303 50%,#0A2540 100%);\r\n  transition:width .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.dpd-tabs-nav.dpd-progress-check:after{width:25%;}\r\n.dpd-tabs-nav.dpd-progress-analyze:after{width:50%;}\r\n.dpd-tabs-nav.dpd-progress-score:after{width:75%;}\r\n.dpd-tabs-nav.dpd-progress-decide:after{width:100%;}\r\n\r\n.dpd-tab-btn{\r\n  border:0;background:transparent;padding:0 10px 0;\r\n  color:#748596;font-size:32px;line-height:1;font-weight:900;\r\n  cursor:pointer;position:relative;transition:.25s ease;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\n.dpd-tab-btn:hover{\r\n  color:#071B2F;\r\n  background:transparent;\r\n}\r\n\r\n.dpd-tab-btn:focus,\r\n.dpd-tab-btn:active{\r\n  color:#071B2F;\r\n  background:transparent;\r\n  outline:none;\r\n  box-shadow:none;\r\n}\r\n\r\n.dpd-tab-btn.is-active{color:#071B2F;}\r\n\r\n.dpd-tab-panel{\r\n  display:none;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\r\n  animation:dpdFade .35s ease both;\r\n}\r\n\r\n.dpd-tab-panel.is-active{display:grid;}\r\n\r\n@keyframes dpdFade{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}\r\n\r\n.dpd-tab-visual{position:relative;}\r\n\r\n.dpd-ui-bg{\r\n  position:relative;min-height:420px;border-radius:28px;padding:44px;overflow:visible;\r\n  background:radial-gradient(circle at 18% 20%, rgba(21,198,226,.35), transparent 34%),\r\n  linear-gradient(135deg,rgba(21,198,226,.34),rgba(10,37,64,.62)),#dff8fb;\r\n}\r\n\r\n.dpd-ui-bg-analyze{\r\n  background:radial-gradient(circle at 18% 20%, rgba(21,198,226,.38), transparent 34%),\r\n  linear-gradient(135deg,rgba(21,198,226,.28),rgba(254,211,3,.30)),#eefcff;\r\n}\r\n\r\n.dpd-ui-bg-score{\r\n  background:radial-gradient(circle at 18% 20%, rgba(254,211,3,.35), transparent 34%),\r\n  linear-gradient(135deg,rgba(21,198,226,.30),rgba(10,37,64,.55)),#effbff;\r\n}\r\n\r\n.dpd-ui-bg-decide{\r\n  background:radial-gradient(circle at 18% 20%, rgba(254,211,3,.34), transparent 34%),\r\n  linear-gradient(135deg,rgba(10,37,64,.62),rgba(21,198,226,.28)),#eefcff;\r\n}\r\n\r\n.dpd-ui-window{\r\n  background:#fff;border-radius:24px;padding:26px;max-width:520px;margin:0 auto;\r\n  box-shadow:0 22px 55px rgba(10,37,64,.12);\r\n}\r\n\r\n.dpd-ui-top{display:flex;align-items:center;gap:7px;margin-bottom:24px;}\r\n.dpd-ui-top span{width:9px;height:9px;border-radius:50%;background:#cbd5e1;}\r\n\r\n.dpd-ui-top small{\r\n  margin-left:10px;font-size:11px;font-weight:900;color:#7a8499;\r\n  text-transform:uppercase;letter-spacing:.08em;\r\n}\r\n\r\n.dpd-phone-card{\r\n  display:flex;align-items:center;justify-content:space-between;gap:18px;\r\n  padding:18px;border-radius:18px;background:#f6fbff;margin-bottom:18px;\r\n}\r\n\r\n.dpd-phone-card label{display:block;color:#7a8499;font-size:12px;font-weight:800;margin-bottom:5px;}\r\n.dpd-phone-card strong{display:block;font-size:20px;color:var(--dpd-navy);}\r\n.dpd-phone-card small{display:block;margin-top:5px;color:#6b7280;}\r\n\r\n.dpd-chip{\r\n  background:rgba(21,198,226,.12);color:var(--dpd-navy);padding:9px 12px;\r\n  border-radius:999px;font-weight:900;font-size:12px;\r\n}\r\n\r\n.dpd-search-bar{\r\n  padding:16px;border-radius:16px;background:#f1f5f9;color:#7a8499;font-size:14px;margin-bottom:18px;\r\n}\r\n\r\n.dpd-search-bar span{\r\n  display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dpd-aurora);margin-right:8px;\r\n}\r\n\r\n.dpd-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}\r\n.dpd-mini-grid div{background:#f8fafc;border-radius:14px;padding:14px;text-align:center;}\r\n.dpd-mini-grid strong{display:block;color:var(--dpd-navy);font-size:18px;}\r\n.dpd-mini-grid small{display:block;margin-top:4px;color:#7a8499;font-size:11px;}\r\n\r\n.dpd-signal-lines{display:grid;gap:14px;margin-bottom:24px;}\r\n.dpd-signal-lines div{background:#f8fafc;border-radius:14px;padding:15px;}\r\n.dpd-signal-lines b{display:block;color:var(--dpd-navy);margin-bottom:10px;}\r\n.dpd-signal-lines span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--dpd-aurora),var(--dpd-yellow));}\r\n\r\n.dpd-chart-card{display:flex;align-items:flex-end;gap:12px;height:130px;padding:18px;background:#f1f5f9;border-radius:18px;}\r\n.dpd-chart-card .bar{flex:1;border-radius:999px 999px 8px 8px;background:var(--dpd-aurora);}\r\n.dpd-chart-card .one{height:45%;}\r\n.dpd-chart-card .two{height:78%;background:var(--dpd-yellow);}\r\n.dpd-chart-card .three{height:58%;}\r\n.dpd-chart-card .four{height:92%;background:var(--dpd-navy);}\r\n\r\n.dpd-score-area{display:flex;gap:24px;align-items:center;margin-bottom:22px;}\r\n\r\n.dpd-score-circle{\r\n  width:118px;height:118px;border-radius:50%;border:8px solid var(--dpd-aurora);\r\n  display:flex;align-items:center;justify-content:center;flex:0 0 auto;\r\n}\r\n\r\n.dpd-score-circle strong{font-size:38px;color:var(--dpd-navy);}\r\n.dpd-score-circle small{font-weight:900;color:var(--dpd-navy);}\r\n.dpd-score-copy h4{margin:0 0 8px;font-size:24px;color:var(--dpd-navy);}\r\n.dpd-score-copy p{margin:0;color:#6b7280;line-height:1.6;}\r\n\r\n.dpd-risk-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}\r\n.dpd-risk-pills span{text-align:center;padding:13px;border-radius:14px;background:#f1f5f9;font-weight:900;color:#64748b;}\r\n.dpd-risk-pills .active{background:#fff1bf;color:#9a6700;}\r\n\r\n.dpd-decision-list{display:grid;gap:12px;margin-bottom:22px;}\r\n.dpd-decision-list div{padding:15px;border-radius:14px;background:#f8fafc;color:var(--dpd-navy);font-weight:900;}\r\n.dpd-decision-list .highlight{background:#fff1bf;color:#9a6700;}\r\n\r\n.dpd-final-box{background:var(--dpd-navy);color:#fff;padding:18px;border-radius:18px;font-weight:900;}\r\n\r\n.dpd-float{\r\n  position:absolute;z-index:3;background:#fff;color:var(--dpd-navy);padding:14px 18px;\r\n  border-radius:16px;font-size:14px;font-weight:900;box-shadow:0 18px 40px rgba(10,37,64,.14);\r\n}\r\n\r\n.dpd-float-1{right:-45px;top:90px;}\r\n.dpd-float-2{left:-50px;bottom:120px;}\r\n\r\n.dpd-tab-content h3{\r\n  margin:0 0 18px;color:var(--dpd-navy);font-size:38px;\r\n  line-height:1.15;letter-spacing:-.03em;font-weight:900;\r\n}\r\n\r\n.dpd-tab-content p{margin:0 0 28px;color:var(--dpd-text);font-size:17px;line-height:1.8;max-width:580px;}\r\n\r\n.dpd-tab-content ul{list-style:none;padding:0;margin:0;display:grid;gap:18px;}\r\n\r\n.dpd-tab-content li{\r\n  position:relative;padding-left:44px;color:var(--dpd-navy);\r\n  font-size:18px;line-height:1.55;font-weight:700;\r\n}\r\n\r\n.dpd-tab-content li:before{\r\n  content:\"\u2713\";position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;\r\n  background:var(--dpd-aurora);color:#fff;display:flex;align-items:center;justify-content:center;\r\n  font-size:14px;font-weight:900;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .dpd-tabs-section{padding:82px 18px;}\r\n  .dpd-tab-panel{grid-template-columns:1fr;gap:44px;}\r\n  .dpd-tabs-nav{margin-bottom:46px;}\r\n  .dpd-tab-btn{font-size:26px;}\r\n  .dpd-float{display:none;}\r\n}\r\n\r\n@media(max-width:767px){\r\n  .dpd-tabs-section{padding:68px 16px;}\r\n  .dpd-tabs-head{text-align:left;margin-bottom:34px;}\r\n  .dpd-tabs-head h2{font-size:34px;line-height:1.15;}\r\n  .dpd-tabs-head p{font-size:15.5px;line-height:1.75;}\r\n\r\n  .dpd-tabs-nav{\r\n    display:flex;overflow-x:auto;gap:26px;padding-bottom:18px;margin-bottom:36px;\r\n    -webkit-overflow-scrolling:touch;\r\n  }\r\n\r\n  .dpd-tabs-nav::-webkit-scrollbar{display:none;}\r\n  .dpd-tab-btn{flex:0 0 auto;font-size:18px;padding:0;}\r\n  .dpd-tab-panel{gap:34px;}\r\n\r\n  .dpd-tabs-nav.dpd-progress-check:after{width:25%;}\r\n  .dpd-tabs-nav.dpd-progress-analyze:after{width:50%;}\r\n  .dpd-tabs-nav.dpd-progress-score:after{width:75%;}\r\n  .dpd-tabs-nav.dpd-progress-decide:after{width:100%;}\r\n\r\n  .dpd-ui-bg{min-height:auto;padding:18px;border-radius:22px;}\r\n  .dpd-ui-window{padding:20px;border-radius:20px;}\r\n  .dpd-phone-card{flex-direction:column;align-items:flex-start;}\r\n  .dpd-mini-grid,.dpd-risk-pills{grid-template-columns:1fr;}\r\n  .dpd-score-area{flex-direction:column;align-items:flex-start;}\r\n  .dpd-tab-content h3{font-size:28px;}\r\n  .dpd-tab-content p{font-size:15.5px;}\r\n  .dpd-tab-content li{font-size:15.5px;padding-left:38px;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.querySelector(\".dpd-tabs-section\");\r\n  if(!section) return;\r\n\r\n  const nav = section.querySelector(\".dpd-tabs-nav\");\r\n  const buttons = Array.from(section.querySelectorAll(\".dpd-tab-btn\"));\r\n  const panels = Array.from(section.querySelectorAll(\".dpd-tab-panel\"));\r\n\r\n  function activateTab(tab){\r\n    buttons.forEach(btn => {\r\n      btn.classList.toggle(\"is-active\", btn.dataset.tab === tab);\r\n    });\r\n\r\n    panels.forEach(panel => {\r\n      panel.classList.toggle(\"is-active\", panel.dataset.panel === tab);\r\n    });\r\n\r\n    nav.classList.remove(\r\n      \"dpd-progress-check\",\r\n      \"dpd-progress-analyze\",\r\n      \"dpd-progress-score\",\r\n      \"dpd-progress-decide\"\r\n    );\r\n\r\n    nav.classList.add(\"dpd-progress-\" + tab);\r\n  }\r\n\r\n  buttons.forEach(button => {\r\n    button.addEventListener(\"click\", function(){\r\n      activateTab(this.dataset.tab);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e671f9 e-flex e-con-boxed e-con e-parent\" data-id=\"5e671f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-710353b elementor-widget elementor-widget-html\" data-id=\"710353b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dpd-integrations-section\">\r\n\r\n<div class=\"dpd-int-wrap\">\r\n\r\n<div class=\"dpd-int-head\">\r\n<div class=\"dpd-badge\">\r\n<span><\/span>\r\nInt\u00e9grations\r\n<\/div>\r\n<h2>\r\nConnectez DPD Trust \u00e0 votre boutique\r\n<span>en quelques minutes<\/span>\r\n<\/h2>\r\n<p>\r\nUtilisez des plugins natifs ou une API personnalis\u00e9e pour commencer \u00e0 v\u00e9rifier les commandes COD risqu\u00e9es dans votre workflow actuel.\r\n<\/p>\r\n<\/div>\r\n\r\n\r\n<!-- LOGO SLIDER \/ GRID -->\r\n<div class=\"dpd-plugin-slider-wrap\">\r\n\r\n  <div class=\"dpd-plugin-track\" id=\"dpdPluginTrack\">\r\n\r\n    <a href=\"#\" class=\"dpd-plugin-card active\">\r\n      <div class=\"dpd-logo-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/Woocommerce.svg\" alt=\"WooCommerce\">\r\n      <\/div>\r\n      <div class=\"dpd-plugin-meta\">\r\n        <h4>WooCommerce<\/h4>\r\n        <p>Int\u00e9gration plugin WordPress<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"dpd-plugin-card\">\r\n      <div class=\"dpd-logo-wrap dpd-youcan-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/Youcan.svg\" alt=\"YouCan\">\r\n      <\/div>\r\n      <div class=\"dpd-plugin-meta\">\r\n        <h4>YouCan<\/h4>\r\n        <p>E-commerce natif au Maroc<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"dpd-plugin-card\">\r\n      <div class=\"dpd-logo-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/Shopify.svg\" alt=\"Shopify\">\r\n      <\/div>\r\n      <div class=\"dpd-plugin-meta\">\r\n        <h4>Shopify<\/h4>\r\n        <p>Installer et commencer les v\u00e9rifications<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"dpd-plugin-card\">\r\n     <div class=\"dpd-logo-wrap dpd-customapi-logo\">\r\n  <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/dpd-custom-api.svg\" alt=\"API personnalis\u00e9e\">\r\n<\/div>\r\n      <div class=\"dpd-plugin-meta\">\r\n        <h4>API personnalis\u00e9e<\/h4>\r\n        <p>Int\u00e9grations personnalis\u00e9es<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <!-- Slider controls \u2014 hidden on desktop via CSS -->\r\n  <div class=\"dpd-slider-nav\" id=\"dpdSliderNav\">\r\n    <button class=\"dpd-slider-arrow\" id=\"dpdPrev\" aria-label=\"Previous\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M12.5 15L7.5 10L12.5 5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n    <div class=\"dpd-slider-dots\" id=\"dpdDots\"><\/div>\r\n    <button class=\"dpd-slider-arrow\" id=\"dpdNext\" aria-label=\"Next\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- BENEFITS -->\r\n<div class=\"dpd-connect-grid\">\r\n\r\n  <div class=\"dpd-engine-card\">\r\n\r\n    <div class=\"dpd-engine-center\">\r\n      <div class=\"dpd-radar-ring r1\"><\/div>\r\n      <div class=\"dpd-radar-ring r2\"><\/div>\r\n      <div class=\"dpd-radar-ring r3\"><\/div>\r\n      <div class=\"dpd-radar-ring r4\"><\/div>\r\n      <div class=\"dpd-logo-circle\">\r\n        <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 421.52 464.34\" aria-label=\"DPD Trust\">\r\n          <defs>\r\n            <style>\r\n              .dpd-svg-1{fill:#00a2dd;}\r\n              .dpd-svg-2{fill:#0c2a4b;}\r\n              .dpd-svg-3{fill:#1f3f59;}\r\n            <\/style>\r\n          <\/defs>\r\n          <path class=\"dpd-svg-3\" d=\"M382.37,151.55v26.41c0,51.43-9.03,96.39-26.85,133.64-14.24,29.77-34.11,54.71-59.03,74.12-41.93,32.65-83.09,38.35-85.72,38.68-2.67-.34-43.81-6.05-85.73-38.68-24.93-19.42-44.78-44.35-59.02-74.12-17.82-37.24-26.86-82.21-26.86-133.64v-62.2L210.76,42.15l108.72,46.63,31.2-28.78L210.76,0,0,90.39v83.58c0,58.93,10.53,110.82,31.28,154.19,17.02,35.58,40.84,65.45,70.8,88.78,51.32,39.96,103.2,46.73,105.4,47l3.28.4,3.28-.4c2.19-.28,54.08-7.04,105.39-47,29.96-23.33,53.79-53.2,70.81-88.78,20.75-43.37,31.28-95.26,31.28-154.19v-81.41l-39.15,58.99Z\"\/>\r\n          <path class=\"dpd-svg-1\" d=\"M408.58,63.36l-173.12,260.83c-10.6,15.95-34.38,16.74-46.05,1.49l-110.31-144.01c-4.86-6.36,2.45-14.75,9.73-11.15l118.08,58.44L396.75,53.88c6.62-6.11,16.78,2.02,11.83,9.48Z\"\/>\r\n          <path class=\"dpd-svg-2\" d=\"M421.52,92.56v81.41c0,58.93-10.53,110.82-31.28,154.19-17.02,35.58-40.85,65.45-70.81,88.78-51.32,39.96-103.2,46.73-105.39,47l-3.28.4v-39.93c2.63-.34,43.79-6.03,85.72-38.68,24.93-19.42,44.79-44.35,59.03-74.12,17.82-37.24,26.85-82.21,26.85-133.64v-26.41l39.15-58.99Z\"\/>\r\n          <polygon class=\"dpd-svg-2\" points=\"350.68 60.01 319.47 88.78 210.76 42.15 210.76 0 350.68 60.01\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"signal-node left1\">v\u00e9rification du t\u00e9l\u00e9phone<\/div>\r\n    <div class=\"signal-node left2\">Signaux de fraude<\/div>\r\n    <div class=\"signal-node right1\">Score de risque<\/div>\r\n    <div class=\"signal-node right2\">D\u00e9cision du marchand<\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"dpd-benefits\">\r\n\r\n    <div class=\"benefit\">\r\n      <span>01<\/span>\r\n      <div>\r\n        <h4>Installer le plugin<\/h4>\r\n        <p>Activez-le en quelques minutes et connectez votre licence.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"benefit\">\r\n      <span>02<\/span>\r\n      <div>\r\n        <h4>Commencer les v\u00e9rifications de risque<\/h4>\r\n        <p>Recherchez les t\u00e9l\u00e9phones ou analysez automatiquement les commandes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"benefit\">\r\n      <span>03<\/span>\r\n      <div>\r\n        <h4>D\u00e9cider avec confiance<\/h4>\r\n        <p>Utilisez les signaux DPD avant l\u2019exp\u00e9dition.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-integrations-section{\r\npadding:110px 20px;\r\nbackground:#fff;\r\n}\r\n\r\n.dpd-int-wrap{\r\nmax-width:1250px;\r\nmargin:auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-int-head{\r\ntext-align:center;\r\nmax-width:820px;\r\nmargin:auto auto 70px;\r\n}\r\n\r\n.dpd-badge{\r\ndisplay:inline-flex;\r\ngap:10px;\r\nalign-items:center;\r\npadding:8px 15px;\r\nborder-radius:999px;\r\nbackground:rgba(21,198,226,.10);\r\nfont-size:12px;\r\nfont-weight:800;\r\ntext-transform:uppercase;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.dpd-badge span{\r\nwidth:7px;\r\nheight:7px;\r\nbackground:#15C6E2;\r\nborder-radius:50%;\r\n}\r\n\r\n.dpd-int-head h2{\r\nfont-size:clamp(36px,4vw,54px);\r\nfont-weight:900;\r\nline-height:1.08;\r\ncolor:#0A2540;\r\nmargin:0;\r\n}\r\n\r\n.dpd-int-head h2 span{\r\ncolor:#FED303;\r\n}\r\n\r\n.dpd-int-head p{\r\nmargin-top:20px;\r\nline-height:1.8;\r\ncolor:#526174;\r\nfont-size:17px;\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500 SLIDER WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-plugin-slider-wrap{\r\nposition:relative;\r\nmargin-bottom:80px;\r\n}\r\n\r\n\/* DESKTOP: pure grid, no slider behaviour *\/\r\n.dpd-plugin-track{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(4,1fr);\r\ngap:24px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-plugin-card{\r\nbackground:#fff;\r\nborder:1px solid rgba(10,37,64,.08);\r\nborder-radius:24px;\r\npadding:34px 28px;\r\ntext-decoration:none;\r\ntext-align:center;\r\ntransition:.35s;\r\nbox-shadow:0 8px 28px rgba(10,37,64,.04);\r\n}\r\n\r\n.dpd-plugin-card:hover{\r\ntransform:translateY(-8px);\r\nborder-color:#15C6E2;\r\nbox-shadow:0 18px 45px rgba(10,37,64,.10);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LOGO WRAP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-logo-wrap{\r\nheight:72px;\r\nwidth:190px;\r\nmargin:auto auto 26px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n.dpd-logo-wrap img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:contain;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 YOUCAN EXCEPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-youcan-logo {\r\nheight:96px;\r\nwidth:200px;\r\n}\r\n\r\n.dpd-youcan-logo img{\r\ntransform:scale(1.38);\r\ntransform-origin:center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CUSTOM API EXCEPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-customapi-logo{\r\nheight:96px;\r\nwidth:200px;\r\n}\r\n\r\n.dpd-customapi-logo img{\r\ntransform:scale(1.38);\r\ntransform-origin:center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CARD META \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-plugin-meta h4{\r\nmargin:0 0 8px;\r\nfont-size:22px;\r\ncolor:#0A2540;\r\n}\r\n\r\n.dpd-plugin-meta p{\r\nmargin:0;\r\ncolor:#667489;\r\nfont-size:15px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SLIDER NAV \u2014 hidden on desktop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-slider-nav{\r\ndisplay:none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CONNECT GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-connect-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:70px;\r\nalign-items:center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 ENGINE CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-engine-card{\r\nbackground:linear-gradient(135deg,#071A2E,#0A2540);\r\nborder-radius:34px;\r\npadding:70px;\r\ncolor:#fff;\r\nposition:relative;\r\nmin-height:460px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\noverflow:hidden;\r\n}\r\n\r\n\/* ENGINE CENTER *\/\r\n.dpd-engine-center{\r\nposition:relative;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nwidth:220px;\r\nheight:220px;\r\nflex-shrink:0;\r\n}\r\n\r\n.dpd-logo-circle{\r\nwidth:220px;\r\nheight:220px;\r\nborder-radius:50%;\r\nbackground:#ffffff;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\npadding:36px;\r\nbox-sizing:border-box;\r\nposition:relative;\r\nz-index:3;\r\nbox-shadow:\r\n  0 0 0 6px rgba(21,198,226,0.12),\r\n  0 20px 60px rgba(0,0,0,0.35);\r\n}\r\n\r\n.dpd-logo-circle svg{\r\nwidth:100%;\r\nheight:100%;\r\ndisplay:block;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RADAR RINGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dpd-radar-ring{\r\nposition:absolute;\r\ntop:50%;\r\nleft:50%;\r\nwidth:220px;\r\nheight:220px;\r\nborder-radius:50%;\r\ntransform:translate(-50%,-50%) scale(1);\r\nopacity:0;\r\npointer-events:none;\r\nanimation:dpdRadar 5.5s cubic-bezier(0.22,0.61,0.36,1) infinite;\r\n}\r\n\r\n.r1{border:1.5px solid rgba(21,198,226,0.75);animation-delay:0s;}\r\n.r2{border:1.5px solid rgba(21,198,226,0.55);animation-delay:1.375s;}\r\n.r3{border:1px solid rgba(21,198,226,0.38);animation-delay:2.75s;}\r\n.r4{border:1px solid rgba(254,211,3,0.28);animation-delay:4.125s;}\r\n\r\n@keyframes dpdRadar{\r\n0%{transform:translate(-50%,-50%) scale(1);opacity:0.9;}\r\n100%{transform:translate(-50%,-50%) scale(3);opacity:0;}\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SIGNAL NODES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.signal-node{\r\nposition:absolute;\r\nbackground:#fff;\r\ncolor:#0A2540;\r\npadding:14px 18px;\r\nborder-radius:16px;\r\nfont-weight:800;\r\nfont-size:14px;\r\n}\r\n\r\n.left1{left:40px;top:80px;}\r\n.left2{left:30px;bottom:90px;}\r\n.right1{right:35px;top:110px;}\r\n.right2{right:30px;bottom:90px;}\r\n\r\n\/* \u2500\u2500\u2500 BENEFITS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.benefit{\r\ndisplay:flex;\r\ngap:22px;\r\npadding:28px 0;\r\nborder-bottom:1px solid rgba(10,37,64,.08);\r\n}\r\n\r\n.benefit span{\r\nfont-weight:900;\r\ncolor:#15C6E2;\r\nfont-size:18px;\r\n}\r\n\r\n.benefit h4{\r\nmargin:0 0 10px;\r\nfont-size:28px;\r\ncolor:#0A2540;\r\n}\r\n\r\n.benefit p{\r\nmargin:0;\r\nline-height:1.8;\r\ncolor:#5e6d82;\r\n}\r\n\r\n\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\r\n   TABLET  \u2264 1024px\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 *\/\r\n@media(max-width:1024px){\r\n\r\n\/* Switch track to flex slider *\/\r\n.dpd-plugin-slider-wrap{\r\noverflow:hidden;\r\npadding-bottom:2px; \/* let shadow breathe at bottom *\/\r\n}\r\n\r\n.dpd-plugin-track{\r\ndisplay:flex;\r\ngap:20px;\r\ntransition:transform .48s cubic-bezier(0.25,0.46,0.45,0.94);\r\nwill-change:transform;\r\n}\r\n\r\n\/* 2 cards per slide on tablet *\/\r\n.dpd-plugin-card{\r\nflex:0 0 calc(50% - 10px);\r\nmin-width:calc(50% - 10px);\r\ntransform:none !important; \/* disable hover lift in slider *\/\r\n}\r\n\r\n\/* Show slider nav *\/\r\n.dpd-slider-nav{\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ngap:18px;\r\nmargin-top:30px;\r\n}\r\n\r\n.dpd-slider-arrow{\r\nwidth:46px;\r\nheight:46px;\r\nborder-radius:50%;\r\nborder:1.5px solid rgba(10,37,64,.14);\r\nbackground:#fff;\r\ncolor:#0A2540;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ncursor:pointer;\r\ntransition:.28s;\r\nbox-shadow:0 4px 16px rgba(10,37,64,.07);\r\npadding:0;\r\n}\r\n\r\n.dpd-slider-arrow:hover{\r\nborder-color:#15C6E2;\r\ncolor:#15C6E2;\r\nbox-shadow:0 6px 22px rgba(21,198,226,.18);\r\n}\r\n\r\n.dpd-slider-arrow:disabled{\r\nopacity:.3;\r\ncursor:default;\r\nbox-shadow:none;\r\n}\r\n\r\n.dpd-slider-dots{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:8px;\r\n}\r\n\r\n.dpd-slider-dot{\r\nwidth:8px;\r\nheight:8px;\r\nborder-radius:50%;\r\nbackground:rgba(10,37,64,.18);\r\nborder:none;\r\npadding:0;\r\ncursor:pointer;\r\ntransition:.3s;\r\n}\r\n\r\n.dpd-slider-dot.active{\r\nbackground:#15C6E2;\r\nwidth:26px;\r\nborder-radius:4px;\r\n}\r\n\r\n\/* Stack engine below benefits *\/\r\n.dpd-connect-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n\r\n}\r\n\r\n\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\r\n   MOBILE  \u2264 767px\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 *\/\r\n@media(max-width:767px){\r\n\r\n.dpd-integrations-section{\r\npadding:75px 16px;\r\n}\r\n\r\n\/* 1 card per slide on mobile *\/\r\n.dpd-plugin-card{\r\nflex:0 0 100%;\r\nmin-width:100%;\r\n}\r\n\r\n.dpd-logo-wrap{\r\nwidth:160px;\r\nheight:60px;\r\n}\r\n\r\n.dpd-youcan-logo{\r\nheight:78px;\r\nwidth:175px;\r\n}\r\n\r\n.dpd-engine-card{\r\npadding:50px 30px;\r\nmin-height:auto;\r\n}\r\n\r\n.dpd-engine-center{\r\nwidth:160px;\r\nheight:160px;\r\n}\r\n\r\n.dpd-logo-circle{\r\nwidth:160px;\r\nheight:160px;\r\npadding:26px;\r\n}\r\n\r\n.dpd-radar-ring{\r\nwidth:160px;\r\nheight:160px;\r\n}\r\n\r\n.signal-node{\r\ndisplay:none;\r\n}\r\n\r\n.benefit h4{\r\nfont-size:22px;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var wrap  = document.getElementById('dpdPluginTrack').parentElement;\r\n  var track = document.getElementById('dpdPluginTrack');\r\n  var cards = Array.from(track.querySelectorAll('.dpd-plugin-card'));\r\n  var prev  = document.getElementById('dpdPrev');\r\n  var next  = document.getElementById('dpdNext');\r\n  var dotsWrap = document.getElementById('dpdDots');\r\n\r\n  var TOTAL = cards.length; \/\/ 4\r\n  var current = 0;\r\n\r\n  function perView(){\r\n    return window.innerWidth > 1024 ? 4 : window.innerWidth > 767 ? 2 : 1;\r\n  }\r\n\r\n  function totalSlides(pv){\r\n    return Math.ceil(TOTAL \/ pv);\r\n  }\r\n\r\n  function buildDots(count){\r\n    dotsWrap.innerHTML = '';\r\n    for(var i = 0; i < count; i++){\r\n      var d = document.createElement('button');\r\n      d.className = 'dpd-slider-dot' + (i === 0 ? ' active' : '');\r\n      d.setAttribute('aria-label', 'Slide ' + (i+1));\r\n      (function(idx){ d.addEventListener('click', function(){ goTo(idx); }); })(i);\r\n      dotsWrap.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function refreshDots(){\r\n    var dots = dotsWrap.querySelectorAll('.dpd-slider-dot');\r\n    dots.forEach(function(d,i){ d.classList.toggle('active', i === current); });\r\n  }\r\n\r\n  function refreshArrows(ts){\r\n    prev.disabled = current === 0;\r\n    next.disabled = current === ts - 1;\r\n  }\r\n\r\n  function goTo(idx){\r\n    var pv = perView();\r\n    var ts = totalSlides(pv);\r\n\r\n    if(pv >= TOTAL){\r\n      track.style.transform = '';\r\n      return;\r\n    }\r\n\r\n    current = Math.max(0, Math.min(idx, ts - 1));\r\n\r\n    \/* Offset = slideIndex \u00d7 full container width.\r\n       Works because:\r\n       - tablet: 2 \u00d7 calc(50%\u201310px) + 20px gap = 100% container\r\n       - mobile: 1 \u00d7 100%                        = 100% container  *\/\r\n    var cw = wrap.offsetWidth;\r\n    track.style.transform = 'translateX(-' + (current * cw) + 'px)';\r\n\r\n    refreshDots();\r\n    refreshArrows(ts);\r\n  }\r\n\r\n  function init(){\r\n    var pv = perView();\r\n    current = 0;\r\n\r\n    if(pv >= TOTAL){\r\n      track.style.transform = '';\r\n      return;\r\n    }\r\n\r\n    buildDots(totalSlides(pv));\r\n    goTo(0);\r\n  }\r\n\r\n  prev.addEventListener('click', function(){ goTo(current - 1); });\r\n  next.addEventListener('click', function(){ goTo(current + 1); });\r\n\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function(){\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(init, 120);\r\n  });\r\n\r\n  init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae716bc e-con-full e-flex e-con e-parent\" data-id=\"ae716bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5e22d elementor-widget elementor-widget-html\" data-id=\"4e5e22d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <div class=\"dpd-pricing-wrap dpd-ctx-home\" data-plan-count=\"5\" data-prices=\"{&quot;TRIAL&quot;:{&quot;monthly&quot;:0,&quot;yearly&quot;:0,&quot;discount&quot;:0,&quot;trial&quot;:true},&quot;STARTER&quot;:{&quot;monthly&quot;:79,&quot;yearly&quot;:853.2,&quot;discount&quot;:10,&quot;trial&quot;:false},&quot;PRO&quot;:{&quot;monthly&quot;:149,&quot;yearly&quot;:1609,&quot;discount&quot;:10,&quot;trial&quot;:false},&quot;BUSINESS&quot;:{&quot;monthly&quot;:299,&quot;yearly&quot;:3049.8,&quot;discount&quot;:15,&quot;trial&quot;:false},&quot;DEVELOPER&quot;:{&quot;monthly&quot;:499,&quot;yearly&quot;:5089.8,&quot;discount&quot;:15,&quot;trial&quot;:false}}\">\n\n      <!-- Section header -->\n      <div class=\"dpd-section-hdr\">\n        <div class=\"dpd-eyebrow\"><i class=\"fas fa-shield-alt\"><\/i> Simple, Transparent Pricing<\/div>\n        <h2 class=\"dpd-section-title\">Plans &amp; Pricing<\/h2>\n        <p class=\"dpd-section-sub\">Choose the plan that fits your business. Upgrade or downgrade anytime.<\/p>\n            <div class=\"dpd-billing-toggle\">\n      <button class=\"dpd-billing-btn dpd-billing-btn--on\" data-b=\"monthly\" onclick=\"dpdSetBilling(this,'monthly')\">Monthly<\/button>\n      <button class=\"dpd-billing-btn\" data-b=\"yearly\" onclick=\"dpdSetBilling(this,'yearly')\">\n        Yearly <span class=\"dpd-save-tag\">Save 15%<\/span>\n      <\/button>\n    <\/div>\n          <\/div>\n\n      <!-- Smart layout: grid for \u22643 plans, carousel for 4+ -->\n                  <div class=\"dpd-carousel-wrap\">\n      <!-- Prev arrow -->\n      <button class=\"dpd-arrow dpd-arrow--prev\" onclick=\"dpdCarouselPrev('dpd-carousel-1')\" aria-label=\"Previous plans\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n\n      <!-- Track -->\n      <div class=\"dpd-carousel\" id=\"dpd-carousel-1\" role=\"list\">\n            <div class=\"dpd-slide\" role=\"listitem\">\n      <div class=\"dpd-card\"\n           data-code=\"TRIAL\"\n           style=\"background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:rgba(0,0,0,0.06) 0px 2px 8px;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box;position:relative;overflow:visible;transition:.2s;\">\n\n                <div style=\"height:29px;margin-bottom:14px;\"><\/div>\n        \n        <!-- Icon -->\n        <div style=\"text-align:center;margin-bottom:12px;\">\n          <div class=\"dpd-card__icon\" style=\"width:52px;height:52px;border-radius:14px;background:#1E293B1a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;\">\n            <i class=\"fas fa-flask\" style=\"font-size:20px;color:#1E293B;\"><\/i>\n          <\/div>\n          <div class=\"dpd-card-name\" style=\"font-size:20px;font-weight:800;color:#1E293B;margin-bottom:4px;\">Trial<\/div>\n          <div class=\"dpd-card-desc\" style=\"font-size:13.5px;color:#64748B;line-height:1.4;min-height:36px;\">Try DPD Trust free for 30 days<\/div>\n        <\/div>\n\n        <!-- Price -->\n        <div style=\"text-align:center;margin-bottom:18px;\">\n                      <div style=\"font-size:46px;font-weight:900;color:#1E293B;line-height:1;\">Free<\/div>\n            <div style=\"font-size:12px;color:#F59E0B;font-weight:600;margin-top:6px;\">\n              30 day trial \u00b7 300 checks limit            <\/div>\n                  <\/div>\n\n        <!-- Limits row -->\n        <div class=\"dpd-card-limits dpd-lim-row\" style=\"display:flex;align-items:center;background:#F8FAFC;border-radius:12px;padding:11px 8px;margin-bottom:16px;\">\n          <div style=\"flex:1;text-align:center;\">\n            <div style=\"font-size:20px;font-weight:900;color:#1E293B;\">\n              10            <\/div>\n            <div class=\"dpd-lim__lbl\" style=\"font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;\">\n              Checks\/day            <\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">1<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Domains<\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">1<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Keys<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Features -->\n        <div class=\"dpd-feat-wrap\" style=\"flex:1;margin-bottom:16px;\">\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Phone Lookup<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Basic Scoring<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Fraud Reports<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Email Support<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">WooCommerce Plugin<\/span>\n          <\/div>\n                            <\/div>\n\n        <!-- CTA button -->\n                <a href=\"https:\/\/app.dpd.ma\/register?lng=fr\"\n           class=\"dpd-card-cta-btn\"\n           style=\"display:block;width:100%;box-sizing:border-box;padding:12px 0;border-radius:12px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;background:#1E293B;color:#fff!important;transition:.2s;letter-spacing:.01em;\">\n          Start Free Trial        <\/a>\n        \n      <\/div><!-- \/.dpd-card -->\n    <\/div><!-- \/.dpd-slide -->\n        <div class=\"dpd-slide\" role=\"listitem\">\n      <div class=\"dpd-card\"\n           data-code=\"STARTER\"\n           style=\"background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:rgba(0,0,0,0.06) 0px 2px 8px;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box;position:relative;overflow:visible;transition:.2s;\">\n\n                <div class=\"dpd-badge\" style=\"align-self:center;margin-bottom:14px;background:#059669;color:#fff;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;\">\n          Startup        <\/div>\n        \n        <!-- Icon -->\n        <div style=\"text-align:center;margin-bottom:12px;\">\n          <div class=\"dpd-card__icon\" style=\"width:52px;height:52px;border-radius:14px;background:#0596691a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;\">\n            <i class=\"fas fa-rocket\" style=\"font-size:20px;color:#059669;\"><\/i>\n          <\/div>\n          <div class=\"dpd-card-name\" style=\"font-size:20px;font-weight:800;color:#1E293B;margin-bottom:4px;\">Starter<\/div>\n          <div class=\"dpd-card-desc\" style=\"font-size:13.5px;color:#64748B;line-height:1.4;min-height:36px;\">Ideal for small online shop<\/div>\n        <\/div>\n\n        <!-- Price -->\n        <div style=\"text-align:center;margin-bottom:18px;\">\n                      <div class=\"dpd-price\" data-code=\"STARTER\" data-monthly=\"79\" data-yearly=\"853.2\">\n              <span class=\"dpd-price-amt\" style=\"font-size:46px;font-weight:900;color:#059669;line-height:1;\">79<\/span>\n              <span style=\"font-size:14px;font-weight:600;color:#64748B;\">MAD<span class=\"dpd-price-per\" style=\"font-size:13px;font-weight:400;color:#94A3B8;\">\/mo<\/span><\/span>\n            <\/div>\n                        <div class=\"dpd-yr-note\" style=\"display:none;font-size:12px;color:#94A3B8;margin-top:4px;\">\n              853 MAD\/yr \u00b7 Save 10%            <\/div>\n                                          <\/div>\n\n        <!-- Limits row -->\n        <div class=\"dpd-card-limits dpd-lim-row\" style=\"display:flex;align-items:center;background:#F8FAFC;border-radius:12px;padding:11px 8px;margin-bottom:16px;\">\n          <div style=\"flex:1;text-align:center;\">\n            <div style=\"font-size:20px;font-weight:900;color:#1E293B;\">\n              15            <\/div>\n            <div class=\"dpd-lim__lbl\" style=\"font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;\">\n              Daily            <\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">1<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Domains<\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">1<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Keys<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Features -->\n        <div class=\"dpd-feat-wrap\" style=\"flex:1;margin-bottom:16px;\">\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Phone Lookup<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Basic Scoring<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Fraud Reports<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Email Support<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Webhooks<\/span>\n          <\/div>\n                              <div class=\"dpd-feat-more\" style=\"font-size:12px;color:#94A3B8;padding-left:26px;margin-top:4px;\">\n            +3 more features          <\/div>\n                  <\/div>\n\n        <!-- CTA button -->\n                <a href=\"https:\/\/app.dpd.ma\/register?plan=starter&#038;lng=fr\"\n           class=\"dpd-card-cta-btn\"\n           style=\"display:block;width:100%;box-sizing:border-box;padding:12px 0;border-radius:12px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;background:#059669;color:#fff!important;transition:.2s;letter-spacing:.01em;\">\n          Get Started        <\/a>\n        \n      <\/div><!-- \/.dpd-card -->\n    <\/div><!-- \/.dpd-slide -->\n        <div class=\"dpd-slide\" role=\"listitem\">\n      <div class=\"dpd-card dpd-card--featured\"\n           data-code=\"PRO\"\n           style=\"background:#fff;border-radius:20px;border:2px solid #2563EB;box-shadow:rgba(37,99,235,0.133) 0px 8px 32px;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box;position:relative;overflow:visible;transition:.2s;\">\n\n                <div class=\"dpd-badge\" style=\"align-self:center;margin-bottom:14px;background:#2563EB;color:#fff;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;\">\n          Most Popular        <\/div>\n        \n        <!-- Icon -->\n        <div style=\"text-align:center;margin-bottom:12px;\">\n          <div class=\"dpd-card__icon\" style=\"width:52px;height:52px;border-radius:14px;background:#2563EB1a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;\">\n            <i class=\"fas fa-crown\" style=\"font-size:20px;color:#2563EB;\"><\/i>\n          <\/div>\n          <div class=\"dpd-card-name\" style=\"font-size:20px;font-weight:800;color:#1E293B;margin-bottom:4px;\">Pro<\/div>\n          <div class=\"dpd-card-desc\" style=\"font-size:13.5px;color:#64748B;line-height:1.4;min-height:36px;\">For established businesses with high volume<\/div>\n        <\/div>\n\n        <!-- Price -->\n        <div style=\"text-align:center;margin-bottom:18px;\">\n                      <div class=\"dpd-price\" data-code=\"PRO\" data-monthly=\"149\" data-yearly=\"1609\">\n              <span class=\"dpd-price-amt\" style=\"font-size:46px;font-weight:900;color:#2563EB;line-height:1;\">149<\/span>\n              <span style=\"font-size:14px;font-weight:600;color:#64748B;\">MAD<span class=\"dpd-price-per\" style=\"font-size:13px;font-weight:400;color:#94A3B8;\">\/mo<\/span><\/span>\n            <\/div>\n                        <div class=\"dpd-yr-note\" style=\"display:none;font-size:12px;color:#94A3B8;margin-top:4px;\">\n              1,609 MAD\/yr \u00b7 Save 10%            <\/div>\n                                          <\/div>\n\n        <!-- Limits row -->\n        <div class=\"dpd-card-limits dpd-lim-row\" style=\"display:flex;align-items:center;background:#F8FAFC;border-radius:12px;padding:11px 8px;margin-bottom:16px;\">\n          <div style=\"flex:1;text-align:center;\">\n            <div style=\"font-size:20px;font-weight:900;color:#1E293B;\">\n              50            <\/div>\n            <div class=\"dpd-lim__lbl\" style=\"font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;\">\n              Daily            <\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">2<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Domains<\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">2<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Keys<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Features -->\n        <div class=\"dpd-feat-wrap\" style=\"flex:1;margin-bottom:16px;\">\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Phone Lookup<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">AI Scoring<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Fraud Reports<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Email Support<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Priority Support<\/span>\n          <\/div>\n                              <div class=\"dpd-feat-more\" style=\"font-size:12px;color:#94A3B8;padding-left:26px;margin-top:4px;\">\n            +9 more features          <\/div>\n                  <\/div>\n\n        <!-- CTA button -->\n                <a href=\"https:\/\/app.dpd.ma\/register?plan=pro&#038;lng=fr\"\n           class=\"dpd-card-cta-btn\"\n           style=\"display:block;width:100%;box-sizing:border-box;padding:12px 0;border-radius:12px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;background:#2563EB;color:#fff!important;transition:.2s;letter-spacing:.01em;\">\n          Get Started        <\/a>\n        \n      <\/div><!-- \/.dpd-card -->\n    <\/div><!-- \/.dpd-slide -->\n        <div class=\"dpd-slide\" role=\"listitem\">\n      <div class=\"dpd-card\"\n           data-code=\"BUSINESS\"\n           style=\"background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:rgba(0,0,0,0.06) 0px 2px 8px;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box;position:relative;overflow:visible;transition:.2s;\">\n\n                <div class=\"dpd-badge\" style=\"align-self:center;margin-bottom:14px;background:#8B5CF6;color:#fff;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;\">\n          Best Value        <\/div>\n        \n        <!-- Icon -->\n        <div style=\"text-align:center;margin-bottom:12px;\">\n          <div class=\"dpd-card__icon\" style=\"width:52px;height:52px;border-radius:14px;background:#8B5CF61a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;\">\n            <i class=\"fas fa-building\" style=\"font-size:20px;color:#8B5CF6;\"><\/i>\n          <\/div>\n          <div class=\"dpd-card-name\" style=\"font-size:20px;font-weight:800;color:#1E293B;margin-bottom:4px;\">Business<\/div>\n          <div class=\"dpd-card-desc\" style=\"font-size:13.5px;color:#64748B;line-height:1.4;min-height:36px;\">Complete solution for growing businesses<\/div>\n        <\/div>\n\n        <!-- Price -->\n        <div style=\"text-align:center;margin-bottom:18px;\">\n                      <div class=\"dpd-price\" data-code=\"BUSINESS\" data-monthly=\"299\" data-yearly=\"3049.8\">\n              <span class=\"dpd-price-amt\" style=\"font-size:46px;font-weight:900;color:#8B5CF6;line-height:1;\">299<\/span>\n              <span style=\"font-size:14px;font-weight:600;color:#64748B;\">MAD<span class=\"dpd-price-per\" style=\"font-size:13px;font-weight:400;color:#94A3B8;\">\/mo<\/span><\/span>\n            <\/div>\n                        <div class=\"dpd-yr-note\" style=\"display:none;font-size:12px;color:#94A3B8;margin-top:4px;\">\n              3,050 MAD\/yr \u00b7 Save 15%            <\/div>\n                                          <\/div>\n\n        <!-- Limits row -->\n        <div class=\"dpd-card-limits dpd-lim-row\" style=\"display:flex;align-items:center;background:#F8FAFC;border-radius:12px;padding:11px 8px;margin-bottom:16px;\">\n          <div style=\"flex:1;text-align:center;\">\n            <div style=\"font-size:20px;font-weight:900;color:#1E293B;\">\n              199            <\/div>\n            <div class=\"dpd-lim__lbl\" style=\"font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;\">\n              Daily            <\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">5<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Domains<\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">5<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Keys<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Features -->\n        <div class=\"dpd-feat-wrap\" style=\"flex:1;margin-bottom:16px;\">\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Phone Lookup<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Fraud Reports<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Priority Support<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">CSV Export<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Webhooks<\/span>\n          <\/div>\n                              <div class=\"dpd-feat-more\" style=\"font-size:12px;color:#94A3B8;padding-left:26px;margin-top:4px;\">\n            +12 more features          <\/div>\n                  <\/div>\n\n        <!-- CTA button -->\n                <a href=\"https:\/\/app.dpd.ma\/register?plan=business&#038;lng=fr\"\n           class=\"dpd-card-cta-btn\"\n           style=\"display:block;width:100%;box-sizing:border-box;padding:12px 0;border-radius:12px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;background:#8B5CF6;color:#fff!important;transition:.2s;letter-spacing:.01em;\">\n          Get Started        <\/a>\n        \n      <\/div><!-- \/.dpd-card -->\n    <\/div><!-- \/.dpd-slide -->\n        <div class=\"dpd-slide\" role=\"listitem\">\n      <div class=\"dpd-card\"\n           data-code=\"DEVELOPER\"\n           style=\"background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:rgba(0,0,0,0.06) 0px 2px 8px;display:flex;flex-direction:column;height:100%;padding:24px 22px 22px;box-sizing:border-box;position:relative;overflow:visible;transition:.2s;\">\n\n                <div class=\"dpd-badge\" style=\"align-self:center;margin-bottom:14px;background:#0EA5E9;color:#fff;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;\">\n          Developer        <\/div>\n        \n        <!-- Icon -->\n        <div style=\"text-align:center;margin-bottom:12px;\">\n          <div class=\"dpd-card__icon\" style=\"width:52px;height:52px;border-radius:14px;background:#0EA5E91a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;\">\n            <i class=\"fas fa-code\" style=\"font-size:20px;color:#0EA5E9;\"><\/i>\n          <\/div>\n          <div class=\"dpd-card-name\" style=\"font-size:20px;font-weight:800;color:#1E293B;margin-bottom:4px;\">Developer<\/div>\n          <div class=\"dpd-card-desc\" style=\"font-size:13.5px;color:#64748B;line-height:1.4;min-height:36px;\">Complete solution for developers and resellers<\/div>\n        <\/div>\n\n        <!-- Price -->\n        <div style=\"text-align:center;margin-bottom:18px;\">\n                      <div class=\"dpd-price\" data-code=\"DEVELOPER\" data-monthly=\"499\" data-yearly=\"5089.8\">\n              <span class=\"dpd-price-amt\" style=\"font-size:46px;font-weight:900;color:#0EA5E9;line-height:1;\">499<\/span>\n              <span style=\"font-size:14px;font-weight:600;color:#64748B;\">MAD<span class=\"dpd-price-per\" style=\"font-size:13px;font-weight:400;color:#94A3B8;\">\/mo<\/span><\/span>\n            <\/div>\n                        <div class=\"dpd-yr-note\" style=\"display:none;font-size:12px;color:#94A3B8;margin-top:4px;\">\n              5,090 MAD\/yr \u00b7 Save 15%            <\/div>\n                                          <\/div>\n\n        <!-- Limits row -->\n        <div class=\"dpd-card-limits dpd-lim-row\" style=\"display:flex;align-items:center;background:#F8FAFC;border-radius:12px;padding:11px 8px;margin-bottom:16px;\">\n          <div style=\"flex:1;text-align:center;\">\n            <div style=\"font-size:20px;font-weight:900;color:#1E293B;\">\n              499            <\/div>\n            <div class=\"dpd-lim__lbl\" style=\"font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;\">\n              Daily            <\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">8<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Domains<\/div>\n          <\/div>\n          <div class=\"dpd-lim__sep\" style=\"width:1px;height:24px;background:#E2E8F0;\"><\/div>\n          <div style=\"flex:1;text-align:center;\">\n            <div class=\"dpd-lim__val\" style=\"font-size:20px;font-weight:900;color:#1E293B;\">8<\/div>\n            <div style=\"font-size:9px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;\">Keys<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Features -->\n        <div class=\"dpd-feat-wrap\" style=\"flex:1;margin-bottom:16px;\">\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Phone Lookup<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Fraud Reports<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Priority Support<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">CSV Export<\/span>\n          <\/div>\n                    <div style=\"display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1E293B;margin-bottom:8px;\">\n            <div class=\"dpd-feat-check\" style=\"width:18px;height:18px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <i class=\"fas fa-check\" style=\"font-size:8px;color:#16A34A;\"><\/i>\n            <\/div>\n            <span class=\"dpd-feat-label-text\">Webhooks<\/span>\n          <\/div>\n                              <div class=\"dpd-feat-more\" style=\"font-size:12px;color:#94A3B8;padding-left:26px;margin-top:4px;\">\n            +13 more features          <\/div>\n                  <\/div>\n\n        <!-- CTA button -->\n                <a href=\"https:\/\/app.dpd.ma\/register?plan=developer&#038;lng=fr\"\n           class=\"dpd-card-cta-btn\"\n           style=\"display:block;width:100%;box-sizing:border-box;padding:12px 0;border-radius:12px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;background:#0EA5E9;color:#fff!important;transition:.2s;letter-spacing:.01em;\">\n          Get Started        <\/a>\n        \n      <\/div><!-- \/.dpd-card -->\n    <\/div><!-- \/.dpd-slide -->\n          <\/div>\n\n      <!-- Next arrow -->\n      <button class=\"dpd-arrow dpd-arrow--next\" onclick=\"dpdCarouselNext('dpd-carousel-1')\" aria-label=\"Next plans\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n\n    <!-- Dots -->\n    <div class=\"dpd-dots\" id=\"dpd-carousel-1-dots\">\n            <button class=\"dpd-dot dpd-dot--on\"\n              onclick=\"dpdCarouselGo('dpd-carousel-1',0)\"\n              aria-label=\"Plan 1\"><\/button>\n            <button class=\"dpd-dot \"\n              onclick=\"dpdCarouselGo('dpd-carousel-1',1)\"\n              aria-label=\"Plan 2\"><\/button>\n            <button class=\"dpd-dot \"\n              onclick=\"dpdCarouselGo('dpd-carousel-1',2)\"\n              aria-label=\"Plan 3\"><\/button>\n            <button class=\"dpd-dot \"\n              onclick=\"dpdCarouselGo('dpd-carousel-1',3)\"\n              aria-label=\"Plan 4\"><\/button>\n            <button class=\"dpd-dot \"\n              onclick=\"dpdCarouselGo('dpd-carousel-1',4)\"\n              aria-label=\"Plan 5\"><\/button>\n          <\/div>\n    <!-- Mobile-only arrow row below dots -->\n    <div class=\"dpd-mobile-arrow-row\" style=\"display:none;\">\n      <button class=\"dpd-arrow\" style=\"position:static;transform:none;\"\n              onclick=\"dpdCarouselPrev('dpd-carousel-1')\" aria-label=\"Previous plan\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n      <button class=\"dpd-arrow\" style=\"position:static;transform:none;\"\n              onclick=\"dpdCarouselNext('dpd-carousel-1')\" aria-label=\"Next plan\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n                <!-- Bottom CTA always on homepage -->\n      <div class=\"dpd-bottom-cta\">\n        <a href=\"https:\/\/dpd.ma\/fr\/pricing\/\">\n          View Full Pricing Comparison <i class=\"fas fa-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n      <!-- Enterprise banner: show from DB if exists, else show hardcoded fallback -->\n          <div class=\"dpd-ent\">\n\n      <!-- Left: icon + content -->\n      <div class=\"dpd-ent-left\">\n        <div class=\"dpd-ent-icon\">\n          <i class=\"fas fa-gem\"><\/i>\n        <\/div>\n        <div>\n          <div class=\"dpd-ent-name\">\n            Enterprise            <span class=\"dpd-ent-badge\">Custom<\/span>\n          <\/div>\n          <div class=\"dpd-ent-desc\">\n            Custom-tailored solution with unlimited checks, dedicated account manager, SLA guarantee, and custom integrations.          <\/div>\n          <div class=\"dpd-ent-pills\">\n                        <span class=\"dpd-ent-pill\">\n              <i class=\"fas fa-phone-alt\"><\/i>\n              Phone Lookup            <\/span>\n                        <span class=\"dpd-ent-pill\">\n              <i class=\"fas fa-star\"><\/i>\n              AI Scoring            <\/span>\n                        <span class=\"dpd-ent-pill\">\n              <i class=\"fas fa-layer-group\"><\/i>\n              Bulk Lookup            <\/span>\n                        <span class=\"dpd-ent-pill\">\n              <i class=\"fas fa-chart-pie\"><\/i>\n              Analytics            <\/span>\n                        <span class=\"dpd-ent-pill\">\n              <i class=\"fas fa-bolt\"><\/i>\n              Webhooks            <\/span>\n                      <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: price + CTA -->\n      <div class=\"dpd-ent-right\">\n        <div class=\"dpd-ent-price\">Custom pricing<\/div>\n        <div class=\"dpd-ent-limits\">\n          &#8734; Checks &middot;\n          \u221e Domains        <\/div>\n        <a href=\"https:\/\/app.dpd.ma\/contact?lng=fr\" class=\"dpd-ent-cta\">\n          <i class=\"fas fa-phone\"><\/i> Contact Sales        <\/a>\n        <div style=\"font-size:12px;color:rgba(255,255,255,.38);margin-top:10px;text-align:right;\">\n          Get a custom quote for your business        <\/div>\n      <\/div>\n\n    <\/div>\n    \n    <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7800063 e-con-full e-flex e-con e-parent\" data-id=\"7800063\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c175f elementor-widget elementor-widget-html\" data-id=\"c2c175f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dpd-faq-section\">\r\n  <div class=\"dpd-faq-wrap\">\r\n\r\n    <div class=\"dpd-faq-left\">\r\n      <div class=\"dpd-faq-badge\">\r\n        <span><\/span>\r\n        Questions fr\u00e9quentes\r\n      <\/div>\r\n\r\n      <h2>\r\n        Des r\u00e9ponses avant de commencer \u00e0 utiliser <span>DPD Trust<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Des r\u00e9ponses rapides pour les marchands qui veulent comprendre comment DPD fonctionne, ce qu\u2019il fait et ce qu\u2019il ne fait pas.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/dpd.ma\/help\/\" class=\"dpd-faq-btn\">Visiter le centre d\u2019aide<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"dpd-faq-accordion\">\r\n\r\n      <div class=\"dpd-faq-item active\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          DPD bloque-t-il automatiquement les commandes ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n          <p>Non. DPD fournit uniquement des informations de risque. La d\u00e9cision finale reste toujours entre les mains du marchand.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-faq-item\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          Que signifie le score de risque ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n          <p>Le score refl\u00e8te des signaux li\u00e9s \u00e0 la fraude, associ\u00e9s au comportement du t\u00e9l\u00e9phone, \u00e0 l\u2019historique de livraison et aux sch\u00e9mas de commande. C\u2019est une aide \u00e0 la d\u00e9cision, pas une garantie.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-faq-item\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          DPD expose-t-il l\u2019identit\u00e9 du client ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n          <p>Non. DPD se concentre sur les signaux de risque et le comportement des commandes bas\u00e9 sur le t\u00e9l\u00e9phone. Ce n\u2019est pas un outil public de recherche d\u2019identit\u00e9.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"dpd-faq-item\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          Puis-je utiliser DPD avec WooCommerce ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n       <p>Oui. DPD Trust inclut un plugin WooCommerce dans le cadre du lancement de la plateforme. Les int\u00e9grations pour YouCan, Shopify et les connexions API personnalis\u00e9es pour les sites e-commerce sur mesure sont \u00e9galement en cours.<\/p>        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-faq-item\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          DPD peut-il garantir la pr\u00e9vention de la fraude ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n          <p>Aucun syst\u00e8me ne peut garantir la pr\u00e9vention de la fraude. DPD aide \u00e0 r\u00e9duire le risque en donnant aux marchands de meilleures informations avant l\u2019exp\u00e9dition.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpd-faq-item\">\r\n        <button type=\"button\" class=\"dpd-faq-question\">\r\n          Quand dois-je v\u00e9rifier une commande ?\r\n          <span><\/span>\r\n        <\/button>\r\n        <div class=\"dpd-faq-answer\">\r\n          <p>Le meilleur moment est avant de confirmer ou d\u2019exp\u00e9dier une commande avec paiement \u00e0 la livraison.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dpd-faq-section{\r\n  --dpd-navy:#0A2540;\r\n  --dpd-dark:#071A2E;\r\n  --dpd-aurora:#15C6E2;\r\n  --dpd-yellow:#FED303;\r\n  --dpd-text:#34405A;\r\n\r\n  background:\r\n    radial-gradient(circle at 12% 20%, rgba(21,198,226,.08), transparent 28%),\r\n    radial-gradient(circle at 88% 78%, rgba(254,211,3,.10), transparent 28%),\r\n    #ffffff;\r\n  padding:110px 18px;\r\n  overflow:hidden;\r\n}\r\n\r\n.dpd-faq-wrap{\r\n  max-width:1250px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:80px;\r\n  align-items:start;\r\n}\r\n\r\n.dpd-faq-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:8px 15px;\r\n  border-radius:999px;\r\n  background:rgba(21,198,226,.10);\r\n  color:var(--dpd-navy);\r\n  border:1px solid rgba(21,198,226,.18);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.dpd-faq-badge span{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--dpd-aurora);\r\n}\r\n\r\n.dpd-faq-left h2{\r\n  margin:0;\r\n  color:var(--dpd-navy);\r\n  font-size:clamp(36px,4vw,54px);\r\n  line-height:1.08;\r\n  letter-spacing:-.04em;\r\n  font-weight:900;\r\n}\r\n\r\n.dpd-faq-left h2 span{\r\n  color:var(--dpd-yellow);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n\r\n.dpd-faq-left h2 span:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:7px;\r\n  width:100%;\r\n  height:10px;\r\n  background:rgba(254,211,3,.18);\r\n  border-radius:999px;\r\n  z-index:-1;\r\n}\r\n\r\n.dpd-faq-left p{\r\n  margin:22px 0 32px;\r\n  color:var(--dpd-text);\r\n  font-size:17px;\r\n  line-height:1.8;\r\n  max-width:520px;\r\n}\r\n\r\n.dpd-faq-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:16px 28px;\r\n  border-radius:999px;\r\n  background:var(--dpd-navy);\r\n  color:#fff;\r\n  text-decoration:none;\r\n  font-weight:900;\r\n  transition:.25s ease;\r\n}\r\n\r\n.dpd-faq-btn:hover{\r\n  background:#071B2F;\r\n  color:#fff;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.dpd-faq-accordion{\r\n  display:grid;\r\n  gap:14px;\r\n}\r\n\r\n.dpd-faq-item{\r\n  background:#fff;\r\n  border:1px solid rgba(10,37,64,.10);\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  transition:.25s ease;\r\n}\r\n\r\n.dpd-faq-item:hover{\r\n  border-color:rgba(21,198,226,.32);\r\n}\r\n\r\n.dpd-faq-item.active{\r\n  border-color:rgba(21,198,226,.36);\r\n  box-shadow:0 22px 55px rgba(10,37,64,.08);\r\n}\r\n\r\n.dpd-faq-question{\r\n  width:100%;\r\n  border:0;\r\n  background:transparent;\r\n  padding:24px 26px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  color:var(--dpd-navy);\r\n  font-size:18px;\r\n  line-height:1.4;\r\n  font-weight:900;\r\n  text-align:left;\r\n  cursor:pointer;\r\n}\r\n\r\n.dpd-faq-question:hover,\r\n.dpd-faq-question:focus{\r\n  background:transparent;\r\n  outline:none;\r\n  color:var(--dpd-navy);\r\n}\r\n\r\n.dpd-faq-question span{\r\n  width:34px;\r\n  height:34px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:rgba(21,198,226,.10);\r\n  position:relative;\r\n}\r\n\r\n.dpd-faq-question span:before,\r\n.dpd-faq-question span:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  background:var(--dpd-aurora);\r\n  border-radius:999px;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.dpd-faq-question span:before{\r\n  width:14px;\r\n  height:2px;\r\n}\r\n\r\n.dpd-faq-question span:after{\r\n  width:2px;\r\n  height:14px;\r\n  transition:.25s ease;\r\n}\r\n\r\n.dpd-faq-item.active .dpd-faq-question span:after{\r\n  transform:translate(-50%,-50%) rotate(90deg);\r\n  opacity:0;\r\n}\r\n\r\n.dpd-faq-answer{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .35s ease;\r\n}\r\n\r\n.dpd-faq-item.active .dpd-faq-answer{\r\n  max-height:180px;\r\n}\r\n\r\n.dpd-faq-answer p{\r\n  margin:0;\r\n  padding:0 26px 24px;\r\n  color:#5C6A7E;\r\n  font-size:15.5px;\r\n  line-height:1.75;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .dpd-faq-section{\r\n    padding:84px 18px;\r\n  }\r\n\r\n  .dpd-faq-wrap{\r\n    grid-template-columns:1fr;\r\n    gap:44px;\r\n  }\r\n\r\n  .dpd-faq-left{\r\n    max-width:760px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .dpd-faq-section{\r\n    padding:72px 16px;\r\n  }\r\n\r\n  .dpd-faq-left h2{\r\n    font-size:36px;\r\n  }\r\n\r\n  .dpd-faq-left p{\r\n    font-size:15.5px;\r\n  }\r\n\r\n  .dpd-faq-question{\r\n    padding:20px 18px;\r\n    font-size:16px;\r\n  }\r\n\r\n  .dpd-faq-question span{\r\n    width:30px;\r\n    height:30px;\r\n  }\r\n\r\n  .dpd-faq-answer p{\r\n    padding:0 18px 20px;\r\n    font-size:14.5px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.querySelector(\".dpd-faq-section\");\r\n  if(!section) return;\r\n\r\n  const items = Array.from(section.querySelectorAll(\".dpd-faq-item\"));\r\n\r\n  items.forEach(item => {\r\n    const button = item.querySelector(\".dpd-faq-question\");\r\n\r\n    button.addEventListener(\"click\", function(){\r\n      items.forEach(other => {\r\n        if(other !== item) other.classList.remove(\"active\");\r\n      });\r\n\r\n      item.classList.toggle(\"active\");\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49504d6 e-con-full e-flex e-con e-parent\" data-id=\"49504d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1507adb elementor-widget elementor-widget-html\" data-id=\"1507adb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<\/style>\r\n<section class=\"dpd-final-cta\">\r\n<div class=\"dpd-final-wrap\">\r\n\r\n<div class=\"dpd-cta-panel\">\r\n\r\n<div class=\"dpd-cta-glow glow-1\"><\/div>\r\n<div class=\"dpd-cta-glow glow-2\"><\/div>\r\n\r\n<div class=\"dpd-cta-badge\">\r\n<span><\/span>\r\nCommencez \u00e0 prot\u00e9ger vos commandes\r\n<\/div>\r\n\r\n<h2>\r\nCommencez votre essai de 30 jours<span>Aujourd\u2019hui<\/span>\r\n<\/h2>\r\n\r\n<p>\r\nCommencez avec WooCommerce d\u00e8s aujourd\u2019hui, puis \u00e9tendez-vous vers YouCan, Shopify ou des int\u00e9grations API personnalis\u00e9es \u00e0 mesure que votre workflow \u00e9volue.\r\n<\/p>\r\n\r\n<div class=\"dpd-cta-actions\">\r\n<a href=\"https:\/\/app.dpd.ma\/register\" class=\"primary-btn\">\r\nCommencer l\u2019essai gratuit\r\n<\/a>\r\n\r\n<a href=\"https:\/\/app.dpd.ma\/contact\" class=\"secondary-btn\">\r\nParler au support\r\n<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.dpd-final-cta{\r\n--navy:#0A2540;\r\n--dark:#071A2E;\r\n--aurora:#15C6E2;\r\n--yellow:#FED303;\r\n\r\npadding:120px 18px;\r\nbackground:#fff;\r\noverflow:hidden;\r\n}\r\n\r\n.dpd-final-wrap{\r\nmax-width:1250px;\r\nmargin:auto;\r\n}\r\n\r\n.dpd-cta-panel{\r\nposition:relative;\r\noverflow:hidden;\r\npadding:95px 60px;\r\nborder-radius:42px;\r\ntext-align:center;\r\n\r\nbackground:\r\nradial-gradient(circle at 20% 20%, rgba(21,198,226,.24), transparent 28%),\r\nradial-gradient(circle at 80% 80%, rgba(254,211,3,.18), transparent 30%),\r\nlinear-gradient(135deg,#071A2E 0%,#0A2540 100%);\r\n}\r\n\r\n.dpd-cta-panel:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground:\r\nlinear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\r\nlinear-gradient(90deg,rgba(255,255,255,.03) 1px, transparent 1px);\r\nbackground-size:42px 42px;\r\n}\r\n\r\n.dpd-cta-glow{\r\nposition:absolute;\r\nborder-radius:50%;\r\nfilter:blur(90px);\r\nopacity:.4;\r\n}\r\n\r\n.glow-1{\r\nwidth:280px;\r\nheight:280px;\r\nbackground:#15C6E2;\r\nleft:-60px;\r\ntop:-60px;\r\n}\r\n\r\n.glow-2{\r\nwidth:260px;\r\nheight:260px;\r\nbackground:#FED303;\r\nright:-40px;\r\nbottom:-50px;\r\n}\r\n\r\n.dpd-cta-badge{\r\nposition:relative;\r\nz-index:2;\r\ndisplay:inline-flex;\r\ngap:10px;\r\nalign-items:center;\r\npadding:8px 15px;\r\nborder-radius:999px;\r\nbackground:rgba(255,255,255,.08);\r\nborder:1px solid rgba(255,255,255,.12);\r\ncolor:#d8eef2;\r\nfont-size:12px;\r\nfont-weight:800;\r\nletter-spacing:.08em;\r\ntext-transform:uppercase;\r\nmargin-bottom:28px;\r\n}\r\n\r\n.dpd-cta-badge span{\r\nwidth:7px;\r\nheight:7px;\r\nborder-radius:50%;\r\nbackground:#15C6E2;\r\n}\r\n\r\n.dpd-cta-panel h2{\r\nposition:relative;\r\nz-index:2;\r\nmargin:0;\r\ncolor:#fff;\r\nfont-size:clamp(35px,5vw,72px);\r\nline-height:1.02;\r\nletter-spacing:-.05em;\r\nfont-weight:950;\r\nmax-width:900px;\r\nmargin-inline:auto;\r\n}\r\n\r\n.dpd-cta-panel h2 span{\r\ndisplay:block;\r\ncolor:#FED303;\r\n}\r\n\r\n.dpd-cta-panel p{\r\nposition:relative;\r\nz-index:2;\r\nmargin:28px auto 42px;\r\nmax-width:760px;\r\ncolor:rgba(255,255,255,.75);\r\nfont-size:18px;\r\nline-height:1.85;\r\n}\r\n\r\n.dpd-cta-actions{\r\nposition:relative;\r\nz-index:2;\r\ndisplay:flex;\r\njustify-content:center;\r\ngap:18px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.dpd-cta-actions a{\r\ntext-decoration:none;\r\npadding:18px 34px;\r\nborder-radius:16px;\r\nfont-weight:900;\r\ntransition:.3s;\r\n}\r\n\r\n.primary-btn{\r\nbackground:#FFA800;\r\ncolor:#071A2E;\r\n}\r\n\r\n.secondary-btn{\r\nbackground:#15C6E2;\r\ncolor:#071A2E;\r\n}\r\n\r\n.ghost-btn{\r\nborder:1px solid rgba(255,255,255,.18);\r\ncolor:#fff;\r\n}\r\n\r\n.dpd-cta-actions a:hover{\r\ntransform:translateY(-3px);\r\n}\r\n\r\n.dpd-mini-trust{\r\nposition:relative;\r\nz-index:2;\r\nmargin-top:42px;\r\ndisplay:flex;\r\njustify-content:center;\r\ngap:14px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n.dpd-mini-trust div{\r\npadding:12px 18px;\r\nborder-radius:999px;\r\nbackground:rgba(255,255,255,.06);\r\ncolor:#dbe7ee;\r\nfont-size:13px;\r\nfont-weight:800;\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n.dpd-cta-panel{\r\npadding:75px 38px;\r\n}\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n.dpd-final-cta{\r\npadding:40px 16px;\r\n}\r\n\r\n.dpd-cta-panel{\r\npadding:54px 24px;\r\nborder-radius:30px;\r\n}\r\n\r\n.dpd-cta-panel h2{\r\nfont-size:38px;\r\nline-height:1.08;\r\n}\r\n\r\n.dpd-cta-panel p{\r\nfont-size:15.5px;\r\nline-height:1.75;\r\n}\r\n\r\n.dpd-cta-actions{\r\nflex-direction:column;\r\n}\r\n\r\n.dpd-cta-actions a{\r\nwidth:100%;\r\n}\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9duisez les commandes COD risqu\u00e9es avant l\u2019exp\u00e9dition DPD Trust aide les marchands \u00e0 d\u00e9tecter les num\u00e9ros de t\u00e9l\u00e9phone suspects, les comportements de commande risqu\u00e9s et les signaux de fraude avant la pr\u00e9paration. Commencer l\u2019essai gratuit Voir comment \u00e7a fonctionne Scoring du risque bas\u00e9 sur le t\u00e9l\u00e9phone Aide \u00e0 la d\u00e9cision pour les marchands Con\u00e7u pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2061,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2119","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/comments?post=2119"}],"version-history":[{"count":3,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2119\/revisions"}],"predecessor-version":[{"id":2124,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2119\/revisions\/2124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media\/2061"}],"wp:attachment":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media?parent=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}