{"id":2111,"date":"2026-04-05T17:14:48","date_gmt":"2026-04-05T16:14:48","guid":{"rendered":"https:\/\/dpd.ma\/quest-ce-que-dpd\/"},"modified":"2026-05-12T18:08:21","modified_gmt":"2026-05-12T17:08:21","slug":"dpd","status":"publish","type":"page","link":"https:\/\/dpd.ma\/fr\/dpd\/","title":{"rendered":"DPD ?"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Qu\u2019est-ce que DPD<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n <style>\r\n \/* \u2500\u2500\u2500 RESET & BASE \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 *, *::avant, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --primary: #0A2540;\r\n --dark: #020617;\r\n --bg: #FFFFFF;\r\n --section: #E9E3DD;\r\n --accent: #1A6EFF;\r\n --accent-soft: rgba(26, 110, 255, 0.08);\r\n --green: #0D9E6E;\r\n --red: #D93B3B;\r\n --text-body: #3A4459;\r\n --text-muted: #7A8499;\r\n --radius-lg: 20px;\r\n --radius-xl: 28px;\r\n --shadow-sm: 0 2px 12px rgba(10,37,64,.06);\r\n --shadow-md: 0 8px 32px rgba(10,37,64,.10);\r\n --shadow-lg: 0 20px 60px rgba(10,37,64,.14);\r\n --font: 'Inter', sans-serif;\r\n --transition: .35s cubic-bezier(.4,0,.2,1);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n background: var(--bg);\r\n color: var(--text-body);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \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\u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(28px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes pulse {\r\n 0%,100% { box-shadow: 0 0 0 3px rgba(26,110,255,.3); }\r\n 50% { box-shadow: 0 0 0 7px rgba(26,110,255,.08); }\r\n }\r\n @keyframes countUp {\r\n from { opacity: 0; transform: translateY(10px) scale(.85); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n }\r\n @keyframes shimmer {\r\n 0% { background-position: -200% center; }\r\n 100% { background-position: 200% center; }\r\n }\r\n @keyframes auroraShift {\r\n 0%,100% { opacity: .7; transform: scale(1) translate(0,0); }\r\n 33% { opacity: 1; transform: scale(1.08) translate(4px,-6px); }\r\n 66% { opacity: .85; transform: scale(.95) translate(-4px,4px); }\r\n }\r\n\r\n .fade-up { animation: fadeUp .7s ease both; }\r\n .fade-up.delay-1 { animation-delay: .12s; }\r\n .fade-up.delay-2 { animation-delay: .24s; }\r\n .fade-up.delay-3 { animation-delay: .36s; }\r\n .fade-up.delay-4 { animation-delay: .48s; }\r\n\r\n \/* \u2500\u2500\u2500 LAYOUT \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n section { padding: 96px 0; }\r\n\r\n \/* \u2500\u2500\u2500 SHARED LABELS & HEADINGS \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 .section-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n background: var(--accent-soft);\r\n border-radius: 100px;\r\n padding: 6px 14px;\r\n margin-bottom: 20px;\r\n }\r\n .section-label::avant {\r\n content: '';\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n h2.section-title {\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.18;\r\n margin-bottom: 18px;\r\n letter-spacing: -.025em;\r\n }\r\n p.section-desc {\r\n font-size: 17px;\r\n color: var(--text-body);\r\n max-width: 540px;\r\n line-height: 1.75;\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #hero {\r\n background: var(--primary);\r\n font-family:\"Space Grotesk\",sans-serif;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 120px 0 88px;\r\n }\r\n #hero::avant {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 65% 65% at 75% 45%, rgba(26,110,255,.14) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 70% at 5% 85%, rgba(26,110,255,.07) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n #hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\r\n background-size: 64px 64px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: rgba(26,110,255,.13);\r\n border: 1px solid rgba(26,110,255,.28);\r\n border-radius: 100px;\r\n padding: 7px 16px;\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 11.5px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,.8);\r\n letter-spacing: .07em;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n }\r\n .hero-badge .dot {\r\n width: 7px; height: 7px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2.2s ease infinite;\r\n }\r\n\r\n h1.hero-title {\r\n font-size: clamp(40px, 5.5vw, 70px);\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.06;\r\n letter-spacing: -.035em;\r\n margin-bottom: 24px;\r\n }\r\n h1.hero-title em {\r\n font-style: normal;\r\n color: var(--accent);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 17px;\r\n color: rgba(255,255,255,.58);\r\n line-height: 1.78;\r\n max-width: 460px;\r\n margin-bottom: 42px;\r\n }\r\n\r\n .hero-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--accent);\r\n color: #fff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 14px 28px;\r\n border-radius: 100px;\r\n text-decoration: none;\r\n letter-spacing: .02em;\r\n transition: var(--transition);\r\n box-shadow: 0 6px 26px rgba(26,110,255,.38);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .hero-cta:hover {\r\n background: #1358d6;\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 32px rgba(26,110,255,.45);\r\n }\r\n .hero-cta svg { transition: transform .25s ease; }\r\n .hero-cta:hover svg { transform: translateX(4px); }\r\n\r\n \/* Hero visual *\/\r\n .hero-visual {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n .hero-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n max-width: 480px;\r\n }\r\n .hero-img-wrap::avant {\r\n content: '';\r\n position: absolute;\r\n inset: -16px;\r\n border-radius: calc(var(--radius-xl) + 8px);\r\n background: rgba(255,255,255,.06);\r\n transform: rotate(2deg);\r\n }\r\n .hero-img-wrap img {\r\n width: 100%;\r\n border-radius: var(--radius-xl);\r\n position: relative;\r\n z-index: 1;\r\n box-shadow: 0 24px 64px rgba(0,0,0,.35);\r\n display: block;\r\n background: transparent;\r\n }\r\n\r\n .stat-card {\r\n position: absolute;\r\n background: rgba(255,255,255,.97);\r\n backdrop-filter: blur(16px);\r\n border-radius: 16px;\r\n padding: 14px 22px;\r\n box-shadow: 0 8px 32px rgba(10,37,64,.28), 0 0 0 1px rgba(255,255,255,.3);\r\n z-index: 2;\r\n overflow: hidden;\r\n }\r\n .stat-card::avant {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(105deg,\r\n transparent 40%,\r\n rgba(26,110,255,.08) 50%,\r\n transparent 60%);\r\n background-size: 200% 100%;\r\n animation: shimmer 3s ease infinite;\r\n }\r\n .stat-card .num {\r\n font-size: 26px;\r\n font-weight: 900;\r\n color: var(--primary);\r\n line-height: 1;\r\n position: relative;\r\n z-index: 1;\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: countUp .8s cubic-bezier(.22,1,.36,1) both;\r\n }\r\n .stat-top .num { animation-delay: .9s; }\r\n .stat-bot .num { animation-delay: 1.1s; }\r\n .stat-card .lbl {\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n color: var(--text-muted);\r\n margin-top: 4px;\r\n text-transform: uppercase;\r\n letter-spacing: .08em;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .stat-card::after {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 4px;\r\n background: linear-gradient(180deg, var(--accent) 0%, #10B981 100%);\r\n border-radius: 4px 0 0 4px;\r\n }\r\n .stat-top { top: -20px; left: -28px; }\r\n .stat-bot { bottom: -20px; right: -28px; }\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DEFINITION\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #definition { background: var(--bg); padding: 104px 0; }\r\n\r\n .def-card {\r\n background: #D0FFEE;\r\n border-radius: var(--radius-xl);\r\n padding: 60px 64px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .def-text h2 { margin-bottom: 18px; }\r\n .def-text p { font-size: 16.5px; line-height: 1.8; color: var(--text-body); }\r\n .def-text p strong { color: var(--primary); font-weight: 700; }\r\n\r\n .def-pills { display: flex; flex-direction: column; gap: 14px; }\r\n\r\n .dpill {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: var(--bg);\r\n border-radius: 14px;\r\n padding: 18px 22px;\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition);\r\n cursor: default;\r\n }\r\n .dpill:hover {\r\n transform: translateX(7px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n .dpill-icon {\r\n width: 44px; height: 44px;\r\n border-radius: 12px;\r\n background: var(--accent-soft);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n .dpill-label { font-size: 14.5px; font-weight: 700; color: var(--primary); line-height: 1.3; }\r\n .dpill-sub { font-size: 12.5px; color: var(--text-muted); margin-top: 2px; }\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HOW IT WORKS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #how {\r\n background: var(--primary);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n #how::avant {\r\n content: '';\r\n position: absolute;\r\n right: -100px; top: -100px;\r\n width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(26,110,255,.22) 0%, transparent 65%);\r\n animation: auroraShift 8s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n #how::after {\r\n content: '';\r\n position: absolute;\r\n left: -80px; bottom: -80px;\r\n width: 480px; height: 480px;\r\n background: radial-gradient(circle, rgba(16,185,129,.18) 0%, transparent 65%);\r\n animation: auroraShift 10s ease-in-out infinite reverse;\r\n pointer-events: none;\r\n }\r\n #how .section-label {\r\n color: rgba(255,255,255,.65);\r\n background: rgba(255,255,255,.07);\r\n }\r\n #how .section-label::avant { background: rgba(255,255,255,.65); }\r\n #how h2.section-title { color: #fff; }\r\n #how p.section-desc { color: rgba(255,255,255,.55); }\r\n\r\n .how-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n margin-top: 54px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .how-card {\r\n background: rgba(255,255,255,.04);\r\n border: 1px solid rgba(255,255,255,.09);\r\n border-radius: var(--radius-lg);\r\n padding: 36px 26px 32px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n backdrop-filter: blur(10px);\r\n }\r\n .how-card::avant {\r\n content: '';\r\n position: absolute;\r\n inset: -60px;\r\n border-radius: 50%;\r\n opacity: 0;\r\n transition: opacity .5s ease;\r\n pointer-events: none;\r\n }\r\n .how-card:nth-child(1)::avant { background: radial-gradient(circle, rgba(26,110,255,.35) 0%, transparent 65%); }\r\n .how-card:nth-child(2)::avant { background: radial-gradient(circle, rgba(16,185,129,.30) 0%, transparent 65%); }\r\n .how-card:nth-child(3)::avant { background: radial-gradient(circle, rgba(251,113,133,.28) 0%, transparent 65%); }\r\n .how-card:nth-child(4)::avant { background: radial-gradient(circle, rgba(168,85,247,.28) 0%, transparent 65%); }\r\n .how-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 10%; right: 10%;\r\n height: 1px;\r\n border-radius: 1px;\r\n opacity: 0;\r\n transition: opacity .4s ease;\r\n }\r\n .how-card:nth-child(1)::after { background: linear-gradient(90deg, transparent, rgba(26,110,255,.8), transparent); }\r\n .how-card:nth-child(2)::after { background: linear-gradient(90deg, transparent, rgba(16,185,129,.8), transparent); }\r\n .how-card:nth-child(3)::after { background: linear-gradient(90deg, transparent, rgba(251,113,133,.8), transparent); }\r\n .how-card:nth-child(4)::after { background: linear-gradient(90deg, transparent, rgba(168,85,247,.8), transparent); }\r\n\r\n .how-card:hover {\r\n background: rgba(255,255,255,.09);\r\n border-color: rgba(255,255,255,.16);\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 60px rgba(0,0,0,.35);\r\n }\r\n .how-card:hover::avant { opacity: 1; }\r\n .how-card:hover::after { opacity: 1; }\r\n\r\n .how-icon-wrap {\r\n width: 52px; height: 52px;\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 20px;\r\n position: relative;\r\n z-index: 1;\r\n font-size: 22px;\r\n transition: var(--transition);\r\n }\r\n .how-card:nth-child(1) .how-icon-wrap { background: rgba(26,110,255,.18); color: #6ab0ff; }\r\n .how-card:nth-child(2) .how-icon-wrap { background: rgba(16,185,129,.18); color: #4ade80; }\r\n .how-card:nth-child(3) .how-icon-wrap { background: rgba(251,113,133,.18); color: #fca5a5; }\r\n .how-card:nth-child(4) .how-icon-wrap { background: rgba(168,85,247,.18); color: #d8b4fe; }\r\n\r\n .how-card:hover .how-icon-wrap { transform: scale(1.1) rotate(-4deg); }\r\n\r\n .how-num {\r\n font-size: 10.5px; font-weight: 700; letter-spacing: .12em;\r\n text-transform: uppercase; color: rgba(255,255,255,.3);\r\n margin-bottom: 14px;\r\n position: relative; z-index: 1;\r\n }\r\n .how-card h3 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 10px; position: relative; z-index: 1; }\r\n .how-card p { font-size: 13.5px; color: rgba(255,255,255,.45); line-height: 1.65; position: relative; z-index: 1; }\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CAPABILITIES (DOES \/ DOES NOT)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #capabilities { background: var(--bg); }\r\n\r\n .cap-header { margin-bottom: 52px; }\r\n\r\n .cap-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 26px;\r\n }\r\n\r\n .cap-panel {\r\n border-radius: var(--radius-xl);\r\n padding: 44px 40px;\r\n }\r\n .cap-panel.does { background: #F0FBF7; border: 1.5px solid #BEE8D4; }\r\n .cap-panel.does-not { background: #FFF5F5; border: 1.5px solid #FACCCC; }\r\n\r\n .cap-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 30px;\r\n }\r\n .cap-head-icon {\r\n width: 52px; height: 52px;\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 22px;\r\n }\r\n .does .cap-head-icon { background: rgba(13,158,110,.13); }\r\n .does-not .cap-head-icon { background: rgba(217,59,59,.10); }\r\n .cap-head h3 {\r\n font-size: 19px; font-weight: 800;\r\n color: var(--primary); letter-spacing: -.02em;\r\n }\r\n .cap-head span {\r\n font-size: 13px; font-weight: 500;\r\n color: var(--text-muted);\r\n }\r\n\r\n .cap-list { list-style: none; display: flex; flex-direction: column; gap: 13px; }\r\n .cap-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n font-size: 15.5px;\r\n font-weight: 500;\r\n color: var(--primary);\r\n line-height: 1.5;\r\n }\r\n .badge {\r\n width: 26px; height: 26px;\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 12px;\r\n font-weight: 800;\r\n margin-top: 1px;\r\n }\r\n .does .badge { background: rgba(13,158,110,.14); color: var(--green); }\r\n .does-not .badge { background: rgba(217,59,59,.12); color: var(--red); }\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FINAL STATEMENT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n #final { background: var(--bg); }\r\n\r\n .final-box {\r\n background: linear-gradient(135deg, #071a2e 0%, #0A2540 55%, #0f3155 100%);\r\n border-radius: var(--radius-xl);\r\n padding: 76px 70px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n .final-box::avant {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 52% 70% at 12% 50%, rgba(26,110,255,.20) 0%, transparent 60%),\r\n radial-gradient(ellipse 36% 48% at 86% 22%, rgba(26,110,255,.14) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 50% at 80% 85%, rgba(13,158,110,.10) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n .final-box > * { position: relative; z-index: 1; }\r\n\r\n .final-grid {\r\n display: grid;\r\n grid-template-columns: 120px minmax(0, 1fr);\r\n gap: 34px;\r\n align-items: center;\r\n }\r\n\r\n .final-logo-wrap {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .final-logo {\r\n display: block;\r\n width: 108px;\r\n height: auto;\r\n border-radius: 16px;\r\n box-shadow: 0 16px 34px rgba(0,0,0,.24);\r\n filter: drop-shadow(0 4px 20px rgba(26,110,255,.26));\r\n background: rgba(255,255,255,.08);\r\n }\r\n\r\n .final-copy {\r\n max-width: 720px;\r\n }\r\n\r\n .final-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.72);\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.10);\r\n border-radius: 999px;\r\n padding: 7px 14px;\r\n margin-bottom: 20px;\r\n }\r\n .final-kicker::avant {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n .final-box h2 {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: clamp(28px, 3.5vw, 42px);\r\n font-weight: 800;\r\n color: #fff;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n text-align: left;\r\n }\r\n .final-box h2 em { font-style: normal; color: var(--accent); }\r\n .final-box p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,.62);\r\n max-width: 600px;\r\n margin: 0 0 30px;\r\n line-height: 1.8;\r\n text-align: left;\r\n }\r\n\r\n .final-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n align-items: center;\r\n }\r\n\r\n .final-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 100px;\r\n padding: 15px 22px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #fff;\r\n letter-spacing: -.01em;\r\n backdrop-filter: blur(8px);\r\n }\r\n .final-pill .check {\r\n width: 24px; height: 24px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 12px;\r\n font-weight: 900;\r\n color: #fff;\r\n flex-shrink: 0;\r\n box-shadow: 0 8px 18px rgba(26,110,255,.35);\r\n }\r\n\r\n .final-note {\r\n font-size: 13px;\r\n color: rgba(255,255,255,.42);\r\n letter-spacing: .01em;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FOOTER \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n footer {\r\n background: var(--dark);\r\n padding: 30px 0;\r\n }\r\n footer p {\r\n font-size: 12.5px;\r\n color: rgba(255,255,255,.28);\r\n letter-spacing: .025em;\r\n }\r\n footer strong { color: rgba(255,255,255,.55); }\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 960px) {\r\n section { padding: 72px 0; }\r\n .container { padding: 0 24px; }\r\n\r\n .hero-inner { grid-template-columns: 1fr; gap: 0; }\r\n .hero-visual { display: none; }\r\n\r\n .def-card { grid-template-columns: 1fr; padding: 40px 36px; gap: 36px; }\r\n\r\n .how-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n .cap-grid { grid-template-columns: 1fr; }\r\n .cap-panel { padding: 36px 32px; }\r\n\r\n .final-box { padding: 54px 38px; }\r\n .final-grid { grid-template-columns: 1fr; gap: 24px; }\r\n .final-logo-wrap { justify-content: flex-start; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n section { padding: 56px 0; }\r\n .container { padding: 0 18px; }\r\n\r\n h1.hero-title { font-size: 38px; }\r\n .hero-subtitle { font-size: 15.5px; }\r\n\r\n .def-card { padding: 32px 22px; }\r\n .def-text p { font-size: 15.5px; }\r\n\r\n .how-grid { grid-template-columns: 1fr; }\r\n .how-card { padding: 28px 22px; }\r\n\r\n .cap-panel { padding: 28px 22px; }\r\n .cap-list li { font-size: 14.5px; }\r\n\r\n .final-box { padding: 36px 22px; }\r\n .final-logo-wrap { justify-content: center; }\r\n .final-copy { text-align: center; }\r\n .final-box h2,\r\n .final-box p { text-align: center; }\r\n .final-actions {\r\n justify-content: center;\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .final-pill {\r\n justify-content: center;\r\n padding: 14px 18px;\r\n font-size: 14px;\r\n border-radius: 16px;\r\n }\r\n .final-note {\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\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\r\n HERO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <section id=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n\r\n <!-- Copy -->\r\n <div>\r\n <div class=\"hero-badge fade-up\">\r\n <span class=\"dot\"><\/span>\r\n Plateforme de pr\u00e9vention de la fraude\r\n <\/div>\r\n\r\n <h1 class=\"hero-title fade-up delay-1\">\r\n Qu\u2019est-ce que<br\/><em>DPD ?<\/em>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle fade-up delay-2\">\r\n DPD est une plateforme de pr\u00e9vention de la fraude pens\u00e9e d\u2019abord pour les marchands, con\u00e7ue pour aider les entreprises e-commerce \u00e0 r\u00e9duire le risque COD avant qu\u2019une commande ne soit confirm\u00e9e, pr\u00e9par\u00e9e ou exp\u00e9di\u00e9e.\r\n <\/p>\r\n\r\n <a href=\"#definition\" class=\"hero-cta fade-up delay-3\">\r\n D\u00e9couvrir la plateforme\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Visual -->\r\n <div class=\"hero-visual fade-up delay-4\">\r\n <div class=\"hero-img-wrap\">\r\n <div class=\"stat-card stat-top\">\r\n <div class=\"num\" data-target=\"98%\">98%<\/div>\r\n <div class=\"lbl\">Pr\u00e9cision du score<\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/what-is-dpd-.webp\" alt=\"DPD Platform \u2014 Comment cela fonctionne\" \/>\r\n <div class=\"stat-card stat-bot\">\r\n <div class=\"num\" data-target=\"-40%\">\u201340%<\/div>\r\n <div class=\"lbl\">Livraisons \u00e9chou\u00e9es<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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\r\n DEFINITION\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 -->\r\n <section id=\"definition\">\r\n <div class=\"container\">\r\n <div class=\"def-card\">\r\n\r\n <div class=\"def-text\">\r\n <div class=\"section-label\">D\u00e9finition<\/div>\r\n <h2 class=\"section-title\">Digital Purchase Defense<\/h2>\r\n <p>\r\n DPD est une plateforme de pr\u00e9vention de la fraude con\u00e7ue pour les marchands e-commerce, avec un fort accent sur la r\u00e9duction du risque dans les transactions avec paiement \u00e0 la livraison. Elle aide les marchands \u00e0 identifier les commandes suspectes, risqu\u00e9es ou potentiellement frauduleuses <strong>avant<\/strong> qu\u2019elles soient trait\u00e9es ou exp\u00e9di\u00e9es, gr\u00e2ce \u00e0 un scoring du risque bas\u00e9 sur le t\u00e9l\u00e9phone et \u00e0 des signaux comportementaux.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"def-pills\">\r\n <div class=\"dpill\">\r\n <div class=\"dpill-icon\">\ud83c\udfaf<\/div>\r\n <div>\r\n <div class=\"dpill-label\">Focus sur le risque COD<\/div>\r\n <div class=\"dpill-sub\">Con\u00e7u sp\u00e9cifiquement pour la fraude li\u00e9e au paiement \u00e0 la livraison<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dpill\">\r\n <div class=\"dpill-icon\">\ud83d\udcf1<\/div>\r\n <div>\r\n <div class=\"dpill-label\">Scoring bas\u00e9 sur le t\u00e9l\u00e9phone<\/div>\r\n <div class=\"dpill-sub\">Utilise les num\u00e9ros de t\u00e9l\u00e9phone comme identifiants de risque comportemental<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dpill\">\r\n <div class=\"dpill-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <div>\r\n <div class=\"dpill-label\">Intelligence comportementale<\/div>\r\n <div class=\"dpill-sub\">Combine les sch\u00e9mas r\u00e9p\u00e9t\u00e9s, les signaux de commande et les r\u00e9sultats<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dpill\">\r\n <div class=\"dpill-icon\">\u26a1<\/div>\r\n <div>\r\n <div class=\"dpill-label\">D\u00e9cisions avant exp\u00e9dition<\/div>\r\n <div class=\"dpill-sub\">Donne aux marchands des informations avant le d\u00e9marrage d\u2019une pr\u00e9paration co\u00fbteuse<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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\r\n HOW IT WORKS\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 -->\r\n <section id=\"how\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">Processus<\/div>\r\n <h2 class=\"section-title\">Comment cela fonctionne<\/h2>\r\n <p class=\"section-desc\">\r\n DPD analyse plusieurs signaux op\u00e9rationnels afin de produire un score de risque pratique que les marchands peuvent utiliser pour examiner, v\u00e9rifier ou poursuivre avec plus de confiance.\r\n <\/p>\r\n\r\n <div class=\"how-grid\">\r\n\r\n <div class=\"how-card\">\r\n <div class=\"how-num\">01<\/div>\r\n <div class=\"how-icon-wrap\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <\/div>\r\n <h3>Historique du num\u00e9ro de t\u00e9l\u00e9phone<\/h3>\r\n <p>Examine le comportement li\u00e9 \u00e0 un num\u00e9ro de t\u00e9l\u00e9phone \u00e0 travers les \u00e9v\u00e9nements de commande pr\u00e9c\u00e9dents, les rapports et les sch\u00e9mas de transactions r\u00e9p\u00e9t\u00e9es.<\/p>\r\n <\/div>\r\n\r\n <div class=\"how-card\">\r\n <div class=\"how-num\">02<\/div>\r\n <div class=\"how-icon-wrap\">\r\n <i class=\"fa-solid fa-box-open\"><\/i>\r\n <\/div>\r\n <h3>Comportement des commandes<\/h3>\r\n <p>Mesure des indicateurs tels que les r\u00e9sultats de livraison, les refus, les annulations et d\u2019autres signaux r\u00e9currents associ\u00e9s \u00e0 un risque COD plus \u00e9lev\u00e9.<\/p>\r\n <\/div>\r\n\r\n <div class=\"how-card\">\r\n <div class=\"how-num\">03<\/div>\r\n <div class=\"how-icon-wrap\">\r\n <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n <\/div>\r\n <h3>Signaux de fraude<\/h3>\r\n <p>D\u00e9tecte les sch\u00e9mas suspects, les signaux d\u2019abus r\u00e9p\u00e9t\u00e9s et d\u2019autres indicateurs op\u00e9rationnels pouvant indiquer une probabilit\u00e9 de fraude \u00e9lev\u00e9e.<\/p>\r\n <\/div>\r\n\r\n <div class=\"how-card\">\r\n <div class=\"how-num\">04<\/div>\r\n <div class=\"how-icon-wrap\">\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n <\/div>\r\n <h3>Retours des marchands<\/h3>\r\n <p>Utilise les retours fiables des marchands pour am\u00e9liorer le mod\u00e8le de scoring au fil du temps et renforcer l\u2019intelligence anti-fraude partag\u00e9e au sein du r\u00e9seau.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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\r\n CAPABILITIES\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 -->\r\n <section id=\"capabilities\">\r\n <div class=\"container\">\r\n\r\n <div class=\"cap-header\">\r\n <div class=\"section-label\">Capacit\u00e9s<\/div>\r\n <h2 class=\"section-title\">Ce que fait DPD<br\/>\u2014 et ce qu\u2019il ne fait pas<\/h2>\r\n <\/div>\r\n\r\n <div class=\"cap-grid\">\r\n\r\n <!-- DOES -->\r\n <div class=\"cap-panel does\">\r\n <div class=\"cap-head\">\r\n <div class=\"cap-head-icon\">\u2705<\/div>\r\n <div>\r\n <h3>DPD aide les marchands<\/h3>\r\n <span>Ce que la plateforme est con\u00e7ue pour am\u00e9liorer<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"cap-list\">\r\n <li>\r\n <span class=\"badge\">\u2713<\/span>\r\n D\u00e9tecter les commandes potentiellement risqu\u00e9es avant l\u2019exp\u00e9dition\r\n <\/li>\r\n <li>\r\n <span class=\"badge\">\u2713<\/span>\r\n R\u00e9duire les livraisons \u00e9chou\u00e9es, refus\u00e9es et inutiles\r\n <\/li>\r\n <li>\r\n <span class=\"badge\">\u2713<\/span>\r\n Limiter les pertes li\u00e9es \u00e0 la fraude COD et aux abus\r\n <\/li>\r\n <li>\r\n <span class=\"badge\">\u2713<\/span>\r\n Am\u00e9liorer la prise de d\u00e9cision op\u00e9rationnelle et l\u2019efficacit\u00e9\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- DOES NOT -->\r\n <div class=\"cap-panel does-not\">\r\n <div class=\"cap-head\">\r\n <div class=\"cap-head-icon\">\u2757<\/div>\r\n <div>\r\n <h3>DPD ne fait PAS<\/h3>\r\n <span>Limites importantes \u00e0 comprendre clairement<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"cap-list\">\r\n <li>\r\n <span class=\"badge\">\u2715<\/span>\r\n Bloquer ou rejeter automatiquement les commandes \u00e0 votre place\r\n <\/li>\r\n <li>\r\n <span class=\"badge\">\u2715<\/span>\r\n Garantir une pr\u00e9vention de la fraude \u00e0 100 % ou une pr\u00e9cision parfaite\r\n <\/li>\r\n <li>\r\n <span class=\"badge\">\u2715<\/span>\r\n Remplacer le jugement du marchand ou l\u2019examen op\u00e9rationnel\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\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\r\n FINAL STATEMENT\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 -->\r\n <section id=\"final\">\r\n <div class=\"container\">\r\n <div class=\"final-box\">\r\n <div class=\"final-grid\">\r\n <div class=\"final-logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/dpd.ma\/wp-content\/uploads\/2026\/04\/logo-dpd.jpg\" alt=\"DPD Logo\" class=\"final-logo\" \/>\r\n <\/div>\r\n\r\n <div class=\"final-copy\">\r\n <div class=\"final-kicker\">Aide \u00e0 la d\u00e9cision, pas d\u00e9cision automatique<\/div>\r\n <h2>Le marchand garde toujours <em>le dernier mot.<\/em><\/h2>\r\n <p>\r\n DPD est con\u00e7u pour renforcer le jugement du marchand, pas pour le remplacer. La plateforme fournit des signaux de risque, un contexte comportemental et une aide \u00e0 la d\u00e9cision \u2014 mais chaque action finale appartient toujours au marchand.\r\n <\/p>\r\n\r\n <div class=\"final-actions\">\r\n <div class=\"final-pill\">\r\n <span class=\"check\">\u2713<\/span>\r\n Les d\u00e9cisions finales restent toujours entre les mains du marchand\r\n <\/div>\r\n <div class=\"final-note\">DPD soutient la d\u00e9cision. Il ne la prend jamais \u00e0 votre place.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/* \u2500\u2500 Count-up animation for stat cards \u2500\u2500 *\/\r\n function animateValue(el, start, end, suffix, prefix, duration) {\r\n let startTs = null;\r\n const isNeg = end < 0;\r\n const absEnd = Math.abs(end);\r\n const step = (ts) => {\r\n if (!startTs) startTs = ts;\r\n const progress = Math.min((ts - startTs) \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 4);\r\n const current = Math.round(start + ease * (absEnd - start));\r\n el.textContent = prefix + (isNeg ? '\u2013' : '') + current + suffix;\r\n if (progress < 1) requestAnimationFrame(step);\r\n };\r\n requestAnimationFrame(step);\r\n }\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n const el = entry.target;\r\n const raw = el.dataset.target;\r\n const isNeg = raw.startsWith('-') || raw.startsWith('\u2013');\r\n const num = parseInt(raw.replace(\/[^0-9]\/g, ''), 10);\r\n const suffix = raw.includes('%') ? '%' : '';\r\n animateValue(el, 0, isNeg ? -num : num, suffix, '', 1400);\r\n observer.unobserve(el);\r\n });\r\n }, { threshold: 0.6 });\r\n\r\n document.querySelectorAll('.num[data-target]').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Qu\u2019est-ce que DPD Plateforme de pr\u00e9vention de la fraude Qu\u2019est-ce queDPD ? DPD est une plateforme de pr\u00e9vention de la fraude pens\u00e9e d\u2019abord pour les marchands, con\u00e7ue pour aider les entreprises e-commerce \u00e0 r\u00e9duire le risque COD avant qu\u2019une commande ne soit confirm\u00e9e, pr\u00e9par\u00e9e ou exp\u00e9di\u00e9e. D\u00e9couvrir la plateforme 98% Pr\u00e9cision du score \u201340% Livraisons […]<\/p>\n","protected":false},"author":1,"featured_media":2102,"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":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-2111","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2111","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=2111"}],"version-history":[{"count":3,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2111\/revisions"}],"predecessor-version":[{"id":2123,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2111\/revisions\/2123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media\/2102"}],"wp:attachment":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media?parent=2111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}