{"id":12,"date":"2026-04-15T18:46:42","date_gmt":"2026-04-15T18:46:42","guid":{"rendered":"https:\/\/plum-quail-496529.hostingersite.com\/?page_id=12"},"modified":"2026-04-16T00:47:13","modified_gmt":"2026-04-16T00:47:13","slug":"docteur-pen","status":"publish","type":"page","link":"https:\/\/doctor-pen.com\/pt\/","title":{"rendered":"M\u00e9dico Caneta"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Doctor Pen M8 \u2014 Microneedling Anti-\u00c2ge Professionnel<\/title>\n <meta name=\"description\" content=\"Le stylo microneedling Doctor Pen M8 \u2014 technologie clinique anti-\u00e2ge \u00e0 domicile. Collag\u00e8ne, rides, texture. 79\u20ac livraison offerte.\"\/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=Instrument+Serif:ital@0;1&display=swap\" rel=\"stylesheet\"\/>\n\n <style>\n :root {\n --white: #ffffff;\n --bg: #f5f7fa;\n --bg2: #eef1f6;\n --blue: #1557a0;\n --blue-dark: #0d3d74;\n --blue-mid: #2272c3;\n --blue-light: #ddeaf8;\n --blue-pale: #f0f6fe;\n --teal: #0f8a78;\n --teal-light: #d4f0ec;\n --teal-pale: #f0faf8;\n --ink: #1a2332;\n --ink-mid: #3d4f63;\n --ink-muted: #7a8fa6;\n --ink-faint: #b8c8d8;\n --border: #d8e4f0;\n --border-light:#eaf0f8;\n --red-accent: #e85d3d;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'DM Sans', system-ui, sans-serif;\n background: var(--white);\n color: var(--ink);\n overflow-x: clip;\n -webkit-font-smoothing: antialiased;\n }\n ::-webkit-scrollbar { width: 4px; }\n ::-webkit-scrollbar-track { background: var(--bg); }\n ::-webkit-scrollbar-thumb { background: var(--blue-mid); border-radius: 2px; }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n padding: 0 40px; height: 68px;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n transition: box-shadow 0.3s;\n }\n nav.scrolled { box-shadow: 0 2px 20px rgba(21,87,160,0.09); }\n .nav-logo { display: flex; align-items: center; text-decoration: none; justify-content: flex-start; }\n .nav-logo-text { font-size: 17px; font-weight: 600; color: var(--blue-dark); letter-spacing: -0.01em; }\n .nav-logo-text span { color: var(--blue-mid); font-weight: 400; }\n .nav-center { display: flex; align-items: center; justify-content: center; gap: 36px; }\n .nav-link { font-size: 14px; color: var(--ink-mid); text-decoration: none; font-weight: 400; transition: color 0.2s; white-space: nowrap; }\n .nav-link:hover { color: var(--blue); }\n .nav-right { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }\n \/* \u2500\u2500 TRANSLATEPRESS COMPATIBILITY \u2500\u2500 *\/\n \/* overflow: visible so the language dropdown escapes the nav stacking context *\/\n nav { overflow: visible !important; }\n \/* Only boost z-index \u2014 do NOT touch margin\/padding\/position to avoid crushing the widget *\/\n .trp-language-switcher { z-index: 10000 !important; }\n .trp-language-switcher ul,\n .trp-language-switcher .trp-ls-shortcode-language-list { z-index: 10000 !important; }\n\n \/* \u2500\u2500 WORDPRESS CONTAINER BREAKOUT (CSS) \u2500\u2500 *\/\n \/* Neutralize common theme containers that add max-width \/ padding around page content *\/\n .container, .wrap, .site-container, .page-container,\n .content-container, .content-wrapper, .content-area,\n .entry-content, .post-content, .page-content,\n .wp-block-post-content, .wp-site-blocks,\n article.page, article.post, main, .site-main,\n .hentry, .type-page, .singular-content {\n max-width: none !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n width: 100% !important;\n }\n\n .btn-nav {\n background: var(--blue); color: white;\n font-size: 13px; font-weight: 500;\n text-decoration: none; padding: 10px 22px; border-radius: 6px;\n border: none; cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n display: inline-flex; align-items: center; gap: 7px;\n white-space: nowrap;\n }\n .btn-nav:hover { background: var(--blue-dark); transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n min-height: 100vh; padding-top: 68px;\n display: grid; grid-template-columns: 1fr 1fr;\n position: relative; overflow: hidden;\n }\n #hero::after {\n content: '';\n position: absolute; right: 0; top: 0; bottom: 0; width: 50%;\n background: linear-gradient(135deg, var(--blue-pale) 0%, #f8fbff 60%);\n z-index: 0;\n }\n .hero-bg-dots {\n position: absolute; inset: 0; z-index: 0; pointer-events: none;\n background-image: radial-gradient(circle, var(--border) 1px, transparent 1px);\n background-size: 28px 28px; opacity: 0.45;\n }\n .hero-left {\n position: relative; z-index: 2;\n display: flex; flex-direction: column; justify-content: center;\n padding: 80px 56px 80px 80px;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--blue-pale); border: 1px solid var(--blue-light);\n border-radius: 100px; padding: 6px 14px 6px 10px;\n margin-bottom: 32px; width: fit-content;\n }\n .badge-dot {\n width: 8px; height: 8px; background: var(--teal); border-radius: 50%;\n animation: badge-pulse 2.5s ease infinite;\n }\n @keyframes badge-pulse {\n 0%,100% { box-shadow: 0 0 0 0 rgba(15,138,120,0.4); }\n 50% { box-shadow: 0 0 0 6px rgba(15,138,120,0); }\n }\n .hero-badge span { font-size: 12px; font-weight: 500; color: var(--blue); }\n .hero-title {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(38px, 4.2vw, 60px);\n font-weight: 400; line-height: 1.12;\n color: var(--ink); margin-bottom: 22px; letter-spacing: -0.02em;\n }\n .hero-title .accent { color: var(--blue); font-style: italic; }\n .hero-sub {\n font-size: 16px; line-height: 1.75; color: var(--ink-mid);\n font-weight: 300; max-width: 440px; margin-bottom: 36px;\n }\n .claims-bar { display: flex; gap: 20px; margin-bottom: 36px; flex-wrap: wrap; }\n .claim { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-mid); }\n .claim-icon {\n width: 20px; height: 20px; border-radius: 50%;\n background: var(--teal-light);\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .claim-icon svg { width: 11px; height: 11px; stroke: var(--teal); fill: none; stroke-width: 2.5; }\n .price-block {\n background: var(--white); border: 1px solid var(--border);\n border-radius: 14px; padding: 28px 32px; max-width: 420px;\n box-shadow: 0 4px 24px rgba(21,87,160,0.08);\n }\n .price-row { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; }\n .price-main {\n font-family: 'Instrument Serif', serif;\n font-size: 52px; font-weight: 400; color: var(--blue-dark); line-height: 1;\n }\n .price-old { font-size: 20px; color: var(--ink-faint); text-decoration: line-through; font-weight: 300; }\n .price-saving {\n font-size: 12px; font-weight: 600; color: var(--teal);\n background: var(--teal-light); padding: 3px 10px; border-radius: 100px;\n }\n .price-ship {\n font-size: 13px; color: var(--teal); font-weight: 500; margin-bottom: 20px;\n display: flex; align-items: center; gap: 6px;\n }\n .btn-primary {\n display: flex; align-items: center; justify-content: center; gap: 10px;\n width: 100%; background: var(--blue); color: white;\n font-size: 15px; font-weight: 600; padding: 17px 32px; border-radius: 8px;\n border: none; cursor: pointer; text-decoration: none;\n transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n box-shadow: 0 4px 14px rgba(21,87,160,0.25);\n }\n .btn-primary:hover { background: var(--blue-dark); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(21,87,160,0.3); }\n .btn-primary svg { width: 18px; height: 18px; fill: none; stroke: white; stroke-width: 2; }\n .guarantee-row {\n display: flex; align-items: center; justify-content: center; gap: 6px;\n margin-top: 14px; font-size: 12px; color: var(--ink-muted);\n }\n .guarantee-row svg { width: 14px; height: 14px; stroke: var(--ink-muted); fill: none; }\n\n \/* Hero right *\/\n .hero-right {\n position: relative; z-index: 2;\n display: flex; align-items: center; justify-content: center;\n padding: 80px 40px;\n }\n .product-visual { position: relative; width: 340px; }\n .product-card {\n background: var(--white); border: 1px solid var(--border);\n border-radius: 20px; padding: 44px 36px; text-align: center;\n box-shadow: 0 20px 60px rgba(21,87,160,0.10), 0 4px 16px rgba(0,0,0,0.04);\n position: relative; overflow: hidden;\n }\n .product-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(to right, var(--blue), var(--teal));\n border-radius: 20px 20px 0 0;\n }\n .pen-container { display: flex; justify-content: center; margin-bottom: 24px; }\n .pen-img-wrap { animation: pen-float 5s ease-in-out infinite; }\n @keyframes pen-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .product-name-tag { font-family: 'Instrument Serif', serif; font-size: 26px; color: var(--blue-dark); margin-bottom: 4px; }\n .product-sub-tag { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-muted); margin-bottom: 18px; }\n .product-tag-row { display: flex; gap: 7px; justify-content: center; flex-wrap: wrap; }\n .product-tag {\n font-size: 11px; font-weight: 500;\n background: var(--blue-pale); color: var(--blue);\n padding: 4px 11px; border-radius: 100px; border: 1px solid var(--blue-light);\n }\n .product-tag.green { background: var(--teal-pale); color: var(--teal); border-color: var(--teal-light); }\n .spec-pill {\n position: absolute; background: var(--white);\n border: 1px solid var(--border); border-radius: 10px;\n padding: 11px 15px;\n box-shadow: 0 4px 20px rgba(21,87,160,0.10); text-align: left;\n }\n .spec-pill-val { font-family: 'Instrument Serif', serif; font-size: 20px; color: var(--blue); line-height: 1; }\n .spec-pill-label { font-size: 10px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 2px; }\n .spec-pill.top-left { top: 80px; left: -80px; animation: float1 4s ease infinite; }\n .spec-pill.bottom-right { top: 30px; right: -80px; animation: float1 4s ease 1.5s infinite; }\n .spec-pill.mid-right { top: 190px; right: -72px; animation: float1 4s ease 0.8s infinite; }\n @keyframes float1 { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar {\n background: var(--blue-dark); padding: 22px 80px;\n display: flex; justify-content: center; gap: 64px; flex-wrap: wrap;\n }\n .trust-item { display: flex; align-items: center; gap: 12px; }\n .trust-icon {\n width: 36px; height: 36px; background: rgba(255,255,255,0.1);\n border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .trust-icon svg { width: 18px; height: 18px; stroke: white; fill: none; }\n .trust-text .t1 { font-size: 13px; font-weight: 600; color: white; }\n .trust-text .t2 { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 1px; }\n\n \/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n .marquee-wrap {\n overflow: hidden; padding: 13px 0;\n background: var(--blue-pale);\n border-top: 1px solid var(--blue-light); border-bottom: 1px solid var(--blue-light);\n }\n .marquee-track { display: flex; animation: marquee 30s linear infinite; width: max-content; }\n @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n .marquee-item {\n display: flex; align-items: center; gap: 14px;\n padding: 0 28px; font-size: 12px; font-weight: 500;\n color: var(--blue); letter-spacing: 0.05em; white-space: nowrap;\n }\n .marquee-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--blue-mid); opacity: 0.35; }\n\n \/* \u2500\u2500 STATS STRIP \u2500\u2500 *\/\n .stats-strip {\n background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n padding: 48px 80px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n }\n .stat-item { text-align: center; }\n .stat-num { font-family: 'Instrument Serif', serif; font-size: 50px; font-weight: 400; color: var(--blue); line-height: 1; }\n .stat-num sup { font-size: 22px; vertical-align: super; }\n .stat-label { font-size: 11px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 8px; line-height: 1.4; }\n\n \/* \u2500\u2500 SHARED SECTION HEADER \u2500\u2500 *\/\n .section-eyebrow {\n font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase;\n color: var(--blue); margin-bottom: 14px;\n display: flex; align-items: center; gap: 10px;\n }\n .section-eyebrow::before { content: ''; display: block; width: 24px; height: 2px; background: var(--blue); border-radius: 1px; }\n .section-eyebrow.center { justify-content: center; }\n .section-eyebrow.center::before { display: none; }\n .section-heading {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(30px, 3.2vw, 46px);\n font-weight: 400; line-height: 1.15;\n color: var(--ink); letter-spacing: -0.01em;\n }\n .section-heading em { font-style: italic; color: var(--blue); }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n #how { padding: 100px 80px; background: var(--white); }\n .how-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n .how-steps { display: flex; flex-direction: column; }\n .how-step {\n display: grid; grid-template-columns: 52px 1fr;\n gap: 18px; padding: 26px 0;\n border-bottom: 1px solid var(--border-light);\n }\n .how-step:last-child { border-bottom: none; }\n .step-number {\n width: 42px; height: 42px; background: var(--blue-pale); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 14px; font-weight: 600; color: var(--blue); flex-shrink: 0; margin-top: 2px;\n transition: background 0.3s, color 0.3s;\n }\n .how-step:hover .step-number { background: var(--blue); color: white; }\n .step-body h4 { font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }\n .step-body p { font-size: 14px; line-height: 1.7; color: var(--ink-mid); font-weight: 300; }\n\n \/* science card *\/\n .science-card { background: var(--bg); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; }\n .science-card-header {\n background: var(--blue); padding: 22px 30px;\n display: flex; justify-content: space-between; align-items: center;\n }\n .science-card-header h4 { font-size: 14px; font-weight: 600; color: white; }\n .science-card-header span { font-size: 11px; color: rgba(255,255,255,0.65); }\n .science-card-body { padding: 28px 30px; }\n .skin-row { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px dashed var(--border); }\n .skin-row:last-child { border-bottom: none; }\n .skin-row-label { width: 86px; flex-shrink: 0; font-size: 11px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.07em; }\n .skin-bar-track { flex: 1; height: 8px; background: var(--border-light); border-radius: 4px; overflow: hidden; }\n .skin-bar-fill {\n height: 100%; border-radius: 4px;\n background: linear-gradient(to right, var(--blue), var(--teal));\n width: 0; transition: width 1.4s cubic-bezier(.4,0,.2,1);\n }\n .skin-bar-pct { font-size: 11px; font-weight: 600; color: var(--blue); width: 38px; text-align: right; flex-shrink: 0; }\n .science-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }\n .sci-stat { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 16px; text-align: center; }\n .sci-stat-val { font-family: 'Instrument Serif', serif; font-size: 32px; color: var(--blue); line-height: 1; }\n .sci-stat-label { font-size: 10px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; line-height: 1.4; }\n\n \/* \u2500\u2500 BENEFITS \u2500\u2500 *\/\n #benefits { padding: 100px 80px; background: var(--bg); }\n .benefits-header { text-align: center; margin-bottom: 56px; }\n .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n .benefit-card {\n background: var(--white); border: 1px solid var(--border);\n border-radius: 14px; padding: 34px 30px;\n transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s;\n }\n .benefit-card:hover { border-color: var(--blue-mid); box-shadow: 0 8px 28px rgba(21,87,160,0.09); transform: translateY(-3px); }\n .benefit-icon-wrap {\n width: 50px; height: 50px; background: var(--blue-pale);\n border-radius: 12px; display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px; transition: background 0.3s;\n }\n .benefit-card:hover .benefit-icon-wrap { background: var(--blue); }\n .benefit-icon-wrap svg { width: 22px; height: 22px; stroke: var(--blue); fill: none; transition: stroke 0.3s; }\n .benefit-card:hover .benefit-icon-wrap svg { stroke: white; }\n .benefit-card h3 { font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 9px; }\n .benefit-card p { font-size: 14px; line-height: 1.7; color: var(--ink-mid); font-weight: 300; }\n\n \/* \u2500\u2500 SPECS \u2500\u2500 *\/\n #specs { padding: 100px 80px; background: var(--white); }\n .specs-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }\n .specs-table { width: 100%; border-collapse: collapse; margin-top: 40px; }\n .specs-table tr { border-bottom: 1px solid var(--border-light); }\n .specs-table tr:first-child { border-top: 1px solid var(--border-light); }\n .specs-table td { padding: 15px 8px; font-size: 14px; }\n .specs-table td:first-child { color: var(--ink-muted); }\n .specs-table td:last-child { color: var(--ink); font-weight: 600; text-align: right; }\n .box-card { background: var(--bg); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; margin-top: 40px; }\n .box-card-header { background: var(--blue-dark); padding: 18px 26px; }\n .box-card-header h3 { font-size: 15px; font-weight: 600; color: white; }\n .box-card-header p { font-size: 12px; color: rgba(255,255,255,0.55); margin-top: 2px; }\n .box-list-item {\n display: flex; align-items: center; gap: 13px;\n padding: 13px 26px; border-bottom: 1px solid var(--border-light);\n font-size: 14px; color: var(--ink-mid);\n }\n .box-list-item:last-child { border-bottom: none; }\n .box-check {\n width: 22px; height: 22px; flex-shrink: 0; background: var(--teal-light);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n }\n .box-check svg { width: 11px; height: 11px; stroke: var(--teal); fill: none; stroke-width: 2.5; }\n .shipping-banner {\n margin-top: 16px; background: var(--teal-pale); border: 1px solid var(--teal-light);\n border-radius: 12px; padding: 18px 22px; display: flex; align-items: center; gap: 14px;\n }\n .shipping-icon { width: 40px; height: 40px; flex-shrink: 0; background: var(--teal-light); border-radius: 10px; display: flex; align-items: center; justify-content: center; }\n .shipping-icon svg { width: 19px; height: 19px; stroke: var(--teal); fill: none; }\n .shipping-banner .s-title { font-size: 14px; font-weight: 600; color: var(--teal); }\n .shipping-banner .s-sub { font-size: 12px; color: var(--ink-muted); margin-top: 2px; }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n #testimonials { padding: 100px 80px; background: var(--bg); }\n .testimonials-header { text-align: center; margin-bottom: 56px; }\n .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 48px; }\n .review-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 30px 26px; position: relative; }\n .review-stars { display: flex; gap: 2px; margin-bottom: 14px; }\n .review-stars span { color: #f59e0b; font-size: 14px; }\n .review-text { font-size: 15px; line-height: 1.7; color: var(--ink); font-style: italic; margin-bottom: 22px; font-weight: 300; }\n .review-author { display: flex; align-items: center; gap: 12px; }\n .review-avatar {\n width: 40px; height: 40px; border-radius: 50%;\n background: linear-gradient(135deg, var(--blue-light), var(--teal-light));\n display: flex; align-items: center; justify-content: center;\n font-size: 15px; font-weight: 600; color: var(--blue-dark);\n font-family: 'Instrument Serif', serif; flex-shrink: 0;\n }\n .review-name { font-size: 14px; font-weight: 600; color: var(--ink); }\n .review-meta { font-size: 12px; color: var(--ink-muted); margin-top: 1px; }\n .review-verified { position: absolute; top: 18px; right: 18px; font-size: 10px; font-weight: 500; color: var(--teal); display: flex; align-items: center; gap: 4px; }\n .review-verified svg { width: 11px; height: 11px; stroke: var(--teal); fill: none; stroke-width: 2.5; }\n .social-proof-bar {\n background: var(--white); border: 1px solid var(--border);\n border-radius: 14px; padding: 30px 48px;\n display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 20px;\n }\n .sp-item { text-align: center; }\n .sp-num { font-family: 'Instrument Serif', serif; font-size: 38px; color: var(--blue); line-height: 1; }\n .sp-label { font-size: 11px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px; }\n .sp-divider { width: 1px; height: 48px; background: var(--border); }\n\n \/* \u2500\u2500 OFFER \u2500\u2500 *\/\n #offer { padding: 100px 80px; background: var(--white); }\n .offer-inner { max-width: 700px; margin: 0 auto; text-align: center; }\n .offer-inner .section-heading { margin-bottom: 14px; }\n .offer-inner > p { font-size: 15px; color: var(--ink-mid); line-height: 1.7; font-weight: 300; margin-bottom: 44px; }\n .offer-card {\n background: var(--white); border: 2px solid var(--blue);\n border-radius: 20px; padding: 50px 44px;\n position: relative; box-shadow: 0 20px 60px rgba(21,87,160,0.11); overflow: hidden;\n }\n .offer-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px;\n background: linear-gradient(to right, var(--blue), var(--teal));\n }\n .offer-promo-badge {\n position: absolute; top: 22px; right: 22px;\n background: var(--red-accent); color: white;\n font-size: 11px; font-weight: 700; padding: 4px 13px; border-radius: 100px;\n }\n .offer-price { font-family: 'Instrument Serif', serif; font-size: 84px; font-weight: 400; color: var(--blue-dark); line-height: 1; }\n .offer-price sup { font-size: 38px; vertical-align: super; }\n .offer-old { font-size: 20px; color: var(--ink-faint); text-decoration: line-through; font-weight: 300; margin-bottom: 28px; }\n .offer-checklist {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 11px 20px; margin: 28px 0 36px; text-align: left;\n }\n .offer-check-item { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--ink-mid); }\n .offer-check-icon { width: 21px; height: 21px; flex-shrink: 0; background: var(--teal-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n .offer-check-icon svg { width: 11px; height: 11px; stroke: var(--teal); fill: none; stroke-width: 2.5; }\n .btn-offer {\n display: flex; align-items: center; justify-content: center; gap: 12px;\n width: 100%; background: var(--blue); color: white;\n font-size: 16px; font-weight: 700; padding: 20px 40px; border-radius: 10px;\n border: none; cursor: pointer; text-decoration: none;\n box-shadow: 0 8px 28px rgba(21,87,160,0.28);\n transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n }\n .btn-offer:hover { background: var(--blue-dark); transform: translateY(-2px); box-shadow: 0 12px 36px rgba(21,87,160,0.35); }\n .btn-offer svg { width: 20px; height: 20px; fill: none; stroke: white; stroke-width: 2; }\n .offer-footer-trust { display: flex; justify-content: center; gap: 28px; margin-top: 22px; flex-wrap: wrap; }\n .oft { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink-muted); }\n .oft svg { width: 13px; height: 13px; stroke: var(--blue-mid); fill: none; }\n\n \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n #faq { padding: 100px 80px; background: var(--bg); }\n .faq-header { text-align: center; margin-bottom: 52px; }\n .faq-grid { max-width: 780px; margin: 0 auto; }\n .faq-item { background: var(--white); border: 1px solid var(--border); border-radius: 12px; margin-bottom: 10px; overflow: hidden; }\n .faq-question { display: flex; justify-content: space-between; align-items: center; padding: 21px 26px; cursor: pointer; font-size: 15px; font-weight: 500; color: var(--ink); transition: color 0.2s; }\n .faq-question:hover { color: var(--blue); }\n .faq-icon {\n width: 28px; height: 28px; flex-shrink: 0; background: var(--blue-pale);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n transition: background 0.3s, transform 0.4s;\n }\n .faq-item.open .faq-icon { background: var(--blue); transform: rotate(45deg); }\n .faq-icon svg { width: 12px; height: 12px; stroke: var(--blue); stroke-width: 2.5; }\n .faq-item.open .faq-icon svg { stroke: white; }\n .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1); }\n .faq-item.open .faq-answer { max-height: 300px; }\n .faq-answer-inner { padding: 0 26px 22px; font-size: 14px; line-height: 1.8; color: var(--ink-mid); font-weight: 300; }\n .contact-cta { text-align: center; margin-top: 44px; }\n .contact-cta p { font-size: 14px; color: var(--ink-muted); margin-bottom: 14px; }\n .btn-outline {\n display: inline-flex; align-items: center; gap: 8px;\n border: 1.5px solid var(--blue); color: var(--blue);\n font-size: 13px; font-weight: 600; padding: 12px 26px; border-radius: 8px;\n text-decoration: none; transition: background 0.2s, color 0.2s;\n }\n .btn-outline:hover { background: var(--blue); color: white; }\n .btn-outline svg { width: 13px; height: 13px; fill: none; stroke: currentColor; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer { background: var(--blue-dark); padding: 60px 80px 34px; }\n .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px; margin-bottom: 44px; padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,0.1); }\n .footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; text-decoration: none; }\n .footer-logo-icon { width: 32px; height: 32px; background: rgba(255,255,255,0.1); border-radius: 7px; display: flex; align-items: center; justify-content: center; }\n .footer-logo-icon svg { width: 17px; height: 17px; fill: white; }\n .footer-logo-text { font-size: 16px; font-weight: 600; color: white; }\n .footer-brand p { font-size: 13px; line-height: 1.7; color: rgba(255,255,255,0.5); max-width: 250px; font-weight: 300; }\n .footer-col h4 { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 18px; }\n .footer-col a { display: block; text-decoration: none; font-size: 13px; color: rgba(255,255,255,0.65); margin-bottom: 10px; font-weight: 300; transition: color 0.2s; }\n .footer-col a:hover { color: white; }\n .footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }\n .footer-copy { font-size: 12px; color: rgba(255,255,255,0.3); }\n .footer-links { display: flex; gap: 22px; }\n .footer-links a { font-size: 12px; color: rgba(255,255,255,0.38); text-decoration: none; transition: color 0.2s; }\n .footer-links a:hover { color: rgba(255,255,255,0.8); }\n\n \/* \u2500\u2500 VIDEOS \u2500\u2500 *\/\n #videos {\n padding: 100px 80px;\n background: var(--bg);\n }\n .videos-header {\n text-align: center;\n margin-bottom: 56px;\n }\n .videos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n max-width: 1100px;\n margin: 0 auto;\n }\n .video-item {}\n .video-label {\n text-align: center;\n margin-top: 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--ink-mid);\n letter-spacing: 0.02em;\n }\n .vimeo-wrap {\n position: relative;\n width: 100%;\n \/* Portrait 9:16 *\/\n padding-top: 177.78%;\n background: var(--ink);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 12px 40px rgba(21,87,160,0.13);\n }\n .vimeo-wrap iframe {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n border: none;\n }\n \/* Placeholder shown when no Vimeo ID is set *\/\n .vimeo-placeholder {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 14px;\n background: linear-gradient(160deg, var(--blue-dark) 0%, #0a2a50 100%);\n cursor: pointer;\n }\n .vimeo-placeholder svg {\n width: 52px; height: 52px;\n fill: rgba(255,255,255,0.15);\n transition: fill 0.3s;\n }\n .vimeo-wrap:hover .vimeo-placeholder svg { fill: rgba(255,255,255,0.3); }\n .play-btn {\n width: 64px; height: 64px;\n background: rgba(255,255,255,0.15);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n border: 2px solid rgba(255,255,255,0.3);\n transition: background 0.3s, transform 0.2s;\n }\n .vimeo-wrap:hover .play-btn { background: var(--blue); transform: scale(1.08); }\n .play-btn svg { width: 22px; height: 22px; fill: white; margin-left: 3px; }\n .vimeo-placeholder-text {\n font-size: 12px;\n color: rgba(255,255,255,0.45);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }\n .reveal.visible { opacity: 1; transform: none; }\n .reveal-left { opacity: 0; transform: translateX(-28px); transition: opacity 0.65s ease, transform 0.65s ease; }\n .reveal-left.visible { opacity: 1; transform: none; }\n .reveal-right { opacity: 0; transform: translateX(28px); transition: opacity 0.65s ease, transform 0.65s ease; }\n .reveal-right.visible { opacity: 1; transform: none; }\n .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}\n .d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}\n\n \/* \u2500\u2500 RESPONSIVE TABLET \u2500\u2500 *\/\n @media(max-width:1024px){\n nav{ padding:0 40px; grid-template-columns: auto 1fr auto; }\n .nav-center{ gap:20px; }\n #hero{grid-template-columns:1fr; min-height:auto;}\n #hero::after{display:none;}\n .hero-left{padding:96px 32px 48px;}\n .hero-right{display:flex; justify-content:center; padding:0 32px 60px;}\n .product-visual{width:260px;}\n .spec-pill{display:none;}\n .how-inner{grid-template-columns:1fr;}\n .benefits-grid{grid-template-columns:1fr 1fr;}\n .specs-inner{grid-template-columns:1fr;}\n .reviews-grid{grid-template-columns:1fr 1fr;}\n .footer-top{grid-template-columns:1fr 1fr;}\n .stats-strip{grid-template-columns:1fr 1fr; padding:40px 32px;}\n #how,#benefits,#specs,#testimonials,#videos,#offer,#faq,footer{padding:80px 32px;}\n .trust-bar{padding:20px 32px; gap:28px;}\n .videos-grid{gap:16px;}\n\n \/* Font sizes +2px *\/\n .nav-logo-text{font-size:19px;}\n .nav-link{font-size:16px;}\n .hero-badge span{font-size:14px;}\n .hero-sub{font-size:18px;}\n .claim{font-size:15px;}\n .btn-primary{font-size:17px;}\n .trust-text .t1{font-size:15px;}\n .trust-text .t2{font-size:13px;}\n .stat-num{font-size:52px;}\n .stat-label{font-size:13px;}\n .section-eyebrow{font-size:13px;}\n .section-heading{font-size:clamp(32px,3.2vw,48px);}\n .step-body h4{font-size:17px;}\n .step-body p{font-size:16px;}\n .sci-stat-val{font-size:34px;}\n .sci-stat-label{font-size:12px;}\n .benefit-card h3{font-size:18px;}\n .benefit-card p{font-size:16px;}\n .specs-table td{font-size:16px;}\n .review-text{font-size:17px;}\n .sp-num{font-size:40px;}\n .sp-label{font-size:13px;}\n .offer-check-item{font-size:16px;}\n .btn-offer{font-size:18px;}\n .oft{font-size:14px;}\n .faq-question{font-size:17px;}\n .faq-answer-inner{font-size:16px;}\n .footer-brand p{font-size:15px;}\n .footer-col a{font-size:15px;}\n .video-label{font-size:15px;}\n }\n\n \/* \u2500\u2500 RESPONSIVE MOBILE \u2500\u2500 *\/\n @media(max-width:640px){\n \/* Nav \u2014 menu centr\u00e9 masqu\u00e9, logo + panier + CTA *\/\n nav{\n padding:0 16px; height:60px;\n grid-template-columns: auto 1fr auto;\n }\n .nav-center{ display:none; }\n .nav-logo-text{font-size:17px;}\n .nav-right{ gap:10px; }\n .btn-nav{padding:9px 14px; font-size:14px;}\n .btn-nav svg{display:none;}\n\n \/* Videos *\/\n #videos{padding:60px 20px;}\n .videos-grid{grid-template-columns:1fr; gap:20px; max-width:340px; margin:0 auto;}\n .video-label{font-size:14px;}\n\n \/* Hero *\/\n #hero{padding-top:60px;}\n #hero::after{display:none;}\n .hero-right{display:flex; justify-content:center; padding:0 20px 48px;}\n .product-visual{width:200px;}\n .spec-pill{display:none;}\n .hero-left{padding:32px 20px 32px;}\n .hero-badge{margin-bottom:20px;}\n .hero-badge span{font-size:13px;}\n .hero-title{font-size:34px; margin-bottom:16px;}\n .hero-sub{font-size:16px; margin-bottom:24px;}\n .claims-bar{gap:12px; margin-bottom:24px;}\n .claim{font-size:14px;}\n .price-block{padding:22px 20px; max-width:100%;}\n .price-main{font-size:40px;}\n .price-old{font-size:16px;}\n .btn-primary{font-size:16px; padding:15px 20px;}\n\n \/* Trust bar *\/\n .trust-bar{\n padding:16px 20px; gap:16px;\n display:grid; grid-template-columns:1fr 1fr;\n }\n .trust-item{gap:8px;}\n .trust-text .t1{font-size:14px;}\n .trust-text .t2{font-size:12px;}\n\n \/* Stats *\/\n .stats-strip{grid-template-columns:1fr 1fr; padding:32px 20px; gap:20px;}\n .stat-num{font-size:38px;}\n .stat-label{font-size:12px;}\n\n \/* How *\/\n #how,#benefits,#specs,#testimonials,#offer,#faq,footer{padding:60px 20px;}\n #how{padding:60px 20px;}\n .section-heading{font-size:30px;}\n .section-eyebrow{font-size:12px;}\n .how-step{grid-template-columns:44px 1fr; gap:14px; padding:20px 0;}\n .step-number{width:38px; height:38px; font-size:13px;}\n .step-body h4{font-size:16px;}\n .step-body p{font-size:15px;}\n .science-card-header{padding:18px 20px;}\n .science-card-body{padding:20px;}\n .skin-row-label{width:72px; font-size:10px;}\n .sci-stat-val{font-size:28px;}\n .sci-stat-label{font-size:11px;}\n\n \/* Benefits *\/\n #benefits{padding:60px 20px;}\n .benefits-grid{grid-template-columns:1fr; gap:14px;}\n .benefit-card{padding:26px 22px;}\n .benefit-card h3{font-size:17px;}\n .benefit-card p{font-size:15px;}\n\n \/* Specs *\/\n #specs{padding:60px 20px;}\n .specs-table td{font-size:15px; padding:13px 6px;}\n .box-list-item{font-size:13px; padding:11px 20px;}\n .shipping-banner{padding:16px 18px;}\n .shipping-banner .s-title{font-size:13px;}\n\n \/* Testimonials *\/\n #testimonials{padding:60px 20px;}\n .reviews-grid{grid-template-columns:1fr;}\n .review-text{font-size:16px;}\n .social-proof-bar{padding:22px 16px; gap:16px;}\n .sp-divider{display:none;}\n .sp-num{font-size:32px;}\n .sp-label{font-size:12px;}\n\n \/* Offer *\/\n #offer{padding:60px 20px;}\n .offer-card{padding:28px 18px;}\n .offer-price{font-size:54px;}\n .offer-price sup{font-size:30px;}\n .offer-old{font-size:16px; margin-bottom:20px;}\n .offer-checklist{grid-template-columns:1fr; gap:10px; margin:20px 0 28px;}\n .offer-check-item{font-size:15px;}\n .btn-offer{font-size:17px; padding:17px 20px;}\n .offer-footer-trust{gap:16px;}\n .oft{font-size:13px;}\n .offer-promo-badge{font-size:10px; top:16px; right:16px;}\n\n \/* FAQ *\/\n #faq{padding:60px 20px;}\n .faq-question{font-size:16px; padding:18px 20px;}\n .faq-answer-inner{padding:0 20px 18px; font-size:15px;}\n .faq-icon{width:26px; height:26px;}\n\n \/* Footer *\/\n footer{padding:48px 20px 32px;}\n .footer-top{grid-template-columns:1fr; gap:28px; margin-bottom:32px; padding-bottom:32px;}\n .footer-logo-text{font-size:17px;}\n .footer-brand p{font-size:15px;}\n .footer-col h4{font-size:12px;}\n .footer-col a{font-size:15px;}\n }\n\n \/* \u2500\u2500 VERY SMALL PHONES \u2500\u2500 *\/\n @media(max-width:380px){\n .hero-title{font-size:27px;}\n .btn-nav{padding:8px 12px; font-size:11px;}\n .stats-strip{grid-template-columns:1fr 1fr; padding:24px 16px;}\n .stat-num{font-size:30px;}\n .trust-bar{grid-template-columns:1fr;}\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">\n <span class=\"nav-logo-text\">Doctor<span> Pen<\/span><\/span>\n <\/a>\n <div class=\"nav-center\" id=\"nav-menu\">\n <a href=\"#how\" class=\"nav-link\">La science<\/a>\n <a href=\"#benefits\" class=\"nav-link\">B\u00e9n\u00e9fices<\/a>\n <a href=\"#testimonials\" class=\"nav-link\">Avis<\/a>\n <a href=\"#faq\" class=\"nav-link\">FAQ<\/a>\n <\/div>\n <div class=\"nav-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-nav\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" width=\"14\" height=\"14\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\" stroke-linecap=\"round\"\/><\/svg>\n Commander \u2014 79\u20ac\n <\/a>\n <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n <div class=\"hero-bg-dots\"><\/div>\n <div class=\"hero-left\">\n <div class=\"hero-badge reveal\">\n <div class=\"badge-dot\"><\/div>\n <span>Technologie clinique \u00b7 Usage domicile<\/span>\n <\/div>\n <h1 class=\"hero-title reveal d1\">\n Le soin <span class=\"accent\">anti-\u00e2ge<\/span><br>\n de r\u00e9f\u00e9rence m\u00e9dicale,<br>chez vous.\n <\/h1>\n <p class=\"hero-sub reveal d2\">\n Le Doctor Pen M8 reproduit les effets d'un traitement clinique de microneedling.\n Stimulez la production de collag\u00e8ne et retrouvez une peau plus ferme, lisse et lumineuse.\n <\/p>\n <div class=\"claims-bar reveal d3\">\n <div class=\"claim\"><div class=\"claim-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Rides r\u00e9duites<\/div>\n <div class=\"claim\"><div class=\"claim-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Collag\u00e8ne stimul\u00e9<\/div>\n <div class=\"claim\"><div class=\"claim-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Cicatrices att\u00e9nu\u00e9es<\/div>\n <div class=\"claim\"><div class=\"claim-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>16 000 RPM<\/div>\n <\/div>\n <div class=\"price-block reveal d4\">\n <div class=\"price-row\">\n <span class=\"price-main\">79\u20ac<\/span>\n <span class=\"price-old\">149\u20ac<\/span>\n <span class=\"price-saving\">\u221247%<\/span>\n <\/div>\n <div class=\"price-ship\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"13\" height=\"13\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n Livraison offerte \u2014 Exp\u00e9di\u00e9 sous 24h\n <\/div>\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-primary\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Commander maintenant\n <\/a>\n <div class=\"guarantee-row\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n Satisfaite ou rembours\u00e9e \u2014 30 jours sans condition\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"product-visual\">\n <div class=\"product-card\">\n <div class=\"pen-container\">\n <div class=\"pen-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/dr-pen-m8.webp\"\n alt=\"Doctor Pen M8\"\n style=\"width:100px; max-width:100%; height:auto; object-fit:contain; display:block; margin:0 auto; filter:drop-shadow(0 12px 28px rgba(21,87,160,0.18));\" \/>\n <\/div>\n <\/div>\n <div class=\"product-name-tag\">M8<\/div>\n <div class=\"product-sub-tag\">Microneedling Pro \u00b7 Anti-\u00c2ge<\/div>\n <div class=\"product-tag-row\">\n <span class=\"product-tag\">Sans fil<\/span>\n <span class=\"product-tag\">16 000 RPM<\/span>\n <span class=\"product-tag\">6 vitesses<\/span>\n <span class=\"product-tag green\">Anti-reflux<\/span>\n <\/div>\n <\/div>\n <div class=\"spec-pill top-left\">\n <div class=\"spec-pill-val\">0\u20132.5<span style=\"font-size:11px;color:var(--ink-muted)\">mm<\/span><\/div>\n <div class=\"spec-pill-label\">Profondeur r\u00e9glable<\/div>\n <\/div>\n <div class=\"spec-pill mid-right\">\n <div class=\"spec-pill-val\">600<span style=\"font-size:11px;color:var(--ink-muted)\">mAh<\/span><\/div>\n <div class=\"spec-pill-label\">Batterie Li-ion<\/div>\n <\/div>\n <div class=\"spec-pill bottom-right\">\n <div class=\"spec-pill-val\">Micro-USB<\/div>\n <div class=\"spec-pill-label\">Recharge rapide<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TRUST BAR -->\n<div class=\"trust-bar\">\n <div class=\"trust-item\">\n <div class=\"trust-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"trust-text\"><div class=\"t1\">Garantie 12 mois<\/div><div class=\"t2\">Remboursement 30j<\/div><\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\n <div class=\"trust-text\"><div class=\"t1\">Livraison offerte<\/div><div class=\"t2\">Exp\u00e9di\u00e9 en 24h<\/div><\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg><\/div>\n <div class=\"trust-text\"><div class=\"t1\">Paiement s\u00e9curis\u00e9<\/div><div class=\"t2\">SSL \u00b7 3D Secure<\/div><\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M9 12l2 2 4-4M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\n <div class=\"trust-text\"><div class=\"t1\">+4 800 clientes<\/div><div class=\"t2\">Note 4.9 \/ 5<\/div><\/div>\n <\/div>\n<\/div>\n\n<!-- MARQUEE -->\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\">Stimulation du Collag\u00e8ne<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">R\u00e9duction des Rides<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Peau Lumineuse<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Anti-Cicatrices<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">16 000 RPM<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Usage Professionnel<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Anti-Taches<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Texture Uniforme<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Sans Fil \u00b7 Rechargeable<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Stimulation du Collag\u00e8ne<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">R\u00e9duction des Rides<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Peau Lumineuse<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Anti-Cicatrices<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">16 000 RPM<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Usage Professionnel<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Anti-Taches<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Texture Uniforme<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Sans Fil \u00b7 Rechargeable<span class=\"marquee-dot\"><\/span><\/div>\n <\/div>\n<\/div>\n\n<!-- STATS STRIP -->\n<div class=\"stats-strip\">\n <div class=\"stat-item reveal\"><div class=\"stat-num\"><span class=\"count-up\" data-target=\"16000\">0<\/span><\/div><div class=\"stat-label\">Tours \/ minute<br>moteur haute performance<\/div><\/div>\n <div class=\"stat-item reveal d1\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Niveaux de vitesse<br>r\u00e9glables<\/div><\/div>\n <div class=\"stat-item reveal d2\"><div class=\"stat-num\"><span class=\"count-up\" data-target=\"300\">0<\/span><sup>%<\/sup><\/div><div class=\"stat-label\">D'absorption<br>des actifs en plus<\/div><\/div>\n <div class=\"stat-item reveal d3\"><div class=\"stat-num\"><span class=\"count-up\" data-target=\"4800\">0<\/span><sup>+<\/sup><\/div><div class=\"stat-label\">Clientes satisfaites<br>dans le monde<\/div><\/div>\n<\/div>\n\n<!-- HOW IT WORKS -->\n<section id=\"how\">\n <div class=\"how-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">Comment \u00e7a fonctionne<\/p>\n <h2 class=\"section-heading reveal d1\" style=\"margin-bottom:36px;\">La science du<br><em>microneedling<\/em><\/h2>\n <div class=\"how-steps\">\n <div class=\"how-step reveal d1\">\n <div class=\"step-number\">01<\/div>\n <div class=\"step-body\"><h4>Micro-canaux cutan\u00e9s<\/h4><p>Les micro-aiguilles en titane cr\u00e9ent des micro-perforations pr\u00e9cises dans l'\u00e9piderme \u2014 d\u00e9clenchant la r\u00e9ponse naturelle de r\u00e9paration de la peau.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d2\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-body\"><h4>Synth\u00e8se de collag\u00e8ne<\/h4><p>Le corps interpr\u00e8te les micro-l\u00e9sions comme un signal de r\u00e9g\u00e9n\u00e9ration, stimulant massivement la production de collag\u00e8ne et d'\u00e9lastine.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d3\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-body\"><h4>Absorption maximis\u00e9e<\/h4><p>Les micro-canaux augmentent l'absorption de vos s\u00e9rums jusqu'\u00e0 +300%, d\u00e9cuplant l'efficacit\u00e9 de vos soins actifs.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d4\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-body\"><h4>Peau r\u00e9g\u00e9n\u00e9r\u00e9e<\/h4><p>D\u00e8s la premi\u00e8re s\u00e9ance, la peau gagne en \u00e9clat. Apr\u00e8s 3 \u00e0 6 s\u00e9ances espac\u00e9es de 4 \u00e0 6 semaines, les r\u00e9sultats sont durables et significatifs.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reveal-right\">\n <div class=\"science-card\">\n <div class=\"science-card-header\">\n <h4>R\u00e9g\u00e9n\u00e9ration cutan\u00e9e \u2014 M8<\/h4>\n <span>Donn\u00e9es cliniques<\/span>\n <\/div>\n <div class=\"science-card-body\">\n <div id=\"skin-cross\">\n <div class=\"skin-row\"><div class=\"skin-row-label\">\u00c9piderme<\/div><div class=\"skin-bar-track\"><div class=\"skin-bar-fill\" data-width=\"65\"><\/div><\/div><div class=\"skin-bar-pct\">65%<\/div><\/div>\n <div class=\"skin-row\"><div class=\"skin-row-label\">Derme sup.<\/div><div class=\"skin-bar-track\"><div class=\"skin-bar-fill\" data-width=\"88\"><\/div><\/div><div class=\"skin-bar-pct\">88%<\/div><\/div>\n <div class=\"skin-row\"><div class=\"skin-row-label\">Collag\u00e8ne<\/div><div class=\"skin-bar-track\"><div class=\"skin-bar-fill\" data-width=\"92\"><\/div><\/div><div class=\"skin-bar-pct\">92%<\/div><\/div>\n <div class=\"skin-row\"><div class=\"skin-row-label\">\u00c9lastine<\/div><div class=\"skin-bar-track\"><div class=\"skin-bar-fill\" data-width=\"78\"><\/div><\/div><div class=\"skin-bar-pct\">78%<\/div><\/div>\n <div class=\"skin-row\"><div class=\"skin-row-label\">Absorption<\/div><div class=\"skin-bar-track\"><div class=\"skin-bar-fill\" data-width=\"96\"><\/div><\/div><div class=\"skin-bar-pct\">+300%<\/div><\/div>\n <\/div>\n <div class=\"science-stats\">\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">3\u20136<\/div><div class=\"sci-stat-label\">S\u00e9ances pour r\u00e9sultats durables<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">94%<\/div><div class=\"sci-stat-label\">Satisfaction client<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">2.5<span style=\"font-size:13px\">mm<\/span><\/div><div class=\"sci-stat-label\">Profondeur maximale<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">24h<\/div><div class=\"sci-stat-label\">Premi\u00e8re am\u00e9lioration<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- VIDEOS -->\n<section id=\"videos\">\n <div class=\"videos-header\">\n <p class=\"section-eyebrow center\">D\u00e9monstrations clients<\/p>\n <h2 class=\"section-heading reveal d1\">Voyez les <em>r\u00e9sultats en vid\u00e9o<\/em><\/h2>\n <\/div>\n <div class=\"videos-grid\">\n\n <!-- Vid\u00e9o 1 : remplacez VIDEO_ID_1 par votre identifiant Vimeo -->\n <div class=\"video-item reveal\">\n <div class=\"vimeo-wrap\">\n <iframe\n src=\"https:\/\/player.vimeo.com\/video\/VIDEO_ID_1?autoplay=0&loop=1&muted=1&background=0&responsive=1&portrait=0&title=0&byline=0\"\n allow=\"autoplay; fullscreen; picture-in-picture\"\n allowfullscreen\n title=\"T\u00e9moignage client 1\">\n <\/iframe>\n <!-- Placeholder affich\u00e9 tant que l'ID Vimeo n'est pas renseign\u00e9 -->\n <div class=\"vimeo-placeholder\" id=\"vp1\" onclick=\"loadVimeo(this,'VIDEO_ID_1')\">\n <div class=\"play-btn\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n <\/div>\n <span class=\"vimeo-placeholder-text\">T\u00e9moignage client 1<\/span>\n <\/div>\n <\/div>\n <div class=\"video-label\">R\u00e9sultats apr\u00e8s 4 s\u00e9ances<\/div>\n <\/div>\n\n <!-- Vid\u00e9o 2 : remplacez VIDEO_ID_2 par votre identifiant Vimeo -->\n <div class=\"video-item reveal d2\">\n <div class=\"vimeo-wrap\">\n <iframe\n src=\"https:\/\/player.vimeo.com\/video\/VIDEO_ID_2?autoplay=0&loop=1&muted=1&background=0&responsive=1&portrait=0&title=0&byline=0\"\n allow=\"autoplay; fullscreen; picture-in-picture\"\n allowfullscreen\n title=\"T\u00e9moignage client 2\">\n <\/iframe>\n <div class=\"vimeo-placeholder\" id=\"vp2\" onclick=\"loadVimeo(this,'VIDEO_ID_2')\">\n <div class=\"play-btn\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n <\/div>\n <span class=\"vimeo-placeholder-text\">T\u00e9moignage client 2<\/span>\n <\/div>\n <\/div>\n <div class=\"video-label\">Avant \/ Apr\u00e8s \u2014 Cicatrices<\/div>\n <\/div>\n\n <!-- Vid\u00e9o 3 : remplacez VIDEO_ID_3 par votre identifiant Vimeo -->\n <div class=\"video-item reveal d4\">\n <div class=\"vimeo-wrap\">\n <iframe\n src=\"https:\/\/player.vimeo.com\/video\/VIDEO_ID_3?autoplay=0&loop=1&muted=1&background=0&responsive=1&portrait=0&title=0&byline=0\"\n allow=\"autoplay; fullscreen; picture-in-picture\"\n allowfullscreen\n title=\"T\u00e9moignage client 3\">\n <\/iframe>\n <div class=\"vimeo-placeholder\" id=\"vp3\" onclick=\"loadVimeo(this,'VIDEO_ID_3')\">\n <div class=\"play-btn\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n <\/div>\n <span class=\"vimeo-placeholder-text\">T\u00e9moignage client 3<\/span>\n <\/div>\n <\/div>\n <div class=\"video-label\">D\u00e9monstration d'utilisation<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- BENEFITS -->\n<section id=\"benefits\">\n <div class=\"benefits-header\">\n <p class=\"section-eyebrow center\">Pourquoi choisir<\/p>\n <h2 class=\"section-heading reveal d1\">Six b\u00e9n\u00e9fices <em>cliniquement prouv\u00e9s<\/em><\/h2>\n <\/div>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card reveal\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div>\n <h3>Rides & ridules r\u00e9duites<\/h3>\n <p>Stimulez la production naturelle de collag\u00e8ne et d'\u00e9lastine pour att\u00e9nuer visiblement les rides \u2014 en particulier autour des yeux et de la bouche.<\/p>\n <\/div>\n <div class=\"benefit-card reveal d1\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div>\n <h3>R\u00e9sultats rapides<\/h3>\n <p>Un \u00e9clat visible d\u00e8s la premi\u00e8re s\u00e9ance. Des r\u00e9sultats durables et progressifs apr\u00e8s 3 \u00e0 6 traitements espac\u00e9s de 4 \u00e0 6 semaines.<\/p>\n <\/div>\n <div class=\"benefit-card reveal d2\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\n <h3>Cicatrices & taches<\/h3>\n <p>Att\u00e9nuez efficacement les cicatrices d'acn\u00e9, les marques post-inflammatoires et les taches brunes par la r\u00e9g\u00e9n\u00e9ration cellulaire acc\u00e9l\u00e9r\u00e9e.<\/p>\n <\/div>\n <div class=\"benefit-card reveal d3\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <h3>Hygi\u00e8ne irr\u00e9prochable<\/h3>\n <p>Le m\u00e9canisme anti-reflux brevet\u00e9 emp\u00eache tout retour de fluides dans l'appareil. Chaque s\u00e9ance est 100% s\u00e9curis\u00e9e et hygi\u00e9nique.<\/p>\n <\/div>\n <div class=\"benefit-card reveal d4\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\n <h3>Absorption +300%<\/h3>\n <p>Les micro-canaux d\u00e9cuplent la p\u00e9n\u00e9tration de vos s\u00e9rums et actifs cosm\u00e9tiques, maximisant l'efficacit\u00e9 de vos soins quotidiens.<\/p>\n <\/div>\n <div class=\"benefit-card reveal d5\">\n <div class=\"benefit-icon-wrap\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n <h3>Performances cliniques<\/h3>\n <p>Moteur \u00e0 16 000 RPM, 6 niveaux de vitesse, profondeur r\u00e9glable de 0 \u00e0 2,5 mm, batterie sans fil 600 mAh. Technologie professionnelle \u00e0 domicile.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SPECS -->\n<section id=\"specs\">\n <div class=\"specs-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">Fiche technique<\/p>\n <h2 class=\"section-heading reveal d1\">Con\u00e7u pour la <em>performance<\/em><\/h2>\n <table class=\"specs-table\">\n <tr class=\"reveal\"><td>Mod\u00e8le<\/td><td>Dr. Pen M8<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Vitesse moteur<\/td><td>16 000 RPM<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Niveaux de vitesse<\/td><td>6 (affichage digital)<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Cartouches compatibles<\/td><td>16 \/ 18 \/ 24 \/ 36 \/ 42 pins + nano<\/td><\/tr>\n <tr class=\"reveal d4\"><td>Profondeur r\u00e9glable<\/td><td>0 \u00e0 2,5 mm<\/td><\/tr>\n <tr class=\"reveal d5\"><td>Batterie<\/td><td>600 mAh Li-ion<\/td><\/tr>\n <tr class=\"reveal\"><td>Recharge<\/td><td>Micro-USB<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Anti-reflux<\/td><td>Oui \u2014 connecteur 3 ba\u00efonnettes<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Utilisation<\/td><td>Domicile & professionnel<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Garantie<\/td><td>12 mois<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Retour<\/td><td>30 jours sans condition<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"reveal-right\">\n <p class=\"section-eyebrow\">Contenu de la bo\u00eete<\/p>\n <h2 class=\"section-heading\" style=\"margin-bottom:0\">Tout inclus,<br><em>pr\u00eat \u00e0 utiliser<\/em><\/h2>\n <div class=\"box-card\">\n <div class=\"box-card-header\"><h3>Contenu de la bo\u00eete<\/h3><p>Tout ce dont vous avez besoin pour commencer<\/p><\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Stylo microneedling Doctor Pen M8<\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>3 cartouches d'aiguilles 16-pin st\u00e9rilis\u00e9es<\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>C\u00e2ble de charge Micro-USB<\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Pochette de transport zipp\u00e9e<\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Manuel d'utilisation en fran\u00e7ais<\/div>\n <div class=\"box-list-item\"><div class=\"box-check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Guide des profondeurs par zone de visage<\/div>\n <\/div>\n <div class=\"shipping-banner\">\n <div class=\"shipping-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\n <div><div class=\"s-title\">Livraison internationale offerte<\/div><div class=\"s-sub\">Exp\u00e9di\u00e9 sous 24h \u00b7 Suivi en temps r\u00e9el \u00b7 Livraison internationale<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section id=\"testimonials\">\n <div class=\"testimonials-header\">\n <p class=\"section-eyebrow center\">T\u00e9moignages<\/p>\n <h2 class=\"section-heading reveal d1\">Elles ont transform\u00e9 leur peau<\/h2>\n <\/div>\n <div class=\"reviews-grid\">\n <div class=\"review-card reveal\">\n <div class=\"review-verified\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Achat v\u00e9rifi\u00e9<\/div>\n <div class=\"review-stars\"><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><\/div>\n <p class=\"review-text\">\u00ab Apr\u00e8s seulement 4 s\u00e9ances, mes rides autour des yeux ont visiblement diminu\u00e9. Ma peau est plus ferme et lumineuse que jamais. Je ne pensais pas obtenir de tels r\u00e9sultats chez moi. \u00bb<\/p>\n <div class=\"review-author\"><div class=\"review-avatar\">M<\/div><div><div class=\"review-name\">Marie-Claire D.<\/div><div class=\"review-meta\">Lyon \u00b7 52 ans<\/div><\/div><\/div>\n <\/div>\n <div class=\"review-card reveal d2\">\n <div class=\"review-verified\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Achat v\u00e9rifi\u00e9<\/div>\n <div class=\"review-stars\"><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><\/div>\n <p class=\"review-text\">\u00ab Mes cicatrices d'acn\u00e9 ont presque disparu en 6 semaines de traitement. Le stylo est simple \u00e0 utiliser, sans douleur. Un investissement que je ne regrette absolument pas. \u00bb<\/p>\n <div class=\"review-author\"><div class=\"review-avatar\">S<\/div><div><div class=\"review-name\">Sophie R.<\/div><div class=\"review-meta\">Paris \u00b7 34 ans<\/div><\/div><\/div>\n <\/div>\n <div class=\"review-card reveal d4\">\n <div class=\"review-verified\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Achat v\u00e9rifi\u00e9<\/div>\n <div class=\"review-stars\"><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><\/div>\n <p class=\"review-text\">\u00ab Esth\u00e9ticienne depuis 15 ans, j'ai \u00e9t\u00e9 bluff\u00e9e par la qualit\u00e9 du M8. Performances professionnelles, moteur puissant et silencieux. Je le recommande \u00e0 toutes mes clientes. \u00bb<\/p>\n <div class=\"review-author\"><div class=\"review-avatar\">I<\/div><div><div class=\"review-name\">Isabelle M.<\/div><div class=\"review-meta\">Bordeaux \u00b7 Esth\u00e9ticienne, 45 ans<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"social-proof-bar reveal\">\n <div class=\"sp-item\"><div class=\"sp-num\">4.9<span style=\"font-size:18px\">\/5<\/span><\/div><div class=\"sp-label\">Note moyenne<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">+4 800<\/div><div class=\"sp-label\">Clientes satisfaites<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">97%<\/div><div class=\"sp-label\">Recommanderaient<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">94%<\/div><div class=\"sp-label\">R\u00e9sultats visibles<\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- OFFER -->\n<section id=\"offer\">\n <div class=\"offer-inner\">\n <p class=\"section-eyebrow center\">Offre de lancement<\/p>\n <h2 class=\"section-heading reveal d1\">Commandez votre<br><em>Doctor Pen M8<\/em><\/h2>\n <p class=\"reveal d2\">Stock limit\u00e9 \u00e0 ce prix. Profitez de notre offre de lancement avec livraison offerte et garantie satisfaite ou rembours\u00e9e.<\/p>\n <div class=\"offer-card reveal d3\">\n <div class=\"offer-promo-badge\">Offre limit\u00e9e<\/div>\n <div class=\"offer-price\"><sup>\u20ac<\/sup>79<\/div>\n <div class=\"offer-old\">Prix conseill\u00e9 : <s>149\u20ac<\/s> \u2014 Vous \u00e9conomisez <strong style=\"color:var(--teal)\">70\u20ac<\/strong><\/div>\n <div class=\"offer-checklist\">\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Livraison gratuite incluse<\/div>\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>3 cartouches d'aiguilles<\/div>\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Garantie 12 mois<\/div>\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Retour 30j sans frais<\/div>\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Exp\u00e9di\u00e9 sous 24h ouvr\u00e9s<\/div>\n <div class=\"offer-check-item\"><div class=\"offer-check-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Manuel FR inclus<\/div>\n <\/div>\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-offer\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Ajouter au panier \u2014 79\u20ac\n <\/a>\n <div class=\"offer-footer-trust\">\n <div class=\"oft\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>Paiement 100% s\u00e9curis\u00e9<\/div>\n <div class=\"oft\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Satisfaite ou rembours\u00e9e<\/div>\n <div class=\"oft\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>Livraison offerte<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\">\n <div class=\"faq-header\">\n <p class=\"section-eyebrow center\">Questions fr\u00e9quentes<\/p>\n <h2 class=\"section-heading reveal d1\">Tout ce que vous devez savoir<\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-item reveal\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Le microneedling \u00e0 domicile est-il douloureux ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">La sensation varie selon la profondeur et la sensibilit\u00e9 cutan\u00e9e. Pour les d\u00e9butantes, nous recommandons de commencer \u00e0 0,25 mm \u2014 la sensation est alors minime, proche d'un l\u00e9ger picotement. L'application d'une cr\u00e8me anesth\u00e9siante topique est conseill\u00e9e pour les profondeurs sup\u00e9rieures.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d1\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">\u00c0 quelle fr\u00e9quence utiliser le Doctor Pen M8 ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">1 s\u00e9ance toutes les 4 \u00e0 6 semaines, pour un programme de 3 \u00e0 6 s\u00e9ances. Ce d\u00e9lai est indispensable pour laisser la peau se r\u00e9g\u00e9n\u00e9rer compl\u00e8tement entre chaque traitement et maximiser la production de collag\u00e8ne.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d2\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Quand verrai-je les premiers r\u00e9sultats ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Un \u00e9clat et une texture am\u00e9lior\u00e9e sont visibles d\u00e8s les 24\u201348h post-s\u00e9ance. Les r\u00e9sultats significatifs sur les rides et cicatrices deviennent apparents apr\u00e8s 3 \u00e0 6 s\u00e9ances (6 \u00e0 12 semaines), avec une am\u00e9lioration progressive et durable.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d3\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Convient-il \u00e0 tous les types de peau ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Le Doctor Pen M8 convient \u00e0 tous les phototypes. Il est d\u00e9conseill\u00e9 sur une peau avec acn\u00e9 inflammatoire active s\u00e9v\u00e8re, ecz\u00e9ma, rosac\u00e9e active, ou pendant la grossesse. Consultez un dermatologue en cas de doute.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d4\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Les cartouches sont-elles r\u00e9utilisables ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Pour garantir une hygi\u00e8ne absolue, chaque cartouche est \u00e0 usage unique par s\u00e9ance. Des packs de cartouches de remplacement sont disponibles s\u00e9par\u00e9ment. Ne jamais partager les cartouches entre diff\u00e9rentes personnes.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d5\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Quelle est l'autonomie de la batterie ?<div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">La batterie de 600 mAh se recharge en 2h environ via Micro-USB. Une charge compl\u00e8te permet 3 \u00e0 4 s\u00e9ances de 20 minutes. Un indicateur LED indique le niveau de charge en temps r\u00e9el (vert\/orange\/rouge).<\/div><\/div><\/div>\n <\/div>\n <div class=\"contact-cta reveal\">\n <p>Vous avez d'autres questions ? Notre \u00e9quipe vous r\u00e9pond sous 24h.<\/p>\n <a href=\"https:\/\/doctor-pen.com\/contact\" class=\"btn-outline\">Contacter notre \u00e9quipe<svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"footer-logo\">\n <span class=\"footer-logo-text\">Doctor Pen<\/span>\n <\/a>\n <p>Le stylo microneedling professionnel pour une peau jeune, ferme et lumineuse \u2014 directement chez vous. Technologie clinique, r\u00e9sultats visibles.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigation<\/h4>\n <a href=\"#how\">La science<\/a>\n <a href=\"#benefits\">B\u00e9n\u00e9fices<\/a>\n <a href=\"#specs\">Sp\u00e9cifications<\/a>\n <a href=\"#testimonials\">Avis clients<\/a>\n <a href=\"#offer\">Commander<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Informations<\/h4>\n <a href=\"https:\/\/doctor-pen.com\/contact\">Contact<\/a>\n <a href=\"https:\/\/doctor-pen.com\/politique-confidentialite\">Politique de confidentialit\u00e9<\/a>\n <a href=\"https:\/\/doctor-pen.com\/cgv\">Conditions g\u00e9n\u00e9rales<\/a>\n <a href=\"https:\/\/doctor-pen.com\/mentions-legales\">Mentions l\u00e9gales<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Garanties<\/h4>\n <a href=\"#\">Livraison offerte<\/a>\n <a href=\"#\">Garantie 12 mois<\/a>\n <a href=\"#\">Retour 30 jours<\/a>\n <a href=\"#\">Paiement s\u00e9curis\u00e9<\/a>\n <a href=\"#\">Support 7j\/7<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ NAV\n const nav = document.getElementById('navbar');\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', scrollY > 40));\n\n \/\/ REVEAL\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n document.querySelectorAll('.reveal,.reveal-left,.reveal-right').forEach(el => obs.observe(el));\n\n \/\/ COUNT UP\n function countUp(el) {\n const target = parseInt(el.dataset.target), dur = 2000, t0 = performance.now();\n const tick = now => {\n const p = Math.min((now - t0) \/ dur, 1), v = Math.round((1 - Math.pow(1-p, 3)) * target);\n el.textContent = v >= 1000 ? v.toLocaleString('fr-FR') : v;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n }\n const cObs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { countUp(e.target); cObs.unobserve(e.target); } });\n }, { threshold: 0.5 });\n document.querySelectorAll('.count-up').forEach(el => cObs.observe(el));\n\n \/\/ SKIN BARS\n const skinEl = document.getElementById('skin-cross');\n if (skinEl) {\n const sObs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.querySelectorAll('.skin-bar-fill').forEach((b, i) => {\n b.style.width = '0';\n setTimeout(() => { b.style.width = b.dataset.width + '%'; }, 400 + i * 180);\n });\n sObs.unobserve(e.target);\n }\n });\n }, { threshold: 0.3 });\n sObs.observe(skinEl);\n }\n\n \/\/ FAQ\n function toggleFaq(btn) {\n const item = btn.parentElement, open = item.classList.contains('open');\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n if (!open) item.classList.add('open');\n }\n\n \/\/ VIMEO PLACEHOLDER CLICK \u2014 hide placeholder when real video ID set\n function loadVimeo(el, id) {\n if (id.startsWith('VIDEO_ID')) return; \/\/ placeholder not replaced yet\n el.style.display = 'none';\n }\n \/\/ Auto-hide placeholders if real IDs are set\n document.querySelectorAll('.vimeo-placeholder').forEach(el => {\n const iframe = el.previousElementSibling;\n if (iframe && iframe.src && !iframe.src.includes('VIDEO_ID')) {\n el.style.display = 'none';\n }\n });\n\n \/\/ SMOOTH SCROLL\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const t = document.querySelector(a.getAttribute('href'));\n if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n });\n });\n\n \/\/ WORDPRESS CONTAINER BREAKOUT \u2014 walk up the DOM from our nav's PARENT to <html>\n \/\/ (we skip navbar itself so we don't clobber its own padding)\n (function() {\n var navbar = document.getElementById('navbar');\n var el = navbar ? navbar.parentElement : null;\n while (el && el.tagName !== 'HTML') {\n el.style.setProperty('max-width', 'none', 'important');\n el.style.setProperty('padding-left', '0', 'important');\n el.style.setProperty('padding-right', '0', 'important');\n el.style.setProperty('margin-left', '0', 'important');\n el.style.setProperty('margin-right', '0', 'important');\n el.style.setProperty('width', '100%', 'important');\n el = el.parentElement;\n }\n })();\n\n \/\/ PARALLAX hero\n window.addEventListener('scroll', () => {\n const left = document.querySelector('.hero-left');\n if (left) left.style.transform = `translateY(${scrollY * 0.06}px)`;\n });\n<\/script>\n<\/body>\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>Doctor Pen M8 \u2014 Microneedling Anti-\u00c2ge Professionnel Doctor Pen La science B\u00e9n\u00e9fices Avis FAQ Commander \u2014 79\u20ac Technologie clinique \u00b7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":33,"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/pages\/12\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/doctor-pen.com\/pt\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}