Doctor Pen M8 \u2014 Wrinkles, Acne Scars & Skin Imperfections<\/title>\n <meta name=\"description\" content=\"The Doctor Pen M8 microneedling pen \u2014 reduce wrinkles, fade acne scars and clear skin imperfections at home. Clinical technology. \u20ac69 with free shipping.\"\/>\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; overflow-x: hidden; }\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\n \/* \u2500\u2500 TranslatePress language switcher fixes \u2500\u2500 *\/\n \/* Container must never clip the open dropdown *\/\n .trp-language-switcher-container,\n .trp-language-switcher,\n .trp-ls-shortcode-language-list-container {\n overflow: visible !important;\n height: auto !important;\n z-index: 10000 !important;\n }\n \/* The white card wrapper: auto height so it grows with content *\/\n .trp-language-switcher .trp-ls-shortcode-language,\n .trp-language-switcher .trp-ls-shortcode-current-language-container {\n overflow: visible !important;\n height: auto !important;\n }\n \/* Dropdown list: white background that wraps all flags *\/\n .trp-language-switcher ul,\n .trp-language-switcher .trp-ls-shortcode-language-list {\n z-index: 10000 !important;\n overflow: visible !important;\n height: auto !important;\n background: white !important;\n border-radius: 10px !important;\n box-shadow: 0 8px 24px rgba(0,0,0,0.14) !important;\n padding: 6px 0 !important;\n }\n \/* Each flag item: comfortable padding, no clipping *\/\n .trp-language-switcher ul li,\n .trp-language-switcher .trp-ls-shortcode-language-list li {\n overflow: visible !important;\n padding: 6px 14px !important;\n white-space: nowrap !important;\n }\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;\n grid-template-columns: minmax(0, 620px) minmax(0, 620px);\n justify-content: center;\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 align-self: flex-start;\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); text-align: center; }\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: 10px 14px;\n box-shadow: 0 4px 20px rgba(21,87,160,0.10); text-align: left;\n white-space: nowrap;\n }\n .spec-pill-val { font-family: 'Instrument Serif', serif; font-size: 19px; color: var(--blue); line-height: 1; }\n .spec-pill-label { font-size: 9px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 3px; }\n \/* 3 pills per side \u2014 evenly distributed using top% so they scale with card height *\/\n .spec-pill.top-left { top: 8%; left: -108px; animation: float1 4s ease 0s infinite; }\n .spec-pill.mid-left { top: 36%; left: -108px; animation: float1 4s ease 1s infinite; }\n .spec-pill.bot-left { top: 63%; left: -108px; animation: float1 4s ease 2s infinite; }\n .spec-pill.top-right { top: 8%; right: -108px; animation: float1 4s ease 0.5s infinite; }\n .spec-pill.mid-right { top: 36%; right: -108px; animation: float1 4s ease 1.5s infinite; }\n .spec-pill.bot-right { top: 63%; right: -108px; animation: float1 4s ease 2.5s 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; max-width: 1100px; margin: 0 auto; }\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; max-width: 1100px; margin-left: auto; margin-right: auto; }\n .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1100px; margin: 0 auto; }\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; max-width: 1100px; margin: 0 auto; }\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 PRODUCT GALLERY \u2500\u2500 *\/\n .product-gallery {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n max-width: 1100px;\n margin: 0 auto;\n padding: 80px 80px 60px;\n }\n .product-gallery-frame {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 28px 20px;\n }\n .product-gallery-frame img {\n width: 100%;\n height: auto;\n max-height: 520px;\n object-fit: contain;\n display: block;\n }\n @media(max-width:1024px){\n .product-gallery { padding: 60px 40px 40px; }\n }\n @media(max-width:640px){\n .product-gallery { grid-template-columns: 1fr; gap: 14px; padding: 40px 20px 24px; }\n }\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 USAGE GUIDE \u2500\u2500 *\/\n #usage {\n padding: 100px 80px;\n background: var(--white);\n }\n .usage-inner { max-width: 1100px; margin: 0 auto; }\n .usage-header { text-align: center; margin-bottom: 60px; }\n\n \/* Depth chart *\/\n .depth-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 14px;\n margin-bottom: 64px;\n }\n .depth-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 20px 16px;\n text-align: center;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .depth-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(21,87,160,0.10); }\n .depth-zone {\n font-size: 11px; font-weight: 600; text-transform: uppercase;\n letter-spacing: 0.08em; color: var(--ink-muted); margin-bottom: 10px;\n }\n .depth-val {\n font-family: 'Instrument Serif', serif;\n font-size: 28px; color: var(--blue);\n line-height: 1;\n }\n .depth-val span { font-size: 13px; color: var(--ink-muted); }\n .depth-icon {\n width: 34px; height: 34px;\n background: var(--blue-pale); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 12px;\n }\n .depth-icon svg { width: 16px; height: 16px; stroke: var(--blue); fill: none; stroke-width: 2; stroke-linecap: round; }\n .depth-note { font-size: 10px; color: var(--ink-muted); margin-top: 6px; letter-spacing: 0.03em; }\n\n \/* Protocol columns *\/\n .protocol-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n .proto-col {\n border-radius: 16px;\n padding: 22px 20px 20px;\n display: flex; flex-direction: column;\n }\n .proto-col.before { background: var(--blue-pale); border: 1px solid var(--blue-light); }\n .proto-col.during { background: #f0faf8; border: 1px solid var(--teal-light); }\n .proto-col.after { background: #fdf6f0; border: 1px solid #f5d9c8; }\n .proto-col.avoid { background: #fff5f5; border: 1px solid #ffd5d5; }\n \/* header row: icon + label side by side *\/\n .proto-col-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }\n .proto-col-icon {\n width: 36px; height: 36px; flex-shrink: 0; border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n }\n .before .proto-col-icon { background: var(--blue-light); }\n .during .proto-col-icon { background: var(--teal-light); }\n .after .proto-col-icon { background: #f5d9c8; }\n .avoid .proto-col-icon { background: #ffd5d5; }\n .proto-col-icon svg { width: 18px; height: 18px; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n .before .proto-col-icon svg { stroke: var(--blue); }\n .during .proto-col-icon svg { stroke: var(--teal); }\n .after .proto-col-icon svg { stroke: #d4622a; }\n .avoid .proto-col-icon svg { stroke: #c0392b; }\n .proto-label {\n font-size: 10px; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.12em;\n }\n .before .proto-label { color: var(--blue); }\n .during .proto-label { color: var(--teal); }\n .after .proto-label { color: #d4622a; }\n .avoid .proto-label { color: #c0392b; }\n .proto-title {\n font-family: 'Instrument Serif', serif;\n font-size: 17px; color: var(--ink);\n line-height: 1.25;\n padding-bottom: 12px;\n margin-bottom: 0;\n border-bottom: 1px solid rgba(0,0,0,0.08);\n }\n \/* Flex-based list \u2014 immune to WordPress resets + justify fixes *\/\n .proto-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; }\n .proto-list li {\n list-style: none !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 9px !important;\n padding: 9px 0 !important;\n font-size: 13px; color: var(--ink-mid);\n line-height: 1.5;\n text-align: left !important;\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n .proto-list li:last-child { border-bottom: none; }\n \/* Dot \u2014 first and only flex item besides the text span *\/\n .proto-list li::before {\n content: '' !important;\n display: block !important;\n flex-shrink: 0 !important;\n width: 5px !important; height: 5px !important;\n border-radius: 50% !important;\n margin-top: 7px !important;\n position: static !important;\n }\n .before .proto-list li::before { background: var(--blue) !important; opacity: 0.75; }\n .during .proto-list li::before { background: var(--teal) !important; opacity: 0.75; }\n .after .proto-list li::before { background: #d4622a !important; opacity: 0.75; }\n .avoid .proto-list li::before { background: #c0392b !important; opacity: 0.75; }\n \/* Span wraps all text so <strong> stays inline, not a separate flex item *\/\n .proto-list li > span {\n flex: 1 !important;\n text-align: left !important;\n min-width: 0;\n }\n .proto-list li strong { color: var(--ink); font-weight: 600; display: inline !important; }\n\n \/* \u2500\u2500 CTA BANDS \u2500\u2500 *\/\n .cta-band {\n background: linear-gradient(125deg, var(--blue-dark) 0%, #1a6ac4 100%);\n padding: 52px 80px;\n display: flex; align-items: center; justify-content: space-between;\n gap: 32px; flex-wrap: wrap;\n }\n .cta-band-text { flex: 1; min-width: 260px; }\n .cta-band-text h3 {\n font-family: 'Instrument Serif', serif;\n font-size: 28px; color: #fff; line-height: 1.2; margin-bottom: 8px;\n }\n .cta-band-text h3 em { font-style: italic; color: rgba(255,255,255,0.85); }\n .cta-band-text p { font-size: 15px; color: rgba(255,255,255,0.70); font-weight: 300; }\n .cta-band-trust { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 14px; }\n .cta-band-trust span {\n font-size: 12px; color: rgba(255,255,255,0.60);\n display: flex; align-items: center; gap: 5px;\n }\n .cta-band-trust span::before { content: '\u2713'; color: #5ee8c8; font-weight: 700; }\n .btn-white {\n display: inline-flex; align-items: center; gap: 10px;\n background: #fff; color: var(--blue-dark);\n font-size: 15px; font-weight: 600;\n padding: 16px 32px; border-radius: 100px;\n text-decoration: none; white-space: nowrap;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .btn-white:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,0.24); }\n .btn-white svg { width: 16px; height: 16px; stroke: var(--blue); fill: none; stroke-width: 2; stroke-linecap: round; }\n .btn-white-price {\n font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.65) !important;\n margin-top: 10px; text-align: center;\n }\n .cta-band-right { display: flex; flex-direction: column; align-items: center; }\n @media(max-width:768px){\n .cta-band { padding: 40px 24px; flex-direction: column; text-align: center; }\n .cta-band-text h3 { font-size: 22px; }\n .cta-band-trust { justify-content: center; }\n .cta-band-right { width: 100%; }\n .btn-white { width: 100%; justify-content: center; }\n }\n .usage-note {\n margin-top: 40px; padding: 20px 28px;\n background: var(--blue-pale); border: 1px solid var(--blue-light);\n border-radius: 12px; text-align: center;\n font-size: 14px; color: var(--ink-mid);\n }\n .usage-note strong { color: var(--blue); }\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 BEFORE\/AFTER CAROUSEL \u2500\u2500 *\/\n #results {\n padding: 100px 0 80px;\n background: var(--bg);\n overflow: hidden;\n }\n .results-header {\n text-align: center;\n padding: 0 80px;\n margin-bottom: 48px;\n }\n .results-sub {\n font-size: 15px; color: var(--ink-muted);\n font-weight: 300; margin-top: 12px;\n }\n .carousel-wrap {\n overflow: hidden;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n }\n .carousel-wrap:active { cursor: grabbing; }\n .carousel-track {\n display: flex;\n gap: 16px;\n width: max-content;\n animation: carousel-scroll 28s linear infinite;\n padding: 8px 0 16px;\n }\n .carousel-wrap:hover .carousel-track { animation-play-state: paused; }\n @keyframes carousel-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-50% - 8px)); }\n }\n .carousel-item {\n flex-shrink: 0;\n width: 220px; height: 220px;\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: 0 4px 20px rgba(21,87,160,0.08);\n transition: transform 0.25s, box-shadow 0.25s;\n }\n .carousel-item:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 12px 32px rgba(21,87,160,0.15);\n }\n .carousel-item img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n }\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; margin: 0 60px;}\n .spec-pill{display:flex; padding:6px 10px; min-width:0;}\n .spec-pill-val{font-size:13px;}\n .spec-pill-label{font-size:8px;}\n .spec-pill.top-left { top: 8%; left:-72px; }\n .spec-pill.mid-left { top:36%; left:-72px; }\n .spec-pill.bot-left { top:63%; left:-72px; }\n .spec-pill.top-right { top: 8%; right:-72px; }\n .spec-pill.mid-right { top:36%; right:-72px; }\n .spec-pill.bot-right { top:63%; right:-72px; }\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 #results{padding:80px 0 60px;}\n .results-header{padding:0 32px;}\n .carousel-item{width:190px; height:190px;}\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; overflow:hidden;}\n #hero::after{display:none;}\n .hero-right{display:flex; justify-content:center; padding:24px 0 48px;}\n .product-visual{width:calc(100% - 80px); max-width:280px; position:relative;}\n .spec-pill{\n display:flex; padding:5px 8px; min-width:0;\n }\n .spec-pill.top-left { top: 6%; left:-14px; animation:float1 4s ease 0s infinite; }\n .spec-pill.mid-left { top:34%; left:-14px; animation:float1 4s ease 1s infinite; }\n .spec-pill.bot-left { top:60%; left:-14px; animation:float1 4s ease 2s infinite; }\n .spec-pill.top-right { top: 6%; right:-14px; animation:float1 4s ease 0.5s infinite; }\n .spec-pill.mid-right { top:34%; right:-14px; animation:float1 4s ease 1.5s infinite; }\n .spec-pill.bot-right { top:60%; right:-14px; animation:float1 4s ease 2.5s infinite; }\n .spec-pill-val{font-size:10px;}\n .spec-pill-label{font-size:6px;}\n .hero-left{padding:32px 20px 32px; align-items:center; text-align:center;}\n .hero-sub{max-width:100%;}\n .hero-badge{align-self:center;}\n .hero-badge{margin-bottom:20px; align-self:center;}\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 #results{padding:60px 0 40px;}\n .results-header{padding:0 20px; margin-bottom:32px;}\n .carousel-item{width:160px; height:160px;}\n .results-sub{font-size:13px;}\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\n \/* \u2500\u2500 CELL VIDEO (gif-like loop) \u2500\u2500 *\/\n #cell-video { background: var(--ink); padding: 0; overflow: hidden; }\n .cell-video-wrap {\n position: relative; max-width: 900px; margin: 0 auto;\n padding: 70px 40px 56px;\n }\n .cell-video-frame {\n position: relative;\n width: 100%; padding-bottom: 56.25%; height: 0;\n border-radius: 20px; overflow: hidden;\n box-shadow: 0 24px 64px rgba(0,0,0,0.5);\n }\n .cell-video-frame iframe {\n position: absolute;\n top: 50%; left: 50%;\n width: 130%; height: 130%;\n transform: translate(-50%, -50%);\n border: none;\n }\n .cell-video-caption {\n text-align: center; margin-top: 18px;\n color: rgba(255,255,255,0.55); font-size: 13px; font-style: italic;\n }\n\n \/* \u2500\u2500 N\u00b01 SECTION \u2500\u2500 *\/\n #no1 { background: var(--bg); padding: 100px 40px; }\n .no1-inner { max-width: 1120px; margin: 0 auto; }\n .no1-title-block { text-align: center; margin-bottom: 60px; }\n .no1-headline {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(32px, 4vw, 54px);\n color: var(--ink); margin-bottom: 14px; line-height: 1.1;\n }\n .no1-headline em { color: var(--teal); font-style: italic; }\n .no1-sub-text { color: var(--ink-mid); font-size: 16px; max-width: 560px; margin: 0 auto; }\n .no1-layout {\n display: grid; grid-template-columns: 1fr 580px 1fr;\n align-items: center; gap: 40px;\n }\n .no1-img-wrap { text-align: center; }\n .no1-img {\n width: 560px; max-width: 100%;\n filter: drop-shadow(0 20px 48px rgba(15,138,120,0.2));\n }\n .no1-stats-col { display: flex; flex-direction: column; gap: 36px; }\n .no1-stats-col.right .no1-stat { text-align: right; }\n .no1-stat-icon {\n width: 34px; height: 34px;\n stroke: var(--teal); fill: none; stroke-width: 1.5;\n stroke-linecap: round; stroke-linejoin: round;\n margin-bottom: 8px;\n }\n .no1-stats-col.right .no1-stat-icon { margin-left: auto; }\n .no1-stat-title {\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; color: var(--ink); margin-bottom: 4px;\n }\n .no1-stat-desc { font-size: 13px; color: var(--ink-mid); line-height: 1.55; }\n\n \/* \u2500\u2500 VIDEO CAROUSEL (new) \u2500\u2500 *\/\n #videos {\n padding: 100px 0 80px;\n background: #0f1621;\n }\n .videos-header { padding: 0 40px; margin-bottom: 48px; text-align: center; }\n .videos-header .section-eyebrow { color: rgba(255,255,255,0.45); }\n .videos-header .section-heading { color: white; }\n \/* Video carousel \u2014 infinite CSS animation *\/\n .vcarousel-outer {\n overflow: hidden;\n padding: 4px 0 40px;\n }\n .vcarousel-scroll {\n display: flex; gap: 16px;\n width: max-content;\n padding: 8px 40px;\n animation: vcar-scroll 32s linear infinite;\n cursor: grab;\n }\n .vcarousel-outer:hover .vcarousel-scroll { animation-play-state: paused; }\n @keyframes vcar-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .vcard {\n flex-shrink: 0; width: 260px;\n background: #111827 !important;\n border: none !important;\n border-radius: 18px; overflow: hidden; cursor: pointer;\n }\n \/* Neutralise toute interf\u00e9rence du th\u00e8me WordPress sur hover *\/\n .vcard:hover,\n .vcard:focus,\n .vcard:active {\n background: #111827 !important;\n box-shadow: none !important;\n opacity: 1 !important;\n outline: none !important;\n }\n .vcard::before, .vcard::after,\n .vcard:hover::before, .vcard:hover::after,\n .vcard-thumb::before, .vcard-thumb::after,\n .vcard-thumb:hover::before, .vcard-thumb:hover::after {\n display: none !important;\n content: none !important;\n background: none !important;\n opacity: 0 !important;\n }\n .vcard-thumb {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; background: #111827;\n position: relative;\n }\n \/* Masquer tout bouton play inject\u00e9 par WP ou le th\u00e8me *\/\n .vcard [class*=\"play\"],\n .vcard [class*=\"Play\"],\n .vcard .wp-block-video__overlay,\n .vcard .wp-block-embed__wrapper::after,\n .vcard figure::after,\n .vcard figure::before {\n display: none !important;\n opacity: 0 !important;\n }\n .vcard-label {\n padding: 12px 14px; color: rgba(255,255,255,0.85);\n font-size: 12px; font-weight: 600; line-height: 1.35;\n }\n\n \/* VIDEO LIGHTBOX *\/\n .vlightbox {\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0,0,0,0.93);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; pointer-events: none;\n transition: opacity 0.3s;\n }\n .vlightbox.open { opacity: 1; pointer-events: all; }\n .vlightbox-inner {\n position: relative;\n width: min(88vw, 480px);\n aspect-ratio: 9\/16;\n max-height: 88vh;\n }\n .vlightbox-inner iframe { width:100%; height:100%; border:none; border-radius:16px; }\n .vlightbox-close {\n position: absolute; top: -46px; right: 0;\n background: none; border: none; color: white;\n font-size: 32px; cursor: pointer; line-height: 1; padding: 4px;\n opacity: 0.8; transition: opacity 0.2s;\n }\n .vlightbox-close:hover { opacity: 1; }\n\n \/* \u2500\u2500 BEFORE\/AFTER CLICK SECTION \u2500\u2500 *\/\n #beforeafter { padding: 100px 40px; background: var(--white); }\n .ba-header { text-align: center; margin-bottom: 52px; }\n .ba-grid {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\n }\n .ba-card {\n border-radius: 18px; overflow: hidden;\n position: relative; aspect-ratio: 3\/4; cursor: pointer;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n .ba-img {\n position: absolute; inset: 0; width: 100%; height: 100%;\n object-fit: cover; transition: opacity 0.45s ease;\n }\n .ba-img.ba-after { opacity: 0; }\n .ba-card.show-after .ba-img.ba-before { opacity: 0; }\n .ba-card.show-after .ba-img.ba-after { opacity: 1; }\n .ba-state-tag {\n position: absolute; top: 12px; left: 12px;\n background: rgba(255,255,255,0.9);\n color: var(--ink); font-size: 10px; font-weight: 700;\n letter-spacing: 0.08em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 20px;\n }\n .ba-caption {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 48px 14px 14px;\n background: linear-gradient(to top, rgba(0,0,0,0.72), transparent);\n color: white;\n }\n .ba-caption-text { font-size: 12px; font-weight: 500; line-height: 1.4; margin-bottom: 10px; }\n .ba-btns { display: flex; gap: 6px; }\n .ba-btn {\n padding: 5px 13px; border-radius: 20px;\n font-size: 11px; font-weight: 600;\n border: 1.5px solid rgba(255,255,255,0.6);\n background: transparent; color: white; cursor: pointer;\n transition: all 0.2s;\n }\n .ba-btn.active { background: var(--teal); border-color: var(--teal); }\n .ba-note { text-align: center; margin-top: 20px; color: var(--ink-muted); font-size: 13px; }\n\n \/* \u2500\u2500 HAPPY CUSTOMERS (mosaic + text) \u2500\u2500 *\/\n #happy { padding: 100px 40px; background: var(--bg2); }\n .happy-inner {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 440px;\n gap: 60px; align-items: center;\n }\n \/* Brick-wall mosaic *\/\n .happy-mosaic {\n display: flex; gap: 8px; align-items: flex-start;\n min-width: 0;\n }\n .hm-col {\n flex: 1; display: flex; flex-direction: column; gap: 8px;\n }\n .hm-col:nth-child(2) { margin-top: 56px; }\n .hm-photo {\n width: 100%; aspect-ratio: 1; object-fit: cover;\n border-radius: 12px; display: block;\n }\n \/* Text right *\/\n .happy-text-col { display: flex; flex-direction: column; gap: 20px; }\n .happy-proof-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--teal-pale); color: var(--teal);\n font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 30px;\n width: fit-content;\n }\n .happy-proof-badge svg { width:14px; height:14px; stroke:var(--teal); fill:none; stroke-width:2.5; stroke-linecap:round; }\n .happy-rating { color: #f59e0b; font-size: 20px; display: flex; align-items: center; gap: 8px; }\n .happy-rating span { font-size: 14px; color: var(--ink-mid); font-weight: 500; }\n .happy-headline {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(28px, 3vw, 40px); color: var(--ink); line-height: 1.15;\n }\n .happy-headline em { color: var(--teal); font-style: italic; }\n .happy-highlight { font-size: 16px; font-weight: 600; color: var(--ink); line-height: 1.5; }\n .happy-quote { font-size: 15px; color: var(--ink-mid); line-height: 1.7; font-style: italic; }\n .happy-customer {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px; color: var(--ink-mid);\n }\n .happy-customer-dot { color: var(--teal); font-size: 16px; }\n\n \/* \u2500\u2500 TESTIMONIAL HORIZONTAL SCROLL \u2500\u2500 *\/\n .reviews-scroll-outer {\n overflow: hidden; margin-top: 40px;\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\n mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\n }\n .reviews-scroll-track {\n display: flex; gap: 18px;\n width: max-content;\n animation: carousel-scroll 36s linear infinite;\n padding: 8px 0 20px;\n cursor: grab;\n }\n .reviews-scroll-outer:hover .reviews-scroll-track { animation-play-state: paused; }\n .rsc {\n flex-shrink: 0; width: 310px;\n background: white; border: 1px solid var(--border);\n border-radius: 18px; padding: 22px;\n }\n .rsc-top { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }\n .rsc-avatar {\n width: 48px; height: 48px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px; font-weight: 700; color: white; flex-shrink: 0;\n }\n .rsc-name { font-size: 14px; font-weight: 600; color: var(--ink); }\n .rsc-meta { font-size: 12px; color: var(--ink-muted); }\n .rsc-stars { color: #f59e0b; font-size: 13px; margin-bottom: 8px; }\n .rsc-text { font-size: 14px; color: var(--ink-mid); line-height: 1.6; font-style: italic; }\n .rsc-verified {\n margin-top: 10px; font-size: 11px; color: var(--teal);\n font-weight: 600; display: flex; align-items: center; gap: 4px;\n }\n .rsc-verified svg { width:12px; height:12px; stroke:var(--teal); fill:none; stroke-width:2.5; stroke-linecap:round; }\n\n \/* \u2500\u2500 RESPONSIVE NEW SECTIONS \u2500\u2500 *\/\n @media(max-width:1024px){\n .no1-layout { grid-template-columns: 1fr; }\n .no1-img-wrap { order: -1; }\n .no1-stats-col { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; }\n .no1-stats-col.right .no1-stat { text-align: left; }\n .no1-stats-col.right .no1-stat-icon { margin-left: 0; }\n .ba-grid { grid-template-columns: repeat(2, 1fr); }\n .happy-inner { grid-template-columns: 1fr; }\n .happy-text-col { padding: 0 20px; }\n }\n @media(max-width:640px){\n #no1 { padding: 60px 20px; }\n .no1-img { width: 100%; max-width: 360px; }\n #beforeafter { padding: 60px 20px; }\n .ba-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\n #happy { padding: 60px 20px; }\n .happy-inner { grid-template-columns: 1fr; gap: 32px; }\n .hm-col:nth-child(2) { margin-top: 40px; }\n #videos { padding: 60px 0 48px; }\n .videos-header { padding: 0 20px; }\n .vcarousel-scroll { padding: 8px 20px; }\n .vcard { width: 180px; }\n .cell-video-wrap { padding: 48px 20px 40px; }\n }\n\n \/* Usage guide responsive *\/\n @media(max-width:1024px){\n #usage { padding: 80px 40px; }\n .depth-grid { grid-template-columns: repeat(3, 1fr); }\n .protocol-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media(max-width:640px){\n #usage { padding: 60px 20px; }\n .depth-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n .protocol-grid { grid-template-columns: 1fr; }\n }\n\n <\/style>\n<\/head>\n<body>\n\n\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\">The Science<\/a>\n <a href=\"#benefits\" class=\"nav-link\">Benefits<\/a>\n <a href=\"#testimonials\" class=\"nav-link\">Reviews<\/a>\n <a href=\"#usage\" class=\"nav-link\">Usage Guide<\/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 Order \u2014 \u20ac69\n <\/a>\n <\/div>\n<\/nav>\n\n\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>Clinical Technology \u00b7 Anti-Aging \u00b7 Acne Scars \u00b7 Imperfections<\/span>\n <\/div>\n <h1 class=\"hero-title reveal d1\">\n Wrinkles, acne scars &<br><span class=\"accent\">skin imperfections<\/span> \u2014<br>solved at home.\n <\/h1>\n <p class=\"hero-sub reveal d2\">\n The Doctor Pen M8 is a clinical-grade microneedling pen that reduces fine lines, fades acne scars and smooths skin imperfections \u2014 all from home, in just a few sessions.\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>Wrinkles reduced<\/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>Acne scars faded<\/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>Skin evened out<\/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\">\u20ac69<\/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 Free shipping \u2014 Ships within 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 Order Now\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 Satisfaction guaranteed \u2014 30-day no-questions refund\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\">Wrinkles \u00b7 Acne Scars \u00b7 Imperfections<\/div>\n <div class=\"product-tag-row\">\n <span class=\"product-tag\">Wireless<\/span>\n <span class=\"product-tag\">16,000 RPM<\/span>\n <span class=\"product-tag\">6 speeds<\/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\">Adjustable depth<\/div>\n <\/div>\n <div class=\"spec-pill mid-left\">\n <div class=\"spec-pill-val\">36<\/div>\n <div class=\"spec-pill-label\">Nano needles<\/div>\n <\/div>\n <div class=\"spec-pill bot-left\">\n <div class=\"spec-pill-val\">16K<\/div>\n <div class=\"spec-pill-label\">RPM motor<\/div>\n <\/div>\n <div class=\"spec-pill top-right\">\n <div class=\"spec-pill-val\">6<\/div>\n <div class=\"spec-pill-label\">Speed levels<\/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\">Li-ion battery<\/div>\n <\/div>\n <div class=\"spec-pill bot-right\">\n <div class=\"spec-pill-val\">Micro-USB<\/div>\n <div class=\"spec-pill-label\">Fast charge<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\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\">12-month warranty<\/div><div class=\"t2\">30-day refund<\/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\">Free shipping<\/div><div class=\"t2\">Ships in 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\">Secure payment<\/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 customers<\/div><div class=\"t2\">Rated 4.9 \/ 5<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\">Collagen Stimulation<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Wrinkle Reduction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Acne Scar Fading<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Skin Imperfections<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\">Professional Grade<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Dark Spot Correction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Even Skin Texture<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Radiant Skin \u00b7 Wireless<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Collagen Stimulation<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Wrinkle Reduction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Acne Scar Fading<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Skin Imperfections<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\">Professional Grade<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Dark Spot Correction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Even Skin Texture<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Radiant Skin \u00b7 Wireless<span class=\"marquee-dot\"><\/span><\/div>\n <\/div>\n<\/div>\n\n\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\">RPM<br>high-performance motor<\/div><\/div>\n <div class=\"stat-item reveal d1\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Adjustable<br>speed levels<\/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\">More serum<br>absorption<\/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\">Satisfied customers<br>worldwide<\/div><\/div>\n<\/div>\n\n\n<div class=\"product-gallery\">\n <div class=\"product-gallery-frame reveal\">\n <img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/doctor-pen-m8.jpg\"\n alt=\"Doctor Pen M8 \u2014 full view\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"product-gallery-frame reveal d1\">\n <img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/dr-pen-m8.jpg\"\n alt=\"Doctor Pen M8 \u2014 detail view\"\n loading=\"lazy\" \/>\n <\/div>\n<\/div>\n\n\n<section id=\"results\">\n <div class=\"results-header\">\n <p class=\"section-eyebrow center\">Real Results<\/p>\n <h2 class=\"section-heading reveal d1\">Before <em>&<\/em> After<\/h2>\n <p class=\"results-sub reveal d2\">Photos shared by our customers \u2014 wrinkles, acne scars & imperfections treated at home<\/p>\n <\/div>\n <div class=\"carousel-wrap\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/fb1542a62e86f186fd4e6e8b74f3a06e.webp\" alt=\"Before after 1\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/49035bd90a06d4ec10b09eca529f0316.webp\" alt=\"Before after 2\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2f8a21b0d30f8482ebf4fb2d98a6a749.webp\" alt=\"Before after 3\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2ce6d26ee4949e6a1c6c5d69ee620b54.webp\" alt=\"Before after 4\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/7830b8613d26680ae8d2c1b123af3fd0.webp\" alt=\"Before after 5\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/6b956b436c0bdf548b393fb64522a31f.webp\" alt=\"Before after 6\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/3a65f301cc0230fceaf3a0d0ba7c9ca0.webp\" alt=\"Before after 7\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/1ed96fe4398331414b368f0e1cf26ca0.webp\" alt=\"Before after 8\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/0b92fffe2cf72257ec2c0c167352ead0.webp\" alt=\"Before after 9\" loading=\"lazy\"\/><\/div>\n \n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/fb1542a62e86f186fd4e6e8b74f3a06e.webp\" alt=\"Before after 1\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/49035bd90a06d4ec10b09eca529f0316.webp\" alt=\"Before after 2\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2f8a21b0d30f8482ebf4fb2d98a6a749.webp\" alt=\"Before after 3\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2ce6d26ee4949e6a1c6c5d69ee620b54.webp\" alt=\"Before after 4\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/7830b8613d26680ae8d2c1b123af3fd0.webp\" alt=\"Before after 5\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/6b956b436c0bdf548b393fb64522a31f.webp\" alt=\"Before after 6\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/3a65f301cc0230fceaf3a0d0ba7c9ca0.webp\" alt=\"Before after 7\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/1ed96fe4398331414b368f0e1cf26ca0.webp\" alt=\"Before after 8\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/0b92fffe2cf72257ec2c0c167352ead0.webp\" alt=\"Before after 9\" loading=\"lazy\"\/><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"how\">\n <div class=\"how-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">How It Works<\/p>\n <h2 class=\"section-heading reveal d1\" style=\"margin-bottom:36px;\">Why it works on<br><em>scars, wrinkles & more<\/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 skin channels<\/h4><p>Titanium micro-needles create precise micro-perforations in the epidermis \u2014 triggering the skin's natural repair response in both aging skin and scarred tissue.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d2\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-body\"><h4>Collagen synthesis<\/h4><p>The body interprets the micro-injuries as a regeneration signal, massively stimulating collagen and elastin production.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d3\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-body\"><h4>Maximized absorption<\/h4><p>The micro-channels increase serum absorption by up to +300%, multiplying the effectiveness of your active skincare products.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d4\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-body\"><h4>Regenerated skin<\/h4><p>From the very first session, your skin gains radiance. After 3 to 6 sessions, wrinkles are smoother, acne scars and imperfections are visibly reduced \u2014 results are lasting.<\/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>Skin Regeneration \u2014 M8<\/h4>\n <span>Clinical Data<\/span>\n <\/div>\n <div class=\"science-card-body\">\n <div id=\"skin-cross\">\n <div class=\"skin-row\"><div class=\"skin-row-label\">Epidermis<\/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\">Sup. dermis<\/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\">Collagen<\/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\">Elastin<\/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\">Sessions for lasting results<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">94%<\/div><div class=\"sci-stat-label\">Customer satisfaction<\/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\">Maximum depth<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">24h<\/div><div class=\"sci-stat-label\">First improvement<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Your skin can repair itself.<br><em>Give it the right tool.<\/em><\/h3>\n <p>Clinical-grade microneedling \u2014 from the comfort of your home. Free shipping worldwide.<\/p>\n <div class=\"cta-band-trust\">\n <span>30-day money-back guarantee<\/span>\n <span>Free worldwide shipping<\/span>\n <span>12-month warranty<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Order now \u2014 \u20ac69\n <\/a>\n <p class=\"btn-white-price\">Ships within 24 business hours<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"cell-video\">\n <div class=\"cell-video-wrap\">\n <div class=\"cell-video-frame\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183761456?background=1&autoplay=1&loop=1&muted=1&quality=720p\"\n allow=\"autoplay\" frameborder=\"0\" title=\"Microneedling cell regeneration\"><\/iframe>\n <\/div>\n <p class=\"cell-video-caption\">Microneedling triggers your skin's natural repair process \u2014 collagen is rebuilt from the inside out.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"no1\">\n <div class=\"no1-inner\">\n <div class=\"no1-title-block reveal\">\n <h2 class=\"no1-headline\">The <em>N\u00b01<\/em> home microneedling pen<\/h2>\n <p class=\"no1-sub-text\">Designed for visible, lasting results \u2014 safely and comfortably, without a clinic visit.<\/p>\n <\/div>\n <div class=\"no1-layout\">\n \n <div class=\"no1-stats-col\">\n <div class=\"no1-stat reveal\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n <div class=\"no1-stat-title\">+3,000 proven cases<\/div>\n <div class=\"no1-stat-desc\">Visible results: measurable skin thickening in as little as 8 weeks of treatment.<\/div>\n <\/div>\n <div class=\"no1-stat reveal d1\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <div class=\"no1-stat-title\">Optimized absorption<\/div>\n <div class=\"no1-stat-desc\">Serums penetrate up to 95% deeper into the skin for maximum active efficacy.<\/div>\n <\/div>\n <\/div>\n \n <div class=\"no1-img-wrap reveal d2\">\n <img decoding=\"async\" class=\"no1-img\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/photo-dr-pen-m8.webp\" alt=\"Doctor Pen M8\" \/>\n <\/div>\n \n <div class=\"no1-stats-col right\">\n <div class=\"no1-stat reveal d1\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <div class=\"no1-stat-title\">Maximum safety<\/div>\n <div class=\"no1-stat-desc\">86% fewer micro-lesions compared to standard microneedling, thanks to anti-reflux technology.<\/div>\n <\/div>\n <div class=\"no1-stat reveal d2\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n <div class=\"no1-stat-title\">Soothed skin<\/div>\n <div class=\"no1-stat-desc\">Redness disappears in under 24h \u2014 even on sensitive and reactive skin types.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"videos\">\n <div class=\"videos-header\">\n <p class=\"section-eyebrow center\">Customer Demos<\/p>\n <h2 class=\"section-heading reveal d1\">See the <em>results on video<\/em><\/h2>\n <\/div>\n <div class=\"vcarousel-outer\">\n <div class=\"vcarousel-scroll\" id=\"vcarouselScroll\">\n \n <div class=\"vcard\" onclick=\"openVideo('1183759144')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759144?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer microneedling session at home<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759099')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759099?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer \u2014 microneedling in action<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759054')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759054?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Treating a scar \u2014 customer demo<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797529')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797529?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Day-by-day skin evolution<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797598')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797598?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Wrinkles<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797581')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797581?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Acne scars<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797554')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797554?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Visible evolution over several days<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759144')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759144?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer microneedling session at home<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183759099')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759099?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer \u2014 microneedling in action<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183759054')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759054?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Treating a scar \u2014 customer demo<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797529')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797529?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Day-by-day skin evolution<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797598')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797598?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Wrinkles<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797581')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797581?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Acne scars<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797554')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797554?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Visible evolution over several days<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"benefits\">\n <div class=\"benefits-header\">\n <p class=\"section-eyebrow center\">Why Choose It<\/p>\n <h2 class=\"section-heading reveal d1\">One device, <em>multiple solutions<\/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>Wrinkles & fine lines<\/h3>\n <p>Stimulate natural collagen and elastin production to visibly reduce fine lines and wrinkles \u2014 especially around the eyes, forehead and mouth.<\/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>Fast results<\/h3>\n <p>Visible radiance from the very first session. Lasting, progressive results after 3 to 6 treatments spaced 4 to 6 weeks apart.<\/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>Acne scars & imperfections<\/h3>\n <p>Effectively fade acne scars, smooth skin imperfections and reduce post-inflammatory marks through targeted cellular regeneration \u2014 with visible results from the first sessions.<\/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>Impeccable hygiene<\/h3>\n <p>The patented anti-reflux mechanism prevents any fluid backflow into the device. Every session is 100% safe and hygienic.<\/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>+300% absorption<\/h3>\n <p>Micro-channels multiply serum and active ingredient penetration, maximizing the effectiveness of your daily skincare routine.<\/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>Clinical performance<\/h3>\n <p>16,000 RPM motor, 6 speed levels, adjustable depth 0\u20132.5mm, 600mAh wireless battery. The same technology used by professionals \u2014 now available at home for a fraction of the cost.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Wrinkles. Acne scars. Skin texture.<br><em>One pen. Real results.<\/em><\/h3>\n <p>Join over 3,000 customers who've transformed their skin with the Doctor Pen M8 \u2014 at a fraction of the clinic cost.<\/p>\n <div class=\"cta-band-trust\">\n <span>\u20ac69 one-time \u2014 no subscription<\/span>\n <span>Visible from session 1<\/span>\n <span>Secure checkout<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Get the Doctor Pen M8\n <\/a>\n <p class=\"btn-white-price\">Free worldwide shipping \u00b7 In stock<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"happy\">\n <div class=\"happy-inner\">\n \n <div class=\"happy-mosaic\">\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_6.jpg-2.webp\" alt=\"Customer 1\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_2_93d6c714-883a-49d8-a213-14bc2e6c02db.jpg.webp\" alt=\"Customer 4\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_62.jpg.webp\" alt=\"Customer 7\" loading=\"lazy\"\/>\n <\/div>\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_4.jpg.webp\" alt=\"Customer 2\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_70.jpg-2.webp\" alt=\"Customer 5\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_58.jpg.webp\" alt=\"Customer 8\" loading=\"lazy\"\/>\n <\/div>\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_1_aad7de91-022e-47a8-95b9-0177a0b4e8d6.jpg.webp\" alt=\"Customer 3\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_63.jpg.webp\" alt=\"Customer 6\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_56.jpg.webp\" alt=\"Customer 9\" loading=\"lazy\"\/>\n <\/div>\n <\/div>\n \n <div class=\"happy-text-col\">\n <div class=\"happy-proof-badge\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Joined by +4,800 satisfied customers\n <\/div>\n <div class=\"happy-rating\">\u2605\u2605\u2605\u2605\u2605 <span>Excellent 4.9\/5<\/span><\/div>\n <h2 class=\"happy-headline\">They tested it,<br><em>loved it, adopted it!<\/em><\/h2>\n <p class=\"happy-highlight\">The treatment recognized for stimulating collagen and visibly improving skin quality \u2014 wrinkles, acne scars, and imperfections.<\/p>\n <p class=\"happy-quote\">\"Exceptional quality. I work in an aesthetic clinic and the Doctor Pen M8 far surpasses what we were using. Impressive results, a solid and safe device.\"<\/p>\n <div class=\"happy-customer\">Erika M. \u2014 36 yrs, Geneva <span class=\"happy-customer-dot\">\u2713 Verified<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"testimonials-header\">\n <p class=\"section-eyebrow center\">Testimonials<\/p>\n <h2 class=\"section-heading reveal d1\">Real skin. Real results.<\/h2>\n <\/div>\n \n <div class=\"reviews-scroll-outer\">\n <div class=\"reviews-scroll-track\">\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--blue)\">M<\/div><div><div class=\"rsc-name\">Marie-Claire D.<\/div><div class=\"rsc-meta\">Lyon \u00b7 52 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"After just 4 sessions, my eye wrinkles have visibly reduced and my skin texture is so much smoother. Firmer and more radiant than ever.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--teal)\">S<\/div><div><div class=\"rsc-name\">Sophie R.<\/div><div class=\"rsc-meta\">Paris \u00b7 34 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My acne scars and little skin imperfections have almost completely faded after 6 weeks. An investment I absolutely don't regret.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#7c3aed\">I<\/div><div><div class=\"rsc-name\">Isabelle M.<\/div><div class=\"rsc-meta\">Bordeaux \u00b7 Esthetician, 45 yrs<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"As an esthetician with 15 years of experience, I was blown away by the M8's quality. Professional performance, powerful and quiet motor.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#e85d3d\">N<\/div><div><div class=\"rsc-name\">Nadia T.<\/div><div class=\"rsc-meta\">Brussels \u00b7 27 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Finally something that works on post-acne marks. My skin texture is smoother than it's ever been in my adult life.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#1557a0\">K<\/div><div><div class=\"rsc-name\">Karim B.<\/div><div class=\"rsc-meta\">Marseille \u00b7 41 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My crow's feet have significantly faded. Even my dermatologist noticed the difference and asked what I was using.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#0f8a78\">C<\/div><div><div class=\"rsc-name\">Camille G.<\/div><div class=\"rsc-meta\">Switzerland \u00b7 26 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Very satisfied from the very first sessions. Results are visible, the pen is simple to use and perfectly compatible with my serums.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n \n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--blue)\">M<\/div><div><div class=\"rsc-name\">Marie-Claire D.<\/div><div class=\"rsc-meta\">Lyon \u00b7 52 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"After just 4 sessions, my eye wrinkles have visibly reduced and my skin texture is so much smoother. Firmer and more radiant than ever.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--teal)\">S<\/div><div><div class=\"rsc-name\">Sophie R.<\/div><div class=\"rsc-meta\">Paris \u00b7 34 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My acne scars and little skin imperfections have almost completely faded after 6 weeks. An investment I absolutely don't regret.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#7c3aed\">I<\/div><div><div class=\"rsc-name\">Isabelle M.<\/div><div class=\"rsc-meta\">Bordeaux \u00b7 Esthetician, 45 yrs<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"As an esthetician with 15 years of experience, I was blown away by the M8's quality. Professional performance, powerful and quiet motor.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#e85d3d\">N<\/div><div><div class=\"rsc-name\">Nadia T.<\/div><div class=\"rsc-meta\">Brussels \u00b7 27 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Finally something that works on post-acne marks. My skin texture is smoother than it's ever been in my adult life.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#1557a0\">K<\/div><div><div class=\"rsc-name\">Karim B.<\/div><div class=\"rsc-meta\">Marseille \u00b7 41 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My crow's feet have significantly faded. Even my dermatologist noticed the difference and asked what I was using.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#0f8a78\">C<\/div><div><div class=\"rsc-name\">Camille G.<\/div><div class=\"rsc-meta\">Switzerland \u00b7 26 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Very satisfied from the very first sessions. Results are visible, the pen is simple to use and perfectly compatible with my serums.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/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\">Average rating<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">+4,800<\/div><div class=\"sp-label\">Satisfied customers<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">97%<\/div><div class=\"sp-label\">Would recommend<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">94%<\/div><div class=\"sp-label\">Visible results<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"offer\">\n <div class=\"offer-inner\">\n <p class=\"section-eyebrow center\">Launch Offer<\/p>\n <h2 class=\"section-heading reveal d1\">Order your<br><em>Doctor Pen M8<\/em><\/h2>\n <p class=\"reveal d2\">Wrinkles, acne scars, imperfections \u2014 one device, one price. Limited stock at this launch offer with free shipping and a 30-day satisfaction guarantee.<\/p>\n <div class=\"offer-card reveal d3\">\n <div class=\"offer-promo-badge\">Limited offer<\/div>\n <div class=\"offer-price\"><sup>\u20ac<\/sup>69<\/div>\n <div class=\"offer-old\">Retail price: <s>\u20ac149<\/s> \u2014 You save <strong style=\"color:var(--teal)\">\u20ac80<\/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>Free shipping included<\/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 needle cartridges<\/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>12-month warranty<\/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>Free 30-day returns<\/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>Ships within 24 business hours<\/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>English user guide included<\/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 Add to cart \u2014 \u20ac69\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>100% secure payment<\/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>Satisfaction guaranteed<\/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>Free shipping<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"usage\">\n <div class=\"usage-inner\">\n <div class=\"usage-header\">\n <p class=\"section-eyebrow center\">Usage Guide<\/p>\n <h2 class=\"section-heading reveal d1\">How to use your<br><em>Doctor Pen M8<\/em><\/h2>\n <p class=\"reveal d2\" style=\"font-size:15px;color:var(--ink-muted);font-weight:300;max-width:560px;margin:0 auto;margin-top:12px;\">Follow these recommendations to achieve safe, effective results \u2014 and get the most out of every session.<\/p>\n <\/div>\n\n \n <p class=\"section-eyebrow reveal\" style=\"text-align:center;margin-bottom:20px;\">Recommended depth by facial zone \u2014 Speed 6<\/p>\n <div class=\"depth-grid reveal d1\">\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3\"\/><path d=\"M7 20s1-4 5-4 5 4 5 4\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Cheeks<\/div>\n <div class=\"depth-val\">1.25<span>mm<\/span><\/div>\n <div class=\"depth-note\">Fleshy zone, tolerates deeper treatment<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.5 2 6 5 6 8c0 2.5 1.5 4.5 4 6l2 8 2-8c2.5-1.5 4-3.5 4-6 0-3-2.5-6-6-6z\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Nose & Chin<\/div>\n <div class=\"depth-val\">0.50<span>mm<\/span><\/div>\n <div class=\"depth-note\">Thin skin \u2014 use shallow depth<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 9c0-2.2 3.6-4 8-4s8 1.8 8 4\"\/><path d=\"M4 9c0 2.2 3.6 4 8 4M20 9c0 2.2-3.6 4-8 4\"\/><circle cx=\"12\" cy=\"13\" r=\"2\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Under-eye<\/div>\n <div class=\"depth-val\">0.25<span>mm<\/span><\/div>\n <div class=\"depth-note\">Very delicate \u2014 ultra-light pass only<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5v7\"\/><rect x=\"4\" y=\"3\" width=\"16\" height=\"6\" rx=\"2\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Forehead<\/div>\n <div class=\"depth-val\">0.75<span>mm<\/span><\/div>\n <div class=\"depth-note\">Medium density skin<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg><\/div>\n <div class=\"depth-zone\">First session<\/div>\n <div class=\"depth-val\">0.50<span>mm<\/span><\/div>\n <div class=\"depth-note\">Always start conservative \u2014 max 0.5 mm<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"protocol-grid reveal d2\">\n \n <div class=\"proto-col before\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n <div class=\"proto-label\">Before<\/div>\n <\/div>\n <div class=\"proto-title\">Prepare your skin & device<\/div>\n <ul class=\"proto-list\">\n <li><span>Cleanse your face thoroughly<\/span><\/li>\n <li><span>Disinfect the pen body and cartridge with isopropyl alcohol<\/span><\/li>\n <li><span>Disinfect the skin with a suitable antiseptic<\/span><\/li>\n <li><span><strong>Avoid retinol and acids 48h before<\/strong> the session<\/span><\/li>\n <li><span>Do not treat active or inflamed acne \u2014 wait until fully healed<\/span><\/li>\n <li><span>You may apply a topical numbing cream (EMLA) 30 min before for deeper sessions<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col during\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M10 8l6 4-6 4V8z\"\/><\/svg><\/div>\n <div class=\"proto-label\">During<\/div>\n <\/div>\n <div class=\"proto-title\">Session technique<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>First time: max 0.5 mm<\/strong> on all zones<\/span><\/li>\n <li><span>Work zone by zone \u2014 do not mix zones in a single pass<\/span><\/li>\n <li><span>Use light, even movements \u2014 do not press hard<\/span><\/li>\n <li><span>Horizontal, vertical, then diagonal passes for each zone<\/span><\/li>\n <li><span>Apply a <strong>microneedling-specific serum ampoule<\/strong> as you go for optimal absorption<\/span><\/li>\n <li><span>Each zone: 3\u20134 passes, 5\u201310 minutes total per session<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col after\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"proto-label\">After<\/div>\n <\/div>\n <div class=\"proto-title\">Recovery & skincare<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>No makeup for 24h<\/strong> after the session<\/span><\/li>\n <li><span>Use a clean pillowcase the same evening<\/span><\/li>\n <li><span>Hydrate heavily: La Roche-Posay Cicaplast B5 or AESTURA Atobarrier barrier cream<\/span><\/li>\n <li><span><strong>No actives (acids, retinol) for 3 days<\/strong><\/span><\/li>\n <li><span>LED mask sessions (red light) are beneficial in recovery<\/span><\/li>\n <li><span>Apply <strong>SPF 50<\/strong> daily starting the day after<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col avoid\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div>\n <div class=\"proto-label\">Avoid<\/div>\n <\/div>\n <div class=\"proto-title\">What to steer clear of<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>No sun, sport, sauna or pool<\/strong> for 24\u201348h after<\/span><\/li>\n <li><span>Do not touch your face with unclean hands after the session<\/span><\/li>\n <li><span>Never share cartridges \u2014 single use only<\/span><\/li>\n <li><span>Do not treat skin with active infections or open wounds<\/span><\/li>\n <li><span><strong>Wait 4 weeks between sessions<\/strong> to allow full skin regeneration<\/span><\/li>\n <li><span>Do not apply fragrance or alcohol-based products on treated skin<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"usage-note reveal d3\">\n <strong>Recommended treatment plan:<\/strong> 1 session every 4\u20136 weeks \u00b7 3 to 6 sessions for lasting results \u00b7 Visible radiance improvement from the very first session.\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"specs\">\n <div class=\"specs-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">Specifications<\/p>\n <h2 class=\"section-heading reveal d1\">Built for <em>performance<\/em><\/h2>\n <table class=\"specs-table\">\n <tr class=\"reveal\"><td>Model<\/td><td>Dr. Pen M8<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Motor speed<\/td><td>16,000 RPM<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Speed levels<\/td><td>6 (digital display)<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Compatible cartridges<\/td><td>16 \/ 18 \/ 24 \/ 36 \/ 42 pins + nano<\/td><\/tr>\n <tr class=\"reveal d4\"><td>Adjustable depth<\/td><td>0 to 2.5 mm<\/td><\/tr>\n <tr class=\"reveal d5\"><td>Battery<\/td><td>600 mAh Li-ion<\/td><\/tr>\n <tr class=\"reveal\"><td>Charging<\/td><td>Micro-USB<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Anti-reflux<\/td><td>Yes \u2014 3-bayonet connector<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Use<\/td><td>Home & professional<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Warranty<\/td><td>12 months<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Returns<\/td><td>30-day no-questions policy<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"reveal-right\">\n <p class=\"section-eyebrow\">What's in the box<\/p>\n <h2 class=\"section-heading\" style=\"margin-bottom:0\">Everything included,<br><em>ready to use<\/em><\/h2>\n <div class=\"box-card\">\n <div class=\"box-card-header\"><h3>What's in the box<\/h3><p>Everything you need to get started<\/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>Doctor Pen M8 microneedling pen<\/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 sterilized 16-pin needle cartridges<\/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>Micro-USB charging cable<\/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>Zippered carrying pouch<\/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>English user manual<\/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>Depth guide by facial zone<\/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\">Free worldwide shipping<\/div><div class=\"s-sub\">Ships within 24h \u00b7 Real-time tracking \u00b7 International delivery<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Ready to start <em>your first session?<\/em><\/h3>\n <p>The Doctor Pen M8 comes with everything you need: 3 cartridges, a Micro-USB cable, and an English user guide. No clinic. No appointment.<\/p>\n <div class=\"cta-band-trust\">\n <span>30-day satisfaction guarantee<\/span>\n <span>Delivered in 5\u201310 business days<\/span>\n <span>English guide included<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Order \u2014 \u20ac69 \u00b7 Free shipping\n <\/a>\n <p class=\"btn-white-price\">100% secure payment<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"faq\">\n <div class=\"faq-header\">\n <p class=\"section-eyebrow center\">Frequently asked questions<\/p>\n <h2 class=\"section-heading reveal d1\">Everything you need to know<\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-item reveal\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Is home microneedling painful?<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\">The sensation varies with depth and skin sensitivity. For beginners, we recommend starting at 0.25mm \u2014 the feeling is minimal, like a light tingling. Applying a topical numbing cream is advised for deeper settings.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d1\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">How often should I use the 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 session every 4 to 6 weeks, for a program of 3 to 6 sessions. This gap is essential to allow your skin to fully regenerate between treatments and maximize collagen production.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d2\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">When will I see the first results?<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\">Improved radiance and texture are visible within 24\u201348h after your session. Significant results on wrinkles and scars become apparent after 3 to 6 sessions (6 to 12 weeks), with progressive and lasting improvement.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d3\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Can it really reduce acne scars and imperfections?<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\">Yes \u2014 microneedling is one of the most clinically validated methods for reducing acne scars and skin imperfections. The micro-injuries created by the M8 trigger cell renewal and collagen remodelling, gradually breaking down scar tissue and smoothing out uneven skin texture. Results are visible from session 2\u20133, and continue improving over time. Note: it is not recommended on active inflammatory acne. Treat the area once blemishes have fully healed.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d4\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Are the cartridges reusable?<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\">To guarantee absolute hygiene, each cartridge is for single use per session. Replacement cartridge packs are available separately. Never share cartridges between individuals.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d5\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What is the battery life?<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\">The 600mAh battery charges fully in about 2 hours via Micro-USB. A full charge provides 3 to 4 sessions of 20 minutes. An LED indicator shows the charge level in real time (green\/orange\/red).<\/div><\/div><\/div>\n <div class=\"faq-item reveal\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What depth should I use for my first session?<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\">For your very first session, never exceed 0.5 mm on any facial zone. This lets your skin build tolerance safely. After a few sessions you can increase gradually: 1.25 mm on cheeks, 0.75 mm on the forehead, 0.50 mm on the nose and chin, and 0.25 mm under the eyes. Always start conservative \u2014 you can always go deeper, but you can't undo over-treatment.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d1\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What should I apply to my skin after a session?<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\">Immediately after your session, apply a generous layer of barrier cream \u2014 La Roche-Posay Cicaplast B5 or AESTURA Atobarrier are ideal. Keep your skin heavily hydrated for 24\u201348h. Avoid all actives (retinol, acids, vitamin C) for at least 3 days. No makeup for 24h, and make sure to use SPF 50 every morning from the day after. A red LED mask session during recovery can also speed up healing and boost results.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d2\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Are there things I should avoid before or after microneedling?<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\">Yes \u2014 a few key rules to follow: Before the session, stop using retinol and exfoliating acids 48h in advance, and never treat skin with active, inflamed acne. After your session, avoid sun exposure, intense exercise, sauna, and swimming pools for 24\u201348h. Do not touch your face with unwashed hands, and avoid applying any fragrance or alcohol-based products on treated skin. Finally, always wait at least 4 weeks before your next session to allow your skin to fully regenerate.<\/div><\/div><\/div>\n <\/div>\n <div class=\"contact-cta reveal\">\n <p>Still have questions? Our team replies within 24h.<\/p>\n <a href=\"https:\/\/doctor-pen.com\/contact\" class=\"btn-outline\">Contact our team<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\n<div class=\"vlightbox\" id=\"vlightbox\">\n <div class=\"vlightbox-inner\">\n <button class=\"vlightbox-close\" onclick=\"closeVideo()\">\u00d7<\/button>\n <iframe id=\"vlightbox-iframe\" src=\"\" allow=\"autoplay; fullscreen\" frameborder=\"0\" allowfullscreen><\/iframe>\n <\/div>\n<\/div>\n\n\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>The professional microneedling pen for younger, firmer, more radiant skin \u2014 from the comfort of your home. Clinical technology, visible results.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigation<\/h4>\n <a href=\"#how\">The Science<\/a>\n <a href=\"#benefits\">Benefits<\/a>\n <a href=\"#specs\">Specifications<\/a>\n <a href=\"#testimonials\">Reviews<\/a>\n <a href=\"#usage\">Usage Guide<\/a>\n <a href=\"#offer\">Order<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Information<\/h4>\n <a href=\"https:\/\/doctor-pen.com\/contact\">Contact<\/a>\n <a href=\"https:\/\/doctor-pen.com\/politique-confidentialite\">Privacy Policy<\/a>\n <a href=\"https:\/\/doctor-pen.com\/cgv\">Terms & Conditions<\/a>\n <a href=\"https:\/\/doctor-pen.com\/mentions-legales\">Legal Notice<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Guarantees<\/h4>\n <a href=\"#\">Free shipping<\/a>\n <a href=\"#\">12-month warranty<\/a>\n <a href=\"#\">30-day returns<\/a>\n <a href=\"#\">Secure payment<\/a>\n <a href=\"#\">7\/7 support<\/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('en-US') : 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 \/\/ VIDEO LIGHTBOX\n function openVideo(id) {\n const lb = document.getElementById('vlightbox');\n const iframe = document.getElementById('vlightbox-iframe');\n iframe.src = 'https:\/\/player.vimeo.com\/video\/' + id + '?autoplay=1&loop=1&color=1557a0&portrait=0&title=0&byline=0';\n lb.classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeVideo() {\n const lb = document.getElementById('vlightbox');\n const iframe = document.getElementById('vlightbox-iframe');\n lb.classList.remove('open');\n iframe.src = '';\n document.body.style.overflow = '';\n }\n document.getElementById('vlightbox').addEventListener('click', function(e) {\n if (e.target === this) closeVideo();\n });\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeVideo(); });\n\n \/\/ VIDEO CAROUSEL \u2014 pause on touch\/drag interaction\n (function() {\n const track = document.getElementById('vcarouselScroll');\n if (!track) return;\n \/\/ Touch: pause animation while finger is down\n track.addEventListener('touchstart', () => { track.style.animationPlayState = 'paused'; }, { passive: true });\n track.addEventListener('touchend', () => { track.style.animationPlayState = 'running'; });\n \/\/ Mouse grab visual\n track.addEventListener('mousedown', () => { track.style.cursor = 'grabbing'; });\n track.addEventListener('mouseup', () => { track.style.cursor = 'grab'; });\n })();\n\n \/\/ BEFORE\/AFTER TOGGLE\n function toggleBA(cardId, showAfter, btn) {\n const card = document.getElementById(cardId);\n const tag = document.getElementById(cardId + '-tag');\n if (showAfter) {\n card.classList.add('show-after');\n if (tag) tag.textContent = 'After';\n } else {\n card.classList.remove('show-after');\n if (tag) tag.textContent = 'Before';\n }\n btn.closest('.ba-btns').querySelectorAll('.ba-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\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 Wrinkles, Acne Scars & Skin Imperfections Doctor Pen The Science Benefits Reviews Usage Guide FAQ Order […]<\/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\/da\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":102,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages\/12\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Doctor Pen M8 \u2014 Wrinkles, Acne Scars & Skin Imperfections<\/title>\n <meta name=\"description\" content=\"The Doctor Pen M8 microneedling pen \u2014 reduce wrinkles, fade acne scars and clear skin imperfections at home. Clinical technology. \u20ac69 with free shipping.\"\/>\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; overflow-x: hidden; }\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\n \/* \u2500\u2500 TranslatePress language switcher fixes \u2500\u2500 *\/\n \/* Container must never clip the open dropdown *\/\n .trp-language-switcher-container,\n .trp-language-switcher,\n .trp-ls-shortcode-language-list-container {\n overflow: visible !important;\n height: auto !important;\n z-index: 10000 !important;\n }\n \/* The white card wrapper: auto height so it grows with content *\/\n .trp-language-switcher .trp-ls-shortcode-language,\n .trp-language-switcher .trp-ls-shortcode-current-language-container {\n overflow: visible !important;\n height: auto !important;\n }\n \/* Dropdown list: white background that wraps all flags *\/\n .trp-language-switcher ul,\n .trp-language-switcher .trp-ls-shortcode-language-list {\n z-index: 10000 !important;\n overflow: visible !important;\n height: auto !important;\n background: white !important;\n border-radius: 10px !important;\n box-shadow: 0 8px 24px rgba(0,0,0,0.14) !important;\n padding: 6px 0 !important;\n }\n \/* Each flag item: comfortable padding, no clipping *\/\n .trp-language-switcher ul li,\n .trp-language-switcher .trp-ls-shortcode-language-list li {\n overflow: visible !important;\n padding: 6px 14px !important;\n white-space: nowrap !important;\n }\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;\n grid-template-columns: minmax(0, 620px) minmax(0, 620px);\n justify-content: center;\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 align-self: flex-start;\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); text-align: center; }\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: 10px 14px;\n box-shadow: 0 4px 20px rgba(21,87,160,0.10); text-align: left;\n white-space: nowrap;\n }\n .spec-pill-val { font-family: 'Instrument Serif', serif; font-size: 19px; color: var(--blue); line-height: 1; }\n .spec-pill-label { font-size: 9px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 3px; }\n \/* 3 pills per side \u2014 evenly distributed using top% so they scale with card height *\/\n .spec-pill.top-left { top: 8%; left: -108px; animation: float1 4s ease 0s infinite; }\n .spec-pill.mid-left { top: 36%; left: -108px; animation: float1 4s ease 1s infinite; }\n .spec-pill.bot-left { top: 63%; left: -108px; animation: float1 4s ease 2s infinite; }\n .spec-pill.top-right { top: 8%; right: -108px; animation: float1 4s ease 0.5s infinite; }\n .spec-pill.mid-right { top: 36%; right: -108px; animation: float1 4s ease 1.5s infinite; }\n .spec-pill.bot-right { top: 63%; right: -108px; animation: float1 4s ease 2.5s 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; max-width: 1100px; margin: 0 auto; }\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; max-width: 1100px; margin-left: auto; margin-right: auto; }\n .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1100px; margin: 0 auto; }\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; max-width: 1100px; margin: 0 auto; }\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 PRODUCT GALLERY \u2500\u2500 *\/\n .product-gallery {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n max-width: 1100px;\n margin: 0 auto;\n padding: 80px 80px 60px;\n }\n .product-gallery-frame {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 28px 20px;\n }\n .product-gallery-frame img {\n width: 100%;\n height: auto;\n max-height: 520px;\n object-fit: contain;\n display: block;\n }\n @media(max-width:1024px){\n .product-gallery { padding: 60px 40px 40px; }\n }\n @media(max-width:640px){\n .product-gallery { grid-template-columns: 1fr; gap: 14px; padding: 40px 20px 24px; }\n }\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 USAGE GUIDE \u2500\u2500 *\/\n #usage {\n padding: 100px 80px;\n background: var(--white);\n }\n .usage-inner { max-width: 1100px; margin: 0 auto; }\n .usage-header { text-align: center; margin-bottom: 60px; }\n\n \/* Depth chart *\/\n .depth-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 14px;\n margin-bottom: 64px;\n }\n .depth-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 20px 16px;\n text-align: center;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .depth-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(21,87,160,0.10); }\n .depth-zone {\n font-size: 11px; font-weight: 600; text-transform: uppercase;\n letter-spacing: 0.08em; color: var(--ink-muted); margin-bottom: 10px;\n }\n .depth-val {\n font-family: 'Instrument Serif', serif;\n font-size: 28px; color: var(--blue);\n line-height: 1;\n }\n .depth-val span { font-size: 13px; color: var(--ink-muted); }\n .depth-icon {\n width: 34px; height: 34px;\n background: var(--blue-pale); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 12px;\n }\n .depth-icon svg { width: 16px; height: 16px; stroke: var(--blue); fill: none; stroke-width: 2; stroke-linecap: round; }\n .depth-note { font-size: 10px; color: var(--ink-muted); margin-top: 6px; letter-spacing: 0.03em; }\n\n \/* Protocol columns *\/\n .protocol-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n .proto-col {\n border-radius: 16px;\n padding: 22px 20px 20px;\n display: flex; flex-direction: column;\n }\n .proto-col.before { background: var(--blue-pale); border: 1px solid var(--blue-light); }\n .proto-col.during { background: #f0faf8; border: 1px solid var(--teal-light); }\n .proto-col.after { background: #fdf6f0; border: 1px solid #f5d9c8; }\n .proto-col.avoid { background: #fff5f5; border: 1px solid #ffd5d5; }\n \/* header row: icon + label side by side *\/\n .proto-col-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }\n .proto-col-icon {\n width: 36px; height: 36px; flex-shrink: 0; border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n }\n .before .proto-col-icon { background: var(--blue-light); }\n .during .proto-col-icon { background: var(--teal-light); }\n .after .proto-col-icon { background: #f5d9c8; }\n .avoid .proto-col-icon { background: #ffd5d5; }\n .proto-col-icon svg { width: 18px; height: 18px; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n .before .proto-col-icon svg { stroke: var(--blue); }\n .during .proto-col-icon svg { stroke: var(--teal); }\n .after .proto-col-icon svg { stroke: #d4622a; }\n .avoid .proto-col-icon svg { stroke: #c0392b; }\n .proto-label {\n font-size: 10px; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.12em;\n }\n .before .proto-label { color: var(--blue); }\n .during .proto-label { color: var(--teal); }\n .after .proto-label { color: #d4622a; }\n .avoid .proto-label { color: #c0392b; }\n .proto-title {\n font-family: 'Instrument Serif', serif;\n font-size: 17px; color: var(--ink);\n line-height: 1.25;\n padding-bottom: 12px;\n margin-bottom: 0;\n border-bottom: 1px solid rgba(0,0,0,0.08);\n }\n \/* Flex-based list \u2014 immune to WordPress resets + justify fixes *\/\n .proto-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; }\n .proto-list li {\n list-style: none !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 9px !important;\n padding: 9px 0 !important;\n font-size: 13px; color: var(--ink-mid);\n line-height: 1.5;\n text-align: left !important;\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n .proto-list li:last-child { border-bottom: none; }\n \/* Dot \u2014 first and only flex item besides the text span *\/\n .proto-list li::before {\n content: '' !important;\n display: block !important;\n flex-shrink: 0 !important;\n width: 5px !important; height: 5px !important;\n border-radius: 50% !important;\n margin-top: 7px !important;\n position: static !important;\n }\n .before .proto-list li::before { background: var(--blue) !important; opacity: 0.75; }\n .during .proto-list li::before { background: var(--teal) !important; opacity: 0.75; }\n .after .proto-list li::before { background: #d4622a !important; opacity: 0.75; }\n .avoid .proto-list li::before { background: #c0392b !important; opacity: 0.75; }\n \/* Span wraps all text so <strong> stays inline, not a separate flex item *\/\n .proto-list li > span {\n flex: 1 !important;\n text-align: left !important;\n min-width: 0;\n }\n .proto-list li strong { color: var(--ink); font-weight: 600; display: inline !important; }\n\n \/* \u2500\u2500 CTA BANDS \u2500\u2500 *\/\n .cta-band {\n background: linear-gradient(125deg, var(--blue-dark) 0%, #1a6ac4 100%);\n padding: 52px 80px;\n display: flex; align-items: center; justify-content: space-between;\n gap: 32px; flex-wrap: wrap;\n }\n .cta-band-text { flex: 1; min-width: 260px; }\n .cta-band-text h3 {\n font-family: 'Instrument Serif', serif;\n font-size: 28px; color: #fff; line-height: 1.2; margin-bottom: 8px;\n }\n .cta-band-text h3 em { font-style: italic; color: rgba(255,255,255,0.85); }\n .cta-band-text p { font-size: 15px; color: rgba(255,255,255,0.70); font-weight: 300; }\n .cta-band-trust { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 14px; }\n .cta-band-trust span {\n font-size: 12px; color: rgba(255,255,255,0.60);\n display: flex; align-items: center; gap: 5px;\n }\n .cta-band-trust span::before { content: '\u2713'; color: #5ee8c8; font-weight: 700; }\n .btn-white {\n display: inline-flex; align-items: center; gap: 10px;\n background: #fff; color: var(--blue-dark);\n font-size: 15px; font-weight: 600;\n padding: 16px 32px; border-radius: 100px;\n text-decoration: none; white-space: nowrap;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .btn-white:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,0.24); }\n .btn-white svg { width: 16px; height: 16px; stroke: var(--blue); fill: none; stroke-width: 2; stroke-linecap: round; }\n .btn-white-price {\n font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.65) !important;\n margin-top: 10px; text-align: center;\n }\n .cta-band-right { display: flex; flex-direction: column; align-items: center; }\n @media(max-width:768px){\n .cta-band { padding: 40px 24px; flex-direction: column; text-align: center; }\n .cta-band-text h3 { font-size: 22px; }\n .cta-band-trust { justify-content: center; }\n .cta-band-right { width: 100%; }\n .btn-white { width: 100%; justify-content: center; }\n }\n .usage-note {\n margin-top: 40px; padding: 20px 28px;\n background: var(--blue-pale); border: 1px solid var(--blue-light);\n border-radius: 12px; text-align: center;\n font-size: 14px; color: var(--ink-mid);\n }\n .usage-note strong { color: var(--blue); }\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 BEFORE\/AFTER CAROUSEL \u2500\u2500 *\/\n #results {\n padding: 100px 0 80px;\n background: var(--bg);\n overflow: hidden;\n }\n .results-header {\n text-align: center;\n padding: 0 80px;\n margin-bottom: 48px;\n }\n .results-sub {\n font-size: 15px; color: var(--ink-muted);\n font-weight: 300; margin-top: 12px;\n }\n .carousel-wrap {\n overflow: hidden;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n }\n .carousel-wrap:active { cursor: grabbing; }\n .carousel-track {\n display: flex;\n gap: 16px;\n width: max-content;\n animation: carousel-scroll 28s linear infinite;\n padding: 8px 0 16px;\n }\n .carousel-wrap:hover .carousel-track { animation-play-state: paused; }\n @keyframes carousel-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(calc(-50% - 8px)); }\n }\n .carousel-item {\n flex-shrink: 0;\n width: 220px; height: 220px;\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: 0 4px 20px rgba(21,87,160,0.08);\n transition: transform 0.25s, box-shadow 0.25s;\n }\n .carousel-item:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 12px 32px rgba(21,87,160,0.15);\n }\n .carousel-item img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n }\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; margin: 0 60px;}\n .spec-pill{display:flex; padding:6px 10px; min-width:0;}\n .spec-pill-val{font-size:13px;}\n .spec-pill-label{font-size:8px;}\n .spec-pill.top-left { top: 8%; left:-72px; }\n .spec-pill.mid-left { top:36%; left:-72px; }\n .spec-pill.bot-left { top:63%; left:-72px; }\n .spec-pill.top-right { top: 8%; right:-72px; }\n .spec-pill.mid-right { top:36%; right:-72px; }\n .spec-pill.bot-right { top:63%; right:-72px; }\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 #results{padding:80px 0 60px;}\n .results-header{padding:0 32px;}\n .carousel-item{width:190px; height:190px;}\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; overflow:hidden;}\n #hero::after{display:none;}\n .hero-right{display:flex; justify-content:center; padding:24px 0 48px;}\n .product-visual{width:calc(100% - 80px); max-width:280px; position:relative;}\n .spec-pill{\n display:flex; padding:5px 8px; min-width:0;\n }\n .spec-pill.top-left { top: 6%; left:-14px; animation:float1 4s ease 0s infinite; }\n .spec-pill.mid-left { top:34%; left:-14px; animation:float1 4s ease 1s infinite; }\n .spec-pill.bot-left { top:60%; left:-14px; animation:float1 4s ease 2s infinite; }\n .spec-pill.top-right { top: 6%; right:-14px; animation:float1 4s ease 0.5s infinite; }\n .spec-pill.mid-right { top:34%; right:-14px; animation:float1 4s ease 1.5s infinite; }\n .spec-pill.bot-right { top:60%; right:-14px; animation:float1 4s ease 2.5s infinite; }\n .spec-pill-val{font-size:10px;}\n .spec-pill-label{font-size:6px;}\n .hero-left{padding:32px 20px 32px; align-items:center; text-align:center;}\n .hero-sub{max-width:100%;}\n .hero-badge{align-self:center;}\n .hero-badge{margin-bottom:20px; align-self:center;}\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 #results{padding:60px 0 40px;}\n .results-header{padding:0 20px; margin-bottom:32px;}\n .carousel-item{width:160px; height:160px;}\n .results-sub{font-size:13px;}\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\n \/* \u2500\u2500 CELL VIDEO (gif-like loop) \u2500\u2500 *\/\n #cell-video { background: var(--ink); padding: 0; overflow: hidden; }\n .cell-video-wrap {\n position: relative; max-width: 900px; margin: 0 auto;\n padding: 70px 40px 56px;\n }\n .cell-video-frame {\n position: relative;\n width: 100%; padding-bottom: 56.25%; height: 0;\n border-radius: 20px; overflow: hidden;\n box-shadow: 0 24px 64px rgba(0,0,0,0.5);\n }\n .cell-video-frame iframe {\n position: absolute;\n top: 50%; left: 50%;\n width: 130%; height: 130%;\n transform: translate(-50%, -50%);\n border: none;\n }\n .cell-video-caption {\n text-align: center; margin-top: 18px;\n color: rgba(255,255,255,0.55); font-size: 13px; font-style: italic;\n }\n\n \/* \u2500\u2500 N\u00b01 SECTION \u2500\u2500 *\/\n #no1 { background: var(--bg); padding: 100px 40px; }\n .no1-inner { max-width: 1120px; margin: 0 auto; }\n .no1-title-block { text-align: center; margin-bottom: 60px; }\n .no1-headline {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(32px, 4vw, 54px);\n color: var(--ink); margin-bottom: 14px; line-height: 1.1;\n }\n .no1-headline em { color: var(--teal); font-style: italic; }\n .no1-sub-text { color: var(--ink-mid); font-size: 16px; max-width: 560px; margin: 0 auto; }\n .no1-layout {\n display: grid; grid-template-columns: 1fr 580px 1fr;\n align-items: center; gap: 40px;\n }\n .no1-img-wrap { text-align: center; }\n .no1-img {\n width: 560px; max-width: 100%;\n filter: drop-shadow(0 20px 48px rgba(15,138,120,0.2));\n }\n .no1-stats-col { display: flex; flex-direction: column; gap: 36px; }\n .no1-stats-col.right .no1-stat { text-align: right; }\n .no1-stat-icon {\n width: 34px; height: 34px;\n stroke: var(--teal); fill: none; stroke-width: 1.5;\n stroke-linecap: round; stroke-linejoin: round;\n margin-bottom: 8px;\n }\n .no1-stats-col.right .no1-stat-icon { margin-left: auto; }\n .no1-stat-title {\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; color: var(--ink); margin-bottom: 4px;\n }\n .no1-stat-desc { font-size: 13px; color: var(--ink-mid); line-height: 1.55; }\n\n \/* \u2500\u2500 VIDEO CAROUSEL (new) \u2500\u2500 *\/\n #videos {\n padding: 100px 0 80px;\n background: #0f1621;\n }\n .videos-header { padding: 0 40px; margin-bottom: 48px; text-align: center; }\n .videos-header .section-eyebrow { color: rgba(255,255,255,0.45); }\n .videos-header .section-heading { color: white; }\n \/* Video carousel \u2014 infinite CSS animation *\/\n .vcarousel-outer {\n overflow: hidden;\n padding: 4px 0 40px;\n }\n .vcarousel-scroll {\n display: flex; gap: 16px;\n width: max-content;\n padding: 8px 40px;\n animation: vcar-scroll 32s linear infinite;\n cursor: grab;\n }\n .vcarousel-outer:hover .vcarousel-scroll { animation-play-state: paused; }\n @keyframes vcar-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .vcard {\n flex-shrink: 0; width: 260px;\n background: #111827 !important;\n border: none !important;\n border-radius: 18px; overflow: hidden; cursor: pointer;\n }\n \/* Neutralise toute interf\u00e9rence du th\u00e8me WordPress sur hover *\/\n .vcard:hover,\n .vcard:focus,\n .vcard:active {\n background: #111827 !important;\n box-shadow: none !important;\n opacity: 1 !important;\n outline: none !important;\n }\n .vcard::before, .vcard::after,\n .vcard:hover::before, .vcard:hover::after,\n .vcard-thumb::before, .vcard-thumb::after,\n .vcard-thumb:hover::before, .vcard-thumb:hover::after {\n display: none !important;\n content: none !important;\n background: none !important;\n opacity: 0 !important;\n }\n .vcard-thumb {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; background: #111827;\n position: relative;\n }\n \/* Masquer tout bouton play inject\u00e9 par WP ou le th\u00e8me *\/\n .vcard [class*=\"play\"],\n .vcard [class*=\"Play\"],\n .vcard .wp-block-video__overlay,\n .vcard .wp-block-embed__wrapper::after,\n .vcard figure::after,\n .vcard figure::before {\n display: none !important;\n opacity: 0 !important;\n }\n .vcard-label {\n padding: 12px 14px; color: rgba(255,255,255,0.85);\n font-size: 12px; font-weight: 600; line-height: 1.35;\n }\n\n \/* VIDEO LIGHTBOX *\/\n .vlightbox {\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0,0,0,0.93);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; pointer-events: none;\n transition: opacity 0.3s;\n }\n .vlightbox.open { opacity: 1; pointer-events: all; }\n .vlightbox-inner {\n position: relative;\n width: min(88vw, 480px);\n aspect-ratio: 9\/16;\n max-height: 88vh;\n }\n .vlightbox-inner iframe { width:100%; height:100%; border:none; border-radius:16px; }\n .vlightbox-close {\n position: absolute; top: -46px; right: 0;\n background: none; border: none; color: white;\n font-size: 32px; cursor: pointer; line-height: 1; padding: 4px;\n opacity: 0.8; transition: opacity 0.2s;\n }\n .vlightbox-close:hover { opacity: 1; }\n\n \/* \u2500\u2500 BEFORE\/AFTER CLICK SECTION \u2500\u2500 *\/\n #beforeafter { padding: 100px 40px; background: var(--white); }\n .ba-header { text-align: center; margin-bottom: 52px; }\n .ba-grid {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\n }\n .ba-card {\n border-radius: 18px; overflow: hidden;\n position: relative; aspect-ratio: 3\/4; cursor: pointer;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n .ba-img {\n position: absolute; inset: 0; width: 100%; height: 100%;\n object-fit: cover; transition: opacity 0.45s ease;\n }\n .ba-img.ba-after { opacity: 0; }\n .ba-card.show-after .ba-img.ba-before { opacity: 0; }\n .ba-card.show-after .ba-img.ba-after { opacity: 1; }\n .ba-state-tag {\n position: absolute; top: 12px; left: 12px;\n background: rgba(255,255,255,0.9);\n color: var(--ink); font-size: 10px; font-weight: 700;\n letter-spacing: 0.08em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 20px;\n }\n .ba-caption {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 48px 14px 14px;\n background: linear-gradient(to top, rgba(0,0,0,0.72), transparent);\n color: white;\n }\n .ba-caption-text { font-size: 12px; font-weight: 500; line-height: 1.4; margin-bottom: 10px; }\n .ba-btns { display: flex; gap: 6px; }\n .ba-btn {\n padding: 5px 13px; border-radius: 20px;\n font-size: 11px; font-weight: 600;\n border: 1.5px solid rgba(255,255,255,0.6);\n background: transparent; color: white; cursor: pointer;\n transition: all 0.2s;\n }\n .ba-btn.active { background: var(--teal); border-color: var(--teal); }\n .ba-note { text-align: center; margin-top: 20px; color: var(--ink-muted); font-size: 13px; }\n\n \/* \u2500\u2500 HAPPY CUSTOMERS (mosaic + text) \u2500\u2500 *\/\n #happy { padding: 100px 40px; background: var(--bg2); }\n .happy-inner {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 440px;\n gap: 60px; align-items: center;\n }\n \/* Brick-wall mosaic *\/\n .happy-mosaic {\n display: flex; gap: 8px; align-items: flex-start;\n min-width: 0;\n }\n .hm-col {\n flex: 1; display: flex; flex-direction: column; gap: 8px;\n }\n .hm-col:nth-child(2) { margin-top: 56px; }\n .hm-photo {\n width: 100%; aspect-ratio: 1; object-fit: cover;\n border-radius: 12px; display: block;\n }\n \/* Text right *\/\n .happy-text-col { display: flex; flex-direction: column; gap: 20px; }\n .happy-proof-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--teal-pale); color: var(--teal);\n font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 30px;\n width: fit-content;\n }\n .happy-proof-badge svg { width:14px; height:14px; stroke:var(--teal); fill:none; stroke-width:2.5; stroke-linecap:round; }\n .happy-rating { color: #f59e0b; font-size: 20px; display: flex; align-items: center; gap: 8px; }\n .happy-rating span { font-size: 14px; color: var(--ink-mid); font-weight: 500; }\n .happy-headline {\n font-family: 'Instrument Serif', serif;\n font-size: clamp(28px, 3vw, 40px); color: var(--ink); line-height: 1.15;\n }\n .happy-headline em { color: var(--teal); font-style: italic; }\n .happy-highlight { font-size: 16px; font-weight: 600; color: var(--ink); line-height: 1.5; }\n .happy-quote { font-size: 15px; color: var(--ink-mid); line-height: 1.7; font-style: italic; }\n .happy-customer {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px; color: var(--ink-mid);\n }\n .happy-customer-dot { color: var(--teal); font-size: 16px; }\n\n \/* \u2500\u2500 TESTIMONIAL HORIZONTAL SCROLL \u2500\u2500 *\/\n .reviews-scroll-outer {\n overflow: hidden; margin-top: 40px;\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\n mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\n }\n .reviews-scroll-track {\n display: flex; gap: 18px;\n width: max-content;\n animation: carousel-scroll 36s linear infinite;\n padding: 8px 0 20px;\n cursor: grab;\n }\n .reviews-scroll-outer:hover .reviews-scroll-track { animation-play-state: paused; }\n .rsc {\n flex-shrink: 0; width: 310px;\n background: white; border: 1px solid var(--border);\n border-radius: 18px; padding: 22px;\n }\n .rsc-top { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }\n .rsc-avatar {\n width: 48px; height: 48px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px; font-weight: 700; color: white; flex-shrink: 0;\n }\n .rsc-name { font-size: 14px; font-weight: 600; color: var(--ink); }\n .rsc-meta { font-size: 12px; color: var(--ink-muted); }\n .rsc-stars { color: #f59e0b; font-size: 13px; margin-bottom: 8px; }\n .rsc-text { font-size: 14px; color: var(--ink-mid); line-height: 1.6; font-style: italic; }\n .rsc-verified {\n margin-top: 10px; font-size: 11px; color: var(--teal);\n font-weight: 600; display: flex; align-items: center; gap: 4px;\n }\n .rsc-verified svg { width:12px; height:12px; stroke:var(--teal); fill:none; stroke-width:2.5; stroke-linecap:round; }\n\n \/* \u2500\u2500 RESPONSIVE NEW SECTIONS \u2500\u2500 *\/\n @media(max-width:1024px){\n .no1-layout { grid-template-columns: 1fr; }\n .no1-img-wrap { order: -1; }\n .no1-stats-col { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; }\n .no1-stats-col.right .no1-stat { text-align: left; }\n .no1-stats-col.right .no1-stat-icon { margin-left: 0; }\n .ba-grid { grid-template-columns: repeat(2, 1fr); }\n .happy-inner { grid-template-columns: 1fr; }\n .happy-text-col { padding: 0 20px; }\n }\n @media(max-width:640px){\n #no1 { padding: 60px 20px; }\n .no1-img { width: 100%; max-width: 360px; }\n #beforeafter { padding: 60px 20px; }\n .ba-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\n #happy { padding: 60px 20px; }\n .happy-inner { grid-template-columns: 1fr; gap: 32px; }\n .hm-col:nth-child(2) { margin-top: 40px; }\n #videos { padding: 60px 0 48px; }\n .videos-header { padding: 0 20px; }\n .vcarousel-scroll { padding: 8px 20px; }\n .vcard { width: 180px; }\n .cell-video-wrap { padding: 48px 20px 40px; }\n }\n\n \/* Usage guide responsive *\/\n @media(max-width:1024px){\n #usage { padding: 80px 40px; }\n .depth-grid { grid-template-columns: repeat(3, 1fr); }\n .protocol-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media(max-width:640px){\n #usage { padding: 60px 20px; }\n .depth-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n .protocol-grid { grid-template-columns: 1fr; }\n }\n\n <\/style>\n<\/head>\n<body>\n\n\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\">The Science<\/a>\n <a href=\"#benefits\" class=\"nav-link\">Benefits<\/a>\n <a href=\"#testimonials\" class=\"nav-link\">Reviews<\/a>\n <a href=\"#usage\" class=\"nav-link\">Usage Guide<\/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 Order \u2014 \u20ac69\n <\/a>\n <\/div>\n<\/nav>\n\n\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>Clinical Technology \u00b7 Anti-Aging \u00b7 Acne Scars \u00b7 Imperfections<\/span>\n <\/div>\n <h1 class=\"hero-title reveal d1\">\n Wrinkles, acne scars &<br><span class=\"accent\">skin imperfections<\/span> \u2014<br>solved at home.\n <\/h1>\n <p class=\"hero-sub reveal d2\">\n The Doctor Pen M8 is a clinical-grade microneedling pen that reduces fine lines, fades acne scars and smooths skin imperfections \u2014 all from home, in just a few sessions.\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>Wrinkles reduced<\/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>Acne scars faded<\/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>Skin evened out<\/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\">\u20ac69<\/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 Free shipping \u2014 Ships within 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 Order Now\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 Satisfaction guaranteed \u2014 30-day no-questions refund\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\">Wrinkles \u00b7 Acne Scars \u00b7 Imperfections<\/div>\n <div class=\"product-tag-row\">\n <span class=\"product-tag\">Wireless<\/span>\n <span class=\"product-tag\">16,000 RPM<\/span>\n <span class=\"product-tag\">6 speeds<\/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\">Adjustable depth<\/div>\n <\/div>\n <div class=\"spec-pill mid-left\">\n <div class=\"spec-pill-val\">36<\/div>\n <div class=\"spec-pill-label\">Nano needles<\/div>\n <\/div>\n <div class=\"spec-pill bot-left\">\n <div class=\"spec-pill-val\">16K<\/div>\n <div class=\"spec-pill-label\">RPM motor<\/div>\n <\/div>\n <div class=\"spec-pill top-right\">\n <div class=\"spec-pill-val\">6<\/div>\n <div class=\"spec-pill-label\">Speed levels<\/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\">Li-ion battery<\/div>\n <\/div>\n <div class=\"spec-pill bot-right\">\n <div class=\"spec-pill-val\">Micro-USB<\/div>\n <div class=\"spec-pill-label\">Fast charge<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\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\">12-month warranty<\/div><div class=\"t2\">30-day refund<\/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\">Free shipping<\/div><div class=\"t2\">Ships in 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\">Secure payment<\/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 customers<\/div><div class=\"t2\">Rated 4.9 \/ 5<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\">Collagen Stimulation<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Wrinkle Reduction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Acne Scar Fading<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Skin Imperfections<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\">Professional Grade<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Dark Spot Correction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Even Skin Texture<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Radiant Skin \u00b7 Wireless<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Collagen Stimulation<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Wrinkle Reduction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Acne Scar Fading<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Skin Imperfections<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\">Professional Grade<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Dark Spot Correction<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Even Skin Texture<span class=\"marquee-dot\"><\/span><\/div>\n <div class=\"marquee-item\">Radiant Skin \u00b7 Wireless<span class=\"marquee-dot\"><\/span><\/div>\n <\/div>\n<\/div>\n\n\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\">RPM<br>high-performance motor<\/div><\/div>\n <div class=\"stat-item reveal d1\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Adjustable<br>speed levels<\/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\">More serum<br>absorption<\/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\">Satisfied customers<br>worldwide<\/div><\/div>\n<\/div>\n\n\n<div class=\"product-gallery\">\n <div class=\"product-gallery-frame reveal\">\n <img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/doctor-pen-m8.jpg\"\n alt=\"Doctor Pen M8 \u2014 full view\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"product-gallery-frame reveal d1\">\n <img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/dr-pen-m8.jpg\"\n alt=\"Doctor Pen M8 \u2014 detail view\"\n loading=\"lazy\" \/>\n <\/div>\n<\/div>\n\n\n<section id=\"results\">\n <div class=\"results-header\">\n <p class=\"section-eyebrow center\">Real Results<\/p>\n <h2 class=\"section-heading reveal d1\">Before <em>&<\/em> After<\/h2>\n <p class=\"results-sub reveal d2\">Photos shared by our customers \u2014 wrinkles, acne scars & imperfections treated at home<\/p>\n <\/div>\n <div class=\"carousel-wrap\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/fb1542a62e86f186fd4e6e8b74f3a06e.webp\" alt=\"Before after 1\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/49035bd90a06d4ec10b09eca529f0316.webp\" alt=\"Before after 2\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2f8a21b0d30f8482ebf4fb2d98a6a749.webp\" alt=\"Before after 3\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2ce6d26ee4949e6a1c6c5d69ee620b54.webp\" alt=\"Before after 4\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/7830b8613d26680ae8d2c1b123af3fd0.webp\" alt=\"Before after 5\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/6b956b436c0bdf548b393fb64522a31f.webp\" alt=\"Before after 6\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/3a65f301cc0230fceaf3a0d0ba7c9ca0.webp\" alt=\"Before after 7\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/1ed96fe4398331414b368f0e1cf26ca0.webp\" alt=\"Before after 8\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/0b92fffe2cf72257ec2c0c167352ead0.webp\" alt=\"Before after 9\" loading=\"lazy\"\/><\/div>\n \n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/fb1542a62e86f186fd4e6e8b74f3a06e.webp\" alt=\"Before after 1\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/49035bd90a06d4ec10b09eca529f0316.webp\" alt=\"Before after 2\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2f8a21b0d30f8482ebf4fb2d98a6a749.webp\" alt=\"Before after 3\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/2ce6d26ee4949e6a1c6c5d69ee620b54.webp\" alt=\"Before after 4\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/7830b8613d26680ae8d2c1b123af3fd0.webp\" alt=\"Before after 5\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/6b956b436c0bdf548b393fb64522a31f.webp\" alt=\"Before after 6\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/3a65f301cc0230fceaf3a0d0ba7c9ca0.webp\" alt=\"Before after 7\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/1ed96fe4398331414b368f0e1cf26ca0.webp\" alt=\"Before after 8\" loading=\"lazy\"\/><\/div>\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/0b92fffe2cf72257ec2c0c167352ead0.webp\" alt=\"Before after 9\" loading=\"lazy\"\/><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"how\">\n <div class=\"how-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">How It Works<\/p>\n <h2 class=\"section-heading reveal d1\" style=\"margin-bottom:36px;\">Why it works on<br><em>scars, wrinkles & more<\/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 skin channels<\/h4><p>Titanium micro-needles create precise micro-perforations in the epidermis \u2014 triggering the skin's natural repair response in both aging skin and scarred tissue.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d2\">\n <div class=\"step-number\">02<\/div>\n <div class=\"step-body\"><h4>Collagen synthesis<\/h4><p>The body interprets the micro-injuries as a regeneration signal, massively stimulating collagen and elastin production.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d3\">\n <div class=\"step-number\">03<\/div>\n <div class=\"step-body\"><h4>Maximized absorption<\/h4><p>The micro-channels increase serum absorption by up to +300%, multiplying the effectiveness of your active skincare products.<\/p><\/div>\n <\/div>\n <div class=\"how-step reveal d4\">\n <div class=\"step-number\">04<\/div>\n <div class=\"step-body\"><h4>Regenerated skin<\/h4><p>From the very first session, your skin gains radiance. After 3 to 6 sessions, wrinkles are smoother, acne scars and imperfections are visibly reduced \u2014 results are lasting.<\/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>Skin Regeneration \u2014 M8<\/h4>\n <span>Clinical Data<\/span>\n <\/div>\n <div class=\"science-card-body\">\n <div id=\"skin-cross\">\n <div class=\"skin-row\"><div class=\"skin-row-label\">Epidermis<\/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\">Sup. dermis<\/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\">Collagen<\/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\">Elastin<\/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\">Sessions for lasting results<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">94%<\/div><div class=\"sci-stat-label\">Customer satisfaction<\/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\">Maximum depth<\/div><\/div>\n <div class=\"sci-stat\"><div class=\"sci-stat-val\">24h<\/div><div class=\"sci-stat-label\">First improvement<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Your skin can repair itself.<br><em>Give it the right tool.<\/em><\/h3>\n <p>Clinical-grade microneedling \u2014 from the comfort of your home. Free shipping worldwide.<\/p>\n <div class=\"cta-band-trust\">\n <span>30-day money-back guarantee<\/span>\n <span>Free worldwide shipping<\/span>\n <span>12-month warranty<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Order now \u2014 \u20ac69\n <\/a>\n <p class=\"btn-white-price\">Ships within 24 business hours<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"cell-video\">\n <div class=\"cell-video-wrap\">\n <div class=\"cell-video-frame\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183761456?background=1&autoplay=1&loop=1&muted=1&quality=720p\"\n allow=\"autoplay\" frameborder=\"0\" title=\"Microneedling cell regeneration\"><\/iframe>\n <\/div>\n <p class=\"cell-video-caption\">Microneedling triggers your skin's natural repair process \u2014 collagen is rebuilt from the inside out.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"no1\">\n <div class=\"no1-inner\">\n <div class=\"no1-title-block reveal\">\n <h2 class=\"no1-headline\">The <em>N\u00b01<\/em> home microneedling pen<\/h2>\n <p class=\"no1-sub-text\">Designed for visible, lasting results \u2014 safely and comfortably, without a clinic visit.<\/p>\n <\/div>\n <div class=\"no1-layout\">\n \n <div class=\"no1-stats-col\">\n <div class=\"no1-stat reveal\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n <div class=\"no1-stat-title\">+3,000 proven cases<\/div>\n <div class=\"no1-stat-desc\">Visible results: measurable skin thickening in as little as 8 weeks of treatment.<\/div>\n <\/div>\n <div class=\"no1-stat reveal d1\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <div class=\"no1-stat-title\">Optimized absorption<\/div>\n <div class=\"no1-stat-desc\">Serums penetrate up to 95% deeper into the skin for maximum active efficacy.<\/div>\n <\/div>\n <\/div>\n \n <div class=\"no1-img-wrap reveal d2\">\n <img decoding=\"async\" class=\"no1-img\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/photo-dr-pen-m8.webp\" alt=\"Doctor Pen M8\" \/>\n <\/div>\n \n <div class=\"no1-stats-col right\">\n <div class=\"no1-stat reveal d1\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <div class=\"no1-stat-title\">Maximum safety<\/div>\n <div class=\"no1-stat-desc\">86% fewer micro-lesions compared to standard microneedling, thanks to anti-reflux technology.<\/div>\n <\/div>\n <div class=\"no1-stat reveal d2\">\n <svg class=\"no1-stat-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n <div class=\"no1-stat-title\">Soothed skin<\/div>\n <div class=\"no1-stat-desc\">Redness disappears in under 24h \u2014 even on sensitive and reactive skin types.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"videos\">\n <div class=\"videos-header\">\n <p class=\"section-eyebrow center\">Customer Demos<\/p>\n <h2 class=\"section-heading reveal d1\">See the <em>results on video<\/em><\/h2>\n <\/div>\n <div class=\"vcarousel-outer\">\n <div class=\"vcarousel-scroll\" id=\"vcarouselScroll\">\n \n <div class=\"vcard\" onclick=\"openVideo('1183759144')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759144?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer microneedling session at home<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759099')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759099?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer \u2014 microneedling in action<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759054')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759054?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Treating a scar \u2014 customer demo<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797529')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797529?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Day-by-day skin evolution<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797598')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797598?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Wrinkles<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797581')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797581?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Acne scars<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183797554')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797554?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Visible evolution over several days<\/div>\n <\/div>\n \n <div class=\"vcard\" onclick=\"openVideo('1183759144')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759144?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer microneedling session at home<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183759099')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759099?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Customer \u2014 microneedling in action<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183759054')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183759054?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Treating a scar \u2014 customer demo<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797529')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797529?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Day-by-day skin evolution<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797598')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797598?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Wrinkles<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797581')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797581?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Before \/ After \u2014 Acne scars<\/div>\n <\/div>\n <div class=\"vcard\" onclick=\"openVideo('1183797554')\">\n <div class=\"vcard-thumb\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/1183797554?background=1&autoplay=1&loop=1&muted=1&quality=540p\" allow=\"autoplay\" frameborder=\"0\" style=\"position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);border:none;pointer-events:none;\"><\/iframe>\n\n <\/div>\n <div class=\"vcard-label\">Visible evolution over several days<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"benefits\">\n <div class=\"benefits-header\">\n <p class=\"section-eyebrow center\">Why Choose It<\/p>\n <h2 class=\"section-heading reveal d1\">One device, <em>multiple solutions<\/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>Wrinkles & fine lines<\/h3>\n <p>Stimulate natural collagen and elastin production to visibly reduce fine lines and wrinkles \u2014 especially around the eyes, forehead and mouth.<\/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>Fast results<\/h3>\n <p>Visible radiance from the very first session. Lasting, progressive results after 3 to 6 treatments spaced 4 to 6 weeks apart.<\/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>Acne scars & imperfections<\/h3>\n <p>Effectively fade acne scars, smooth skin imperfections and reduce post-inflammatory marks through targeted cellular regeneration \u2014 with visible results from the first sessions.<\/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>Impeccable hygiene<\/h3>\n <p>The patented anti-reflux mechanism prevents any fluid backflow into the device. Every session is 100% safe and hygienic.<\/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>+300% absorption<\/h3>\n <p>Micro-channels multiply serum and active ingredient penetration, maximizing the effectiveness of your daily skincare routine.<\/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>Clinical performance<\/h3>\n <p>16,000 RPM motor, 6 speed levels, adjustable depth 0\u20132.5mm, 600mAh wireless battery. The same technology used by professionals \u2014 now available at home for a fraction of the cost.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Wrinkles. Acne scars. Skin texture.<br><em>One pen. Real results.<\/em><\/h3>\n <p>Join over 3,000 customers who've transformed their skin with the Doctor Pen M8 \u2014 at a fraction of the clinic cost.<\/p>\n <div class=\"cta-band-trust\">\n <span>\u20ac69 one-time \u2014 no subscription<\/span>\n <span>Visible from session 1<\/span>\n <span>Secure checkout<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Get the Doctor Pen M8\n <\/a>\n <p class=\"btn-white-price\">Free worldwide shipping \u00b7 In stock<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"happy\">\n <div class=\"happy-inner\">\n \n <div class=\"happy-mosaic\">\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_6.jpg-2.webp\" alt=\"Customer 1\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_2_93d6c714-883a-49d8-a213-14bc2e6c02db.jpg.webp\" alt=\"Customer 4\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_62.jpg.webp\" alt=\"Customer 7\" loading=\"lazy\"\/>\n <\/div>\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_4.jpg.webp\" alt=\"Customer 2\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_70.jpg-2.webp\" alt=\"Customer 5\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_58.jpg.webp\" alt=\"Customer 8\" loading=\"lazy\"\/>\n <\/div>\n \n <div class=\"hm-col\">\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Technologie_1_aad7de91-022e-47a8-95b9-0177a0b4e8d6.jpg.webp\" alt=\"Customer 3\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_63.jpg.webp\" alt=\"Customer 6\" loading=\"lazy\"\/>\n <img decoding=\"async\" class=\"hm-photo\" src=\"https:\/\/doctor-pen.com\/wp-content\/uploads\/2026\/04\/Design_sans_titre_56.jpg.webp\" alt=\"Customer 9\" loading=\"lazy\"\/>\n <\/div>\n <\/div>\n \n <div class=\"happy-text-col\">\n <div class=\"happy-proof-badge\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Joined by +4,800 satisfied customers\n <\/div>\n <div class=\"happy-rating\">\u2605\u2605\u2605\u2605\u2605 <span>Excellent 4.9\/5<\/span><\/div>\n <h2 class=\"happy-headline\">They tested it,<br><em>loved it, adopted it!<\/em><\/h2>\n <p class=\"happy-highlight\">The treatment recognized for stimulating collagen and visibly improving skin quality \u2014 wrinkles, acne scars, and imperfections.<\/p>\n <p class=\"happy-quote\">\"Exceptional quality. I work in an aesthetic clinic and the Doctor Pen M8 far surpasses what we were using. Impressive results, a solid and safe device.\"<\/p>\n <div class=\"happy-customer\">Erika M. \u2014 36 yrs, Geneva <span class=\"happy-customer-dot\">\u2713 Verified<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"testimonials-header\">\n <p class=\"section-eyebrow center\">Testimonials<\/p>\n <h2 class=\"section-heading reveal d1\">Real skin. Real results.<\/h2>\n <\/div>\n \n <div class=\"reviews-scroll-outer\">\n <div class=\"reviews-scroll-track\">\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--blue)\">M<\/div><div><div class=\"rsc-name\">Marie-Claire D.<\/div><div class=\"rsc-meta\">Lyon \u00b7 52 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"After just 4 sessions, my eye wrinkles have visibly reduced and my skin texture is so much smoother. Firmer and more radiant than ever.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--teal)\">S<\/div><div><div class=\"rsc-name\">Sophie R.<\/div><div class=\"rsc-meta\">Paris \u00b7 34 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My acne scars and little skin imperfections have almost completely faded after 6 weeks. An investment I absolutely don't regret.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#7c3aed\">I<\/div><div><div class=\"rsc-name\">Isabelle M.<\/div><div class=\"rsc-meta\">Bordeaux \u00b7 Esthetician, 45 yrs<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"As an esthetician with 15 years of experience, I was blown away by the M8's quality. Professional performance, powerful and quiet motor.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#e85d3d\">N<\/div><div><div class=\"rsc-name\">Nadia T.<\/div><div class=\"rsc-meta\">Brussels \u00b7 27 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Finally something that works on post-acne marks. My skin texture is smoother than it's ever been in my adult life.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#1557a0\">K<\/div><div><div class=\"rsc-name\">Karim B.<\/div><div class=\"rsc-meta\">Marseille \u00b7 41 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My crow's feet have significantly faded. Even my dermatologist noticed the difference and asked what I was using.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#0f8a78\">C<\/div><div><div class=\"rsc-name\">Camille G.<\/div><div class=\"rsc-meta\">Switzerland \u00b7 26 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Very satisfied from the very first sessions. Results are visible, the pen is simple to use and perfectly compatible with my serums.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n \n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--blue)\">M<\/div><div><div class=\"rsc-name\">Marie-Claire D.<\/div><div class=\"rsc-meta\">Lyon \u00b7 52 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"After just 4 sessions, my eye wrinkles have visibly reduced and my skin texture is so much smoother. Firmer and more radiant than ever.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:var(--teal)\">S<\/div><div><div class=\"rsc-name\">Sophie R.<\/div><div class=\"rsc-meta\">Paris \u00b7 34 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My acne scars and little skin imperfections have almost completely faded after 6 weeks. An investment I absolutely don't regret.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#7c3aed\">I<\/div><div><div class=\"rsc-name\">Isabelle M.<\/div><div class=\"rsc-meta\">Bordeaux \u00b7 Esthetician, 45 yrs<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"As an esthetician with 15 years of experience, I was blown away by the M8's quality. Professional performance, powerful and quiet motor.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#e85d3d\">N<\/div><div><div class=\"rsc-name\">Nadia T.<\/div><div class=\"rsc-meta\">Brussels \u00b7 27 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Finally something that works on post-acne marks. My skin texture is smoother than it's ever been in my adult life.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#1557a0\">K<\/div><div><div class=\"rsc-name\">Karim B.<\/div><div class=\"rsc-meta\">Marseille \u00b7 41 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"My crow's feet have significantly faded. Even my dermatologist noticed the difference and asked what I was using.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/div><\/div>\n <div class=\"rsc\"><div class=\"rsc-top\"><div class=\"rsc-avatar\" style=\"background:#0f8a78\">C<\/div><div><div class=\"rsc-name\">Camille G.<\/div><div class=\"rsc-meta\">Switzerland \u00b7 26 years old<\/div><\/div><\/div><div class=\"rsc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"rsc-text\">\"Very satisfied from the very first sessions. Results are visible, the pen is simple to use and perfectly compatible with my serums.\"<\/p><div class=\"rsc-verified\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified purchase<\/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\">Average rating<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">+4,800<\/div><div class=\"sp-label\">Satisfied customers<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">97%<\/div><div class=\"sp-label\">Would recommend<\/div><\/div>\n <div class=\"sp-divider\"><\/div>\n <div class=\"sp-item\"><div class=\"sp-num\">94%<\/div><div class=\"sp-label\">Visible results<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"offer\">\n <div class=\"offer-inner\">\n <p class=\"section-eyebrow center\">Launch Offer<\/p>\n <h2 class=\"section-heading reveal d1\">Order your<br><em>Doctor Pen M8<\/em><\/h2>\n <p class=\"reveal d2\">Wrinkles, acne scars, imperfections \u2014 one device, one price. Limited stock at this launch offer with free shipping and a 30-day satisfaction guarantee.<\/p>\n <div class=\"offer-card reveal d3\">\n <div class=\"offer-promo-badge\">Limited offer<\/div>\n <div class=\"offer-price\"><sup>\u20ac<\/sup>69<\/div>\n <div class=\"offer-old\">Retail price: <s>\u20ac149<\/s> \u2014 You save <strong style=\"color:var(--teal)\">\u20ac80<\/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>Free shipping included<\/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 needle cartridges<\/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>12-month warranty<\/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>Free 30-day returns<\/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>Ships within 24 business hours<\/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>English user guide included<\/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 Add to cart \u2014 \u20ac69\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>100% secure payment<\/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>Satisfaction guaranteed<\/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>Free shipping<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"usage\">\n <div class=\"usage-inner\">\n <div class=\"usage-header\">\n <p class=\"section-eyebrow center\">Usage Guide<\/p>\n <h2 class=\"section-heading reveal d1\">How to use your<br><em>Doctor Pen M8<\/em><\/h2>\n <p class=\"reveal d2\" style=\"font-size:15px;color:var(--ink-muted);font-weight:300;max-width:560px;margin:0 auto;margin-top:12px;\">Follow these recommendations to achieve safe, effective results \u2014 and get the most out of every session.<\/p>\n <\/div>\n\n \n <p class=\"section-eyebrow reveal\" style=\"text-align:center;margin-bottom:20px;\">Recommended depth by facial zone \u2014 Speed 6<\/p>\n <div class=\"depth-grid reveal d1\">\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3\"\/><path d=\"M7 20s1-4 5-4 5 4 5 4\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Cheeks<\/div>\n <div class=\"depth-val\">1.25<span>mm<\/span><\/div>\n <div class=\"depth-note\">Fleshy zone, tolerates deeper treatment<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.5 2 6 5 6 8c0 2.5 1.5 4.5 4 6l2 8 2-8c2.5-1.5 4-3.5 4-6 0-3-2.5-6-6-6z\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Nose & Chin<\/div>\n <div class=\"depth-val\">0.50<span>mm<\/span><\/div>\n <div class=\"depth-note\">Thin skin \u2014 use shallow depth<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 9c0-2.2 3.6-4 8-4s8 1.8 8 4\"\/><path d=\"M4 9c0 2.2 3.6 4 8 4M20 9c0 2.2-3.6 4-8 4\"\/><circle cx=\"12\" cy=\"13\" r=\"2\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Under-eye<\/div>\n <div class=\"depth-val\">0.25<span>mm<\/span><\/div>\n <div class=\"depth-note\">Very delicate \u2014 ultra-light pass only<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5v7\"\/><rect x=\"4\" y=\"3\" width=\"16\" height=\"6\" rx=\"2\"\/><\/svg><\/div>\n <div class=\"depth-zone\">Forehead<\/div>\n <div class=\"depth-val\">0.75<span>mm<\/span><\/div>\n <div class=\"depth-note\">Medium density skin<\/div>\n <\/div>\n <div class=\"depth-card\">\n <div class=\"depth-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg><\/div>\n <div class=\"depth-zone\">First session<\/div>\n <div class=\"depth-val\">0.50<span>mm<\/span><\/div>\n <div class=\"depth-note\">Always start conservative \u2014 max 0.5 mm<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"protocol-grid reveal d2\">\n \n <div class=\"proto-col before\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n <div class=\"proto-label\">Before<\/div>\n <\/div>\n <div class=\"proto-title\">Prepare your skin & device<\/div>\n <ul class=\"proto-list\">\n <li><span>Cleanse your face thoroughly<\/span><\/li>\n <li><span>Disinfect the pen body and cartridge with isopropyl alcohol<\/span><\/li>\n <li><span>Disinfect the skin with a suitable antiseptic<\/span><\/li>\n <li><span><strong>Avoid retinol and acids 48h before<\/strong> the session<\/span><\/li>\n <li><span>Do not treat active or inflamed acne \u2014 wait until fully healed<\/span><\/li>\n <li><span>You may apply a topical numbing cream (EMLA) 30 min before for deeper sessions<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col during\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M10 8l6 4-6 4V8z\"\/><\/svg><\/div>\n <div class=\"proto-label\">During<\/div>\n <\/div>\n <div class=\"proto-title\">Session technique<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>First time: max 0.5 mm<\/strong> on all zones<\/span><\/li>\n <li><span>Work zone by zone \u2014 do not mix zones in a single pass<\/span><\/li>\n <li><span>Use light, even movements \u2014 do not press hard<\/span><\/li>\n <li><span>Horizontal, vertical, then diagonal passes for each zone<\/span><\/li>\n <li><span>Apply a <strong>microneedling-specific serum ampoule<\/strong> as you go for optimal absorption<\/span><\/li>\n <li><span>Each zone: 3\u20134 passes, 5\u201310 minutes total per session<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col after\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"proto-label\">After<\/div>\n <\/div>\n <div class=\"proto-title\">Recovery & skincare<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>No makeup for 24h<\/strong> after the session<\/span><\/li>\n <li><span>Use a clean pillowcase the same evening<\/span><\/li>\n <li><span>Hydrate heavily: La Roche-Posay Cicaplast B5 or AESTURA Atobarrier barrier cream<\/span><\/li>\n <li><span><strong>No actives (acids, retinol) for 3 days<\/strong><\/span><\/li>\n <li><span>LED mask sessions (red light) are beneficial in recovery<\/span><\/li>\n <li><span>Apply <strong>SPF 50<\/strong> daily starting the day after<\/span><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"proto-col avoid\">\n <div class=\"proto-col-header\">\n <div class=\"proto-col-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div>\n <div class=\"proto-label\">Avoid<\/div>\n <\/div>\n <div class=\"proto-title\">What to steer clear of<\/div>\n <ul class=\"proto-list\">\n <li><span><strong>No sun, sport, sauna or pool<\/strong> for 24\u201348h after<\/span><\/li>\n <li><span>Do not touch your face with unclean hands after the session<\/span><\/li>\n <li><span>Never share cartridges \u2014 single use only<\/span><\/li>\n <li><span>Do not treat skin with active infections or open wounds<\/span><\/li>\n <li><span><strong>Wait 4 weeks between sessions<\/strong> to allow full skin regeneration<\/span><\/li>\n <li><span>Do not apply fragrance or alcohol-based products on treated skin<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"usage-note reveal d3\">\n <strong>Recommended treatment plan:<\/strong> 1 session every 4\u20136 weeks \u00b7 3 to 6 sessions for lasting results \u00b7 Visible radiance improvement from the very first session.\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"specs\">\n <div class=\"specs-inner\">\n <div>\n <p class=\"section-eyebrow reveal\">Specifications<\/p>\n <h2 class=\"section-heading reveal d1\">Built for <em>performance<\/em><\/h2>\n <table class=\"specs-table\">\n <tr class=\"reveal\"><td>Model<\/td><td>Dr. Pen M8<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Motor speed<\/td><td>16,000 RPM<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Speed levels<\/td><td>6 (digital display)<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Compatible cartridges<\/td><td>16 \/ 18 \/ 24 \/ 36 \/ 42 pins + nano<\/td><\/tr>\n <tr class=\"reveal d4\"><td>Adjustable depth<\/td><td>0 to 2.5 mm<\/td><\/tr>\n <tr class=\"reveal d5\"><td>Battery<\/td><td>600 mAh Li-ion<\/td><\/tr>\n <tr class=\"reveal\"><td>Charging<\/td><td>Micro-USB<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Anti-reflux<\/td><td>Yes \u2014 3-bayonet connector<\/td><\/tr>\n <tr class=\"reveal d1\"><td>Use<\/td><td>Home & professional<\/td><\/tr>\n <tr class=\"reveal d2\"><td>Warranty<\/td><td>12 months<\/td><\/tr>\n <tr class=\"reveal d3\"><td>Returns<\/td><td>30-day no-questions policy<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"reveal-right\">\n <p class=\"section-eyebrow\">What's in the box<\/p>\n <h2 class=\"section-heading\" style=\"margin-bottom:0\">Everything included,<br><em>ready to use<\/em><\/h2>\n <div class=\"box-card\">\n <div class=\"box-card-header\"><h3>What's in the box<\/h3><p>Everything you need to get started<\/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>Doctor Pen M8 microneedling pen<\/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 sterilized 16-pin needle cartridges<\/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>Micro-USB charging cable<\/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>Zippered carrying pouch<\/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>English user manual<\/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>Depth guide by facial zone<\/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\">Free worldwide shipping<\/div><div class=\"s-sub\">Ships within 24h \u00b7 Real-time tracking \u00b7 International delivery<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<div class=\"cta-band\">\n <div class=\"cta-band-text\">\n <h3>Ready to start <em>your first session?<\/em><\/h3>\n <p>The Doctor Pen M8 comes with everything you need: 3 cartridges, a Micro-USB cable, and an English user guide. No clinic. No appointment.<\/p>\n <div class=\"cta-band-trust\">\n <span>30-day satisfaction guarantee<\/span>\n <span>Delivered in 5\u201310 business days<\/span>\n <span>English guide included<\/span>\n <\/div>\n <\/div>\n <div class=\"cta-band-right\">\n <a href=\"https:\/\/doctor-pen.com\/?fluent-cart=instant_checkout&item_id=1&quantity=1\" class=\"btn-white\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n Order \u2014 \u20ac69 \u00b7 Free shipping\n <\/a>\n <p class=\"btn-white-price\">100% secure payment<\/p>\n <\/div>\n<\/div>\n\n\n<section id=\"faq\">\n <div class=\"faq-header\">\n <p class=\"section-eyebrow center\">Frequently asked questions<\/p>\n <h2 class=\"section-heading reveal d1\">Everything you need to know<\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-item reveal\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Is home microneedling painful?<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\">The sensation varies with depth and skin sensitivity. For beginners, we recommend starting at 0.25mm \u2014 the feeling is minimal, like a light tingling. Applying a topical numbing cream is advised for deeper settings.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d1\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">How often should I use the 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 session every 4 to 6 weeks, for a program of 3 to 6 sessions. This gap is essential to allow your skin to fully regenerate between treatments and maximize collagen production.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d2\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">When will I see the first results?<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\">Improved radiance and texture are visible within 24\u201348h after your session. Significant results on wrinkles and scars become apparent after 3 to 6 sessions (6 to 12 weeks), with progressive and lasting improvement.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d3\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Can it really reduce acne scars and imperfections?<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\">Yes \u2014 microneedling is one of the most clinically validated methods for reducing acne scars and skin imperfections. The micro-injuries created by the M8 trigger cell renewal and collagen remodelling, gradually breaking down scar tissue and smoothing out uneven skin texture. Results are visible from session 2\u20133, and continue improving over time. Note: it is not recommended on active inflammatory acne. Treat the area once blemishes have fully healed.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d4\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Are the cartridges reusable?<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\">To guarantee absolute hygiene, each cartridge is for single use per session. Replacement cartridge packs are available separately. Never share cartridges between individuals.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d5\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What is the battery life?<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\">The 600mAh battery charges fully in about 2 hours via Micro-USB. A full charge provides 3 to 4 sessions of 20 minutes. An LED indicator shows the charge level in real time (green\/orange\/red).<\/div><\/div><\/div>\n <div class=\"faq-item reveal\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What depth should I use for my first session?<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\">For your very first session, never exceed 0.5 mm on any facial zone. This lets your skin build tolerance safely. After a few sessions you can increase gradually: 1.25 mm on cheeks, 0.75 mm on the forehead, 0.50 mm on the nose and chin, and 0.25 mm under the eyes. Always start conservative \u2014 you can always go deeper, but you can't undo over-treatment.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d1\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">What should I apply to my skin after a session?<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\">Immediately after your session, apply a generous layer of barrier cream \u2014 La Roche-Posay Cicaplast B5 or AESTURA Atobarrier are ideal. Keep your skin heavily hydrated for 24\u201348h. Avoid all actives (retinol, acids, vitamin C) for at least 3 days. No makeup for 24h, and make sure to use SPF 50 every morning from the day after. A red LED mask session during recovery can also speed up healing and boost results.<\/div><\/div><\/div>\n <div class=\"faq-item reveal d2\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Are there things I should avoid before or after microneedling?<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\">Yes \u2014 a few key rules to follow: Before the session, stop using retinol and exfoliating acids 48h in advance, and never treat skin with active, inflamed acne. After your session, avoid sun exposure, intense exercise, sauna, and swimming pools for 24\u201348h. Do not touch your face with unwashed hands, and avoid applying any fragrance or alcohol-based products on treated skin. Finally, always wait at least 4 weeks before your next session to allow your skin to fully regenerate.<\/div><\/div><\/div>\n <\/div>\n <div class=\"contact-cta reveal\">\n <p>Still have questions? Our team replies within 24h.<\/p>\n <a href=\"https:\/\/doctor-pen.com\/contact\" class=\"btn-outline\">Contact our team<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\n<div class=\"vlightbox\" id=\"vlightbox\">\n <div class=\"vlightbox-inner\">\n <button class=\"vlightbox-close\" onclick=\"closeVideo()\">\u00d7<\/button>\n <iframe id=\"vlightbox-iframe\" src=\"\" allow=\"autoplay; fullscreen\" frameborder=\"0\" allowfullscreen><\/iframe>\n <\/div>\n<\/div>\n\n\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>The professional microneedling pen for younger, firmer, more radiant skin \u2014 from the comfort of your home. Clinical technology, visible results.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigation<\/h4>\n <a href=\"#how\">The Science<\/a>\n <a href=\"#benefits\">Benefits<\/a>\n <a href=\"#specs\">Specifications<\/a>\n <a href=\"#testimonials\">Reviews<\/a>\n <a href=\"#usage\">Usage Guide<\/a>\n <a href=\"#offer\">Order<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Information<\/h4>\n <a href=\"https:\/\/doctor-pen.com\/contact\">Contact<\/a>\n <a href=\"https:\/\/doctor-pen.com\/politique-confidentialite\">Privacy Policy<\/a>\n <a href=\"https:\/\/doctor-pen.com\/cgv\">Terms & Conditions<\/a>\n <a href=\"https:\/\/doctor-pen.com\/mentions-legales\">Legal Notice<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Guarantees<\/h4>\n <a href=\"#\">Free shipping<\/a>\n <a href=\"#\">12-month warranty<\/a>\n <a href=\"#\">30-day returns<\/a>\n <a href=\"#\">Secure payment<\/a>\n <a href=\"#\">7\/7 support<\/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('en-US') : 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 \/\/ VIDEO LIGHTBOX\n function openVideo(id) {\n const lb = document.getElementById('vlightbox');\n const iframe = document.getElementById('vlightbox-iframe');\n iframe.src = 'https:\/\/player.vimeo.com\/video\/' + id + '?autoplay=1&loop=1&color=1557a0&portrait=0&title=0&byline=0';\n lb.classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeVideo() {\n const lb = document.getElementById('vlightbox');\n const iframe = document.getElementById('vlightbox-iframe');\n lb.classList.remove('open');\n iframe.src = '';\n document.body.style.overflow = '';\n }\n document.getElementById('vlightbox').addEventListener('click', function(e) {\n if (e.target === this) closeVideo();\n });\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeVideo(); });\n\n \/\/ VIDEO CAROUSEL \u2014 pause on touch\/drag interaction\n (function() {\n const track = document.getElementById('vcarouselScroll');\n if (!track) return;\n \/\/ Touch: pause animation while finger is down\n track.addEventListener('touchstart', () => { track.style.animationPlayState = 'paused'; }, { passive: true });\n track.addEventListener('touchend', () => { track.style.animationPlayState = 'running'; });\n \/\/ Mouse grab visual\n track.addEventListener('mousedown', () => { track.style.cursor = 'grabbing'; });\n track.addEventListener('mouseup', () => { track.style.cursor = 'grab'; });\n })();\n\n \/\/ BEFORE\/AFTER TOGGLE\n function toggleBA(cardId, showAfter, btn) {\n const card = document.getElementById(cardId);\n const tag = document.getElementById(cardId + '-tag');\n if (showAfter) {\n card.classList.add('show-after');\n if (tag) tag.textContent = 'After';\n } else {\n card.classList.remove('show-after');\n if (tag) tag.textContent = 'Before';\n }\n btn.closest('.ba-btns').querySelectorAll('.ba-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\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 Wrinkles, Acne Scars & Skin Imperfections Doctor Pen The Science Benefits Reviews Usage Guide FAQ Order […]<\/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\/da\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":102,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/pages\/12\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/doctor-pen.com\/da\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}