{"id":2800,"date":"2025-09-22T11:10:37","date_gmt":"2025-09-22T09:10:37","guid":{"rendered":"https:\/\/diagzone.org\/?page_id=2800"},"modified":"2026-06-08T11:32:53","modified_gmt":"2026-06-08T09:32:53","slug":"diagzone-buy-subscription","status":"publish","type":"page","link":"https:\/\/diagzone.org\/fr\/diagzone-buy-subscription\/","title":{"rendered":"DiagZone Buy subscription"},"content":{"rendered":"<style>.kb-row-layout-id2800_e3846d-79 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2800_e3846d-79 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2800_e3846d-79 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id2800_e3846d-79 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2800_e3846d-79 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id2800_e3846d-79 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2800_e3846d-79 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2800_67a003-36 > .kt-inside-inner-col,.kadence-column2800_67a003-36 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2800_67a003-36 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2800_67a003-36 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2800_67a003-36 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2800_67a003-36 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2800_67a003-36{position:relative;}@media all and (max-width: 1024px){.kadence-column2800_67a003-36 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2800_67a003-36 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2800_67a003-36\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/*\n* Prefixed by https:\/\/autoprefixer.github.io\n* PostCSS: v8.4.14,\n* Autoprefixer: v10.4.7\n* Browsers: last 222 version  \n*\/\n\n#dz-features.section {\npadding-top: 0 !important;}\n\n.page-id-2800 {\n      --blue:        #003cff; \n      --blue-dark:   #002ed4; \n      --blue-faint:  #eef1ff;\n      --blue-ring:   rgba(0,60,255,0.18);\n      --ink:         #0a0c10;\n      --body:        #3d4454;\n      --muted:       #7c8496;\n      --white:       #ffffff;\n      --canvas:      #f9fafb;\n      --canvas-2:    #f2f4f7;\n      --canvas-3:    #eaecf0;\n      --border:      #e3e6ed;\n      --border-mid:  #cdd0da;\n      --border-dark: #adb3c0;\n      --green:       #16a34a;\n      --green-bg:    #f0fdf4;\n      --green-line:  rgba(22,163,74,0.25);\n      --red:         #dc2626;\n      --red-bg:      #fef2f2;\n      --red-line:    rgba(220,38,38,0.25);\n      --r-sm:  4px;\n      --r-md:  8px;\n      --r-lg:  12px;\n      --r-xl:  16px;\n      --r-2xl: 24px;\n      --sh-sm: 0 1px 4px rgba(10,12,16,0.06), 0 1px 2px rgba(10,12,16,0.04);\n      --sh-md: 0 4px 16px rgba(10,12,16,0.08), 0 1px 4px rgba(10,12,16,0.04);\n      --sh-lg: 0 12px 40px rgba(10,12,16,0.10), 0 4px 12px rgba(10,12,16,0.05);\n      --sh-xl: 0 24px 64px rgba(10,12,16,0.12), 0 8px 20px rgba(10,12,16,0.06);\n      --sh-blue: 0 0 0 3px rgba(0,60,255,0.2);\n      --font: \"Poppins\", system-ui, sans-serif;\n      --mono: \"IBM Plex Mono\", Consolas, monospace;\n    }\n\n    \/* \u2500\u2500 Layout \u2500\u2500 *\/\n    .page-id-2800 .wrap {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 32px;\n    }\n\n    .page-id-2800 .section        { padding: 88px 0; }\n    .page-id-2800 .section-canvas { background: var(--canvas); }\n    .page-id-2800 .section-canvas2{ background: var(--canvas-2); }\n\n    \/* \u2500\u2500 Type \u2500\u2500 *\/\n    .page-id-2800 h1 {\n      font-size: clamp(26px, 3.6vw, 40px);\n      font-weight: 800;\n      line-height: 1.12;\n      letter-spacing: -0.02em;\n      color: var(--ink);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 h2 {\n      font-size: clamp(26px, 3.6vw, 40px);\n      font-weight: 700;\n      line-height: 1.1;\n      letter-spacing: -0.02em;\n      color: var(--ink);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 h3 {\n      font-size: 17px;\n      font-weight: 700;\n      line-height: 1.35;\n      color: var(--ink);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .overline {\n      font-family: var(--mono);\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--blue);\n    }\n\n    .page-id-2800 .lead {\n      font-size: 17px;\n      line-height: 1.72;\n      color: var(--body);\n      font-family: var(--font);\n    }\n\n    \/* \u2500\u2500 Buttons \u2500\u2500 *\/\n    .page-id-2800 .btn {\n      display: -webkit-inline-box;\n      display: -webkit-inline-flex;\n      display: -moz-inline-box;\n      display: -ms-inline-flexbox;\n      display: inline-flex;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n         -moz-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      gap: 8px;\n      height: 48px;\n      padding: 0 24px;\n      border: 1.5px solid transparent;\n      -webkit-border-radius: var(--r-md);\n         -moz-border-radius: var(--r-md);\n              border-radius: var(--r-md);\n      font-family: var(--font);\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 0.005em;\n      line-height: 1;\n      cursor: pointer;\n      white-space: nowrap;\n      -webkit-transition: background 130ms, border-color 130ms, -webkit-box-shadow 130ms, -webkit-transform 80ms;\n      transition: background 130ms, border-color 130ms, -webkit-box-shadow 130ms, -webkit-transform 80ms;\n      -o-transition: background 130ms, border-color 130ms, box-shadow 130ms, -o-transform 80ms;\n      -moz-transition: background 130ms, border-color 130ms, box-shadow 130ms, transform 80ms, -moz-box-shadow 130ms, -moz-transform 80ms;\n      transition: background 130ms, border-color 130ms, box-shadow 130ms, transform 80ms;\n      transition: background 130ms, border-color 130ms, box-shadow 130ms, transform 80ms, -webkit-box-shadow 130ms, -moz-box-shadow 130ms, -webkit-transform 80ms, -moz-transform 80ms, -o-transform 80ms;\n      text-decoration: none;\n    }\n\n    .page-id-2800 .btn:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }\n\n    .page-id-2800 .btn-primary {\n      background: var(--blue);\n      color: #fff;\n      border-color: var(--blue);\n      -webkit-box-shadow: var(--sh-sm);\n         -moz-box-shadow: var(--sh-sm);\n              box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .btn-primary:hover {\n      background: var(--blue-dark);\n      border-color: var(--blue-dark);\n      -webkit-box-shadow: var(--sh-md);\n         -moz-box-shadow: var(--sh-md);\n              box-shadow: var(--sh-md);\n      color: #fff;\n    }\n\n    .page-id-2800 .btn-primary:focus-visible {\n      outline: none;\n      -webkit-box-shadow: var(--sh-blue);\n         -moz-box-shadow: var(--sh-blue);\n              box-shadow: var(--sh-blue);\n    }\n\n    .page-id-2800 .btn-outline {\n      background: var(--white);\n      color: var(--ink);\n      border-color: var(--border-mid);\n      -webkit-box-shadow: var(--sh-sm);\n         -moz-box-shadow: var(--sh-sm);\n              box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .btn-outline:hover {\n      border-color: var(--border-dark);\n      -webkit-box-shadow: var(--sh-md);\n         -moz-box-shadow: var(--sh-md);\n              box-shadow: var(--sh-md);\n    }\n\n    .page-id-2800 .btn-lg  { height: 54px; padding: 0 32px; font-size: 15px; -webkit-border-radius: var(--r-lg); -moz-border-radius: var(--r-lg); border-radius: var(--r-lg); }\n    .page-id-2800 .btn-full { width: 100%; }\n\n    \/* \u2500\u2500 Hero \u2500\u2500 *\/\n    .page-id-2800 .hero {\n      padding: 45px 0 96px;\n      background: var(--white);\n      position: relative;\n      overflow: hidden;\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image: -webkit-radial-gradient(circle, var(--canvas-3) 1px, transparent 1px);\n      background-image: -moz-radial-gradient(circle, var(--canvas-3) 1px, transparent 1px);\n      background-image: -o-radial-gradient(circle, var(--canvas-3) 1px, transparent 1px);\n      background-image: radial-gradient(circle, var(--canvas-3) 1px, transparent 1px);\n      -webkit-background-size: 24px 24px;\n         -moz-background-size: 24px 24px;\n           -o-background-size: 24px 24px;\n              background-size: 24px 24px;\n      pointer-events: none;\n      opacity: 0.7;\n    }\n\n    .page-id-2800 .hero-grid {\n      position: relative;\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 64px 440px;\n      grid-template-columns: 1fr 440px;\n      gap: 64px;\n      -webkit-box-align: start;\n      -webkit-align-items: start;\n         -moz-box-align: start;\n          -ms-flex-align: start;\n              align-items: start;\n    }\n\n    .page-id-2800 .hero-copy { display: -ms-grid; display: grid; gap: 28px; }\n    .page-id-2800 .hero-hl   { display: -ms-grid; display: grid; gap: 16px; }\n\n    .page-id-2800 .hero-bullets {\n      display: -ms-grid;\n      display: grid;\n      gap: 0;\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-lg);\n         -moz-border-radius: var(--r-lg);\n              border-radius: var(--r-lg);\n      overflow: hidden;\n      background: var(--white);\n      -webkit-box-shadow: var(--sh-sm);\n         -moz-box-shadow: var(--sh-sm);\n              box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .hero-bullet {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      gap: 14px;\n      padding: 13px 18px;\n      border-bottom: 1px solid var(--border);\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--body);\n      -webkit-transition: background 120ms;\n      -o-transition: background 120ms;\n      -moz-transition: background 120ms;\n      transition: background 120ms;\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .hero-bullet:last-child { border-bottom: 0; }\n    .page-id-2800 .hero-bullet:hover { background: var(--canvas); }\n\n    .page-id-2800 .bullet-tick {\n      width: 18px;\n      height: 18px;\n      -webkit-border-radius: 50%;\n         -moz-border-radius: 50%;\n              border-radius: 50%;\n      background: var(--green-bg);\n      color: var(--green);\n      display: -ms-grid;\n      display: grid;\n      place-items: center;\n      -webkit-flex-shrink: 0;\n          -ms-flex-negative: 0;\n              flex-shrink: 0;\n    }\n\n    .page-id-2800 .hero-actions {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      gap: 12px;\n      -webkit-flex-wrap: wrap;\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n    }\n\n    .page-id-2800 .trust-bar {\n      display: -ms-grid;\n      display: grid;\n      gap: 16px;\n      padding-top: 20px;\n      border-top: 1px solid var(--border);\n    }\n\n    .page-id-2800 .trust-items-row {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-flex-wrap: wrap;\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap;\n      gap: 16px;\n    }\n\n    .page-id-2800 .trust-item {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--body);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .trust-icon {\n      width: 28px;\n      height: 28px;\n      -webkit-border-radius: 6px;\n         -moz-border-radius: 6px;\n              border-radius: 6px;\n      display: -ms-grid;\n      display: grid;\n      place-items: center;\n      -webkit-flex-shrink: 0;\n          -ms-flex-negative: 0;\n              flex-shrink: 0;\n    }\n\n    .page-id-2800 .stars-row {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      gap: 10px;\n      padding-top: 4px;\n    }\n\n    .page-id-2800 .stars      { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 2px; }\n    .page-id-2800 .stars svg  { color: #f59e0b; }\n\n    .page-id-2800 .stars-label {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--body);\n      font-family: var(--font);\n    }\n\n    \/* \u2500\u2500 Serial Card \u2500\u2500 *\/\n    .page-id-2800 .serial-card {\n      background: var(--white);\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-2xl);\n         -moz-border-radius: var(--r-2xl);\n              border-radius: var(--r-2xl);\n      overflow: hidden;\n      position: relative;\n      -webkit-box-shadow: var(--sh-xl);\n         -moz-box-shadow: var(--sh-xl);\n              box-shadow: var(--sh-xl);\n    }\n\n    .page-id-2800 .serial-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 3px;\n      background: var(--blue);\n    }\n\n    .page-id-2800 .serial-card-inner {\n      padding: 32px;\n      display: -ms-grid;\n      display: grid;\n      gap: 22px;\n    }\n\n    .page-id-2800 .serial-card-head { display: -ms-grid; display: grid; gap: 8px; }\n\n    .page-id-2800 .sc-title {\n      font-size: 22px;\n      font-weight: 700;\n      line-height: 1.2;\n      color: var(--ink);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .sc-sub {\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--muted);\n      line-height: 1.55;\n      font-family: var(--font);\n      margin: 0;\n    }\n\n    .page-id-2800 .serial-notes-row {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 8px 1fr;\n      grid-template-columns: 1fr 1fr;\n      gap: 8px;\n    }\n\n    .page-id-2800 .serial-note {\n      padding: 12px 14px;\n      background: var(--canvas);\n      border: 1px solid var(--border);\n      -webkit-border-radius: var(--r-md);\n         -moz-border-radius: var(--r-md);\n              border-radius: var(--r-md);\n    }\n\n    .page-id-2800 .serial-note strong {\n      display: block;\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--ink);\n      margin-bottom: 3px;\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .serial-note span {\n      font-size: 12px;\n      color: var(--muted);\n      line-height: 1.4;\n      font-family: var(--font);\n    }\n\n\n    \/* \u2500\u2500 Shortcode form overrides (scoped to serial card, page 5700 only) \u2500\u2500 *\/\n\n    .page-id-2800 .serial-card .serial-lookup-container {\n      background: none !important;\n      -webkit-border-radius: 0 !important;\n         -moz-border-radius: 0 !important;\n              border-radius: 0 !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      -webkit-box-shadow: none !important;\n         -moz-box-shadow: none !important;\n              box-shadow: none !important;\n      font-family: var(--font) !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-wrap {\n      display: -ms-grid !important;\n      display: grid !important;\n      gap: 14px !important;\n      background: none !important;\n      background-image: none !important;\n      -webkit-border-radius: 0 !important;\n         -moz-border-radius: 0 !important;\n              border-radius: 0 !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      color: var(--body) !important;\n      -webkit-box-shadow: none !important;\n         -moz-box-shadow: none !important;\n              box-shadow: none !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-instruction {\n      display: block !important;\n      font-family: var(--font) !important;\n      font-size: 14px !important;\n      font-weight: 500 !important;\n      color: var(--muted) !important;\n      line-height: 1.55 !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-form {\n      display: -ms-grid !important;\n      display: grid !important;\n      gap: 10px !important;\n      background: none !important;\n      border: none !important;\n      padding: 0 !important;\n      margin: 0 !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input-wrapper {\n      display: -webkit-box !important;\n      display: -webkit-flex !important;\n      display: -moz-box !important;\n      display: -ms-flexbox !important;\n      display: flex !important;\n      -webkit-box-orient: vertical !important;\n      -webkit-box-direction: normal !important;\n      -webkit-flex-direction: column !important;\n         -moz-box-orient: vertical !important;\n         -moz-box-direction: normal !important;\n          -ms-flex-direction: column !important;\n              flex-direction: column !important;\n      -webkit-box-align: stretch !important;\n      -webkit-align-items: stretch !important;\n         -moz-box-align: stretch !important;\n          -ms-flex-align: stretch !important;\n              align-items: stretch !important;\n      border: none !important;\n      -webkit-border-radius: 0 !important;\n         -moz-border-radius: 0 !important;\n              border-radius: 0 !important;\n      overflow: visible !important;\n      background: none !important;\n      -webkit-box-shadow: none !important;\n         -moz-box-shadow: none !important;\n              box-shadow: none !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      gap: 10px !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input-wrapper:focus-within {\n      border-color: transparent !important;\n      -webkit-box-shadow: none !important;\n         -moz-box-shadow: none !important;\n              box-shadow: none !important;\n      background: none !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input {\n      width: 100% !important;\n      height: 58px !important;\n      padding: 17px !important;\n      margin: 0 !important;\n      border: 1.5px solid var(--border-mid) !important;\n      -webkit-border-radius: var(--r-md) !important;\n         -moz-border-radius: var(--r-md) !important;\n              border-radius: var(--r-md) !important;\n      background: var(--canvas) !important;\n      color: var(--ink) !important;\n      font-family: var(--mono) !important;\n      font-size: 20px !important;\n      font-weight: 600 !important;\n      letter-spacing: 0.08em !important;\n      outline: none !important;\n      -webkit-box-shadow: none !important;\n         -moz-box-shadow: none !important;\n              box-shadow: none !important;\n      -webkit-transition: border-color 140ms, -webkit-box-shadow 140ms !important;\n      transition: border-color 140ms, -webkit-box-shadow 140ms !important;\n      -o-transition: border-color 140ms, box-shadow 140ms !important;\n      -moz-transition: border-color 140ms, box-shadow 140ms, -moz-box-shadow 140ms !important;\n      transition: border-color 140ms, box-shadow 140ms !important;\n      transition: border-color 140ms, box-shadow 140ms, -webkit-box-shadow 140ms, -moz-box-shadow 140ms !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input:focus {\n      border-color: var(--blue) !important;\n      -webkit-box-shadow: var(--sh-blue) !important;\n         -moz-box-shadow: var(--sh-blue) !important;\n              box-shadow: var(--sh-blue) !important;\n      background: var(--white) !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input::-webkit-input-placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input:-moz-placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input::-moz-placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input:-ms-input-placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input::-ms-input-placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-input::placeholder {\n      color: var(--border-dark) !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      letter-spacing: 0.03em !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-button {\n      display: -webkit-box !important;\n      display: -webkit-flex !important;\n      display: -moz-box !important;\n      display: -ms-flexbox !important;\n      display: flex !important;\n      -webkit-box-align: center !important;\n      -webkit-align-items: center !important;\n         -moz-box-align: center !important;\n          -ms-flex-align: center !important;\n              align-items: center !important;\n      -webkit-box-pack: center !important;\n      -webkit-justify-content: center !important;\n         -moz-box-pack: center !important;\n          -ms-flex-pack: center !important;\n              justify-content: center !important;\n      gap: 8px !important;\n      width: 100% !important;\n      height: 52px !important;\n      padding: 0 24px !important;\n      margin: 0 !important;\n      background: var(--blue) !important;\n      border: none !important;\n      -webkit-border-radius: var(--r-md) !important;\n         -moz-border-radius: var(--r-md) !important;\n              border-radius: var(--r-md) !important;\n      color: #fff !important;\n      font-family: var(--font) !important;\n      font-size: 15px !important;\n      font-weight: 700 !important;\n      cursor: pointer !important;\n      -webkit-transition: background 130ms !important;\n      -o-transition: background 130ms !important;\n      -moz-transition: background 130ms !important;\n      transition: background 130ms !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-button::after {\n      content: \"Show Available Packages\" !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-button:hover {\n      background: var(--blue-dark) !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-button svg {\n      width: 18px !important;\n      height: 18px !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-notice {\n      min-height: 0 !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-error {\n      \/* no display override \u2014 site JS controls show\/hide via inline style *\/\n      -webkit-box-align: center !important;\n      -webkit-align-items: center !important;\n         -moz-box-align: center !important;\n          -ms-flex-align: center !important;\n              align-items: center !important;\n      gap: 10px !important;\n      padding: 12px 14px !important;\n      background: var(--red-bg) !important;\n      border: 1px solid var(--red-line) !important;\n      -webkit-border-radius: var(--r-md) !important;\n         -moz-border-radius: var(--r-md) !important;\n              border-radius: var(--r-md) !important;\n      font-family: var(--font) !important;\n      font-size: 13px !important;\n      font-weight: 500 !important;\n      color: var(--red) !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-loading {\n      \/* no display override \u2014 site JS controls show\/hide via inline style *\/\n      -webkit-box-align: center !important;\n      -webkit-align-items: center !important;\n         -moz-box-align: center !important;\n          -ms-flex-align: center !important;\n              align-items: center !important;\n      gap: 10px !important;\n      padding: 12px 14px !important;\n      background: var(--blue-faint) !important;\n      border: 1px solid var(--blue-ring) !important;\n      -webkit-border-radius: var(--r-md) !important;\n         -moz-border-radius: var(--r-md) !important;\n              border-radius: var(--r-md) !important;\n      font-family: var(--font) !important;\n      font-size: 13px !important;\n      font-weight: 500 !important;\n      color: var(--body) !important;\n    }\n\n    .page-id-2800 .serial-card .serial-lookup-spinner {\n      display: inline-block !important;\n      width: 14px !important;\n      height: 14px !important;\n      border: 2px solid var(--blue-ring) !important;\n      border-top-color: var(--blue) !important;\n      -webkit-border-radius: 50% !important;\n         -moz-border-radius: 50% !important;\n              border-radius: 50% !important;\n      -webkit-animation: dz-spin 0.7s linear infinite !important;\n         -moz-animation: dz-spin 0.7s linear infinite !important;\n           -o-animation: dz-spin 0.7s linear infinite !important;\n              animation: dz-spin 0.7s linear infinite !important;\n      -webkit-flex-shrink: 0 !important;\n          -ms-flex-negative: 0 !important;\n              flex-shrink: 0 !important;\n    }\n\n    \/* \u2500\u2500 Package cards \u2500\u2500 *\/\n    .page-id-2800 .pkg-grid {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 1px 1fr 1px 1fr;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      background: var(--border);\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-2xl);\n         -moz-border-radius: var(--r-2xl);\n              border-radius: var(--r-2xl);\n      overflow: hidden;\n      -webkit-box-shadow: var(--sh-sm);\n         -moz-box-shadow: var(--sh-sm);\n              box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .pkg-card {\n      background: var(--white);\n      padding: 32px 28px;\n      display: -ms-grid;\n      display: grid;\n      gap: 14px;\n      -webkit-transition: background 140ms;\n      -o-transition: background 140ms;\n      -moz-transition: background 140ms;\n      transition: background 140ms;\n    }\n\n    .page-id-2800 .pkg-card:hover { background: var(--canvas); }\n\n    .page-id-2800 .pkg-tag {\n      font-family: var(--mono);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      padding: 4px 9px;\n      -webkit-border-radius: var(--r-sm);\n         -moz-border-radius: var(--r-sm);\n              border-radius: var(--r-sm);\n      display: inline-block;\n      width: -webkit-fit-content;\n      width: -moz-fit-content;\n      width: fit-content;\n    }\n\n    .page-id-2800 .pkg-12v { background: #dbeafe; color: #1e40af; }\n    .page-id-2800 .pkg-ev  { background: #dcfce7; color: #15803d; }\n    .page-id-2800 .pkg-hd  { background: #fef3c7; color: #92400e; }\n\n    .page-id-2800 .pkg-card p { font-size: 14px; color: var(--muted); line-height: 1.6; font-family: var(--font); }\n\n    \/* \u2500\u2500 Section head \u2500\u2500 *\/\n    .page-id-2800 .section-head {\n      display: -ms-grid;\n      display: grid;\n      gap: 12px;\n      margin-bottom: 48px;\n    }\n\n    .page-id-2800 .section-head.center {\n      text-align: center;\n      justify-items: center;\n      max-width: 600px;\n      margin-inline: auto;\n    }\n\n    \/* \u2500\u2500 Requirements \u2500\u2500 *\/\n    .page-id-2800 .req-layout {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 72px 1fr;\n      grid-template-columns: 1fr 1fr;\n      gap: 72px;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n    }\n\n    .page-id-2800 .req-image-frame {\n      display: -ms-grid;\n      display: grid;\n      place-items: center;\n      padding: 48px;\n      background: var(--canvas-2);\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-2xl);\n         -moz-border-radius: var(--r-2xl);\n              border-radius: var(--r-2xl);\n    }\n\n    .page-id-2800 .req-image-frame img { width: min(100%, 260px); }\n\n    .page-id-2800 .req-list { display: -ms-grid; display: grid; gap: 0; }\n\n    .page-id-2800 .req-item {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      gap: 16px;\n      -webkit-box-align: start;\n      -webkit-align-items: flex-start;\n         -moz-box-align: start;\n          -ms-flex-align: start;\n              align-items: flex-start;\n      padding: 18px 0;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .page-id-2800 .req-item:last-child { border-bottom: 0; }\n\n    .page-id-2800 .req-num {\n      font-family: var(--mono);\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--blue);\n      -webkit-flex-shrink: 0;\n          -ms-flex-negative: 0;\n              flex-shrink: 0;\n      padding-top: 2px;\n      width: 22px;\n    }\n\n    .page-id-2800 .req-text {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--body);\n      line-height: 1.55;\n      font-family: var(--font);\n    }\n\n    \/* \u2500\u2500 Process \u2500\u2500 *\/\n    .page-id-2800 .steps-row {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: (1fr)[4];\n      grid-template-columns: repeat(4, 1fr);\n      position: relative;\n    }\n\n    .page-id-2800 .steps-row::before {\n      content: \"\";\n      position: absolute;\n      top: 19px;\n      left: -webkit-calc(12.5% + 16px);\n      left: -moz-calc(12.5% + 16px);\n      left: calc(12.5% + 16px);\n      right: -webkit-calc(12.5% + 16px);\n      right: -moz-calc(12.5% + 16px);\n      right: calc(12.5% + 16px);\n      height: 1px;\n      background: var(--border-mid);\n    }\n\n    .page-id-2800 .step {\n      padding: 0 16px 24px;\n      text-align: center;\n      position: relative;\n    }\n\n    .page-id-2800 .step-circle {\n      width: 40px;\n      height: 40px;\n      -webkit-border-radius: 50%;\n         -moz-border-radius: 50%;\n              border-radius: 50%;\n      border: 1.5px solid var(--border-mid);\n      background: var(--white);\n      display: -ms-grid;\n      display: grid;\n      place-items: center;\n      margin: 0 auto 20px;\n      font-family: var(--mono);\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--ink);\n      position: relative;\n      z-index: 1;\n      -webkit-transition: border-color 130ms, background 130ms, color 130ms;\n      -o-transition: border-color 130ms, background 130ms, color 130ms;\n      -moz-transition: border-color 130ms, background 130ms, color 130ms;\n      transition: border-color 130ms, background 130ms, color 130ms;\n    }\n\n    .page-id-2800 .step:hover .step-circle {\n      border-color: var(--blue);\n      background: var(--blue-faint);\n      color: var(--blue);\n    }\n\n    .page-id-2800 .step h3 { font-size: 15px; margin-bottom: 8px; }\n    .page-id-2800 .step p  { font-size: 13px; color: var(--muted); line-height: 1.55; font-family: var(--font); }\n\n    \/* \u2500\u2500 CTA band \u2500\u2500 *\/\n    .page-id-2800 .cta-band {\n      background: #111;\n      border: 1.5px solid #111;\n      -webkit-border-radius: var(--r-2xl);\n         -moz-border-radius: var(--r-2xl);\n              border-radius: var(--r-2xl);\n      padding: 52px 56px;\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 40px auto;\n      grid-template-columns: 1fr auto;\n      gap: 40px;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-shadow: var(--sh-sm);\n         -moz-box-shadow: var(--sh-sm);\n              box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .cta-band h2   { font-size: clamp(22px, 2.8vw, 34px); color: #fff; }\n    .page-id-2800 .cta-band .lead { color: rgba(255,255,255,0.65); }\n\n    \/* \u2500\u2500 Trust blocks \u2500\u2500 *\/\n    .page-id-2800 .trust-grid {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 1fr 1px 1fr 1px 1fr;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      background: var(--border);\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-2xl);\n         -moz-border-radius: var(--r-2xl);\n              border-radius: var(--r-2xl);\n      overflow: hidden;\n    }\n\n    .page-id-2800 .trust-block {\n      background: var(--white);\n      padding: 36px 32px;\n      display: -ms-grid;\n      display: grid;\n      gap: 14px;\n    }\n\n    .page-id-2800 .trust-icon-sq {\n      width: 40px;\n      height: 40px;\n      border: 1.5px solid var(--border);\n      -webkit-border-radius: var(--r-md);\n         -moz-border-radius: var(--r-md);\n              border-radius: var(--r-md);\n      display: -ms-grid;\n      display: grid;\n      place-items: center;\n      color: var(--blue);\n      background: var(--blue-faint);\n    }\n\n    .page-id-2800 .trust-block h3 { font-size: 16px; }\n    .page-id-2800 .trust-block p  { font-size: 14px; color: var(--muted); line-height: 1.6; font-family: var(--font); }\n\n\/* \u2500\u2500 Feature grid \u2500\u2500 *\/\n    .page-id-2800 .feature-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      background: var(--border);\n      border: 1.5px solid var(--border);\n      border-radius: var(--r-2xl);\n      overflow: hidden;\n      box-shadow: var(--sh-sm);\n    }\n\n    .page-id-2800 .feature-card {\n      background: var(--white);\n      padding: 36px 28px;\n      display: grid;\n      gap: 14px;\n      align-content: start;\n      transition: background 140ms;\n    }\n\n    .page-id-2800 .feature-card:hover { background: var(--canvas); }\n\n    .page-id-2800 .feature-icon {\n      width: 44px;\n      height: 44px;\n      border: 1.5px solid var(--border);\n      border-radius: var(--r-md);\n      display: grid;\n      place-items: center;\n      color: var(--blue);\n      background: var(--blue-faint);\n    }\n\n    .page-id-2800 .feature-icon svg { width: 20px; height: 20px; }\n\n    .page-id-2800 .feature-title {\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 1.35;\n      color: var(--ink);\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .feature-desc {\n      font-size: 14px;\n      color: var(--muted);\n      line-height: 1.6;\n      font-family: var(--font);\n    }\n\n    \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n    .page-id-2800 .faq-wrap {\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: 340px 80px 1fr;\n      grid-template-columns: 340px 1fr;\n      gap: 80px;\n      -webkit-box-align: start;\n      -webkit-align-items: start;\n         -moz-box-align: start;\n          -ms-flex-align: start;\n              align-items: start;\n    }\n\n    .page-id-2800 .faq-aside {\n      display: -ms-grid;\n      display: grid;\n      gap: 24px;\n      position: -webkit-sticky;\n      position: sticky;\n      top: 88px;\n    }\n\n    .page-id-2800 .faq-aside-links { display: -ms-grid; display: grid; gap: 10px; }\n\n    .page-id-2800 .faq-aside-link {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--blue);\n      -webkit-transition: opacity 120ms;\n      -o-transition: opacity 120ms;\n      -moz-transition: opacity 120ms;\n      transition: opacity 120ms;\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .faq-aside-link:hover { opacity: 0.7; }\n\n    .page-id-2800 .faq-list { display: -ms-grid; display: grid; gap: 0; }\n\n    .page-id-2800 .faq-item { border-bottom: 1px solid var(--border); }\n\n    .page-id-2800 .faq-btn {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      width: 100%;\n      min-height: 58px;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n         -moz-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: justify;\n      -webkit-justify-content: space-between;\n         -moz-box-pack: justify;\n          -ms-flex-pack: justify;\n              justify-content: space-between;\n      gap: 16px;\n      padding: 16px 0;\n      color: var(--body);\n      font-size: 14px;\n      font-weight: 600;\n      text-align: left;\n      -webkit-transition: color 120ms;\n      -o-transition: color 120ms;\n      -moz-transition: color 120ms;\n      transition: color 120ms;\n      font-family: var(--font);\n      background: none;\n      border: 0;\n      cursor: pointer;\n    }\n\n    .page-id-2800 .faq-btn:hover          { color: var(--ink); }\n    .page-id-2800 .faq-item.open .faq-btn { color: var(--ink); }\n\n    .page-id-2800 .faq-arrow {\n      width: 20px;\n      height: 20px;\n      -webkit-flex-shrink: 0;\n          -ms-flex-negative: 0;\n              flex-shrink: 0;\n      color: var(--muted);\n      -webkit-transition: color 130ms, -webkit-transform 200ms ease;\n      transition: color 130ms, -webkit-transform 200ms ease;\n      -o-transition: color 130ms, -o-transform 200ms ease;\n      -moz-transition: transform 200ms ease, color 130ms, -moz-transform 200ms ease;\n      transition: transform 200ms ease, color 130ms;\n      transition: transform 200ms ease, color 130ms, -webkit-transform 200ms ease, -moz-transform 200ms ease, -o-transform 200ms ease;\n    }\n\n    .page-id-2800 .faq-item.open .faq-arrow {\n      -webkit-transform: rotate(45deg);\n         -moz-transform: rotate(45deg);\n          -ms-transform: rotate(45deg);\n           -o-transform: rotate(45deg);\n              transform: rotate(45deg);\n      color: var(--blue);\n    }\n\n    .page-id-2800 .faq-panel {\n      display: none;\n      padding-bottom: 20px;\n      font-size: 14px;\n      color: var(--muted);\n      line-height: 1.72;\n      font-family: var(--font);\n    }\n\n    .page-id-2800 .faq-panel a       { color: var(--blue); font-weight: 600; }\n    .page-id-2800 .faq-panel a:hover { text-decoration: underline; }\n\n    .page-id-2800 .faq-item.open .faq-panel { display: block; }\n\n    \/* \u2500\u2500 Final CTA \u2500\u2500 *\/\n    .page-id-2800 .final-block {\n      text-align: center;\n      padding: 96px 0;\n    }\n\n    .page-id-2800 .final-block h2    { margin-bottom: 14px; color: #fff; }\n    .page-id-2800 .final-block .lead { max-width: 500px; margin: 0 auto 32px; color: rgba(255,255,255,0.65); }\n\n    .page-id-2800 .final-actions {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -moz-box;\n      display: -ms-flexbox;\n      display: flex;\n      gap: 12px;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n         -moz-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-flex-wrap: wrap;\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap;\n    }\n\n    \/* \u2500\u2500 Mobile sticky \u2500\u2500 *\/\n    .page-id-2800 .sticky-cta {\n      display: none;\n      position: fixed;\n      bottom: 0; left: 0; right: 0;\n      z-index: 80;\n      padding: 12px 16px;\n      background: rgba(255,255,255,0.97);\n      border-top: 1px solid var(--border);\n      -webkit-backdrop-filter: blur(12px);\n              backdrop-filter: blur(12px);\n      -webkit-box-shadow: 0 -4px 20px rgba(10,12,16,0.1);\n         -moz-box-shadow: 0 -4px 20px rgba(10,12,16,0.1);\n              box-shadow: 0 -4px 20px rgba(10,12,16,0.1);\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 1040px) {\n      .page-id-2800 .hero-grid  { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; }\n      .page-id-2800 .pkg-grid   { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }\n      .page-id-2800 .req-layout { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; }\n      .page-id-2800 .trust-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }\n      .page-id-2800 .faq-wrap   { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; }\n      .page-id-2800 .faq-aside  { position: static; }\n      .page-id-2800 .cta-band   { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 40px; gap: 24px; }\n    }\n\n    @media (max-width: 720px) {\n.page-id-2800 .feature-grid       { grid-template-columns: 1fr; }\n      .page-id-2800 .feature-card       {\n        grid-template-columns: auto 1fr;\n        column-gap: 16px;\n        row-gap: 4px;\n        align-items: center;\n        padding: 22px 20px;\n      }\n      .page-id-2800 .feature-icon       { grid-row: 1 \/ span 2; width: 40px; height: 40px; }\n      .page-id-2800 .feature-title      { align-self: end; }\n      .page-id-2800 .feature-desc       { align-self: start; grid-column: 2; }\n      .page-id-2800 .wrap               { padding: 0 20px; }\n      .page-id-2800 .section            { padding: 60px 0; }\n      .page-id-2800 .hero               { padding: 48px 0 64px; }\n      .page-id-2800 .steps-row          { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }\n      .page-id-2800 .steps-row::before  { display: none; }\n      .page-id-2800 .serial-notes-row   { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }\n      .page-id-2800 .hero-actions       { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }\n      .page-id-2800 .hero-actions .btn  { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }\n      .page-id-2800 .serial-card-inner  { padding: 24px; }\n      .page-id-2800 .sticky-cta         { display: block; }\n      .page-id-2800                     { padding-bottom: 72px; }\n      .page-id-2800 .final-block        { padding: 60px 0; }\n    }\n\n    \/* \u2500\u2500 Keyframes (global, harmless) \u2500\u2500 *\/\n    @-webkit-keyframes dz-spin {\n      to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n    }\n    @-moz-keyframes dz-spin {\n      to { -moz-transform: rotate(360deg); transform: rotate(360deg); }\n    }\n    @-o-keyframes dz-spin {\n      to { -o-transform: rotate(360deg); transform: rotate(360deg); }\n    }\n    @keyframes dz-spin {\n      to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }\n    }\n\n    @-webkit-keyframes dz-up {\n      from { opacity: 0; -webkit-transform: translateY(18px); transform: translateY(18px); }\n      to   { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }\n    }\n\n    @-moz-keyframes dz-up {\n      from { opacity: 0; -moz-transform: translateY(18px); transform: translateY(18px); }\n      to   { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }\n    }\n\n    @-o-keyframes dz-up {\n      from { opacity: 0; -o-transform: translateY(18px); transform: translateY(18px); }\n      to   { opacity: 1; -o-transform: translateY(0); transform: translateY(0); }\n    }\n\n    @keyframes dz-up {\n      from { opacity: 0; -webkit-transform: translateY(18px); -moz-transform: translateY(18px); -o-transform: translateY(18px); transform: translateY(18px); }\n      to   { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }\n    }\n\n    .page-id-2800 .hero-copy > * { -webkit-animation: dz-up 0.44s ease both; -moz-animation: dz-up 0.44s ease both; -o-animation: dz-up 0.44s ease both; animation: dz-up 0.44s ease both; }\n    .page-id-2800 .hero-copy > *:nth-child(1) { -webkit-animation-delay: 0.04s; -moz-animation-delay: 0.04s; -o-animation-delay: 0.04s; animation-delay: 0.04s; }\n    .page-id-2800 .hero-copy > *:nth-child(2) { -webkit-animation-delay: 0.10s; -moz-animation-delay: 0.10s; -o-animation-delay: 0.10s; animation-delay: 0.10s; }\n    .page-id-2800 .hero-copy > *:nth-child(3) { -webkit-animation-delay: 0.17s; -moz-animation-delay: 0.17s; -o-animation-delay: 0.17s; animation-delay: 0.17s; }\n    .page-id-2800 .hero-copy > *:nth-child(4) { -webkit-animation-delay: 0.23s; -moz-animation-delay: 0.23s; -o-animation-delay: 0.23s; animation-delay: 0.23s; }\n    .page-id-2800 .hero-copy > *:nth-child(5) { -webkit-animation-delay: 0.29s; -moz-animation-delay: 0.29s; -o-animation-delay: 0.29s; animation-delay: 0.29s; }\n    .page-id-2800 .hero-copy > *:nth-child(6) { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s; }\n    .page-id-2800 .serial-card { -webkit-animation: dz-up 0.44s 0.16s ease both; -moz-animation: dz-up 0.44s 0.16s ease both; -o-animation: dz-up 0.44s 0.16s ease both; animation: dz-up 0.44s 0.16s ease both; }\n<\/style>\n\n<script data-wp-block-html=\"js\">\njQuery(function ($) {\n\n      \/\/ \u2500\u2500 Transplant WP shortcode into the serial card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      \/\/ Runs only on the buy-subscription page.\n      \/\/ Waits for .serial-lookup-container (rendered by WP shortcode) to exist\n      \/\/ in the DOM, then moves it into #dz-serial-slot and hides the loader.\n\n      var $slot   = $('#dz-serial-slot');\n      var $loader = $('#dz-serial-loader');\n      var maxWait = 8000;   \/\/ give up after 8 s\n      var interval = 80;    \/\/ poll every 80 ms\n      var elapsed  = 0;\n\n      function transplant() {\n        var $source = $('.serial-lookup-container').first();\n\n        if ($source.length) {\n          \/\/ Move the shortcode container into our card slot\n          $loader.remove();\n          $slot.append($source);\n          return; \/\/ done\n        }\n\n        elapsed += interval;\n        if (elapsed < maxWait) {\n          setTimeout(transplant, interval);\n        } else {\n          \/\/ Timed out \u2014 hide loader gracefully, don't break the page\n          $loader.html('Compatibility check unavailable. <a href=\"\/diagzone-buy-subscription\/\">Reload the page<\/a> to try again.');\n        }\n      }\n\n      transplant();\n\n      \/\/ \u2500\u2500 FAQ accordion \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\u2500\u2500\u2500\u2500\u2500\u2500\n      $(document).on('click', '.faq-btn', function () {\n        var $item   = $(this).closest('.faq-item');\n        var isOpen  = $item.toggleClass('open').hasClass('open');\n        $(this).attr('aria-expanded', String(isOpen));\n      });\n\n      \/\/ \u2500\u2500 Mobile sticky CTA \u2014 hide when serial card in viewport \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      var $sticky = $('#sticky-cta');\n      var $card   = $('#serial-section');\n\n      if ($sticky.length && $card.length && 'IntersectionObserver' in window) {\n        new IntersectionObserver(function (entries) {\n          var vis = entries[0].isIntersecting;\n          $sticky.attr('aria-hidden', String(vis)).css('display', vis ? 'none' : 'block');\n        }, { threshold: 0.1 }).observe($card[0]);\n      }\n\n    });\n<\/script>\n\n<!-- HERO -->\n    <section class=\"hero\" aria-labelledby=\"page-title\">\n      <div class=\"wrap\">\n        <div class=\"hero-grid\">\n\n          <!-- Copy -->\n          <div class=\"hero-copy\">\n            <span class=\"overline\">Portail officiel d\u2019abonnement<\/span>\n\n            <div class=\"hero-hl\">\n              <h1 id=\"page-title\">Abonnement officiel DiagZone. Activez toutes les marques et mises \u00e0 jour.<\/h1>\n              <p class=\"lead\">Saisissez le num\u00e9ro de s\u00e9rie de votre scanner OBD. DiagZone v\u00e9rifie votre appareil et affiche les forfaits exactement disponibles pour celui-ci. Pas de devinettes, pas d\u2019achats inadapt\u00e9s.<\/p>\n            <\/div>\n\n            <div class=\"hero-bullets\" role=\"list\" aria-label=\"Key features\">\n              <div class=\"hero-bullet\" role=\"listitem\">\n                <span class=\"bullet-tick\" aria-hidden=\"true\">\n                  <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                <\/span>\n                Forfaits pour voitures particuli\u00e8res, v\u00e9hicules \u00e9lectriques, poids lourds et tracteurs routiers\n              <\/div>\n              <div class=\"hero-bullet\" role=\"listitem\">\n                <span class=\"bullet-tick\" aria-hidden=\"true\">\n                  <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                <\/span>\n                Les mises \u00e0 jour logicielles sont incluses avec chaque abonnement\n              <\/div>\n              <div class=\"hero-bullet\" role=\"listitem\">\n                <span class=\"bullet-tick\" aria-hidden=\"true\">\n                  <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                <\/span>\n                Aucun fichier de flashage ou de d\u00e9marrage n\u2019est requis pour les scanners compatibles\n              <\/div>\n              <div class=\"hero-bullet\" role=\"listitem\">\n                <span class=\"bullet-tick\" aria-hidden=\"true\">\n                  <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                <\/span>\n                Android uniquement. Smartphones et tablettes fonctionnant sous Android 7 \u00e0 14\n              <\/div>\n            <\/div>\n\n            <div class=\"hero-actions\">\n              <a class=\"btn btn-primary btn-lg\" href=\"#serial-section\">V\u00e9rifier le num\u00e9ro de s\u00e9rie<\/a>\n              <a class=\"btn btn-outline btn-lg\" href=\"https:\/\/diagzone.org\/free-obd-test-diagzone\/\">D\u00e9marrer le test OBD gratuit<\/a>\n            <\/div>\n\n            <div class=\"trust-bar\">\n              <div class=\"trust-items-row\">\n                <span class=\"trust-item\">\n                  <span class=\"trust-icon\" style=\"background:#ecfdf5;\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                  <\/span>\n                  Paiement s\u00e9curis\u00e9\n                <\/span>\n                <span class=\"trust-item\">\n                  <span class=\"trust-icon\" style=\"background:#eff6ff;\">\n                    <!-- Credit card icon -->\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#635bff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg>\n                  <\/span>\n                  Carte de cr\u00e9dit &amp; PayPal\n                <\/span>\n                <span class=\"trust-item\">\n                  <span class=\"trust-icon\" style=\"background:#fff7ed;\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ea580c\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                  <\/span>\n                  Livr\u00e9 par e-mail\n                <\/span>\n              <\/div>\n\n              <div class=\"stars-row\">\n                <div class=\"stars\" aria-label=\"5 out of 5 stars\">\n                  <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                  <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                  <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                  <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                  <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                <\/div>\n                <p class=\"stars-label\">Plus de 270 000 clients nous font confiance dans le monde entier<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Serial checker -->\n          <aside class=\"serial-card\" id=\"serial-section\" aria-labelledby=\"serial-heading\">\n            <div class=\"serial-card-inner\">\n              <div class=\"serial-card-head\">\n                <span class=\"overline\">V\u00e9rification de compatibilit\u00e9<\/span>\n                <div class=\"sc-title\" id=\"serial-heading\">Trouvez le logiciel adapt\u00e9 \u00e0 votre scanner OBD<\/div>\n                <p class=\"sc-sub\">Saisissez le num\u00e9ro de s\u00e9rie \u00e0 12 chiffres de votre appareil OBD. Les options de forfait et les prix s\u2019affichent une fois l\u2019appareil identifi\u00e9.<\/p>\n              <\/div>\n\n              <!-- WP shortcode content is moved here by the script below -->\n              <div id=\"dz-serial-slot\">\n                <!-- Loader shown until shortcode is transplanted -->\n                <div id=\"dz-serial-loader\" style=\"display:flex;align-items:center;gap:12px;padding:24px 0;color:var(--muted);font-size:14px;\">\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"animation:dz-spin 0.8s linear infinite;flex-shrink:0;\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"><\/path><\/svg>\n                  Loading compatibility check\u2026\n                <\/div>\n              <\/div>\n\n              <div class=\"serial-notes-row\">\n                <div class=\"serial-note\">\n                  <strong>Vous n\u2019\u00eates pas encore s\u00fbr ?<\/strong>\n                  <span>Utilisez d\u2019abord le test OBD gratuit pour v\u00e9rifier la connexion de votre scanner.<\/span>\n                <\/div>\n                <div class=\"serial-note\">\n                  <strong style=\"display:flex;align-items:center;gap:6px;\">\n                    <svg width=\"35\" height=\"35\" viewbox=\"0 0 24 24\" fill=\"#3ddc84\" style=\"flex-shrink:0;\" aria-hidden=\"true\"><path d=\"M6.18 15.64a2.18 2.18 0 0 1-2.18-2.18V10.36a2.18 2.18 0 1 1 4.36 0v3.1a2.18 2.18 0 0 1-2.18 2.18zm11.64 0a2.18 2.18 0 0 1-2.18-2.18V10.36a2.18 2.18 0 1 1 4.36 0v3.1a2.18 2.18 0 0 1-2.18 2.18zM3.5 9.18h17v8.18A2.64 2.64 0 0 1 17.86 20H6.14A2.64 2.64 0 0 1 3.5 17.36V9.18zM6.68 4.1l-1.4-1.4a.45.45 0 0 1 .64-.64l1.54 1.54A7.36 7.36 0 0 1 12 2.5a7.36 7.36 0 0 1 4.54 1.1l1.54-1.54a.45.45 0 1 1 .64.64l-1.4 1.4A6.41 6.41 0 0 1 19 8.27H5A6.41 6.41 0 0 1 6.68 4.1zM9.5 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm5 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z\"><\/path><\/svg>\n                    Android uniquement\n                  <\/strong>\n                  <span>Android 7\u201313 et Android 14 (32 bits). Non disponible sur iOS.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/aside>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n<!-- FEATURES -->\n    <section class=\"section\" id=\"dz-features\" aria-label=\"Key benefits\">\n      <div class=\"wrap\">\n        <div class=\"feature-grid\">\n          <article class=\"feature-card\">\n            <div class=\"feature-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Gestion s\u00e9curis\u00e9e des licences<\/h3>\n            <p class=\"feature-desc\">Chaque abonnement est li\u00e9 au num\u00e9ro de s\u00e9rie de votre appareil, de sorte que l\u2019acc\u00e8s ne peut \u00eatre ni partag\u00e9 ni divulgu\u00e9 \u2014 il reste exclusivement le v\u00f4tre.<\/p>\n          <\/article>\n          <article class=\"feature-card\">\n            <div class=\"feature-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Activation instantan\u00e9e<\/h3>\n            <p class=\"feature-desc\">D\u00e8s que votre paiement est confirm\u00e9, votre abonnement est activ\u00e9 automatiquement \u2014 aucune validation manuelle, aucune attente.<\/p>\n          <\/article>\n          <article class=\"feature-card\">\n            <div class=\"feature-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><polyline points=\"1 20 1 14 7 14\"><\/polyline><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Toutes les mises \u00e0 jour incluses<\/h3>\n            <p class=\"feature-desc\">Nous mettons r\u00e9guli\u00e8rement \u00e0 jour la base de donn\u00e9es du logiciel afin que vous b\u00e9n\u00e9ficiiez toujours de la couverture des v\u00e9hicules la plus r\u00e9cente et des derniers correctifs, sans frais suppl\u00e9mentaires.<\/p>\n          <\/article>\n          <article class=\"feature-card\">\n            <div class=\"feature-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Couverture mondiale<\/h3>\n            <p class=\"feature-desc\">Des clients dans plus de 50 pays nous font confiance, avec plusieurs options de paiement et une interface multilingue adapt\u00e9e.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PACKAGES -->\n    <section class=\"section section-canvas\" aria-labelledby=\"packages-title\">\n      <div class=\"wrap\">\n        <div class=\"section-head\">\n          <span class=\"overline\">Forfaits d\u2019abonnement<\/span>\n          <h2 id=\"packages-title\">Trois forfaits. Adapt\u00e9s \u00e0 votre scanner.<\/h2>\n          <p class=\"lead\" style=\"max-width:540px;\">La disponibilit\u00e9 des forfaits et les prix exacts s\u2019affichent apr\u00e8s la saisie de votre num\u00e9ro de s\u00e9rie. Voici les trois cat\u00e9gories disponibles.<\/p>\n        <\/div>\n        <div class=\"pkg-grid\">\n          <article class=\"pkg-card\">\n            <span class=\"pkg-tag pkg-12v\">12V<\/span>\n            <h3>DiagZone Voitures particuli\u00e8res<\/h3>\n            <p>Pour le diagnostic des v\u00e9hicules particuliers 12 V, lorsque le scanner v\u00e9rifi\u00e9 prend en charge ce forfait. Couvre toutes les principales marques automobiles.<\/p>\n          <\/article>\n          <article class=\"pkg-card\">\n            <span class=\"pkg-tag pkg-ev\">EV<\/span>\n            <h3>DiagZone Voitures particuli\u00e8res + v\u00e9hicules \u00e9lectriques<\/h3>\n            <p>Couverture des v\u00e9hicules particuliers avec prise en charge du diagnostic des v\u00e9hicules \u00e9lectriques. Un seul forfait pour les ateliers qui ont besoin des deux.<\/p>\n          <\/article>\n          <article class=\"pkg-card\">\n            <span class=\"pkg-tag pkg-hd\">HD<\/span>\n            <h3>DiagZone Poids lourds &amp; tracteurs routiers<\/h3>\n            <p>Diagnostic des poids lourds, tracteurs routiers et machines 24 V, lorsque cela est pris en charge par le num\u00e9ro de s\u00e9rie de votre appareil OBD.<\/p>\n          <\/article>\n        <\/div>\n        <div style=\"margin-top:32px;display:flex;justify-content:center;\">\n          <a class=\"btn btn-primary btn-lg\" href=\"#serial-section\">V\u00e9rifiez votre num\u00e9ro de s\u00e9rie<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- REQUIREMENTS -->\n    <section class=\"section\" aria-labelledby=\"req-title\">\n      <div class=\"wrap\">\n        <div class=\"req-layout\">\n          <div>\n            <div class=\"section-head\" style=\"margin-bottom:32px;\">\n              <span class=\"overline\">Avant d\u2019acheter<\/span>\n              <h2 id=\"req-title\">Exigences de compatibilit\u00e9<\/h2>\n              <p class=\"lead\" style=\"max-width:440px;\">DiagZone vous indique clairement ce qui est n\u00e9cessaire. Confirmez votre configuration avant le paiement.<\/p>\n            <\/div>\n            <div class=\"req-list\">\n              <div class=\"req-item\">\n                <span class=\"req-num\">01<\/span>\n                <span class=\"req-text\">Appareils Android uniquement. Non compatible avec iOS ou Windows.<\/span>\n              <\/div>\n              <div class=\"req-item\">\n                <span class=\"req-num\">02<\/span>\n                <span class=\"req-text\">Prend uniquement en charge Android 7\u201313 et Android 14 (syst\u00e8mes 32 bits).<\/span>\n              <\/div>\n              <div class=\"req-item\">\n                <span class=\"req-num\">03<\/span>\n                <span class=\"req-text\">Les num\u00e9ros de s\u00e9rie doivent comporter 12 chiffres. Aucune lettre, aucun espace.<\/span>\n              <\/div>\n              <div class=\"req-item\">\n                <span class=\"req-num\">04<\/span>\n                <span class=\"req-text\">Le test OBD gratuit confirme uniquement la connectivit\u00e9 de base, pas la couverture compl\u00e8te des marques.<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"req-image-frame\">\n            <img decoding=\"async\" src=\"https:\/\/diagzone.org\/wp-content\/uploads\/2025\/09\/android_diagzone_small.png\" alt=\"DiagZone runs on Android devices only\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PROCESS -->\n    <section class=\"section section-canvas\" aria-labelledby=\"process-title\">\n      <div class=\"wrap\">\n        <div class=\"section-head center\">\n          <span class=\"overline\">Comment acheter<\/span>\n          <h2 id=\"process-title\">Quatre \u00e9tapes pour l\u2019activation<\/h2>\n          <p class=\"lead\">De la v\u00e9rification du num\u00e9ro de s\u00e9rie aux identifiants de connexion. Quatre \u00e9tapes.<\/p>\n        <\/div>\n        <div class=\"steps-row\" role=\"list\">\n          <article class=\"step\" role=\"listitem\">\n            <div class=\"step-circle\" aria-hidden=\"true\">1<\/div>\n            <h3>Saisissez le num\u00e9ro de s\u00e9rie<\/h3>\n            <p>Saisissez le num\u00e9ro de s\u00e9rie \u00e0 12 chiffres de votre scanner et validez pour v\u00e9rifier la compatibilit\u00e9 de l\u2019appareil.<\/p>\n          <\/article>\n          <article class=\"step\" role=\"listitem\">\n            <div class=\"step-circle\" aria-hidden=\"true\">2<\/div>\n            <h3>Consulter les forfaits<\/h3>\n            <p>Les types de forfaits disponibles et les tarifs s\u2019affichent pour votre appareil sp\u00e9cifique.<\/p>\n          <\/article>\n          <article class=\"step\" role=\"listitem\">\n            <div class=\"step-circle\" aria-hidden=\"true\">3<\/div>\n            <h3>S\u00e9lectionner et payer<\/h3>\n            <p>Choisissez votre abonnement et effectuez le paiement par carte de cr\u00e9dit ou PayPal.<\/p>\n          <\/article>\n          <article class=\"step\" role=\"listitem\">\n            <div class=\"step-circle\" aria-hidden=\"true\" style=\"font-size:15px;\">\u2709<\/div>\n            <h3>Recevez vos identifiants de connexion<\/h3>\n            <p>Vous recevez d\u2019abord la confirmation de commande, puis vos identifiants et les instructions de configuration par e-mail.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- MID CTA -->\n    <section class=\"section\" aria-labelledby=\"trial-title\">\n      <div class=\"wrap\">\n        <div class=\"cta-band\">\n          <div style=\"display:grid;gap:10px;\">\n            <h2 id=\"trial-title\">Pas encore pr\u00eat \u00e0 vous engager ?<br>Testez d\u2019abord votre scanner.<\/h2>\n            <p class=\"lead\" style=\"font-size:16px;max-width:460px;\">Le test OBD gratuit vous permet de v\u00e9rifier que votre scanner se connecte \u00e0 l\u2019application avant d\u2019acheter l\u2019acc\u00e8s complet.<\/p>\n          <\/div>\n          <div style=\"display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;\">\n            <a class=\"btn btn-outline btn-lg\" href=\"https:\/\/diagzone.org\/free-obd-test-diagzone\/\" style=\"background:transparent;color:#fff;border-color:rgba(255,255,255,0.3);\">D\u00e9marrer le test OBD gratuit<\/a>\n            <a class=\"btn btn-primary btn-lg\" href=\"#serial-section\">Acheter un abonnement<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TRUST -->\n    <section class=\"section section-canvas\" aria-labelledby=\"trust-title\">\n      <div class=\"wrap\">\n        <div class=\"section-head center\">\n          <span class=\"overline\">Pourquoi DiagZone<\/span>\n          <h2 id=\"trust-title\">Ce sur quoi vous pouvez compter<\/h2>\n          <p class=\"lead\">Politiques confirm\u00e9es. Aucune affirmation invent\u00e9e.<\/p>\n        <\/div>\n        <div class=\"trust-grid\">\n          <div class=\"trust-block\">\n            <div class=\"trust-icon-sq\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg>\n            <\/div>\n            <h3>Paiement s\u00e9curis\u00e9<\/h3>\n            <p>Les cartes de cr\u00e9dit et PayPal sont accept\u00e9s. Vos donn\u00e9es de paiement sont trait\u00e9es directement par des syst\u00e8mes s\u00e9curis\u00e9s. DiagZone ne stocke jamais vos informations financi\u00e8res.<\/p>\n          <\/div>\n          <div class=\"trust-block\">\n            <div class=\"trust-icon-sq\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <\/div>\n            <h3>Livraison par e-mail<\/h3>\n            <p>La confirmation de commande est envoy\u00e9e imm\u00e9diatement apr\u00e8s l\u2019achat. Un e-mail de suivi contient les identifiants de connexion et les instructions de configuration \u00e9tape par \u00e9tape.<\/p>\n          <\/div>\n          <div class=\"trust-block\">\n            <div class=\"trust-icon-sq\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n            <\/div>\n            <h3>Conditions claires<\/h3>\n            <p>Les Conditions g\u00e9n\u00e9rales sont accessibles avant le paiement afin que les r\u00e8gles de remboursement des produits num\u00e9riques soient visibles. <a href=\"https:\/\/diagzone.org\/terms-and-conditions\/\" style=\"color:var(--blue);font-weight:600;\">Lire les conditions \u2192<\/a><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FAQ -->\n    <section class=\"section\" aria-labelledby=\"faq-title\">\n      <div class=\"wrap\">\n        <div class=\"faq-wrap\">\n          <div class=\"faq-aside\">\n            <div style=\"display:grid;gap:12px;\">\n              <span class=\"overline\">FAQ<\/span>\n              <h2 id=\"faq-title\">R\u00e9ponses avant le paiement<\/h2>\n              <p class=\"lead\" style=\"font-size:15px;\">Tout sur l\u2019abonnement, la v\u00e9rification du num\u00e9ro de s\u00e9rie, les exigences Android et la livraison.<\/p>\n            <\/div>\n            <div class=\"faq-aside-links\">\n              <a href=\"https:\/\/diagzone.org\/customer-support\/\" class=\"faq-aside-link\">\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n                Contacter l\u2019assistance\n              <\/a>\n              <a href=\"https:\/\/www.facebook.com\/groups\/1589891168431556\" class=\"faq-aside-link\">\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                Forum DiagZone\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-list\">\n            <article class=\"faq-item open\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"true\" aria-controls=\"faq-1-panel\">\n                <span>Pourquoi dois-je saisir mon num\u00e9ro de s\u00e9rie ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-1-panel\" role=\"region\">\n                DiagZone utilise le num\u00e9ro de s\u00e9rie \u00e0 12 chiffres de votre scanner OBD pour d\u00e9terminer quels forfaits d\u2019abonnement sont disponibles pour cet appareil sp\u00e9cifique. La disponibilit\u00e9 des forfaits et les prix ne s\u2019affichent qu\u2019apr\u00e8s une v\u00e9rification r\u00e9ussie, afin que vous achetiez toujours l\u2019acc\u00e8s adapt\u00e9 \u00e0 votre mat\u00e9riel.\n              <\/div>\n            <\/article>\n            <article class=\"faq-item\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-2-panel\">\n                <span>Puis-je utiliser DiagZone sur iPhone ou Windows ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-2-panel\" role=\"region\">\n                Non. DiagZone fonctionne uniquement sur Android. Il est compatible avec les smartphones et tablettes sous Android 7 \u00e0 13, ainsi qu\u2019Android 14 en 32 bits. iOS et Windows ne sont pas pris en charge.\n              <\/div>\n            <\/article>\n            <article class=\"faq-item\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-3-panel\">\n                <span>Que comprend le test OBD gratuit ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-3-panel\" role=\"region\">\n                Le test OBD gratuit v\u00e9rifie la connectivit\u00e9 de base. Il confirme que votre scanner et l\u2019application peuvent communiquer entre eux. Il n\u2019inclut pas l\u2019acc\u00e8s complet au diagnostic des marques, qui n\u00e9cessite un abonnement payant.\n              <\/div>\n            <\/article>\n            <article class=\"faq-item\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-4-panel\">\n                <span>Que se passe-t-il apr\u00e8s l\u2019achat ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-4-panel\" role=\"region\">\n                Vous recevez imm\u00e9diatement un e-mail de confirmation de commande. Un second e-mail vous envoie ensuite vos identifiants DiagZone ainsi que des instructions de configuration \u00e9tape par \u00e9tape.\n              <\/div>\n            <\/article>\n            <article class=\"faq-item\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-5-panel\">\n                <span>O\u00f9 puis-je trouver les d\u00e9tails sur les remboursements et les conditions ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-5-panel\" role=\"region\">\n                Les r\u00e8gles de remboursement et les conditions relatives aux produits num\u00e9riques sont disponibles \u00e0 l\u2019adresse suivante <a href=\"https:\/\/diagzone.org\/terms-and-conditions\/\">diagzone.org\/terms-and-conditions\/<\/a>. Lisez-les avant de finaliser votre achat. Lisez-les avant de finaliser votre achat.\n              <\/div>\n            <\/article>\n            <article class=\"faq-item\">\n              <button class=\"faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-6-panel\">\n                <span>Mon num\u00e9ro de s\u00e9rie contient des lettres. Est-ce qu\u2019il fonctionnera ?<\/span>\n                <svg class=\"faq-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n              <\/button>\n              <div class=\"faq-panel\" id=\"faq-6-panel\" role=\"region\">\n                Le champ de saisie accepte uniquement les chiffres. Si votre num\u00e9ro de s\u00e9rie contient des lettres, utilisez d\u2019abord le test OBD gratuit ou <a href=\"https:\/\/diagzone.org\/customer-support\/\">Contacter l\u2019assistance<\/a> pour confirmer la compatibilit\u00e9 avant l\u2019achat.\n              <\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FINAL CTA -->\n    <section class=\"section\" style=\"background:#111;\" aria-labelledby=\"final-title\">\n      <div class=\"wrap\">\n        <div class=\"final-block\">\n          <h2 id=\"final-title\">Activez votre scanner d\u00e8s aujourd\u2019hui<\/h2>\n          <p class=\"lead\">Saisissez votre num\u00e9ro de s\u00e9rie, choisissez le forfait adapt\u00e9 et finalisez votre achat. Paiement s\u00e9curis\u00e9 par carte de cr\u00e9dit ou PayPal.<\/p>\n          <div class=\"final-actions\">\n            <a class=\"btn btn-primary btn-lg\" href=\"#serial-section\">V\u00e9rifier le num\u00e9ro de s\u00e9rie<\/a>\n            <a class=\"btn btn-outline btn-lg\" href=\"https:\/\/diagzone.org\/free-obd-test-diagzone\/\" style=\"background:transparent;color:#fff;border-color:rgba(255,255,255,0.3);\">D\u00e9marrer le test OBD gratuit<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <!-- Mobile sticky CTA -->\n  <div class=\"sticky-cta\" id=\"sticky-cta\" aria-hidden=\"true\">\n    <a class=\"btn btn-primary btn-full\" href=\"#serial-section\" style=\"height:48px;font-size:15px;\">Acheter un abonnement \u2192<\/a>\n  <\/div>\n\n\n        <div class=\"serial-lookup-container\">\n            <div class=\"serial-lookup-wrap\">\n                                    <strong class=\"serial-lookup-instruction\">\n                        Enter Your Serial Number                    <\/strong>\n                \n                <form class=\"serial-lookup-form\" method=\"post\" action=\"\" data-trp-original-action=\"\">\n                    <div class=\"serial-lookup-input-wrapper\">\n                        <input\n                            type=\"text\"\n                            id=\"serial-input\"\n                            name=\"serial\"\n                            class=\"serial-lookup-input\"\n                            placeholder=\"Saisissez le num\u00e9ro de s\u00e9rie ici\"\n                            required\n autocomplete=\"off\"\n                        \/>\n                        <button type=\"submit\" class=\"serial-lookup-button\" aria-label=\"Search\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\"\n                                 stroke-width=\"1.5\" stroke=\"#ffffff\" fill=\"none\"\n                                 stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\/>\n                                <path d=\"M7 6l-.112 .006a1 1 0 0 0 -.669 1.619l3.501 4.375l-3.5 4.375a1 1 0 0 0 .78 1.625h6a1 1 0 0 0 .78 -.375l4 -5a1 1 0 0 0 0 -1.25l-4 -5a1 1 0 0 0 -.78 -.375h-6z\"\n                                      stroke-width=\"0\" fill=\"currentColor\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <input type=\"hidden\" id=\"serial_lookup_nonce_field\" name=\"serial_lookup_nonce_field\" value=\"88c589b2c8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/2800\" \/>\n                    <div class=\"serial-lookup-notice\">\n                        <div class=\"serial-lookup-error\" style=\"display:none;\">\n                            Serial number not found. Please check and try again.                        <\/div>\n                        <div class=\"serial-lookup-loading\" style=\"display:none;\">\n                            <span class=\"serial-lookup-spinner\"><\/span>\n                            Searching...                        <\/div>\n                    <\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n\n                            <\/div>\n        <\/div>\n        \n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Official Subscription Portal Official DiagZone Subscription. Activate all brands and updates Enter your OBD scanner serial number. DiagZone checks your device and shows the exact packages available for it. No guessing, no wrong purchases. Passenger cars, EV, and HD trucks &amp; tractor packages Software updates included with every subscription No flashing or boot files required&#8230;<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"DiagZone \u2013 Buy Subscription Online | Official Access","_seopress_titles_desc":"Buy your official DiagZone subscription online. Activate all brands, full diagnostic functions and updates. Easy purchase, instant delivery.","_seopress_robots_index":"","inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_themeisle_gutenberg_block_has_review":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"iawp_total_views":52395,"footnotes":""},"class_list":["post-2800","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"xdiag12","author_link":"https:\/\/diagzone.org\/fr\/author\/xdiag12\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/pages\/2800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/comments?post=2800"}],"version-history":[{"count":31,"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/pages\/2800\/revisions"}],"predecessor-version":[{"id":5782,"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/pages\/2800\/revisions\/5782"}],"wp:attachment":[{"href":"https:\/\/diagzone.org\/fr\/wp-json\/wp\/v2\/media?parent=2800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}