{"id":2917,"date":"2026-05-14T03:18:43","date_gmt":"2026-05-14T03:18:43","guid":{"rendered":"https:\/\/masstechx.com\/?page_id=2917"},"modified":"2026-05-14T11:04:12","modified_gmt":"2026-05-14T11:04:12","slug":"marker","status":"publish","type":"page","link":"https:\/\/masstechx.com\/fr\/pen-making-machine\/marker\/","title":{"rendered":"Machine de stylo marqueur"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5e10c9d\" data-block-id=\"5e10c9d\"><style>.stk-5e10c9d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5e10c9d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-84e96b0\" data-v=\"4\" data-block-id=\"84e96b0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-84e96b0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-84e96b0-inner-blocks\">\n<!-- ========================================================================= -->\n<!-- MS-AM-065 MARKER PEN MACHINE - CUSTOM HERO MODULE (DARK THEME) -->\n<!-- ========================================================================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&display=swap');\n\n\/* 1. HIGHEST LEVEL OF SCOPE & FULL-BLEED BACKGROUND WITH TECH GRID *\/\n#ms-hero-module-065 {\n    width: 100% !important;\n    background-color: #090e17 !important;\n    \/* Premium B2B DARK Background: Deep Slate gradient + Precision Grid *\/\n    background-image: \n        linear-gradient(135deg, #0f172a 0%, #020617 100%),\n        linear-gradient(rgba(0, 120, 192, 0.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 120, 192, 0.05) 1px, transparent 1px) !important;\n    background-size: 100% 100%, 40px 40px, 40px 40px !important;\n    padding: 70px 30px !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    position: relative !important;\n}\n\n\/* Ambient Abstract Glows to reduce empty space feeling (Adapted for Dark Mode) *\/\n#ms-hero-module-065::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -15% !important;\n    left: -10% !important;\n    width: 50% !important;\n    height: 60% !important;\n    background: radial-gradient(circle, rgba(120, 96, 168, 0.15) 0%, transparent 70%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n}\n\n#ms-hero-module-065::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -10% !important;\n    right: -5% !important;\n    width: 60% !important;\n    height: 60% !important;\n    background: radial-gradient(circle, rgba(0, 120, 192, 0.12) 0%, transparent 70%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n}\n\n\/* 2. ANCHORED CONTENT & CONTAINER LOGIC *\/\n#ms-hero-module-065 .ms-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 40px !important;\n    position: relative !important;\n    z-index: 1 !important; \/* Above ambient glows *\/\n}\n\n#ms-hero-module-065 .ms-hero-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 50px !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n}\n\n\/* Left Column - Content *\/\n#ms-hero-module-065 .ms-content-col {\n    flex: 1 1 50% !important;\n    min-width: 320px !important;\n    z-index: 5 !important;\n}\n\n\/* 3. AESTHETICS & FONTS (DARK MODE TYPOGRAPHY) *\/\n#ms-hero-module-065 .ms-iso-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    background: linear-gradient(90deg, rgba(120, 96, 168, 0.25), rgba(120, 96, 168, 0.05)) !important;\n    color: #c4b5fd !important; \/* Brighter purple for dark bg *\/\n    padding: 8px 16px !important;\n    border-radius: 50px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    margin-bottom: 20px !important;\n    letter-spacing: 0.5px !important;\n    border: 1px solid rgba(120, 96, 168, 0.4) !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;\n}\n\n#ms-hero-module-065 h1.ms-title-h1 {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #a888e2 !important;\n    margin: 0 0 10px 0 !important;\n    text-transform: uppercase !important;\n    line-height: 1.4 !important;\n    letter-spacing: 0.5px !important;\n}\n\n#ms-hero-module-065 h2.ms-title-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #ffffff !important; \/* Crisp white for max contrast *\/\n    margin: 0 0 20px 0 !important;\n    line-height: 1.25 !important;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\n}\n\n#ms-hero-module-065 .ms-desc {\n    font-size: 16px !important;\n    color: #94a3b8 !important; \/* Slate 400 *\/\n    line-height: 1.7 !important;\n    margin-bottom: 30px !important;\n    font-weight: 400 !important;\n}\n\n\/* Params List Styling - Dark Datasheet Look *\/\n#ms-hero-module-065 .ms-specs-wrapper {\n    background: linear-gradient(180deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%) !important;\n    backdrop-filter: blur(10px) !important;\n    -webkit-backdrop-filter: blur(10px) !important;\n    padding: 25px 30px !important;\n    border-radius: 10px !important;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.05) !important;\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\n    border-left: 4px solid #38bdf8 !important; \/* Neon blue accent *\/\n    margin-bottom: 35px !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n\/* Abstract watermark inside specs for technical feel *\/\n#ms-hero-module-065 .ms-specs-wrapper::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: 0 !important;\n    width: 120px !important;\n    height: 120px !important;\n    background: linear-gradient(135deg, transparent 49%, rgba(56, 189, 248, 0.05) 50%) !important;\n    pointer-events: none !important;\n}\n\n#ms-hero-module-065 h2.ms-specs-title {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #f8fafc !important;\n    margin: 0 0 18px 0 !important;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n    padding-bottom: 12px !important;\n    position: relative !important;\n}\n\n#ms-hero-module-065 .ms-specs-grid {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\n    gap: 12px 24px !important;\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n#ms-hero-module-065 .ms-spec-item {\n    display: flex !important;\n    justify-content: space-between !important;\n    font-size: 14px !important;\n    padding: 6px 0 !important;\n    border-bottom: 1px dashed rgba(255, 255, 255, 0.1) !important;\n}\n\n#ms-hero-module-065 .ms-spec-item:hover {\n    background: linear-gradient(90deg, rgba(56, 189, 248, 0.05), transparent) !important;\n}\n\n#ms-hero-module-065 .ms-spec-label {\n    color: #94a3b8 !important;\n    font-weight: 500 !important;\n}\n\n#ms-hero-module-065 .ms-spec-value {\n    color: #f1f5f9 !important;\n    font-weight: 700 !important;\n    text-align: right !important;\n}\n\n\/* Button - Deep space shine effect *\/\n#ms-hero-module-065 .ms-btn {\n    display: inline-block !important;\n    background-color: #0078C0 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    padding: 16px 36px !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    border-radius: 6px !important;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    box-shadow: 0 8px 20px rgba(0, 120, 192, 0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n#ms-hero-module-065 .ms-btn::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important;\n    width: 50% !important;\n    height: 100% !important;\n    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%) !important;\n    transform: skewX(-25deg) !important;\n    animation: ms-btn-shine 5s infinite !important;\n}\n\n@keyframes ms-btn-shine {\n    0% { left: -100%; }\n    20% { left: 200%; }\n    100% { left: 200%; }\n}\n\n#ms-hero-module-065 .ms-btn:hover {\n    background-color: #38bdf8 !important;\n    box-shadow: 0 10px 25px rgba(56, 189, 248, 0.5), inset 0 1px 0 rgba(255,255,255,0.4) !important;\n    transform: translateY(-2px) !important;\n}\n\n\/* =================================================== *\/\n\/* ULTRA-PREMIUM CAROUSEL (DARK MODE)                  *\/\n\/* =================================================== *\/\n#ms-hero-module-065 .ms-gallery-col {\n    flex: 1 1 40% !important;\n    min-width: 320px !important;\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n}\n\n#ms-hero-module-065 .ms-carousel-container {\n    position: relative !important;\n    width: 100% !important;\n    aspect-ratio: 4 \/ 3 !important;\n    background: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%) !important;\n    border-radius: 12px !important;\n    border: 1px solid rgba(120, 96, 168, 0.25) !important;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(255,255,255,0.05) !important;\n    overflow: hidden !important;\n    z-index: 2 !important;\n}\n\n\/* Dark mode rotating glow *\/\n#ms-hero-module-065 .ms-carousel-container::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -50% !important;\n    left: -50% !important;\n    width: 200% !important;\n    height: 200% !important;\n    background: radial-gradient(circle at center, rgba(56, 189, 248, 0.08) 0%, transparent 60%) !important;\n    animation: ms-spin-glow 20s linear infinite !important;\n    z-index: 0 !important;\n}\n\n@keyframes ms-spin-glow {\n    100% { transform: rotate(360deg); }\n}\n\n\/* Slide Styles using Premium Clip-Path *\/\n#ms-hero-module-065 .ms-slide {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    z-index: 1 !important;\n    clip-path: inset(0 100% 0 0) !important;\n    transition: clip-path 0.9s cubic-bezier(0.77, 0, 0.175, 1) !important;\n}\n\n#ms-hero-module-065 .ms-slide.active {\n    clip-path: inset(0 0 0 0) !important;\n    z-index: 2 !important;\n}\n\n\/* The actual image with continuous levitation and deep shadows *\/\n#ms-hero-module-065 .ms-slide-img {\n    width: 85% !important;\n    height: 85% !important;\n    object-fit: contain !important;\n    filter: drop-shadow(0 30px 40px rgba(0,0,0,0.8)) !important;\n    animation: ms-levitate 6s ease-in-out infinite !important;\n    animation-delay: calc(var(--slide-idx) * -2s) !important;\n}\n\n@keyframes ms-levitate {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-12px) scale(1.02); }\n}\n\n\/* Dashboard Text Navigation (Dark Glassmorphism) *\/\n#ms-hero-module-065 .ms-dashboard-nav {\n    display: flex !important;\n    justify-content: space-between !important;\n    gap: 10px !important;\n    width: 100% !important;\n    z-index: 5 !important;\n}\n\n#ms-hero-module-065 .ms-nav-item {\n    flex: 1 !important;\n    background: rgba(30, 41, 59, 0.6) !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n    border: 1px solid rgba(255, 255, 255, 0.06) !important;\n    padding: 12px 15px !important;\n    border-radius: 8px !important;\n    cursor: pointer !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 6px !important;\n    position: relative !important;\n    overflow: hidden !important;\n    transition: all 0.4s ease !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\n}\n\n#ms-hero-module-065 .ms-nav-item:hover {\n    background: rgba(30, 41, 59, 0.9) !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.4) !important;\n}\n\n#ms-hero-module-065 .ms-nav-top {\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n}\n\n#ms-hero-module-065 .ms-nav-num {\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    color: #a888e2 !important;\n    opacity: 0.7 !important;\n    transition: opacity 0.3s ease !important;\n}\n\n#ms-hero-module-065 .ms-nav-text {\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    color: #94a3b8 !important;\n    transition: color 0.3s ease !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n}\n\n\/* Active Nav States *\/\n#ms-hero-module-065 .ms-nav-item.active {\n    border-color: rgba(56, 189, 248, 0.4) !important;\n    background: rgba(15, 23, 42, 0.9) !important;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;\n}\n\n#ms-hero-module-065 .ms-nav-item.active .ms-nav-num {\n    opacity: 1 !important;\n    color: #c4b5fd !important;\n}\n\n#ms-hero-module-065 .ms-nav-item.active .ms-nav-text {\n    color: #38bdf8 !important; \/* Neon blue active state *\/\n    font-weight: 700 !important;\n}\n\n\/* Micro Progress Bar in Nav *\/\n#ms-hero-module-065 .ms-nav-progress-bg {\n    width: 100% !important;\n    height: 3px !important;\n    background: rgba(255, 255, 255, 0.1) !important;\n    border-radius: 2px !important;\n    overflow: hidden !important;\n}\n\n#ms-hero-module-065 .ms-nav-progress-fill {\n    width: 0% !important;\n    height: 100% !important;\n    background: #38bdf8 !important;\n    border-radius: 2px !important;\n    box-shadow: 0 0 10px rgba(56, 189, 248, 0.5) !important;\n}\n\n#ms-hero-module-065 .ms-nav-item.active .ms-nav-progress-fill {\n    animation: ms-dash-fill 5s linear forwards !important;\n}\n\n@keyframes ms-dash-fill {\n    0% { width: 0%; }\n    100% { width: 100%; }\n}\n\n\/* Bottom Stats Cards - Dark Glassmorphism *\/\n#ms-hero-module-065 .ms-stats-row {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 20px !important;\n    margin-top: 20px !important;\n    position: relative !important;\n    z-index: 5 !important;\n}\n\n#ms-hero-module-065 .ms-stat-card {\n    background: rgba(30, 41, 59, 0.6) !important;\n    backdrop-filter: blur(12px) !important;\n    -webkit-backdrop-filter: blur(12px) !important;\n    padding: 25px 20px !important;\n    border-radius: 10px !important;\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\n    border-top: 4px solid #7860A8 !important;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05) !important;\n    text-align: center !important;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#ms-hero-module-065 .ms-stat-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 45px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1) !important;\n    border-top-color: #38bdf8 !important;\n    background: rgba(30, 41, 59, 0.9) !important;\n}\n\n#ms-hero-module-065 .ms-stat-number {\n    font-size: 34px !important;\n    font-weight: 700 !important;\n    color: #38bdf8 !important; \/* Stand-out neon blue *\/\n    margin-bottom: 10px !important;\n    line-height: 1 !important;\n    letter-spacing: -0.5px !important;\n}\n\n#ms-hero-module-065 .ms-stat-text {\n    font-size: 13px !important;\n    color: #94a3b8 !important;\n    line-height: 1.5 !important;\n    font-weight: 500 !important;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width:1000px) {\n    #ms-hero-module-065 .ms-stats-row {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n\n@media (max-width:690px) {\n    #ms-hero-module-065 {\n        padding: 40px 20px !important;\n    }\n    #ms-hero-module-065 .ms-hero-grid {\n        gap: 40px !important;\n    }\n    #ms-hero-module-065 .ms-stats-row {\n        grid-template-columns: 1fr !important;\n    }\n    #ms-hero-module-065 h2.ms-title-h2 {\n        font-size: 26px !important;\n    }\n    #ms-hero-module-065 .ms-dashboard-nav {\n        flex-direction: column !important;\n        gap: 8px !important;\n    }\n}\n<\/style>\n\n<section id=\"ms-hero-module-065\">\n    <div class=\"ms-container\">\n        \n        <!-- Top Section: Text & Images -->\n        <div class=\"ms-hero-grid\">\n            \n            <!-- Left: Content -->\n            <div class=\"ms-content-col\">\n                <div class=\"ms-iso-badge\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:6px;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n                    ISO9001 Certified\n                <\/div>\n                \n                <h1 class=\"ms-title-h1\">Marker Pen Machine<\/h1>\n                <h2 class=\"ms-title-h2\">Marker Pen Making Machine for Whiteboard Marker Refill Assembly<\/h2>\n                \n                <p class=\"ms-desc\">\n                    Mass develops the MS-AM-065 marker pen making machine against the following specification. a 40-60 pcs\/min refill assembly rate target, 2-up chain-carry horizontal setup, Mitsubishi PLC controllers, and SMC pneumatic components. It accommodates factories which need a consistent marker pen assembly line, not a system of marking and engraving, and not a hobby-sized pen turning shop.\n                <\/p>\n\n                <!-- Parameter Table\/List -->\n                <div class=\"ms-specs-wrapper\">\n                    <h2 class=\"ms-specs-title\">MS-AM-065 at a glance<\/h2>\n                    <div class=\"ms-specs-grid\">\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">Output range<\/span><span class=\"ms-spec-value\">40-60 pcs\/min<\/span><\/div>\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">Assembly mode<\/span><span class=\"ms-spec-value\">2-up chain carry<\/span><\/div>\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">Machine layout<\/span><span class=\"ms-spec-value\">Horizontal type<\/span><\/div>\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">PLC brand<\/span><span class=\"ms-spec-value\">Mitsubishi<\/span><\/div>\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">Pneumatic brand<\/span><span class=\"ms-spec-value\">SMC<\/span><\/div>\n                        <div class=\"ms-spec-item\"><span class=\"ms-spec-label\">Machine size<\/span><span class=\"ms-spec-value\">4500*1800*1500mm<\/span><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Call to Action -->\n                <a href=\"#ct-popup-813\" class=\"ms-btn\">Request a Quote for Marker Pen Line<\/a>\n            <\/div>\n\n            <!-- Right: Premium Clip-Path Carousel -->\n            <div class=\"ms-gallery-col\">\n                <!-- Main Image Area -->\n                <div class=\"ms-carousel-container\" id=\"ms-carousel-065\">\n                    <div class=\"ms-slide active\" style=\"--slide-idx: 0;\">\n                        <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Marker-Pen-Machine-1.png\" alt=\"MS-AM-065 Front View\" class=\"ms-slide-img skip-lazy\" data-no-lazy=\"1\" fetchpriority=\"high\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"ms-slide\" style=\"--slide-idx: 1;\">\n                        <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Marker-Pen-Machine-2.png\" alt=\"Machine Details\" class=\"ms-slide-img skip-lazy\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"ms-slide\" style=\"--slide-idx: 2;\">\n                        <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Marker-Pen-Machine-3.png\" alt=\"Assembly Setup\" class=\"ms-slide-img skip-lazy\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                <\/div>\n\n                <!-- Dashboard External Navigation -->\n                <div class=\"ms-dashboard-nav\" id=\"ms-dash-nav-065\">\n                    <div class=\"ms-nav-item active\" data-index=\"0\">\n                        <div class=\"ms-nav-top\">\n                            <span class=\"ms-nav-num\">01<\/span>\n                            <span class=\"ms-nav-text\">Front View<\/span>\n                        <\/div>\n                        <div class=\"ms-nav-progress-bg\"><div class=\"ms-nav-progress-fill\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"ms-nav-item\" data-index=\"1\">\n                        <div class=\"ms-nav-top\">\n                            <span class=\"ms-nav-num\">02<\/span>\n                            <span class=\"ms-nav-text\">Machine Details<\/span>\n                        <\/div>\n                        <div class=\"ms-nav-progress-bg\"><div class=\"ms-nav-progress-fill\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"ms-nav-item\" data-index=\"2\">\n                        <div class=\"ms-nav-top\">\n                            <span class=\"ms-nav-num\">03<\/span>\n                            <span class=\"ms-nav-text\">Assembly Setup<\/span>\n                        <\/div>\n                        <div class=\"ms-nav-progress-bg\"><div class=\"ms-nav-progress-fill\"><\/div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Bottom Section: Hover Data Cards -->\n        <div class=\"ms-stats-row\">\n            <div class=\"ms-stat-card\">\n                <div class=\"ms-stat-number\">40-60<\/div>\n                <div class=\"ms-stat-text\">marker refills per minute, product-file range<\/div>\n            <\/div>\n            <div class=\"ms-stat-card\">\n                <div class=\"ms-stat-number\">2-up<\/div>\n                <div class=\"ms-stat-text\">chain-carry assembly for balanced speed and access<\/div>\n            <\/div>\n            <div class=\"ms-stat-card\">\n                <div class=\"ms-stat-number\">4500mm<\/div>\n                <div class=\"ms-stat-text\">machine length for layout planning<\/div>\n            <\/div>\n            <div class=\"ms-stat-card\">\n                <div class=\"ms-stat-number\">5 days<\/div>\n                <div class=\"ms-stat-text\">stated replacement-parts courier target<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 5. VANILLA JAVASCRIPT FOR CAROUSEL (IIFE FOR SCOPE PROTECTION) -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        const carousel = document.getElementById('ms-carousel-065');\n        const navContainer = document.getElementById('ms-dash-nav-065');\n        if (!carousel || !navContainer) return;\n\n        const slides = carousel.querySelectorAll('.ms-slide');\n        const navItems = navContainer.querySelectorAll('.ms-nav-item');\n        let currentIndex = 0;\n        let slideInterval;\n        const intervalTime = 5000; \/\/ 5 seconds for smooth reading\n\n        function showSlide(index) {\n            if (index >= slides.length) currentIndex = 0;\n            else if (index < 0) currentIndex = slides.length - 1;\n            else currentIndex = index;\n\n            \/\/ Handle Slides\n            slides.forEach((slide, i) => {\n                if (i === currentIndex) {\n                    slide.classList.add('active');\n                    \/\/ Reset clip-path logic inline if needed, but CSS handles it\n                } else {\n                    slide.classList.remove('active');\n                }\n            });\n            \n            \/\/ Handle Nav Items & Progress Animation Reflow\n            navItems.forEach((nav, i) => {\n                nav.classList.remove('active');\n                \/\/ Force DOM reflow to restart CSS animation seamlessly\n                void nav.offsetWidth;\n                \n                if (i === currentIndex) {\n                    nav.classList.add('active');\n                }\n            });\n        }\n\n        function nextSlide() {\n            showSlide(currentIndex + 1);\n        }\n\n        function startCarousel() {\n            slideInterval = setInterval(nextSlide, intervalTime);\n        }\n\n        function resetCarousel() {\n            clearInterval(slideInterval);\n            startCarousel();\n        }\n\n        \/\/ Click Events for Dashboard Nav\n        navItems.forEach((nav, index) => {\n            nav.addEventListener('click', () => {\n                if(currentIndex === index) return;\n                showSlide(index);\n                resetCarousel();\n            });\n        });\n\n        \/\/ Pause interaction on hover of the entire right column\n        const galleryCol = document.querySelector('#ms-hero-module-065 .ms-gallery-col');\n        if (galleryCol) {\n            galleryCol.addEventListener('mouseenter', () => clearInterval(slideInterval));\n            galleryCol.addEventListener('mouseleave', () => resetCarousel());\n        }\n\n        \/\/ Init\n        startCarousel();\n    });\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-733e2d4\" data-block-id=\"733e2d4\"><style>.stk-733e2d4 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-733e2d4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fae991f\" data-v=\"4\" data-block-id=\"fae991f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fae991f-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-fae991f-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-712cd9d\" data-block-id=\"712cd9d\"><style>.stk-712cd9d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-712cd9d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6f6cd21\" data-v=\"4\" data-block-id=\"6f6cd21\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6f6cd21-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6f6cd21-inner-blocks\">\n<section id=\"ms-am-065-hero-module-v3\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n    \/* \n      ================================================\n      SCOPE: #ms-am-065-hero-module-v3\n      PURPOSE: Advanced Interactive & Anti-Clutter Layout\n      ================================================\n    *\/\n\n    #ms-am-065-hero-module-v3 {\n      width: 100% !important;\n      position: relative !important;\n      background-color: #ffffff !important; \n      background-image: \n        radial-gradient(at 0% 0%, rgba(120, 96, 168, 0.03) 0px, transparent 50%),\n        radial-gradient(at 100% 100%, rgba(0, 120, 192, 0.03) 0px, transparent 50%) !important;\n      padding: 70px 0 !important; \n      font-family: 'Inter', sans-serif !important;\n      color: #1a1f2b !important;\n      box-sizing: border-box !important;\n      overflow: hidden !important;\n    }\n\n    #ms-am-065-hero-module-v3 * {\n      box-sizing: border-box !important;\n    }\n\n    #ms-am-065-hero-module-v3 .hero-container {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding: 0 30px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 40px !important;\n    }\n\n    \/* Typography Reset *\/\n    #ms-am-065-hero-module-v3 h2, \n    #ms-am-065-hero-module-v3 h3, \n    #ms-am-065-hero-module-v3 p {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    \/* Primary Heading H2 - Strict compliance: 32px, 700 *\/\n    #ms-am-065-hero-module-v3 h2.module-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #1a1f2b !important;\n      line-height: 1.3 !important;\n      letter-spacing: -0.5px !important;\n      max-width: 1200px !important;\n      position: relative !important;\n      padding-bottom: 15px !important;\n    }\n\n    #ms-am-065-hero-module-v3 h2.module-title::after {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 0 !important;\n      left: 0 !important;\n      width: 60px !important;\n      height: 4px !important;\n      background: linear-gradient(90deg, #0078C0 0%, #7860A8 100%) !important;\n      border-radius: 2px !important;\n    }\n\n    \/* Top Layout: Text + Engineering Note *\/\n    #ms-am-065-hero-module-v3 .hero-top-grid {\n      display: grid !important;\n      grid-template-columns: 1.6fr 1fr !important; \n      gap: 40px !important;\n      align-items: flex-start !important;\n    }\n\n    \/* Text Collapse Implementation *\/\n    #ms-am-065-hero-module-v3 .content-col p {\n      font-size: 16px !important;\n      line-height: 1.65 !important;\n      color: #3b4252 !important;\n      margin-bottom: 15px !important;\n    }\n\n    \/* CSS Grid transition for smooth folding *\/\n    #ms-am-065-hero-module-v3 .collapse-wrapper {\n      display: grid !important;\n      grid-template-rows: 0fr !important;\n      transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    }\n    #ms-am-065-hero-module-v3 .collapse-wrapper.is-open {\n      grid-template-rows: 1fr !important;\n    }\n    #ms-am-065-hero-module-v3 .collapse-inner {\n      overflow: hidden !important;\n    }\n    #ms-am-065-hero-module-v3 .collapse-inner p {\n      padding-top: 5px !important;\n      margin-bottom: 0 !important;\n    }\n\n    \/* Toggle Button *\/\n    #ms-am-065-hero-module-v3 .toggle-btn {\n      background: none !important;\n      border: none !important;\n      color: #0078C0 !important;\n      font-weight: 600 !important;\n      font-size: 14px !important;\n      padding: 0 !important;\n      margin-top: 10px !important;\n      cursor: pointer !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 6px !important;\n      transition: color 0.3s !important;\n      font-family: inherit !important;\n    }\n    #ms-am-065-hero-module-v3 .toggle-btn:hover {\n      color: #7860A8 !important;\n    }\n    #ms-am-065-hero-module-v3 .toggle-btn svg {\n      transition: transform 0.3s ease !important;\n    }\n    #ms-am-065-hero-module-v3 .toggle-btn.is-active svg {\n      transform: rotate(180deg) !important;\n    }\n\n    \/* Engineering Note *\/\n    #ms-am-065-hero-module-v3 .engineering-note {\n      background: #ffffff !important;\n      border-radius: 6px !important;\n      border-left: 4px solid #7860A8 !important;\n      padding: 25px 30px !important;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;\n    }\n\n    #ms-am-065-hero-module-v3 .engineering-note-title {\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      color: #7860A8 !important;\n      margin-bottom: 12px !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n    }\n\n    #ms-am-065-hero-module-v3 .engineering-note p {\n      font-size: 15px !important;\n      line-height: 1.6 !important;\n      color: #1a1f2b !important;\n      font-weight: 500 !important;\n    }\n\n    \/* Matrix Header *\/\n    #ms-am-065-hero-module-v3 .matrix-header {\n      margin-top: 10px !important;\n      padding-bottom: 15px !important;\n      border-bottom: 1px solid #e5e7eb !important;\n    }\n    #ms-am-065-hero-module-v3 .matrix-header h3 {\n      font-size: 18px !important;\n      font-weight: 600 !important;\n      color: #1a1f2b !important;\n    }\n\n    \/* Matrix - Horizontal Hover Accordion (Advanced Anti-Clutter Layout) *\/\n    #ms-am-065-hero-module-v3 .matrix-accordion-container {\n      display: flex !important;\n      width: 100% !important;\n      height: 180px !important; \/* Fixed height for neatness *\/\n      gap: 8px !important;\n    }\n\n    #ms-am-065-hero-module-v3 .acc-item {\n      flex: 1 !important;\n      background: #ffffff !important;\n      border: 1px solid #e9ecf1 !important;\n      border-radius: 6px !important;\n      padding: 25px !important;\n      overflow: hidden !important;\n      cursor: pointer !important;\n      transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s, box-shadow 0.3s !important;\n      display: flex !important;\n      flex-direction: column !important;\n      position: relative !important;\n    }\n\n    \/* Hover Expansion Logic *\/\n    #ms-am-065-hero-module-v3 .acc-item:hover,\n    #ms-am-065-hero-module-v3 .acc-item.is-active-touch {\n      flex: 3.5 !important;\n      background: #fcfcfd !important;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;\n      border-color: transparent !important;\n    }\n\n    \/* Top Brand Borders *\/\n    #ms-am-065-hero-module-v3 .card-pain { border-top: 3px solid #d93838 !important; }\n    #ms-am-065-hero-module-v3 .card-cause { border-top: 3px solid #d97706 !important; }\n    #ms-am-065-hero-module-v3 .card-solution { border-top: 3px solid #0078C0 !important; }\n    #ms-am-065-hero-module-v3 .card-proof { border-top: 3px solid #7860A8 !important; }\n\n    #ms-am-065-hero-module-v3 .acc-title-wrapper {\n      display: flex !important;\n      align-items: center !important;\n      gap: 12px !important;\n      margin-bottom: 15px !important;\n      white-space: nowrap !important;\n    }\n\n    #ms-am-065-hero-module-v3 .acc-icon {\n      width: 24px !important;\n      height: 24px !important;\n      background-size: contain !important;\n      background-repeat: no-repeat !important;\n      flex-shrink: 0 !important;\n    }\n\n    \/* SVGs for icons *\/\n    #ms-am-065-hero-module-v3 .card-pain .acc-icon { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93838' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C\/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C\/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C\/line%3E%3C\/svg%3E\") !important; }\n    #ms-am-065-hero-module-v3 .card-cause .acc-icon { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2'%3E%3Cpolyline points='16 3 21 3 21 8'%3E%3C\/polyline%3E%3Cline x1='4' y1='20' x2='21' y2='3'%3E%3C\/line%3E%3C\/svg%3E\") !important; }\n    #ms-am-065-hero-module-v3 .card-solution .acc-icon { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%230078C0' stroke-width='2'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C\/path%3E%3C\/svg%3E\") !important; }\n    #ms-am-065-hero-module-v3 .card-proof .acc-icon { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%237860A8' stroke-width='2'%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'%3E%3C\/path%3E%3Cpath d='M22 12A10 10 0 0 0 12 2v10z'%3E%3C\/path%3E%3C\/svg%3E\") !important; }\n\n    #ms-am-065-hero-module-v3 .acc-title {\n      font-size: 14px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n    }\n    #ms-am-065-hero-module-v3 .card-pain .acc-title { color: #d93838 !important; }\n    #ms-am-065-hero-module-v3 .card-cause .acc-title { color: #d97706 !important; }\n    #ms-am-065-hero-module-v3 .card-solution .acc-title { color: #0078C0 !important; }\n    #ms-am-065-hero-module-v3 .card-proof .acc-title { color: #7860A8 !important; }\n\n    \/* Paragraph fading logic *\/\n    #ms-am-065-hero-module-v3 .acc-content {\n      opacity: 0 !important;\n      transform: translateY(10px) !important;\n      transition: opacity 0.3s ease, transform 0.3s ease !important;\n      width: 280px !important; \/* Fixed width to prevent text reflow jumping *\/\n      pointer-events: none !important;\n    }\n\n    #ms-am-065-hero-module-v3 .acc-item:hover .acc-content,\n    #ms-am-065-hero-module-v3 .acc-item.is-active-touch .acc-content {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n      transition-delay: 0.15s !important; \/* Wait for expansion *\/\n    }\n\n    #ms-am-065-hero-module-v3 .acc-content p {\n      font-size: 15px !important;\n      line-height: 1.6 !important;\n      color: #4b5563 !important;\n      margin: 0 !important;\n      white-space: normal !important;\n    }\n\n    \/* Responsive Adjustments *\/\n    @media (max-width:1000px) {\n      #ms-am-065-hero-module-v3 .hero-top-grid {\n        grid-template-columns: 1fr !important;\n        gap: 30px !important;\n      }\n      #ms-am-065-hero-module-v3 .matrix-accordion-container {\n        flex-direction: column !important;\n        height: auto !important;\n      }\n      #ms-am-065-hero-module-v3 .acc-item {\n        padding: 20px !important;\n      }\n      #ms-am-065-hero-module-v3 .acc-content {\n        width: 100% !important;\n        opacity: 1 !important;\n        transform: none !important;\n        display: none !important;\n      }\n      #ms-am-065-hero-module-v3 .acc-item.is-active-touch .acc-content {\n        display: block !important;\n        margin-top: 10px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"hero-container\">\n    \n    <!-- Title Area -->\n    <div class=\"title-area\">\n      <h2 class=\"module-title\">Manual Marker Refill Assembly Bottlenecks &#8211; How Mass Automates Filling, Ink Saturation, and Line Flow<\/h2>\n    <\/div>\n\n    <!-- Top Grid: Content & Engineering Note -->\n    <div class=\"hero-top-grid\">\n      <div class=\"content-col\">\n        <p>Marker manufacturing presents itself as a sequence problem rather than a speed problem before the speed problem even exists. The barrel, reservoir, ink, tip, cap, and final sealing together must arrive at each station in the proper orientation, and remain there long enough for the refill or reservoir step to appear stable.<\/p>\n        \n        <!-- Collapsible Text Area -->\n        <div class=\"collapse-wrapper\" id=\"ms-text-collapse\">\n          <div class=\"collapse-inner\">\n            <p>External marker manufacturing insights dictate a sequence of barrel shaping, reservoir inserting, ink filling, sealing, and packaging. The MS-AM-065 translates that sequence into its 2-up chain-carry setup and its narrow enough to keep from crowding the tooling when time for adjustments arise. Narrow enough to quickly clear jams or change guides, check downfeeds, or modify pneumatic guides during a batch changeover.<\/p>\n          <\/div>\n        <\/div>\n        \n        <button class=\"toggle-btn\" id=\"ms-toggle-btn\">\n          <span>Read Technical Sequence<\/span>\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n      <\/div>\n      \n      <div class=\"engineering-note\">\n        <div class=\"engineering-note-title\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n          Engineering note\n        <\/div>\n        <p>Speed is not enough by itself for the MS-AM-065 to be a good choice. Does the equipment stay properly aligned as the marker refill, cap, barrel, and ink-related aspects stay within your defect limits?<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Data Matrix (Horizontal Hover Accordion) -->\n    <div class=\"matrix-wrapper\">\n      <div class=\"matrix-header\">\n        <h3 class=\"layer-title\">Layer: What it means for marker production<\/h3>\n      <\/div>\n      \n      <div class=\"matrix-accordion-container\" id=\"ms-accordion\">\n        <!-- Card 1 -->\n        <div class=\"acc-item card-pain\">\n          <div class=\"acc-title-wrapper\">\n            <div class=\"acc-icon\"><\/div>\n            <span class=\"acc-title\">Pain<\/span>\n          <\/div>\n          <div class=\"acc-content\">\n            <p>Manual refill handling creates uneven pace, skipped checks, and operator fatigue.<\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- Card 2 -->\n        <div class=\"acc-item card-cause\">\n          <div class=\"acc-title-wrapper\">\n            <div class=\"acc-icon\"><\/div>\n            <span class=\"acc-title\">Cause<\/span>\n          <\/div>\n          <div class=\"acc-content\">\n            <p>Small components need repeatable orientation, controlled filling, and stable chain transfer.<\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- Card 3 -->\n        <div class=\"acc-item card-solution\">\n          <div class=\"acc-title-wrapper\">\n            <div class=\"acc-icon\"><\/div>\n            <span class=\"acc-title\">Solution<\/span>\n          <\/div>\n          <div class=\"acc-content\">\n            <p>Use a 2-up horizontal assembly machine with PLC control and pneumatic actuation.<\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- Card 4 -->\n        <div class=\"acc-item card-proof\">\n          <div class=\"acc-title-wrapper\">\n            <div class=\"acc-icon\"><\/div>\n            <span class=\"acc-title\">Proof<\/span>\n          <\/div>\n          <div class=\"acc-content\">\n            <p>Mass product data lists 40-60 pcs\/min, Mitsubishi PLC, SMC pneumatic system, and chain-carry mode.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Vanilla JS for Interactions (FlyingPress Safe) -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ 1. Text Collapse Logic\n      var toggleBtn = document.getElementById('ms-toggle-btn');\n      var collapseWrapper = document.getElementById('ms-text-collapse');\n      var textSpan = toggleBtn.querySelector('span');\n\n      toggleBtn.addEventListener('click', function() {\n        collapseWrapper.classList.toggle('is-open');\n        toggleBtn.classList.toggle('is-active');\n        if (collapseWrapper.classList.contains('is-open')) {\n          textSpan.textContent = 'Hide Technical Sequence';\n        } else {\n          textSpan.textContent = 'Read Technical Sequence';\n        }\n      });\n\n      \/\/ 2. Accordion Touch Logic for Mobile Devices\n      var accItems = document.querySelectorAll('#ms-accordion .acc-item');\n      \n      \/\/ Init first item as active on mobile\n      if (window.innerWidth <= 1024) {\n        accItems[0].classList.add('is-active-touch');\n      }\n\n      accItems.forEach(function(item) {\n        item.addEventListener('click', function() {\n          if (window.innerWidth <= 1024) {\n            \/\/ Remove active class from all\n            accItems.forEach(function(el) { el.classList.remove('is-active-touch'); });\n            \/\/ Add to clicked\n            this.classList.add('is-active-touch');\n          }\n        });\n      });\n    });\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-51ea223\" data-block-id=\"51ea223\"><style>.stk-51ea223 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-51ea223-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-be7a668\" data-v=\"4\" data-block-id=\"be7a668\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-be7a668-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-be7a668-inner-blocks\">\n<style>\n  \/* * 1. Scope Isolation & 3. Aesthetics\n   * All rules prefixed with unique ID #mass-am-065-hero to prevent style leaks.\n   * High-quality font Inter imported.\n   *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n  #mass-am-065-hero {\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    background-color: #ffffff !important;\n    color: #1a1a1a !important;\n    box-sizing: border-box !important;\n    display: flex !important;\n    flex-direction: column !important;\n    overflow: hidden !important;\n  }\n\n  #mass-am-065-hero * {\n    box-sizing: border-box !important;\n  }\n\n  \/* 4. Layout & Frameworks: Max-width 1600px, anchored content *\/\n  #mass-am-065-hero .mass-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    padding: 60px 30px !important; \n  }\n\n  \/* Top Section: Intro & Specifications (Pure White Background) *\/\n  #mass-am-065-hero .mass-top-section {\n    background-color: #ffffff !important;\n    width: 100% !important;\n    border-bottom: 1px solid #edf2f7 !important;\n  }\n\n  \/* SEO Optimized H2 - 32px 700 with industrial accent *\/\n  #mass-am-065-hero h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #0078C0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  \/* Decorative high-tech slash before title *\/\n  #mass-am-065-hero h2::before {\n    content: \"\/\/\/\" !important;\n    color: #7860A8 !important;\n    font-size: 24px !important;\n    margin-right: 12px !important;\n    opacity: 0.8 !important;\n    letter-spacing: -2px !important;\n  }\n\n  #mass-am-065-hero p.mass-intro-text {\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    color: #4a5568 !important;\n    margin-bottom: 50px !important;\n    max-width: 1200px !important;\n    border-left: 3px solid #edf2f7 !important; \/* Lighter border to match white bg *\/\n    padding-left: 20px !important;\n  }\n\n  \/* Dense Grid Layout - \u5f3a\u5236\u4e00\u884c\u4e09\u4e2a *\/\n  #mass-am-065-hero .mass-specs-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u56fa\u5b9a\u4e09\u5217\u7b49\u5206 *\/\n    gap: 24px !important;\n    width: 100% !important;\n  }\n\n  \/* Enhanced Spec Cards with Premium Shadows and Transitions *\/\n  #mass-am-065-hero .mass-spec-card {\n    background: #ffffff !important;\n    border: 1px solid #edf2f7 !important;\n    border-top: 4px solid #7860A8 !important; \n    border-radius: 6px !important; \n    padding: 28px 24px !important;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    position: relative !important;\n    z-index: 1 !important;\n  }\n\n  #mass-am-065-hero .mass-spec-card:hover {\n    transform: translateY(-5px) !important;\n    box-shadow: 0 16px 32px rgba(0, 120, 192, 0.08) !important;\n    border-color: rgba(0, 120, 192, 0.2) !important;\n  }\n\n  #mass-am-065-hero .mass-spec-header {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    margin-bottom: 16px !important;\n    padding-bottom: 16px !important;\n    border-bottom: 1px solid #edf2f7 !important;\n  }\n\n  \/* Industrial square accent for spec names *\/\n  #mass-am-065-hero h3.mass-spec-name {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: #1a202c !important;\n    margin: 0 !important;\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  #mass-am-065-hero h3.mass-spec-name::before {\n    content: \"\" !important;\n    display: inline-block !important;\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #0078C0 !important;\n    margin-right: 10px !important;\n    border-radius: 1px !important;\n  }\n\n  #mass-am-065-hero .mass-spec-value {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #0078C0 !important; \n    text-align: right !important;\n    background: linear-gradient(135deg, rgba(0, 120, 192, 0.08) 0%, rgba(0, 120, 192, 0.02) 100%) !important;\n    padding: 6px 12px !important;\n    border-radius: 4px !important;\n    border: 1px solid rgba(0, 120, 192, 0.1) !important;\n  }\n\n  #mass-am-065-hero .mass-spec-impact {\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    color: #4a5568 !important;\n    margin: 0 !important;\n  }\n\n  \/* Bottom Section: Full-Bleed Background Image (FlyingPress Safe) *\/\n  #mass-am-065-hero .mass-bg-section {\n    position: relative !important;\n    width: 100% !important;\n    padding: 80px 0 !important;\n    background-color: #111827 !important; \n    display: flex !important;\n  }\n\n  #mass-am-065-hero .mass-bg-section::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    background-image: url('https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Marker-Pen-Machine-4.png') !important;\n    background-size: cover !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n    z-index: 1 !important;\n  }\n\n  \/* Deeper overlay with subtle gradient for text pop *\/\n  #mass-am-065-hero .mass-bg-overlay {\n    position: absolute !important;\n    inset: 0 !important;\n    background: linear-gradient(to right, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.75) 100%) !important;\n    z-index: 2 !important;\n  }\n\n  #mass-am-065-hero .mass-bg-content-wrapper {\n    position: relative !important;\n    z-index: 3 !important;\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    padding: 0 30px !important;\n  }\n\n  #mass-am-065-hero .mass-details-grid {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\n    gap: 30px !important;\n  }\n\n  \/* Enhanced Advanced Glassmorphism *\/\n  #mass-am-065-hero .mass-detail-block {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 100%) !important;\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\n    border-left: 4px solid #0078C0 !important;\n    border-radius: 8px !important;\n    padding: 30px !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    transition: border-color 0.3s ease, background 0.3s ease !important;\n  }\n\n  #mass-am-065-hero .mass-detail-block:hover {\n    border-color: rgba(255, 255, 255, 0.2) !important;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%) !important;\n  }\n\n  #mass-am-065-hero h3.mass-detail-title {\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #ffffff !important;\n    margin-top: 0 !important;\n    margin-bottom: 16px !important;\n    letter-spacing: -0.01em !important;\n  }\n\n  #mass-am-065-hero h4.mass-engineering-title {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #7860A8 !important; \n    margin-top: 0 !important;\n    margin-bottom: 16px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  \/* --- Text Folding (Line-Clamp) Styles --- *\/\n  #mass-am-065-hero p.mass-detail-text {\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    color: #e2e8f0 !important;\n    margin: 0 !important;\n    display: -webkit-box !important;\n    -webkit-line-clamp: 3 !important; \n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n    transition: all 0.3s ease !important;\n  }\n\n  #mass-am-065-hero p.mass-detail-text.expanded {\n    -webkit-line-clamp: unset !important; \n    color: #ffffff !important;\n  }\n\n  \/* Upgraded UI Toggle Button *\/\n  #mass-am-065-hero .mass-toggle-btn {\n    background: transparent !important;\n    border: 1px solid rgba(0, 120, 192, 0.5) !important;\n    border-radius: 4px !important;\n    color: #38bdf8 !important; \n    font-size: 13px !important;\n    font-weight: 600 !important;\n    padding: 8px 16px !important;\n    margin-top: 20px !important;\n    cursor: pointer !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    transition: all 0.3s ease !important;\n    font-family: 'Inter', sans-serif !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  #mass-am-065-hero .mass-toggle-btn:hover {\n    background: rgba(0, 120, 192, 0.15) !important;\n    border-color: #0078C0 !important;\n    color: #ffffff !important;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width:1000px) {\n    \/* \u6838\u5fc3\u4fee\u6539\uff1a\u5e73\u677f\u5c3a\u5bf8\u4e0b\u4e00\u6392\u4e24\u4e2a *\/\n    #mass-am-065-hero .mass-specs-grid {\n      grid-template-columns: repeat(2, 1fr) !important; \n    }\n    #mass-am-065-hero .mass-details-grid {\n      grid-template-columns: 1fr !important;\n      gap: 24px !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    \/* \u6838\u5fc3\u4fee\u6539\uff1a\u624b\u673a\u5c3a\u5bf8\u4e0b\u4e00\u6392\u4e00\u4e2a *\/\n    #mass-am-065-hero .mass-specs-grid {\n      grid-template-columns: 1fr !important;\n    }\n    #mass-am-065-hero h2 {\n      font-size: 26px !important;\n    }\n    #mass-am-065-hero .mass-container,\n    #mass-am-065-hero .mass-bg-content-wrapper {\n      padding: 40px 20px !important; \n    }\n    #mass-am-065-hero p.mass-intro-text {\n      padding-left: 16px !important;\n      margin-bottom: 30px !important;\n    }\n  }\n<\/style>\n\n<section id=\"mass-am-065-hero\">\n  \n  <div class=\"mass-top-section\">\n    <div class=\"mass-container\">\n      \n      <h2>Mass MS-AM-065 Marker Pen Assembly Machine - Capacity, Components, and Factory Line Fit<\/h2>\n      \n      <p class=\"mass-intro-text\">\n        The MS-AM-065 marker pen making equipment is appropriate for factories who are familiar with their marker pen design, and who need the system to run non-stop at a constant rate. The MS-AM-065 industrial filling equipment is brand new, fully automatic, and shipped overseas in a vacuum-sealed wooden container.\n      <\/p>\n\n      <div class=\"mass-specs-grid\">\n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">Capacity<\/h3>\n            <div class=\"mass-spec-value\">40-60 pcs\/min<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Use this range for labor planning, upstream supply, and downstream packing checks.<\/p>\n        <\/div>\n        \n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">Assembly mode<\/h3>\n            <div class=\"mass-spec-value\">2 up, chain carry, horizontal type<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Balances output with access for tuning, cleaning, and maintenance.<\/p>\n        <\/div>\n\n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">PLC<\/h3>\n            <div class=\"mass-spec-value\">Mitsubishi<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Gives controls teams a known PLC brand for diagnostics and spare planning.<\/p>\n        <\/div>\n\n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">Pneumatic system<\/h3>\n            <div class=\"mass-spec-value\">SMC<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Supports standard pneumatic service habits and replacement planning.<\/p>\n        <\/div>\n\n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">Dimensions<\/h3>\n            <div class=\"mass-spec-value\">4500*1800*1500mm<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Start layout checks with the machine envelope, then add operator and service clearance.<\/p>\n        <\/div>\n\n        <div class=\"mass-spec-card\">\n          <div class=\"mass-spec-header\">\n            <h3 class=\"mass-spec-name\">Certification<\/h3>\n            <div class=\"mass-spec-value\">ISO9001<\/div>\n          <\/div>\n          <p class=\"mass-spec-impact\">Quality-system signal for supplier review, not a substitute for your own acceptance test.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"mass-bg-section\">\n    <div class=\"mass-bg-overlay\"><\/div>\n    <div class=\"mass-bg-content-wrapper\">\n      \n      <div class=\"mass-details-grid\">\n        \n        <div class=\"mass-detail-block\">\n          <h3 class=\"mass-detail-title\">Factory layout check<\/h3>\n          <p class=\"mass-detail-text\">\n            Avoid only planning for the 4500*1800*1500mm envelope. Incorporate room for the addition of refill couplings, operator access, maintenance doors, reject clearing, and finished marker handling. Visual inspection, conveyor guards and covers, cleanliness monitoring, traceability monitors, pneumatic pressure monitors, and electrical motor monitors are additional recommendations for conveyor system operation maintenance.\n          <\/p>\n          <button class=\"mass-toggle-btn\">Read More <span style=\"font-size: 16px;\">\u2193<\/span><\/button>\n        <\/div>\n\n        <div class=\"mass-detail-block\">\n          <h3 class=\"mass-detail-title\">Pre-quote utility snapshot<\/h3>\n          <p class=\"mass-detail-text\">\n            Ask for layout review before you freeze the factory plan. Split the stated 4500mm length, 1800mm width, and 1500mm height into a layout drawing, then add operator clearance, access for guards, and a reject-clearing path. Confirm whether your plant uses 220V, 380V, or another voltage before electrical design. Do not assume 85% shift efficiency until a sample run proves feeding, refill handling, ink saturation, cap fit, and packing transfer. For acceptance, specify whether the buyer wants a 1 hour dry cycle, a 2 hour sample cycle, or a 95% shift-efficiency target recorded during trial production. Treat the 2-year warranty, 24-hour response claim, and 5-working-day parts courier target as service terms to place directly inside the purchasing file.\n          <\/p>\n          <button class=\"mass-toggle-btn\">Read More <span style=\"font-size: 16px;\">\u2193<\/span><\/button>\n        <\/div>\n\n        <div class=\"mass-detail-block\" style=\"border-left-color: #7860A8 !important;\">\n          <h4 class=\"mass-engineering-title\">Mass engineering view:<\/h4>\n          <p class=\"mass-detail-text\">\n            if your team cannot reach the guide, cylinder, or sensor during a fault, the quoted speed will not matter for long. Access is part of the output calculation.\n          <\/p>\n          <button class=\"mass-toggle-btn\">Read More <span style=\"font-size: 16px;\">\u2193<\/span><\/button>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Target the specific toggle buttons within our isolated module\n    const toggleButtons = document.querySelectorAll('#mass-am-065-hero .mass-toggle-btn');\n    \n    toggleButtons.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        \/\/ Find the paragraph immediately preceding the button\n        const textContent = this.previousElementSibling;\n        \n        \/\/ Toggle the expanded class to show\/hide lines\n        textContent.classList.toggle('expanded');\n        \n        \/\/ Update button text and arrow based on state\n        if (textContent.classList.contains('expanded')) {\n          this.innerHTML = 'Show Less <span style=\"font-size: 16px;\">\u2191<\/span>';\n        } else {\n          this.innerHTML = 'Read More <span style=\"font-size: 16px;\">\u2193<\/span>';\n        }\n      });\n    });\n  });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-826a89e\" data-block-id=\"826a89e\"><style>.stk-826a89e {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-826a89e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fca739f\" data-v=\"4\" data-block-id=\"fca739f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fca739f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fca739f-inner-blocks\">\n<!-- ========================================================================= -->\n<!-- MS-AM-065 COMPARISON MATRIX - CUSTOM MODULE (PREMIUM DESIGN UPGRADE) -->\n<!-- ========================================================================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* 1. TOP LEVEL SCOPE & RICH AMBIENT BACKGROUND *\/\n#ms-compare-module-066 {\n    width: 100% !important;\n    background-color: #f8fafc !important;\n    \/* Deep engineered background: subtle gradient + dot grid *\/\n    background-image: \n        linear-gradient(135deg, #ffffff 0%, rgba(240, 244, 248, 0.6) 100%),\n        radial-gradient(rgba(0, 120, 192, 0.07) 1px, transparent 1px) !important;\n    background-size: 100% 100%, 24px 24px !important;\n    padding: 80px 30px !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n    overflow: hidden !important; \n}\n\n\/* Animated Breathing Glows to eliminate empty space sensation *\/\n#ms-compare-module-066::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -20% !important;\n    left: -10% !important;\n    width: 60% !important;\n    height: 80% !important;\n    background: radial-gradient(circle, rgba(120, 96, 168, 0.05) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: ms-breathe 8s ease-in-out infinite alternate !important;\n}\n\n#ms-compare-module-066::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -20% !important;\n    right: -10% !important;\n    width: 800px !important;\n    height: 800px !important;\n    background: radial-gradient(circle, rgba(0, 120, 192, 0.06) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: ms-breathe 10s ease-in-out infinite alternate-reverse !important;\n}\n\n@keyframes ms-breathe {\n    0% { transform: scale(1) translate(0, 0); opacity: 0.8; }\n    100% { transform: scale(1.1) translate(20px, 20px); opacity: 1; }\n}\n\n\/* 2. ANCHORED CONTAINER *\/\n#ms-compare-module-066 .ms-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 55px !important;\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\/* 3. TOP HEADER SECTION (CENTERED, PREMIUM TYPOGRAPHY) *\/\n#ms-compare-module-066 .ms-top-section {\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n}\n\n\/* Gradient Text for Main Title *\/\n#ms-compare-module-066 .ms-title-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    \/* Gradient matching brand blue to dark slate *\/\n    background: linear-gradient(90deg, #0f172a 0%, #0078C0 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    color: #0078C0 !important; \/* Fallback *\/\n    margin: 0 !important;\n    line-height: 1.35 !important;\n    letter-spacing: -0.5px !important;\n    max-width: 1000px !important;\n    position: relative !important;\n    padding-bottom: 25px !important;\n}\n\n\/* High-tech centered underline *\/\n#ms-compare-module-066 .ms-title-h2::after {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 50% !important;\n    bottom: 0 !important;\n    transform: translateX(-50%) !important;\n    width: 80px !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important; \/* Dual brand color line *\/\n    border-radius: 2px !important;\n    box-shadow: 0 2px 10px rgba(0, 120, 192, 0.3) !important;\n}\n\n#ms-compare-module-066 .ms-top-desc {\n    font-size: 16.5px !important;\n    color: #475569 !important;\n    line-height: 1.7 !important;\n    font-weight: 400 !important;\n    max-width: 950px !important;\n    margin: 25px 0 0 0 !important;\n}\n\n\/* 4. MIDDLE GRID (LEFT IMAGE, RIGHT TABLE) - STRETCH ALIGNMENT *\/\n#ms-compare-module-066 .ms-middle-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 50px !important;\n    align-items: stretch !important;\n}\n\n#ms-compare-module-066 .ms-col-image {\n    flex: 1 1 35% !important;\n    min-width: 320px !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#ms-compare-module-066 .ms-col-text {\n    flex: 1 1 55% !important;\n    min-width: 320px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n}\n\n\/* Back-glow for the table to make it pop *\/\n#ms-compare-module-066 .ms-col-text::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 10% !important;\n    left: 10% !important;\n    width: 80% !important;\n    height: 80% !important;\n    background: #0078C0 !important;\n    filter: blur(100px) !important;\n    opacity: 0.05 !important;\n    z-index: 0 !important;\n}\n\n\/* 5. PREMIUM IMAGE PRESENTATION *\/\n#ms-compare-module-066 .ms-image-wrapper {\n    position: relative !important;\n    width: 100% !important;\n    height: 100% !important; \n    flex: 1 !important;\n    padding: 15px !important;\n    z-index: 2 !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    background: #ffffff !important;\n    border-radius: 12px !important;\n    border: 1px solid rgba(255, 255, 255, 0.6) !important;\n    box-shadow: 0 25px 50px rgba(0,0,0,0.06), inset 0 0 0 1px rgba(0, 120, 192, 0.05) !important;\n}\n\n\/* Dual-tone decorative borders *\/\n#ms-compare-module-066 .ms-image-wrapper::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -12px !important;\n    left: -12px !important;\n    width: 100% !important;\n    height: 100% !important;\n    border: 2px solid rgba(120, 96, 168, 0.8) !important; \n    border-radius: 12px !important;\n    z-index: -1 !important;\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#ms-compare-module-066 .ms-image-wrapper::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -12px !important;\n    right: -12px !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: linear-gradient(135deg, rgba(0,120,192,0.1) 0%, rgba(120,96,168,0.05) 100%) !important;\n    border: 1px solid rgba(0, 120, 192, 0.3) !important; \n    border-radius: 12px !important;\n    z-index: -2 !important;\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#ms-compare-module-066 .ms-image-wrapper:hover::before {\n    transform: translate(-6px, -6px) !important;\n    box-shadow: 10px 10px 20px rgba(120, 96, 168, 0.1) !important;\n}\n#ms-compare-module-066 .ms-image-wrapper:hover::after {\n    transform: translate(6px, 6px) !important;\n    box-shadow: -10px -10px 20px rgba(0, 120, 192, 0.1) !important;\n}\n\n#ms-compare-module-066 .ms-main-image {\n    width: 100% !important;\n    height: 100% !important; \n    object-fit: cover !important; \n    object-position: center !important;\n    display: block !important;\n    position: relative !important;\n    z-index: 3 !important;\n    border-radius: 8px !important;\n    \/* Refined drop shadow for high-end product feel *\/\n    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.08)) !important;\n    transition: transform 0.5s ease !important;\n}\n\n#ms-compare-module-066 .ms-image-wrapper:hover .ms-main-image {\n    transform: scale(1.02) !important;\n}\n\n\/* 6. COMPARISON MATRIX TABLE (WITH MICRO-INTERACTIONS) *\/\n#ms-compare-module-066 .ms-table-container {\n    width: 100% !important;\n    height: 100% !important; \n    background: #ffffff !important;\n    border-radius: 10px !important;\n    box-shadow: 0 15px 40px rgba(0, 120, 192, 0.06), 0 1px 3px rgba(0,0,0,0.02) !important;\n    border: 1px solid #e2e8f0 !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n#ms-compare-module-066 table.ms-matrix {\n    width: 100% !important;\n    height: 100% !important; \n    border-collapse: collapse !important;\n    text-align: left !important;\n    margin: 0 !important;\n}\n\n#ms-compare-module-066 .ms-matrix th {\n    padding: 18px 22px !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    vertical-align: middle !important;\n}\n\n#ms-compare-module-066 .ms-matrix th:nth-child(1) {\n    background: #f8fafc !important;\n    color: #334155 !important;\n    width: 25% !important;\n    border-bottom: 2px solid #cbd5e1 !important;\n}\n\n#ms-compare-module-066 .ms-matrix th:nth-child(2) {\n    background: #475569 !important; \n    color: #ffffff !important;\n    width: 35% !important;\n    border-right: 1px solid rgba(255,255,255,0.08) !important;\n    border-bottom: 2px solid #334155 !important;\n}\n\n\/* Premium Gradient Header for Brand Column *\/\n#ms-compare-module-066 .ms-matrix th:nth-child(3) {\n    background: linear-gradient(135deg, #0078C0 0%, #005a91 100%) !important; \n    color: #ffffff !important;\n    width: 40% !important;\n    border-bottom: 2px solid #004b7a !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n\/* Shine sweep on header *\/\n#ms-compare-module-066 .ms-matrix th:nth-child(3)::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important;\n    width: 50% !important;\n    height: 100% !important;\n    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%) !important;\n    transform: skewX(-25deg) !important;\n    animation: ms-header-shine 6s infinite !important;\n}\n\n@keyframes ms-header-shine {\n    0% { left: -100%; }\n    15% { left: 200%; }\n    100% { left: 200%; }\n}\n\n#ms-compare-module-066 .ms-matrix td {\n    padding: 18px 22px !important;\n    font-size: 14.5px !important;\n    line-height: 1.6 !important;\n    border-bottom: 1px solid #f1f5f9 !important;\n    vertical-align: middle !important;\n    transition: all 0.3s ease !important; \/* Smooth transition for hover effects *\/\n}\n\n#ms-compare-module-066 .ms-matrix tr:last-child td {\n    border-bottom: none !important;\n}\n\n\/* Advanced Row Hover Micro-interaction *\/\n#ms-compare-module-066 .ms-matrix tbody tr:hover td {\n    background: #f4f9fc !important;\n}\n\n#ms-compare-module-066 .ms-matrix tbody tr:hover td:nth-child(1) {\n    padding-left: 28px !important; \/* Shift text slightly right *\/\n    color: #0078C0 !important;\n    box-shadow: inset 4px 0 0 #0078C0 !important; \/* Add left color bar *\/\n}\n\n#ms-compare-module-066 .ms-matrix td:nth-child(1) {\n    font-weight: 600 !important;\n    color: #334155 !important;\n    border-right: 1px solid #f1f5f9 !important;\n    background: #fafaf9 !important;\n}\n\n#ms-compare-module-066 .ms-matrix td:nth-child(2) {\n    color: #4a5568 !important;\n    font-weight: 400 !important;\n    border-right: 1px solid #f1f5f9 !important;\n}\n\n#ms-compare-module-066 .ms-matrix td:nth-child(3) {\n    font-weight: 600 !important;\n    color: #0078C0 !important; \n    background: rgba(0, 120, 192, 0.015) !important; \n}\n\n\/* 7. BOTTOM TCO SECTION (GLASSMORPHISM CARD) *\/\n#ms-compare-module-066 .ms-bottom-section {\n    width: 100% !important;\n    margin-top: 10px !important;\n}\n\n#ms-compare-module-066 .ms-tco-card {\n    background: rgba(255, 255, 255, 0.7) !important;\n    backdrop-filter: blur(12px) !important;\n    -webkit-backdrop-filter: blur(12px) !important;\n    border: 1px solid rgba(255, 255, 255, 0.8) !important;\n    border-left: 5px solid #7860A8 !important; \/* Secondary color anchor *\/\n    border-radius: 10px !important;\n    padding: 30px 40px !important;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.03) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n    max-width: 100% !important;\n}\n\n#ms-compare-module-066 .ms-tco-header {\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n\n#ms-compare-module-066 .ms-title-h3 {\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #1e293b !important;\n    margin: 0 !important;\n    letter-spacing: -0.3px !important;\n}\n\n#ms-compare-module-066 .ms-tco-card .ms-desc {\n    font-size: 15.5px !important;\n    color: #475569 !important;\n    line-height: 1.75 !important;\n    font-weight: 400 !important;\n    margin: 0 !important;\n}\n\n\/* 8. RICH CTA AREA (FLOATING DASHBOARD STYLE) *\/\n#ms-compare-module-066 .ms-cta-wrap {\n    width: 100% !important;\n    margin-top: 25px !important;\n    padding: 30px 40px !important;\n    background: linear-gradient(135deg, rgba(240, 247, 251, 0.95) 0%, #ffffff 100%) !important;\n    border-radius: 12px !important;\n    border: 1px solid rgba(0, 120, 192, 0.15) !important;\n    box-shadow: 0 20px 40px rgba(0, 120, 192, 0.08) !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 20px !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n\/* Subtle pattern inside CTA *\/\n#ms-compare-module-066 .ms-cta-wrap::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: 0 !important;\n    width: 300px !important;\n    height: 100% !important;\n    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0,120,192,0.03) 10px, rgba(0,120,192,0.03) 20px) !important;\n    z-index: 0 !important;\n}\n\n#ms-compare-module-066 .ms-cta-text {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 !important;\n    flex: 1 1 50% !important;\n    z-index: 1 !important;\n    line-height: 1.4 !important;\n}\n\n\/* Pulse Button *\/\n#ms-compare-module-066 .ms-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    background: linear-gradient(90deg, #0078C0 0%, #005a91 100%) !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    padding: 18px 38px !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    border-radius: 8px !important;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    box-shadow: 0 8px 20px rgba(0, 120, 192, 0.3) !important;\n    position: relative !important;\n    overflow: visible !important; \/* Allow pulse to show *\/\n    white-space: nowrap !important;\n    z-index: 1 !important;\n}\n\n\/* Continuous outer pulse ring *\/\n#ms-compare-module-066 .ms-btn::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    border-radius: 8px !important;\n    box-shadow: 0 0 0 0 rgba(0, 120, 192, 0.6) !important;\n    animation: ms-btn-pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1) !important;\n    z-index: -1 !important;\n}\n\n@keyframes ms-btn-pulse {\n    to { box-shadow: 0 0 0 20px rgba(0, 120, 192, 0); }\n}\n\n#ms-compare-module-066 .ms-btn:hover {\n    box-shadow: 0 12px 25px rgba(0, 120, 192, 0.45) !important;\n    transform: translateY(-3px) !important;\n    background: linear-gradient(90deg, #006eb0 0%, #004b7a 100%) !important;\n}\n\n#ms-compare-module-066 .ms-btn svg {\n    margin-left: 10px !important;\n    transition: transform 0.3s ease !important;\n}\n\n#ms-compare-module-066 .ms-btn:hover svg {\n    transform: translateX(5px) !important;\n}\n\n\/* 9. RESPONSIVE DESIGN *\/\n@media (max-width:1000px) {\n    #ms-compare-module-066 .ms-col-image {\n        position: relative !important;\n        flex: 1 1 100% !important; \n        max-width: 650px !important;\n        margin: 0 auto !important;\n        height: auto !important; \n    }\n    #ms-compare-module-066 .ms-image-wrapper {\n        padding: 10px !important;\n    }\n    #ms-compare-module-066 .ms-main-image {\n        height: auto !important; \n    }\n    #ms-compare-module-066 .ms-cta-wrap {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n}\n\n@media (max-width:690px) {\n    #ms-compare-module-066 {\n        padding: 50px 20px !important;\n    }\n    #ms-compare-module-066 .ms-container {\n        gap: 40px !important;\n    }\n    #ms-compare-module-066 .ms-title-h2 {\n        font-size: 26px !important;\n    }\n    #ms-compare-module-066 .ms-top-desc {\n        text-align: left !important;\n    }\n    #ms-compare-module-066 .ms-table-container {\n        overflow-x: auto !important;\n        -webkit-overflow-scrolling: touch !important;\n        display: block !important;\n    }\n    #ms-compare-module-066 table.ms-matrix {\n        min-width: 700px !important; \n    }\n    #ms-compare-module-066 .ms-tco-card,\n    #ms-compare-module-066 .ms-cta-wrap {\n        padding: 25px 20px !important;\n    }\n    #ms-compare-module-066 .ms-btn {\n        width: 100% !important;\n        justify-content: center !important;\n        white-space: normal !important;\n        text-align: center !important;\n    }\n}\n<\/style>\n\n<section id=\"ms-compare-module-066\">\n    <div class=\"ms-container\">\n\n        <!-- Top Header Section (Centered Title & Desc) -->\n        <div class=\"ms-top-section\">\n            <div class=\"ms-title-h2\" role=\"heading\" aria-level=\"2\">\n                Marker Pen Making Machine vs Manual Assembly - Output, Labor, and Consistency Comparison\n            <\/div>\n            <div class=\"ms-top-desc\">\n                Our 40-60 PPM Marker Assembly Fit Matrix turns your speed consideration into a linefit decision. You are now referencing a person to a machine as well as a part-handling manual process against organized feeding, chain transfer, pneumatic time triggered movement, PLC controls, and repeatable station access.\n            <\/div>\n        <\/div>\n\n        <!-- Middle Section: Image (Left) + Table (Right) matching exact heights -->\n        <div class=\"ms-middle-grid\">\n            \n            <!-- Left Column: Image perfectly sized to match the table -->\n            <div class=\"ms-col-image\">\n                <div class=\"ms-image-wrapper\">\n                    <!-- Image configured to bypass FlyingPress lazy-loading logic -->\n                    <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Marker-Pen-Machine-6.png\" \n                         alt=\"Marker Pen Making Machine\" \n                         class=\"ms-main-image skip-lazy\" \n                         data-no-lazy=\"1\" \n                         fetchpriority=\"high\" \n                         decoding=\"async\">\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: Table Matrix Only -->\n            <div class=\"ms-col-text\">\n                <!-- Dense B2B Data Matrix Table -->\n                <div class=\"ms-table-container\">\n                    <table class=\"ms-matrix\">\n                        <thead>\n                            <tr>\n                                <th>Decision factor<\/th>\n                                <th>Manual or semi-manual refill assembly<\/th>\n                                <th>MS-AM-065 automatic assembly<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td>Rated output basis<\/td>\n                                <td>Depends on operator pace and fatigue<\/td>\n                                <td>40-60 pcs\/min product-file range<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Part transfer<\/td>\n                                <td>Hand placement or simple fixtures<\/td>\n                                <td>2-up chain-carry horizontal transfer<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Control method<\/td>\n                                <td>Operator judgment and local switches<\/td>\n                                <td>Mitsubishi PLC controlled sequence<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Pneumatic actuation<\/td>\n                                <td>Not fixed unless the buyer builds fixtures<\/td>\n                                <td>SMC pneumatic components<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Fault response<\/td>\n                                <td>Fast human intervention, less process data<\/td>\n                                <td>Better repeatability, but access and trained maintenance still matter<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Best-fit production stage<\/td>\n                                <td>Pilot runs, low-volume SKUs, uncertain design<\/td>\n                                <td>Stable marker refill designs moving into repeat batches<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bottom Section: Glassmorphism TCO Card & Pulse CTA Area -->\n        <div class=\"ms-bottom-section\">\n            \n            <!-- Glassmorphism TCO Card -->\n            <div class=\"ms-tco-card\">\n                <div class=\"ms-tco-header\">\n                    <div class=\"ms-title-h3\" role=\"heading\" aria-level=\"3\">\n                        TCO readiness, not a guessed ROI\n                    <\/div>\n                <\/div>\n                <div class=\"ms-desc\">\n                    Automation budget proposals often omit facility build-out, compressed air systems, controls integration, spare component provision, operator training, technical writing, and first-year support materials. When those factors are relevant, the automation costing references present a total installed option to the visible marker manufacturing equipment proposal.\n                <\/div>\n            <\/div>\n\n            <!-- Rich Call to Action Box Spreading Left\/Down -->\n            <div class=\"ms-cta-wrap\">\n                <div class=\"ms-cta-text\">\n                    Want to test compare your present production line to 40-60 pcs\/min?\n                <\/div>\n                <!-- Popup Link configured for Blocksy Theme -->\n                <a href=\"#ct-popup-813\" class=\"ms-btn\">\n                    Request a quote with custom output comparison\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-54b2d31\" data-block-id=\"54b2d31\"><style>.stk-54b2d31 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-54b2d31-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2c9538f\" data-v=\"4\" data-block-id=\"2c9538f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2c9538f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2c9538f-inner-blocks\">\n<style>\n  \/* * 1. Scope Isolation & High-Quality Font\n   * All rules prefixed with #mass-marker-config-hero\n   *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n  #mass-marker-config-hero {\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    \/* Removed dot matrix pattern, kept solid background color *\/\n    background-color: #f8fafc !important;\n    color: #1a1a1a !important;\n    box-sizing: border-box !important;\n    display: flex !important;\n    flex-direction: column !important;\n    overflow: hidden !important;\n    padding: 80px 0 !important;\n  }\n\n  #mass-marker-config-hero * {\n    box-sizing: border-box !important;\n  }\n\n  \/* Entrance Animation Keyframes *\/\n  @keyframes massFadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Container limits & centering *\/\n  #mass-marker-config-hero .mass-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    padding: 0 32px !important; \n  }\n\n  \/* Header Section Restyled *\/\n  #mass-marker-config-hero .mass-header {\n    text-align: center !important;\n    max-width: 900px !important;\n    margin: 0 auto 64px !important;\n    animation: massFadeUp 0.8s ease-out forwards !important;\n  }\n\n  #mass-marker-config-hero h2.mass-main-title {\n    font-size: 32px !important; \/* Slightly larger *\/\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin-top: 0 !important;\n    margin-bottom: 20px !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  \/* Gradient Text for Span *\/\n  #mass-marker-config-hero h2.mass-main-title span {\n    background: linear-gradient(135deg, #0078C0 0%, #7860A8 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    display: inline-block !important;\n  }\n\n  #mass-marker-config-hero p.mass-intro-text {\n    font-size: 18px !important;\n    line-height: 1.6 !important;\n    color: #475569 !important;\n    margin: 0 !important;\n  }\n\n  \/* Bento Box Grid Layout *\/\n  #mass-marker-config-hero .mass-bento-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 32px !important;\n    margin-bottom: 32px !important;\n  }\n\n  #mass-marker-config-hero .mass-bento-grid-bottom {\n    display: grid !important;\n    grid-template-columns: 1fr 2fr !important; \/* Asymmetrical layout *\/\n    gap: 32px !important;\n  }\n\n  \/* Integrated Card Design *\/\n  #mass-marker-config-hero .mass-card {\n    background: #ffffff !important;\n    border-radius: 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.08) !important; \/* Softer default shadow *\/\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important; \/* Bouncier transition *\/\n    overflow: hidden !important;\n    position: relative !important;\n    border: 1px solid rgba(226, 232, 240, 0.8) !important;\n    \n    \/* Animation settings *\/\n    opacity: 0;\n    animation: massFadeUp 0.8s ease-out forwards !important;\n  }\n\n  \/* Staggered animation delays *\/\n  #mass-marker-config-hero .mass-bento-grid .mass-card:nth-child(1) { animation-delay: 0.1s !important; }\n  #mass-marker-config-hero .mass-bento-grid .mass-card:nth-child(2) { animation-delay: 0.2s !important; }\n  #mass-marker-config-hero .mass-bento-grid .mass-card:nth-child(3) { animation-delay: 0.3s !important; }\n  #mass-marker-config-hero .mass-bento-grid-bottom .mass-card:nth-child(1) { animation-delay: 0.4s !important; }\n  #mass-marker-config-hero .mass-bento-grid-bottom .mass-footer-note { \n    animation: massFadeUp 0.8s ease-out forwards !important;\n    animation-delay: 0.5s !important;\n    opacity: 0;\n  }\n\n  \/* Top Border Highlight on Hover *\/\n  #mass-marker-config-hero .mass-card::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    opacity: 0 !important;\n    transition: opacity 0.3s ease !important;\n    z-index: 10 !important;\n  }\n\n  #mass-marker-config-hero .mass-card:hover::before {\n    opacity: 1 !important;\n  }\n\n  #mass-marker-config-hero .mass-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 40px -10px rgba(0, 120, 192, 0.15) !important;\n  }\n\n  \/* Modified: Enhanced Card Image Area (Top Half) *\/\n  #mass-marker-config-hero .mass-card-img-wrap {\n    \/* Stronger gradient and layered background with patterns *\/\n    background: linear-gradient(180deg, rgba(248, 250, 252, 1) 0%, rgba(226, 232, 240, 1) 100%) !important;\n    background-image: \n      radial-gradient(circle at center, rgba(255, 255, 255, 0.5) 0%, transparent 70%), \/* Center highlight *\/\n      linear-gradient(rgba(226, 232, 240, 0.7) 1px, transparent 1px), \/* Subtle Grid Lines (Horizontal) *\/\n      linear-gradient(90deg, rgba(226, 232, 240, 0.7) 1px, transparent 1px) !important; \/* Subtle Grid Lines (Vertical) *\/\n    background-size: 200px 200px, 16px 16px, 16px 16px !important;\n    background-position: center !important;\n    padding: 40px 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 240px !important;\n    border-bottom: 1px solid #e2e8f0 !important; \/* Separation line *\/\n    transition: box-shadow 0.4s ease, border-color 0.4s ease !important; \/* Transition for wrapping hover *\/\n  }\n\n  \/* New: Wrapped Image Area Hover Effect *\/\n  #mass-marker-config-hero .mass-card:hover .mass-card-img-wrap {\n    border-color: rgba(0, 120, 192, 0.3) !important; \/* Lighten border *\/\n    box-shadow: inset 0 0 20px rgba(0, 120, 192, 0.08) !important; \/* Soft inset glow *\/\n  }\n\n  \/* Modified: Enhanced Card Image *\/\n  #mass-marker-config-hero .mass-card-img-wrap img {\n    max-width: 80% !important;\n    height: auto !important;\n    object-fit: contain !important;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s ease !important; \/* Transition filter *\/\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05)) !important; \/* Initial shadow *\/\n  }\n\n  \/* Modified: Enhanced Image Hover Drop Shadow *\/\n  #mass-marker-config-hero .mass-card:hover .mass-card-img-wrap img {\n    transform: scale(1.08) translateY(-4px) !important; \/* Slightly more dynamic image hover *\/\n    filter: drop-shadow(0 8px 16px rgba(0, 120, 192, 0.15)) !important; \/* Dynamic drop shadow *\/\n  }\n\n  \/* Card Content Area (Bottom Half) *\/\n  #mass-marker-config-hero .mass-card-content {\n    padding: 32px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    flex-grow: 1 !important;\n  }\n\n  #mass-marker-config-hero h3.mass-card-title {\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #1e293b !important;\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    line-height: 1.3 !important;\n  }\n\n  \/* Config & Impact Blocks *\/\n  #mass-marker-config-hero .mass-info-block {\n    margin-bottom: 20px !important;\n  }\n\n  #mass-marker-config-hero .mass-info-block:last-child {\n    margin-bottom: 0 !important;\n    margin-top: auto !important;\n  }\n\n  \/* Pill-style Labels *\/\n  #mass-marker-config-hero h4.mass-label {\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    color: #7860A8 !important; \/* Brand Purple *\/\n    text-transform: uppercase !important;\n    letter-spacing: 0.1em !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    background: rgba(120, 96, 168, 0.08) !important; \/* Tinted background *\/\n    padding: 4px 10px !important;\n    border-radius: 12px !important; \/* Pill shape *\/\n  }\n\n  #mass-marker-config-hero h4.mass-label::before {\n    content: '' !important;\n    display: inline-block !important;\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #7860A8 !important;\n    border-radius: 50% !important;\n  }\n\n  #mass-marker-config-hero p.mass-config-text {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #0078C0 !important; \/* Brand Blue *\/\n    margin: 0 !important;\n    line-height: 1.5 !important;\n  }\n\n  #mass-marker-config-hero p.mass-impact-text {\n    font-size: 15px !important;\n    color: #64748b !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  \/* Bottom Row Custom Styling *\/\n  #mass-marker-config-hero .mass-card-compact .mass-card-content {\n    padding: 40px 32px !important;\n    justify-content: center !important;\n  }\n\n  \/* Enhanced Footer Note *\/\n  #mass-marker-config-hero .mass-footer-note {\n    background: linear-gradient(135deg, #0078C0 0%, #005a91 100%) !important;\n    border-radius: 20px !important;\n    padding: 48px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    box-shadow: 0 10px 40px -10px rgba(0, 120, 192, 0.4) !important;\n    position: relative !important;\n    overflow: hidden !important;\n  }\n\n  \/* Subtle background glow for footer note *\/\n  #mass-marker-config-hero .mass-footer-note::after {\n    content: '' !important;\n    position: absolute !important;\n    top: -50% !important;\n    right: -20% !important;\n    width: 300px !important;\n    height: 300px !important;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;\n    border-radius: 50% !important;\n    pointer-events: none !important;\n  }\n\n  #mass-marker-config-hero .mass-footer-note p {\n    font-size: 18px !important;\n    line-height: 1.7 !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n    margin: 0 !important;\n    font-weight: 400 !important;\n    position: relative !important;\n    z-index: 1 !important;\n  }\n\n  #mass-marker-config-hero .mass-footer-note p strong {\n    font-weight: 700 !important;\n    color: #ffffff !important;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width:1000px) {\n    #mass-marker-config-hero .mass-bento-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n    #mass-marker-config-hero .mass-bento-grid > .mass-card:nth-child(3) {\n      grid-column: span 2 !important;\n    }\n    #mass-marker-config-hero .mass-card-img-wrap {\n      min-height: 200px !important;\n    }\n    #mass-marker-config-hero .mass-bento-grid-bottom {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #mass-marker-config-hero {\n      padding: 48px 0 !important;\n    }\n    #mass-marker-config-hero .mass-container {\n      padding: 0 20px !important; \n    }\n    #mass-marker-config-hero h2.mass-main-title {\n      font-size: 32px !important;\n    }\n    #mass-marker-config-hero .mass-bento-grid {\n      grid-template-columns: 1fr !important;\n      gap: 24px !important;\n    }\n    #mass-marker-config-hero .mass-bento-grid > .mass-card:nth-child(3) {\n      grid-column: span 1 !important;\n    }\n    #mass-marker-config-hero .mass-bento-grid-bottom {\n      gap: 24px !important;\n    }\n    #mass-marker-config-hero .mass-footer-note {\n      padding: 32px 24px !important;\n    }\n    #mass-marker-config-hero .mass-footer-note p {\n      font-size: 16px !important;\n    }\n  }\n<\/style>\n\n<section id=\"mass-marker-config-hero\">\n  <div class=\"mass-container\">\n    \n    <div class=\"mass-header\">\n      <h2 class=\"mass-main-title\">Whiteboard, Permanent, and Refill Marker Production<br><span>Choosing the Right Configuration<\/span><\/h2>\n      <p class=\"mass-intro-text\">\n        Different marker styles may run the same ink, tip, reservoir, cap, and refill path, but your manufacturing facility requirements will be worlds apart. A whiteboard marker line can get away with higher saturation and easier refill handling. A permanent marker program may need better sealing, solvent recycling, sealed cap connection, and no-leak failure modes.\n      <\/p>\n    <\/div>\n\n    <div class=\"mass-bento-grid\">\n      \n      <div class=\"mass-card\">\n        <div class=\"mass-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Whiteboard.png\" alt=\"Whiteboard Marker Production\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-card-content\">\n          <h3 class=\"mass-card-title\">Whiteboard marker refill assembly<\/h3>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Configuration<\/h4>\n            <p class=\"mass-config-text\">MS-AM-065 with refill feeding and ink saturation scope review<\/p>\n          <\/div>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Why it matters<\/h4>\n            <p class=\"mass-impact-text\">Matches the product file and the target page intent.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mass-card\">\n        <div class=\"mass-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Permanent.png\" alt=\"Permanent Marker Production\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-card-content\">\n          <h3 class=\"mass-card-title\">Permanent marker pen assembly<\/h3>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Configuration<\/h4>\n            <p class=\"mass-config-text\">Check cap, seal, and ink-reservoir requirements before quote<\/p>\n          <\/div>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Why it matters<\/h4>\n            <p class=\"mass-impact-text\">Permanent marker components can raise sealing and material questions.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mass-card\">\n        <div class=\"mass-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/Refill-Marker.png\" alt=\"Refill Marker Production\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-card-content\">\n          <h3 class=\"mass-card-title\">Full marker production line<\/h3>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Configuration<\/h4>\n            <p class=\"mass-config-text\">Pair assembly planning with injection moulding and upstream equipment review<\/p>\n          <\/div>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Why it matters<\/h4>\n            <p class=\"mass-impact-text\">Mass also supplies injection moulding and pen making equipment.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"mass-bento-grid-bottom\">\n      \n      <div class=\"mass-card mass-card-compact\">\n        <div class=\"mass-card-content\">\n          <h3 class=\"mass-card-title\">New SKU or uncertain part design<\/h3>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Action Required<\/h4>\n            <p class=\"mass-config-text\">Send marker samples, drawings, and target pcs\/min before selecting machine scope<\/p>\n          <\/div>\n          <div class=\"mass-info-block\">\n            <h4 class=\"mass-label\">Why it matters<\/h4>\n            <p class=\"mass-impact-text\">Part geometry decides feeder, guide, and station design.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mass-footer-note\">\n        <p>\n          <strong>Public marker process references show why scope is important.<\/strong> Marker manufacturing includes body forming injection-molded plastics, reservoir insertion, filling with ink, sealing and packaging.<br><br>\n          The MS-AM-065 page must therefore make one point very clear: this is a marker pen assembly machine and refill assembly solution, but complete marker manufacturing may require upstream and downstream machines.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c397c7d\" data-block-id=\"c397c7d\"><style>.stk-c397c7d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c397c7d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b84c409\" data-v=\"4\" data-block-id=\"b84c409\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b84c409-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b84c409-inner-blocks\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n\/* 1. TOP LEVEL SCOPE & ANTI-WHITE-SPACE BACKGROUND *\/\n#ms-support-module-067 {\n    width: 100% !important;\n    background-color: #f4f7f9 !important;\n    background-image: \n        linear-gradient(135deg, #ffffff 0%, rgba(244, 247, 249, 0.7) 100%),\n        radial-gradient(rgba(0, 120, 192, 0.06) 1px, transparent 1px) !important;\n    background-size: 100% 100%, 24px 24px !important;\n    padding: 80px 30px !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n    overflow: hidden !important; \n}\n\n\/* Ambient Abstract Glows with Animation *\/\n@keyframes msPulseGlow {\n    0% { transform: scale(1) translate(0, 0); opacity: 0.4; }\n    50% { transform: scale(1.05) translate(2%, 2%); opacity: 0.7; }\n    100% { transform: scale(1) translate(0, 0); opacity: 0.4; }\n}\n\n#ms-support-module-067::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -15% !important;\n    left: -10% !important;\n    width: 60% !important;\n    height: 80% !important;\n    background: radial-gradient(circle, rgba(120, 96, 168, 0.08) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: msPulseGlow 8s infinite alternate ease-in-out !important;\n}\n\n#ms-support-module-067::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -15% !important;\n    right: -10% !important;\n    width: 60% !important;\n    height: 60% !important;\n    background: radial-gradient(circle, rgba(0, 120, 192, 0.08) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: msPulseGlow 10s infinite alternate-reverse ease-in-out !important;\n}\n\n\/* 2. ANCHORED CONTAINER *\/\n#ms-support-module-067 .ms-container {\n    max-width: 1600px !important; \/* Slightly tighter for better readability *\/\n    margin: 0 auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 65px !important;\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\/* 3. TOP HEADER SECTION *\/\n#ms-support-module-067 .ms-top-section {\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n}\n\n#ms-support-module-067 .ms-title-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    \/* Gradient Text Upgrade *\/\n    background: linear-gradient(135deg, #0f172a 0%, #0078C0 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    margin: 0 !important;\n    line-height: 1.25 !important;\n    letter-spacing: -1px !important;\n    max-width: 900px !important;\n    position: relative !important;\n    padding-bottom: 25px !important;\n}\n\n#ms-support-module-067 .ms-title-h2::after {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 50% !important;\n    bottom: 0 !important;\n    transform: translateX(-50%) !important;\n    width: 60px !important;\n    height: 5px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    border-radius: 10px !important;\n    box-shadow: 0 4px 15px rgba(0, 120, 192, 0.3) !important;\n}\n\n#ms-support-module-067 .ms-desc-wrapper {\n    position: relative !important;\n    max-width: 900px !important;\n    margin-top: 30px !important;\n}\n\n#ms-support-module-067 .ms-desc-content {\n    max-height: 85px !important; \n    overflow: hidden !important;\n    transition: max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#ms-support-module-067 .ms-desc-wrapper.expanded .ms-desc-content {\n    max-height: 500px !important; \n}\n\n#ms-support-module-067 .ms-desc {\n    font-size: 16.5px !important;\n    color: #475569 !important;\n    line-height: 1.8 !important;\n    font-weight: 400 !important;\n    margin: 0 0 15px 0 !important;\n}\n\n#ms-support-module-067 .ms-fade-overlay {\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 60px !important;\n    background: linear-gradient(to bottom, rgba(244, 247, 249, 0), rgba(244, 247, 249, 1)) !important;\n    pointer-events: none !important;\n    transition: opacity 0.4s ease !important;\n}\n\n#ms-support-module-067 .ms-desc-wrapper.expanded .ms-fade-overlay {\n    opacity: 0 !important;\n}\n\n\/* Button Upgrade: Gradient & Shadow *\/\n#ms-support-module-067 .ms-toggle-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    margin-top: 20px !important;\n    background: linear-gradient(135deg, #0078C0, #005a91) !important;\n    color: #ffffff !important;\n    border: none !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    cursor: pointer !important;\n    padding: 12px 24px !important;\n    border-radius: 30px !important;\n    box-shadow: 0 4px 15px rgba(0, 120, 192, 0.25) !important;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#ms-support-module-067 .ms-toggle-btn:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 20px rgba(0, 120, 192, 0.4) !important;\n    background: linear-gradient(135deg, #008be0, #006eb3) !important;\n}\n\n#ms-support-module-067 .ms-toggle-btn svg {\n    transition: transform 0.4s ease !important;\n}\n\n#ms-support-module-067 .ms-desc-wrapper.expanded .ms-toggle-btn svg {\n    transform: rotate(180deg) !important;\n}\n\n\/* 4. MIDDLE GRID: STATS & IMAGE STACK *\/\n#ms-support-module-067 .ms-middle-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 60px !important;\n    align-items: center !important;\n}\n\n\/* Stats Cards Upgraded *\/\n#ms-support-module-067 .ms-stats-wrap {\n    flex: 1 1 45% !important;\n    min-width: 320px !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 20px !important;\n}\n\n#ms-support-module-067 .ms-stat-card {\n    background: #ffffff !important;\n    border: 1px solid #e2e8f0 !important;\n    border-top: 4px solid transparent !important;\n    padding: 25px 20px !important;\n    border-radius: 12px !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n\/* Gradient Top Border *\/\n#ms-support-module-067 .ms-stat-card::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    opacity: 0 !important;\n    transition: opacity 0.3s ease !important;\n}\n\n#ms-support-module-067 .ms-stat-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 15px 35px rgba(0, 120, 192, 0.12) !important;\n    border-color: transparent !important;\n}\n\n#ms-support-module-067 .ms-stat-card:hover::before {\n    opacity: 1 !important;\n}\n\n#ms-support-module-067 .ms-icon-wrap {\n    width: 36px !important;\n    height: 36px !important;\n    background: rgba(0, 120, 192, 0.08) !important;\n    border-radius: 8px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-bottom: 15px !important;\n    color: #0078C0 !important;\n}\n\n#ms-support-module-067 .ms-stat-val {\n    font-size: 32px !important;\n    font-weight: 800 !important;\n    background: linear-gradient(135deg, #0078C0, #1e293b) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    margin-bottom: 8px !important;\n    line-height: 1 !important;\n}\n\n#ms-support-module-067 .ms-stat-label {\n    font-size: 14px !important;\n    color: #64748b !important;\n    font-weight: 500 !important;\n    line-height: 1.4 !important;\n}\n\n\/* === INTERACTIVE IMAGE STACK === *\/\n#ms-support-module-067 .ms-stack-wrap {\n    flex: 1 1 45% !important;\n    min-width: 320px !important;\n    position: relative !important;\n    height: 450px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: pointer !important;\n    perspective: 1000px !important;\n}\n\n#ms-support-module-067 .ms-stack-wrap::before {\n    content: '' !important;\n    position: absolute !important;\n    width: 70% !important;\n    height: 60% !important;\n    background: rgba(0,0,0,0.08) !important;\n    filter: blur(30px) !important;\n    border-radius: 50% !important;\n    bottom: 2% !important;\n    z-index: 0 !important;\n    transition: all 0.5s ease !important;\n}\n\n#ms-support-module-067 .ms-stacked-img {\n    position: absolute !important;\n    width: 68% !important;\n    height: auto !important;\n    aspect-ratio: 4\/3 !important;\n    object-fit: cover !important;\n    border-radius: 16px !important;\n    border: 6px solid #ffffff !important;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;\n    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\n    transform-origin: center center !important;\n}\n\n#ms-support-module-067 .ms-img-1 {\n    z-index: 1 !important;\n    transform: rotate(-6deg) translateX(-35px) translateY(10px) !important;\n    filter: brightness(0.85) saturate(0.9) !important;\n}\n#ms-support-module-067 .ms-img-2 {\n    z-index: 2 !important;\n    transform: rotate(5deg) translateX(35px) translateY(-5px) !important;\n    filter: brightness(0.95) saturate(0.95) !important;\n}\n#ms-support-module-067 .ms-img-3 {\n    z-index: 3 !important;\n    transform: rotate(-1deg) translate(0, 0) !important;\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;\n}\n\n#ms-support-module-067 .ms-stack-wrap:hover .ms-img-1 {\n    transform: rotate(-10deg) translateX(-130px) translateY(15px) !important;\n    filter: brightness(1) saturate(1) !important;\n}\n#ms-support-module-067 .ms-stack-wrap:hover .ms-img-2 {\n    transform: rotate(8deg) translateX(130px) translateY(10px) !important;\n    filter: brightness(1) saturate(1) !important;\n}\n#ms-support-module-067 .ms-stack-wrap:hover .ms-img-3 {\n    transform: rotate(0deg) translateY(-25px) scale(1.03) !important;\n    box-shadow: 0 35px 60px rgba(0,0,0,0.2) !important;\n}\n#ms-support-module-067 .ms-stack-wrap:hover::before {\n    transform: scale(1.3) translateY(15px) !important;\n    opacity: 0.6 !important;\n}\n\n\/* 5. BOTTOM CHECKLIST BOX UPGRADE *\/\n#ms-support-module-067 .ms-bottom-box {\n    background: #0f172a !important; \/* Deep dark B2B tech color *\/\n    border-radius: 16px !important;\n    padding: 50px 55px !important;\n    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.25), inset 0 0 0 1px rgba(255,255,255,0.05) !important;\n    position: relative !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 45px !important;\n    align-items: center !important;\n}\n\n\/* Abstract inner glow for the dark box *\/\n#ms-support-module-067 .ms-bottom-box::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -50% !important;\n    right: -20% !important;\n    width: 60% !important;\n    height: 150% !important;\n    background: radial-gradient(ellipse at center, rgba(0, 120, 192, 0.15) 0%, transparent 70%) !important;\n    pointer-events: none !important;\n}\n\n#ms-support-module-067 .ms-bottom-box::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 6px !important;\n    height: 100% !important;\n    background: linear-gradient(to bottom, #0078C0, #7860A8) !important;\n}\n\n#ms-support-module-067 .ms-qual-intro {\n    flex: 1 1 35% !important;\n    min-width: 300px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n#ms-support-module-067 .ms-title-h3 {\n    font-size: 26px !important;\n    font-weight: 700 !important;\n    color: #f8fafc !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n}\n\n#ms-support-module-067 .ms-qual-intro .ms-desc {\n    color: #94a3b8 !important;\n    font-size: 15.5px !important;\n    line-height: 1.7 !important;\n}\n\n#ms-support-module-067 .ms-checklist-wrap {\n    flex: 1 1 55% !important;\n    min-width: 300px !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n#ms-support-module-067 ul.ms-checklist {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important;\n}\n\n#ms-support-module-067 ul.ms-checklist li {\n    display: flex !important;\n    align-items: center !important;\n    background: rgba(255, 255, 255, 0.03) !important;\n    padding: 18px 22px !important;\n    border-radius: 10px !important;\n    color: #e2e8f0 !important;\n    font-size: 15px !important;\n    font-weight: 500 !important;\n    line-height: 1.5 !important;\n    border: 1px solid rgba(255,255,255,0.03) !important;\n    position: relative !important;\n    overflow: hidden !important;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n\/* Hover Sliding Indicator *\/\n#ms-support-module-067 ul.ms-checklist li::before {\n    content: '' !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    height: 100% !important;\n    width: 4px !important;\n    background: #38bdf8 !important;\n    transform: scaleY(0) !important;\n    transition: transform 0.3s ease !important;\n    transform-origin: bottom !important;\n}\n\n#ms-support-module-067 ul.ms-checklist li:hover {\n    background: rgba(255, 255, 255, 0.06) !important;\n    transform: translateX(6px) !important;\n    border-color: rgba(56, 189, 248, 0.2) !important;\n}\n\n#ms-support-module-067 ul.ms-checklist li:hover::before {\n    transform: scaleY(1) !important;\n    transform-origin: top !important;\n}\n\n#ms-support-module-067 .ms-check-icon {\n    flex-shrink: 0 !important;\n    width: 28px !important;\n    height: 28px !important;\n    margin-right: 18px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background: rgba(56, 189, 248, 0.15) !important;\n    border-radius: 50% !important;\n    color: #38bdf8 !important;\n}\n\n#ms-support-module-067 .ms-check-icon svg {\n    width: 14px !important;\n    height: 14px !important;\n}\n\n\/* RESPONSIVE Adjustments *\/\n@media (max-width:1000px) {\n    #ms-support-module-067 .ms-stack-wrap {\n        height: 400px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #ms-support-module-067 {\n        padding: 50px 20px !important;\n    }\n    #ms-support-module-067 .ms-title-h2 {\n        font-size: 28px !important;\n    }\n    #ms-support-module-067 .ms-stats-wrap {\n        grid-template-columns: 1fr !important;\n    }\n    #ms-support-module-067 .ms-stack-wrap {\n        height: 320px !important;\n    }\n    #ms-support-module-067 .ms-stack-wrap:hover .ms-img-1 {\n        transform: rotate(-10deg) translateX(-60px) translateY(10px) !important;\n    }\n    #ms-support-module-067 .ms-stack-wrap:hover .ms-img-2 {\n        transform: rotate(6deg) translateX(60px) translateY(5px) !important;\n    }\n    #ms-support-module-067 .ms-bottom-box {\n        padding: 40px 30px !important;\n        flex-direction: column !important;\n        gap: 30px !important;\n    }\n}\n<\/style>\n\n<section id=\"ms-support-module-067\">\n    <div class=\"ms-container\">\n\n        <div class=\"ms-top-section\">\n            <div class=\"ms-title-h2\" role=\"heading\" aria-level=\"2\">\n                Marker Pen Machine Manufacturer Support for International Buyers\n            <\/div>\n            \n            <div class=\"ms-desc-wrapper\" id=\"ms-desc-wrap-067\">\n                <div class=\"ms-desc-content\">\n                    <p class=\"ms-desc\">\n                        A new website has to gain confidence more quickly. Mass does this by concrete project scope support, not wild promises of manufacturing excellence: initial plant layout design, equipment part manufacturing, production line installation, actual on-site operator training, and following century support.\n                    <\/p>\n                    <p class=\"ms-desc\">\n                        Support scope and language are also precise: a 2-year warranty on all machine parts; 24-hour engineer-response and replacement-part shipping by international courier within 5 working days. Overseas customers care more about these three details than another nonspecific aspiration for quality.\n                    <\/p>\n                <\/div>\n                <div class=\"ms-fade-overlay\"><\/div>\n            <\/div>\n            \n            <button class=\"ms-toggle-btn\" id=\"ms-toggle-btn-067\" aria-expanded=\"false\">\n                <span>Read More<\/span>\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"ms-middle-grid\">\n            \n            <div class=\"ms-stats-wrap\">\n                <div class=\"ms-stat-card\">\n                    <div class=\"ms-icon-wrap\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"ms-stat-val\">ISO9001<\/div>\n                    <div class=\"ms-stat-label\">Listed in product data<\/div>\n                <\/div>\n                <div class=\"ms-stat-card\">\n                    <div class=\"ms-icon-wrap\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                    <\/div>\n                    <div class=\"ms-stat-val\">2 years<\/div>\n                    <div class=\"ms-stat-label\">Company warranty claim<\/div>\n                <\/div>\n                <div class=\"ms-stat-card\">\n                    <div class=\"ms-icon-wrap\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"ms-stat-val\">24h<\/div>\n                    <div class=\"ms-stat-label\">Engineer response claim<\/div>\n                <\/div>\n                <div class=\"ms-stat-card\">\n                    <div class=\"ms-icon-wrap\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                    <\/div>\n                    <div class=\"ms-stat-val\">5 days<\/div>\n                    <div class=\"ms-stat-label\">Parts courier target<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-stack-wrap\" title=\"Hover to view gallery, click to swap\">\n                <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/QQ\u56fe\u724720170214181829.png\" \n                     alt=\"Marker Pen Production Assembly Line\" \n                     class=\"ms-stacked-img ms-img-1 skip-lazy\" \n                     data-no-lazy=\"1\" decoding=\"async\">\n                     \n                <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/IMG20170830111639-scaled.jpg\" \n                     alt=\"Equipment Part Manufacturing Details\" \n                     class=\"ms-stacked-img ms-img-2 skip-lazy\" \n                     data-no-lazy=\"1\" decoding=\"async\">\n                     \n                <img src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/IMG20171011161831-scaled.jpg\" \n                     alt=\"Plant Layout and Machine Testing\" \n                     class=\"ms-stacked-img ms-img-3 skip-lazy\" \n                     data-no-lazy=\"1\" fetchpriority=\"high\" decoding=\"async\">\n            <\/div>\n\n        <\/div>\n\n        <div class=\"ms-bottom-box\">\n            \n            <div class=\"ms-qual-intro\">\n                <div class=\"ms-title-h3\" role=\"heading\" aria-level=\"3\">Supplier qualification signals to ask for<\/div>\n                <p class=\"ms-desc\">\n                    Qualification criteria for automation equipment suppliers include technical specifications, certifications, FAT\/SAT acceptance check lists, engineering support, maintenance, warranty, and support. Consider these criteria when you choose among Marker Pen Machine suppliers like Mass.\n                <\/p>\n            <\/div>\n\n            <div class=\"ms-checklist-wrap\">\n                <ul class=\"ms-checklist\">\n                    <li>\n                        <span class=\"ms-check-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                        <\/span>\n                        Confirm marker sample, drawing, and refill dimensions.\n                    <\/li>\n                    <li>\n                        <span class=\"ms-check-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                        <\/span>\n                        Ask for layout, air supply, voltage, and service-clearance drawings.\n                    <\/li>\n                    <li>\n                        <span class=\"ms-check-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                        <\/span>\n                        Confirm spare-parts list and delivery path.\n                    <\/li>\n                    <li>\n                        <span class=\"ms-check-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                        <\/span>\n                        Define factory acceptance and on-site acceptance tests before deposit.\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ --- 1. \u5904\u7406\u201cRead More\u201d\u6587\u672c\u6298\u53e0\u903b\u8f91 ---\n        const wrap = document.getElementById('ms-desc-wrap-067');\n        const btn = document.getElementById('ms-toggle-btn-067');\n        \n        if(wrap && btn) {\n            btn.addEventListener('click', function() {\n                wrap.classList.toggle('expanded');\n                const isExpanded = wrap.classList.contains('expanded');\n                \n                \/\/ \u66f4\u65b0 ARIA \u548c\u6309\u94ae\u6587\u672c\n                btn.setAttribute('aria-expanded', isExpanded);\n                btn.querySelector('span').textContent = isExpanded ? 'Read Less' : 'Read More';\n            });\n        }\n\n        \/\/ --- 2. \u5904\u7406\u56fe\u7247\u5806\u53e0\u7684\u70b9\u51fb\u8f6e\u64ad\u903b\u8f91 ---\n        const stackWrap = document.querySelector('.ms-stack-wrap');\n        const images = document.querySelectorAll('.ms-stacked-img');\n        \n        if (stackWrap && images.length > 0) {\n            let classOrder = ['ms-img-1', 'ms-img-2', 'ms-img-3'];\n            \n            stackWrap.addEventListener('click', function() {\n                classOrder.unshift(classOrder.pop());\n                \n                images.forEach((img, index) => {\n                    img.classList.remove('ms-img-1', 'ms-img-2', 'ms-img-3');\n                    img.classList.add(classOrder[index]);\n                });\n            });\n        }\n    });\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-dd71ec9\" data-block-id=\"dd71ec9\"><style>.stk-dd71ec9 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-dd71ec9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c4e38e4\" data-v=\"4\" data-block-id=\"c4e38e4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c4e38e4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c4e38e4-inner-blocks\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* ==========================================================================\n   1. HIGHEST LEVEL SCOPE & AMBIENT BACKGROUND\n   ========================================================================== *\/\n#ms-rfq-module-069 {\n    width: 100% !important;\n    background-color: #f4f7f9 !important;\n    \/* Industrial grid pattern with subtle gradient overlay *\/\n    background-image: \n        linear-gradient(180deg, #ffffff 0%, rgba(244, 247, 249, 0.4) 100%),\n        radial-gradient(rgba(0, 120, 192, 0.08) 1px, transparent 1px) !important;\n    background-size: 100% 100%, 24px 24px !important;\n    padding: 60px 30px !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n    overflow: hidden !important;\n    color: #334155 !important;\n}\n\n\/* Ambient Breathing Glows *\/\n@keyframes msTechGlow {\n    0% { transform: scale(1) translate(0, 0); opacity: 0.3; }\n    50% { transform: scale(1.1) translate(2%, 2%); opacity: 0.6; }\n    100% { transform: scale(1) translate(0, 0); opacity: 0.3; }\n}\n\n#ms-rfq-module-069::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -20% !important;\n    right: -10% !important;\n    width: 60% !important;\n    height: 80% !important;\n    background: radial-gradient(circle, rgba(0, 120, 192, 0.06) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: msTechGlow 10s infinite alternate ease-in-out !important;\n}\n\n#ms-rfq-module-069::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -20% !important;\n    left: -10% !important;\n    width: 50% !important;\n    height: 70% !important;\n    background: radial-gradient(circle, rgba(120, 96, 168, 0.05) 0%, transparent 60%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    animation: msTechGlow 12s infinite alternate-reverse ease-in-out !important;\n}\n\n\/* ==========================================================================\n   2. ANCHORED CONTAINER\n   ========================================================================== *\/\n#ms-rfq-module-069 .ms-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 35px !important;\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\/* ==========================================================================\n   3. TOP SECTION: GRADIENT TITLE\n   ========================================================================== *\/\n#ms-rfq-module-069 .ms-title-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    \/* Premium dark-to-brand gradient *\/\n    background: linear-gradient(135deg, #0f172a 0%, #005a91 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.5px !important;\n    position: relative !important;\n    padding-left: 22px !important;\n    display: inline-block !important;\n}\n\n#ms-rfq-module-069 .ms-title-h2::before {\n    content: '' !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 6px !important;\n    bottom: 6px !important;\n    width: 6px !important;\n    background: linear-gradient(180deg, #0078C0, #7860A8) !important;\n    border-radius: 4px !important;\n    box-shadow: 0 0 10px rgba(0, 120, 192, 0.3) !important;\n}\n\n\/* ==========================================================================\n   4. CONTEXT ROW: SPLIT LAYOUT\n   ========================================================================== *\/\n#ms-rfq-module-069 .ms-context-row {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 30px !important;\n    align-items: stretch !important;\n}\n\n#ms-rfq-module-069 .ms-intro-box {\n    flex: 1 1 55% !important;\n    background: rgba(255, 255, 255, 0.8) !important;\n    backdrop-filter: blur(10px) !important;\n    border: 1px solid rgba(255, 255, 255, 0.9) !important;\n    border-radius: 12px !important;\n    padding: 35px 40px !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n}\n\n#ms-rfq-module-069 .ms-intro-text {\n    font-size: 16.5px !important;\n    line-height: 1.8 !important;\n    color: #475569 !important;\n    margin: 0 !important;\n}\n\n#ms-rfq-module-069 .ms-highlight {\n    font-weight: 600 !important;\n    color: #0078C0 !important;\n    background: rgba(0, 120, 192, 0.06) !important;\n    padding: 2px 6px !important;\n    border-radius: 4px !important;\n}\n\n\/* Dark Dashboard Box Upgrade *\/\n#ms-rfq-module-069 .ms-note-box {\n    flex: 1 1 40% !important;\n    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%) !important;\n    border-radius: 12px !important;\n    padding: 35px 40px !important;\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.2), inset 0 1px 1px rgba(255,255,255,0.1) !important;\n    position: relative !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    border: 1px solid #334155 !important;\n}\n\n\/* Diagonal tech line through the dark box *\/\n#ms-rfq-module-069 .ms-note-box::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: 0 !important;\n    width: 150% !important;\n    height: 150% !important;\n    background: radial-gradient(circle at top right, rgba(0, 120, 192, 0.25) 0%, transparent 60%) !important;\n    pointer-events: none !important;\n}\n\n#ms-rfq-module-069 .ms-note-box::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 3px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8, transparent) !important;\n}\n\n#ms-rfq-module-069 .ms-note-title {\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #f8fafc !important;\n    margin: 0 0 15px 0 !important;\n}\n\n#ms-rfq-module-069 .ms-note-icon {\n    color: #38bdf8 !important; \n    filter: drop-shadow(0 0 5px rgba(56, 189, 248, 0.4)) !important;\n}\n\n#ms-rfq-module-069 .ms-note-desc {\n    font-size: 15px !important;\n    line-height: 1.7 !important;\n    color: #cbd5e1 !important;\n    margin: 0 !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n\/* ==========================================================================\n   5. GRID ROW: HIGH DENSITY DATA CARDS (3 Columns)\n   ========================================================================== *\/\n#ms-rfq-module-069 .ms-grid-row {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 25px !important;\n    margin-top: 10px !important;\n}\n\n#ms-rfq-module-069 .ms-rfq-card {\n    background: #ffffff !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 12px !important;\n    padding: 35px 30px !important;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 20px !important;\n    \/* Industrial Corner Accents (Crosshairs) *\/\n    background-image: \n        linear-gradient(#cbd5e1, #cbd5e1), linear-gradient(#cbd5e1, #cbd5e1),\n        linear-gradient(#cbd5e1, #cbd5e1), linear-gradient(#cbd5e1, #cbd5e1);\n    background-size: 8px 1px, 1px 8px, 8px 1px, 1px 8px !important;\n    background-position: \n        15px 15px, 15px 15px,\n        calc(100% - 15px) 15px, calc(100% - 15px) 15px !important;\n    background-repeat: no-repeat !important;\n}\n\n\/* Hover Reveals Accent Top Border *\/\n#ms-rfq-module-069 .ms-rfq-card::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    border-radius: 12px 12px 0 0 !important;\n    opacity: 0 !important;\n    transition: opacity 0.4s ease !important;\n}\n\n#ms-rfq-module-069 .ms-rfq-card:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 20px 40px rgba(0, 120, 192, 0.08) !important;\n    border-color: transparent !important;\n}\n\n#ms-rfq-module-069 .ms-rfq-card:hover::before {\n    opacity: 1 !important;\n}\n\n#ms-rfq-module-069 .ms-card-header {\n    display: flex !important;\n    align-items: center !important;\n    gap: 15px !important;\n    border-bottom: 1px dashed #e2e8f0 !important;\n    padding-bottom: 15px !important;\n}\n\n#ms-rfq-module-069 .ms-card-icon {\n    width: 46px !important;\n    height: 46px !important;\n    background: rgba(0, 120, 192, 0.06) !important;\n    border-radius: 10px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    color: #0078C0 !important;\n    flex-shrink: 0 !important;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n\/* Icon Color Invert on Hover *\/\n#ms-rfq-module-069 .ms-rfq-card:hover .ms-card-icon {\n    background: #0078C0 !important;\n    color: #ffffff !important;\n    transform: scale(1.05) rotate(-3deg) !important;\n    box-shadow: 0 5px 15px rgba(0, 120, 192, 0.2) !important;\n}\n\n#ms-rfq-module-069 .ms-card-title {\n    font-size: 19px !important;\n    font-weight: 700 !important;\n    color: #1e293b !important;\n    margin: 0 !important;\n}\n\n#ms-rfq-module-069 .ms-data-group {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 8px !important;\n}\n\n#ms-rfq-module-069 .ms-data-label {\n    font-size: 12.5px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.8px !important;\n    color: #0078C0 !important;\n    font-weight: 700 !important;\n}\n\n#ms-rfq-module-069 .ms-data-value {\n    font-size: 15.5px !important;\n    color: #1e293b !important;\n    font-weight: 600 !important;\n    line-height: 1.6 !important;\n    background: #f8fafc !important;\n    padding: 12px 16px !important;\n    border-radius: 8px !important;\n    border-left: 3px solid #0078C0 !important;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.02) !important;\n}\n\n#ms-rfq-module-069 .ms-data-reason {\n    font-size: 14.5px !important;\n    color: #64748b !important;\n    line-height: 1.6 !important;\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 10px !important;\n    padding-top: 5px !important;\n}\n\n#ms-rfq-module-069 .ms-reason-icon {\n    color: #7860A8 !important;\n    margin-top: 3px !important;\n    flex-shrink: 0 !important;\n}\n\n\/* ==========================================================================\n   6. RESPONSIVE DESIGN\n   ========================================================================== *\/\n@media (max-width: 1200px) {\n    #ms-rfq-module-069 .ms-grid-row {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n\n@media (max-width: 992px) {\n    #ms-rfq-module-069 .ms-context-row {\n        flex-direction: column !important;\n    }\n    #ms-rfq-module-069 .ms-intro-box,\n    #ms-rfq-module-069 .ms-note-box {\n        flex: 1 1 100% !important;\n    }\n}\n\n@media (max-width:690px) {\n    #ms-rfq-module-069 {\n        padding: 50px 20px !important;\n    }\n    #ms-rfq-module-069 .ms-title-h2 {\n        font-size: 28px !important;\n    }\n    #ms-rfq-module-069 .ms-grid-row {\n        grid-template-columns: 1fr !important;\n    }\n    #ms-rfq-module-069 .ms-intro-box,\n    #ms-rfq-module-069 .ms-note-box {\n        padding: 25px !important;\n    }\n}\n<\/style>\n\n<div id=\"ms-rfq-module-069\">\n    <div class=\"ms-container\">\n        \n        <div class=\"ms-title-h2\" role=\"heading\" aria-level=\"2\">\n            Marker Pen Machine Price, RFQ Scope, Delivery, and After-Sales Terms\n        <\/div>\n        \n        <div class=\"ms-context-row\">\n            <div class=\"ms-intro-box\">\n                <p class=\"ms-intro-text\">\n                    Pricing for marker pen machine must be quoted against scope. A short RFQ such as <span class=\"ms-highlight\">\"send me a price for a marker pen machine\"<\/span> leaves excessive scope for misunderstanding. Assembly Magazine reports that detailed RFQs are part of avoiding rework and misunderstandings on automation projects with high ppm reject goals.\n                <\/p>\n            <\/div>\n            \n            <div class=\"ms-note-box\">\n                <div class=\"ms-note-title\" role=\"heading\" aria-level=\"3\">\n                    <span class=\"ms-note-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                    <\/span>\n                    Pricing note\n                <\/div>\n                <p class=\"ms-note-desc\">\n                    We do not publish a fixed USD price on this page because part design, planned station scope, controls, safety guarding, packaging, and installation scope can change the price. Request a line-fit quote when you can send marker samples and production targets.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"ms-grid-row\">\n            \n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path><path d=\"M2 2l7.586 7.586\"><\/path><circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Marker type<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">Whiteboard, permanent, refill, highlighter, or another format<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Controls part-contact surfaces and feeding method.\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Target output<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">pcs\/min or pcs\/day target<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Checks whether 40-60 pcs\/min fits your production plan.\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Part data<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">Drawings, samples, photos, barrel\/refill dimensions<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Reduces guesswork around guides, tooling, and grippers.\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Factory utilities<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">Voltage, compressed air, floor space, line direction<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Prevents integration surprises after shipment.\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Automation scope<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">Refill assembly only, filling support, cap assembly, packing transfer<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Separates machine price from full production-line cost.\n                <\/div>\n            <\/div>\n\n            <div class=\"ms-rfq-card\">\n                <div class=\"ms-card-header\">\n                    <div class=\"ms-card-icon\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"ms-card-title\" role=\"heading\" aria-level=\"4\">Support terms<\/div>\n                <\/div>\n                <div class=\"ms-data-group\">\n                    <div class=\"ms-data-label\">What to send Mass<\/div>\n                    <div class=\"ms-data-value\">Training, spare parts, warranty, remote support, engineer visit needs<\/div>\n                <\/div>\n                <div class=\"ms-data-reason\">\n                    <span class=\"ms-reason-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/span>\n                    Reason: Protects the first year of production.\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n\/* Vanilla JS Init - Ensuring strictly fulfilling isolated module pattern requirement *\/\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        const cards = document.querySelectorAll('#ms-rfq-module-069 .ms-rfq-card');\n        \/\/ Elegant staggered fade-in effect matching the high-end industrial aesthetic\n        cards.forEach((card, index) => {\n            card.style.opacity = '0';\n            card.style.transform = 'translateY(20px)';\n            setTimeout(() => {\n                card.style.transition = 'all 0.6s cubic-bezier(0.23, 1, 0.32, 1)';\n                card.style.opacity = '1';\n                card.style.transform = 'translateY(0)';\n            }, 150 + (index * 90));\n        });\n    });\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-1124475\" data-block-id=\"1124475\"><style>.stk-1124475 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1124475-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-efe5021\" data-v=\"4\" data-block-id=\"efe5021\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-efe5021-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-efe5021-inner-blocks\">\n<section id=\"mass-quality-hero-premium\">\n    <div class=\"mass-background-layer\"><\/div>\n    <div class=\"mass-container\">\n        <h2 class=\"mass-main-title\">\n            ISO Certified Marker Pen Manufacturing<br>\n            <span>World-Class Quality Control<\/span>\n        <\/h2>\n\n        <button class=\"mass-nav-btn mass-nav-left\" id=\"massPrev\">&#10094;<\/button>\n        <button class=\"mass-nav-btn mass-nav-right\" id=\"massNext\">&#10095;<\/button>\n\n        <div class=\"mass-slider-container\">\n            <div class=\"mass-slider-track\" id=\"massPremiumTrack\">\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/ISO-Quality-control-system-scaled.jpg\" alt=\"Quality System\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Quality Control<\/h4>\n                        <p>Advanced system ensuring zero defects.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/ISO19001-\u526f\u672c.jpg\" alt=\"ISO19001\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>ISO 9001<\/h4>\n                        <p>Internationally certified standards.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408134013.png\" alt=\"Factory View\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Smart Factory<\/h4>\n                        <p>Automated manufacturing processes.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408134044.png\" alt=\"Factory View 2\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Precision Engineering<\/h4>\n                        <p>High-tech assembly lines.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408134055.png\" alt=\"Machine Detail\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Machine Detail<\/h4>\n                        <p>State-of-the-art equipment.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408134100.jpg\" alt=\"Production Process\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Production Process<\/h4>\n                        <p>Efficient manufacturing operations.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408134105.png\" alt=\"Quality Assurance\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Quality Assurance<\/h4>\n                        <p>Strict testing procedures.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mass-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/\u5fae\u4fe1\u56fe\u7247_20220408150843.jpg\" alt=\"Team Work\">\n                    <div class=\"mass-slide-overlay\">\n                        <h4>Team Work<\/h4>\n                        <p>Dedicated professional staff.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"massLightbox\" class=\"mass-lightbox\">\n        <span class=\"mass-lightbox-close\">&times;<\/span>\n        <img decoding=\"async\" id=\"massLightboxImg\" src=\"\" alt=\"Enlarged view\">\n    <\/div>\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;600;800&display=swap');\n\n        \/* ---------------- \u539f\u6709\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8 ---------------- *\/\n        #mass-quality-hero-premium {\n            position: relative !important;\n            width: 100% !important;\n            padding: 100px 0 120px 0 !important;\n            background: #fafbfc !important;\n            font-family: 'Inter', sans-serif !important;\n            overflow: hidden !important;\n        }\n\n        #mass-quality-hero-premium::before {\n            content: '';\n            position: absolute;\n            top: -10%; left: -10%; width: 50%; height: 50%;\n            background: radial-gradient(circle, rgba(0,120,192,0.08) 0%, transparent 70%);\n            z-index: 0;\n        }\n\n        #mass-quality-hero-premium .mass-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #mass-quality-hero-premium .mass-main-title {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #0f172a !important;\n            line-height: 1.2 !important;\n            margin: 0 0 60px 0 !important;\n            text-align: center !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #mass-quality-hero-premium .mass-main-title span {\n            background: linear-gradient(135deg, #0078C0 0%, #005A90 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            font-weight: 600 !important;\n            font-size: 32px !important;\n            display: block;\n            margin-top: 10px;\n        }\n\n        #mass-quality-hero-premium .mass-slider-container {\n            width: 100% !important;\n            overflow: hidden !important;\n            padding: 30px 0 !important;\n            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent) !important;\n            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent) !important;\n        }\n\n        #mass-quality-hero-premium .mass-slider-track {\n            display: flex !important;\n            gap: 30px !important;\n            width: max-content !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide {\n            position: relative !important;\n            width: 340px !important;\n            height: 460px !important;\n            flex-shrink: 0 !important;\n            border-radius: 20px !important;\n            overflow: hidden !important;\n            background: #fff !important;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n            cursor: zoom-in !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide:nth-child(even) {\n            transform: translateY(20px) !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide img {\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: cover !important;\n            transition: transform 0.7s ease !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide-overlay {\n            position: absolute !important;\n            bottom: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            padding: 40px 24px 24px !important;\n            background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%) !important;\n            color: #fff !important;\n            transform: translateY(20px) !important;\n            opacity: 0 !important;\n            transition: all 0.4s ease !important;\n            pointer-events: none;\n        }\n\n        #mass-quality-hero-premium .mass-slide-overlay h4 {\n            margin: 0 0 8px 0 !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide-overlay p {\n            margin: 0 !important;\n            font-size: 14px !important;\n            color: rgba(255,255,255,0.8) !important;\n            line-height: 1.5 !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide:hover {\n            transform: translateY(-10px) !important;\n            box-shadow: 0 25px 50px rgba(0, 120, 192, 0.15) !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide:nth-child(even):hover {\n            transform: translateY(10px) !important; \n        }\n\n        #mass-quality-hero-premium .mass-slide:hover img {\n            transform: scale(1.08) !important;\n        }\n\n        #mass-quality-hero-premium .mass-slide:hover .mass-slide-overlay {\n            transform: translateY(0) !important;\n            opacity: 1 !important;\n        }\n\n        \/* ---------------- \u5bfc\u822a\u6309\u94ae\u6837\u5f0f ---------------- *\/\n        .mass-nav-btn {\n            position: absolute !important;\n            top: 55% !important;\n            transform: translateY(-50%) !important;\n            background: #ffffff !important;\n            border: 1px solid #e2e8f0 !important;\n            color: #0f172a !important;\n            width: 48px !important;\n            height: 48px !important;\n            border-radius: 50% !important;\n            font-size: 18px !important;\n            cursor: pointer !important;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;\n            z-index: 10 !important;\n            transition: all 0.3s ease !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n        }\n        .mass-nav-btn:hover {\n            background: #0078C0 !important;\n            color: #fff !important;\n            border-color: #0078C0 !important;\n            transform: translateY(-50%) scale(1.1) !important;\n        }\n        .mass-nav-left { left: 0px !important; }\n        .mass-nav-right { right: 0px !important; }\n\n        \/* ---------------- \u70b9\u51fb\u653e\u5927\u7684\u706f\u7bb1\u6837\u5f0f ---------------- *\/\n        .mass-lightbox {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100vw !important;\n            height: 100vh !important;\n            background: rgba(15, 23, 42, 0.9) !important;\n            backdrop-filter: blur(5px) !important;\n            z-index: 99999 !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease !important;\n        }\n        .mass-lightbox.active {\n            opacity: 1;\n            pointer-events: auto;\n        }\n        .mass-lightbox img {\n            max-width: 65% !important;\n            max-height: 75vh !important;\n            object-fit: contain !important;\n            border-radius: 12px !important;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;\n            transform: scale(0.9);\n            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n        }\n        .mass-lightbox.active img {\n            transform: scale(1);\n        }\n        .mass-lightbox-close {\n            position: absolute !important;\n            top: 30px !important;\n            right: 40px !important;\n            color: #fff !important;\n            font-size: 40px !important;\n            cursor: pointer !important;\n            line-height: 1 !important;\n            transition: color 0.3s ease !important;\n        }\n        .mass-lightbox-close:hover {\n            color: #0078C0 !important;\n        }\n\n        \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\n        @media (max-width:1000px) {\n            #mass-quality-hero-premium .mass-main-title { font-size: 32px !important; }\n            #mass-quality-hero-premium .mass-slide { width: 280px !important; height: 380px !important; }\n            #mass-quality-hero-premium .mass-slide:nth-child(even) { transform: translateY(0) !important; }\n            #mass-quality-hero-premium .mass-slide:hover { transform: translateY(-5px) !important; }\n            #mass-quality-hero-premium .mass-slide:nth-child(even):hover { transform: translateY(-5px) !important; }\n            .mass-nav-btn { display: none !important; }\n            .mass-lightbox img { max-width: 90% !important; }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const track = document.getElementById('massPremiumTrack');\n            if (!track) return;\n\n            const slides = Array.from(track.children);\n            slides.forEach(slide => {\n                const clone = slide.cloneNode(true);\n                clone.setAttribute('aria-hidden', 'true'); \n                track.appendChild(clone);\n            });\n\n            let currentTranslate = 0;\n            let isHovered = false;\n            const speed = 0.8; \n            \n            setTimeout(() => {\n                const trackScrollWidth = track.scrollWidth \/ 2;\n                const itemWidth = slides[0].offsetWidth + 30;\n\n                function autoPlay() {\n                    if (!isHovered) {\n                        currentTranslate -= speed;\n                        if (Math.abs(currentTranslate) >= trackScrollWidth) {\n                            currentTranslate = 0;\n                        }\n                        track.style.transform = `translateX(${currentTranslate}px)`;\n                    }\n                    requestAnimationFrame(autoPlay);\n                }\n                requestAnimationFrame(autoPlay);\n\n                track.addEventListener('mouseenter', () => isHovered = true);\n                track.addEventListener('mouseleave', () => isHovered = false);\n\n                document.getElementById('massPrev').addEventListener('click', () => manualShift(1));\n                document.getElementById('massNext').addEventListener('click', () => manualShift(-1));\n\n                function manualShift(direction) {\n                    isHovered = true; \n                    track.style.transition = 'transform 0.4s cubic-bezier(0.25, 1, 0.5, 1)';\n                    currentTranslate += direction * itemWidth;\n                    track.style.transform = `translateX(${currentTranslate}px)`;\n\n                    setTimeout(() => {\n                        track.style.transition = 'none';\n                        if (currentTranslate > 0) {\n                            currentTranslate -= trackScrollWidth;\n                        } else if (Math.abs(currentTranslate) >= trackScrollWidth) {\n                            currentTranslate += trackScrollWidth;\n                        }\n                        track.style.transform = `translateX(${currentTranslate}px)`;\n                        isHovered = false; \n                    }, 400);\n                }\n            }, 100);\n\n            const lightbox = document.getElementById('massLightbox');\n            const lightboxImg = document.getElementById('massLightboxImg');\n            const closeBtn = document.querySelector('.mass-lightbox-close');\n\n            track.addEventListener('click', (e) => {\n                const slide = e.target.closest('.mass-slide');\n                if (slide) {\n                    const img = slide.querySelector('img');\n                    if (img) {\n                        lightboxImg.src = img.src;\n                        lightbox.classList.add('active');\n                        isHovered = true; \n                    }\n                }\n            });\n\n            lightbox.addEventListener('click', (e) => {\n                if (e.target !== lightboxImg) {\n                    lightbox.classList.remove('active');\n                    isHovered = false; \n                }\n            });\n        });\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-67f1950\" data-block-id=\"67f1950\"><style>.stk-67f1950 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-67f1950-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e08faac\" data-v=\"4\" data-block-id=\"e08faac\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e08faac-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e08faac-inner-blocks\">\n<style>\n  \/* ==========================================================================\n     Scope Isolation & Aesthetics\n     All CSS rules strictly prefixed with #mass-safety-acceptance-hero\n     ========================================================================== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n  #mass-safety-acceptance-hero {\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    background-color: #f8fafc !important; \n    \/* \u589e\u52a0\u5de5\u4e1a\u84dd\u56fe\u7f51\u683c\u53e0\u52a0\u6e10\u53d8\uff0c\u63d0\u5347\u673a\u68b0\u5de5\u7a0b\u9ad8\u7ea7\u611f *\/\n    background-image: \n      linear-gradient(rgba(0, 120, 192, 0.02) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 120, 192, 0.02) 1px, transparent 1px),\n      radial-gradient(circle at top left, rgba(0, 120, 192, 0.04) 0%, transparent 60%),\n      radial-gradient(circle at bottom right, rgba(120, 96, 168, 0.04) 0%, transparent 60%) !important;\n    background-size: 32px 32px, 32px 32px, 100% 100%, 100% 100% !important;\n    background-position: center center !important;\n    color: #1a1a1a !important;\n    box-sizing: border-box !important;\n    display: block !important;\n    overflow: hidden !important;\n    padding: 80px 0 90px 0 !important;\n  }\n\n  #mass-safety-acceptance-hero * {\n    box-sizing: border-box !important;\n  }\n\n  \/* \u5f39\u6027\u951a\u5b9a Container *\/\n  #mass-safety-acceptance-hero .mass-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    padding: 0 40px !important; \n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* --- Top Section: Centered Text Content --- *\/\n  #mass-safety-acceptance-hero .mass-top-section {\n    width: 100% !important;\n    max-width: 900px !important; \n    margin: 0 auto 60px auto !important;\n    text-align: center !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  #mass-safety-acceptance-hero h2.mass-h2-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 0 24px 0 !important;\n    line-height: 1.25 !important;\n    letter-spacing: -0.02em !important;\n    position: relative !important;\n  }\n\n  \/* \u9876\u90e8\u5c45\u4e2d\u7684\u6e10\u53d8\u88c5\u9970\u7ebf *\/\n  #mass-safety-acceptance-hero h2.mass-h2-title::before {\n    content: '' !important;\n    display: block !important;\n    width: 60px !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    margin: 0 auto 24px auto !important;\n    border-radius: 2px !important;\n  }\n\n  #mass-safety-acceptance-hero p.mass-paragraph {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #475569 !important;\n    margin: 0 0 16px 0 !important;\n  }\n\n  #mass-safety-acceptance-hero p.mass-paragraph strong {\n    color: #0f172a !important;\n    font-weight: 700 !important;\n    background: rgba(0, 120, 192, 0.05) !important;\n    padding: 2px 6px !important;\n    border-radius: 4px !important;\n  }\n\n  \/* \u6298\u53e0\u533a\u57df\u4ea4\u4e92\u6837\u5f0f *\/\n  #mass-safety-acceptance-hero .mass-collapse-wrapper {\n    max-height: 0 !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    transform: translateY(-10px) !important;\n    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease, transform 0.5s ease !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-collapse-wrapper.mass-expanded {\n    max-height: 500px !important; \n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  \/* \u5c55\u5f00\/\u6536\u8d77\u6309\u94ae - \u73b0\u4ee3\u60ac\u6d6e\u5149\u6548 *\/\n  #mass-safety-acceptance-hero .mass-toggle-btn {\n    background: #ffffff !important;\n    border: 1px solid rgba(0, 120, 192, 0.2) !important; \n    color: #0078C0 !important;\n    padding: 10px 28px !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    border-radius: 30px !important; \n    cursor: pointer !important;\n    margin-top: 16px !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    font-family: 'Inter', sans-serif !important;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02) !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-toggle-btn:hover {\n    background: #0078C0 !important;\n    color: #ffffff !important;\n    border-color: #0078C0 !important;\n    box-shadow: 0 8px 20px rgba(0, 120, 192, 0.25) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-arrow {\n    font-size: 10px !important;\n    transition: transform 0.4s ease !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-toggle-btn.mass-active .mass-arrow {\n    transform: rotate(180deg) !important;\n  }\n\n  \/* --- Bottom Section: Grid Cards --- *\/\n  #mass-safety-acceptance-hero .mass-bottom-section {\n    width: 100% !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-table-header {\n    margin-bottom: 40px !important;\n    text-align: center !important;\n  }\n\n  \/* \u80f6\u56ca\u72b6\u5de5\u4e1a\u98ce\u6807\u7b7e *\/\n  #mass-safety-acceptance-hero h3.mass-h3-subtitle {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #7860A8 !important; \n    text-transform: uppercase !important;\n    letter-spacing: 0.15em !important;\n    margin: 0 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    padding: 8px 20px !important;\n    background: rgba(120, 96, 168, 0.08) !important;\n    border-radius: 50px !important;\n  }\n\n  \/* \u5b8c\u7f8e\u7684\u65e0\u7f1d\u6392\u7248\u7f51\u683c\uff1a6\u7b49\u5206\u5217 *\/\n  #mass-safety-acceptance-hero .mass-grid {\n    display: grid !important;\n    grid-template-columns: repeat(6, 1fr) !important; \n    gap: 28px !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-grid-item {\n    grid-column: span 2 !important; \n  }\n\n  #mass-safety-acceptance-hero .mass-grid-item:nth-child(4),\n  #mass-safety-acceptance-hero .mass-grid-item:nth-child(5) {\n    grid-column: span 3 !important;\n  }\n\n  \/* \u5361\u7247\u7cbe\u7ec6\u5316\u8bbe\u8ba1 *\/\n  #mass-safety-acceptance-hero .mass-card {\n    background: #ffffff !important;\n    border-radius: 12px !important;\n    padding: 36px 32px !important;\n    border: 1px solid rgba(226, 232, 240, 0.6) !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n    overflow: hidden !important;\n    z-index: 1 !important;\n  }\n\n  \/* \u5e95\u90e8\u52a8\u6001\u5212\u8fc7\u7684\u9ad8\u5149\u8fb9\u6846 *\/\n  #mass-safety-acceptance-hero .mass-card::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    height: 4px !important;\n    width: 0 !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    transition: width 0.4s ease !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-card:hover::after {\n    width: 100% !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 40px -10px rgba(0, 120, 192, 0.12) !important;\n    border-color: rgba(0, 120, 192, 0.2) !important;\n  }\n\n  \/* \u63cf\u8fb9\u6587\u5b57\u5927\u6570\u5b57\u8bbe\u8ba1 (Outlined Text) *\/\n  #mass-safety-acceptance-hero .mass-card-number {\n    position: absolute !important;\n    right: 20px !important;\n    top: 20px !important;\n    font-size: 80px !important;\n    font-weight: 800 !important;\n    color: transparent !important;\n    -webkit-text-stroke: 1.5px rgba(0, 120, 192, 0.1) !important;\n    z-index: -1 !important;\n    line-height: 1 !important;\n    transition: all 0.4s ease !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-card:hover .mass-card-number {\n    color: rgba(0, 120, 192, 0.03) !important;\n    -webkit-text-stroke: 1.5px rgba(0, 120, 192, 0.2) !important;\n    transform: scale(1.05) translate(-4px, 4px) !important;\n  }\n\n  \/* \u4e13\u5c5e\u56fe\u6807\u5bb9\u5668 *\/\n  #mass-safety-acceptance-hero .mass-card-icon {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 12px !important;\n    background: linear-gradient(135deg, #f1f5f9 0%, #ffffff 100%) !important;\n    border: 1px solid #e2e8f0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-bottom: 24px !important;\n    color: #0078C0 !important;\n    transition: transform 0.3s ease, background 0.3s ease !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-card:hover .mass-card-icon {\n    background: #0078C0 !important;\n    color: #ffffff !important;\n    transform: scale(1.1) rotate(-5deg) !important;\n  }\n\n  #mass-safety-acceptance-hero .mass-card-icon svg {\n    width: 24px !important;\n    height: 24px !important;\n    stroke: currentColor !important;\n    stroke-width: 2 !important;\n    fill: none !important;\n  }\n\n  #mass-safety-acceptance-hero h4.mass-h4-card-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #1e293b !important;\n    margin: 0 0 12px 0 !important;\n  }\n\n  #mass-safety-acceptance-hero p.mass-card-text {\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    color: #64748b !important;\n    margin: 0 !important;\n  }\n\n  \/* --- Responsive Adjustments --- *\/\n  @media (max-width:1000px) {\n    #mass-safety-acceptance-hero .mass-grid {\n      grid-template-columns: repeat(2, 1fr) !important; \n    }\n    #mass-safety-acceptance-hero .mass-grid-item {\n      grid-column: span 1 !important; \n    }\n    #mass-safety-acceptance-hero .mass-grid-item:nth-child(4) {\n      grid-column: span 1 !important;\n    }\n    #mass-safety-acceptance-hero .mass-grid-item:nth-child(5) {\n      grid-column: span 2 !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #mass-safety-acceptance-hero {\n      padding: 50px 0 !important;\n    }\n    #mass-safety-acceptance-hero .mass-container {\n      padding: 0 20px !important; \n    }\n    #mass-safety-acceptance-hero h2.mass-h2-title {\n      font-size: 28px !important;\n    }\n    #mass-safety-acceptance-hero .mass-grid {\n      grid-template-columns: 1fr !important;\n    }\n    #mass-safety-acceptance-hero .mass-grid-item,\n    #mass-safety-acceptance-hero .mass-grid-item:nth-child(4),\n    #mass-safety-acceptance-hero .mass-grid-item:nth-child(5) {\n      grid-column: span 1 !important;\n    }\n    #mass-safety-acceptance-hero .mass-card-number {\n      font-size: 64px !important;\n    }\n  }\n<\/style>\n\n<section id=\"mass-safety-acceptance-hero\">\n  <div class=\"mass-container\">\n    \n    <div class=\"mass-top-section\">\n      <h2 class=\"mass-h2-title\">Safety, Guarding, and Acceptance Checks Before Shipment<\/h2>\n      \n      <p class=\"mass-paragraph\">\n        Mass lists E-Stop controls, protective guards and maintenance signage for the machine. External guides to machine construction and operation explain why those factors are included as part of the RFQ: <strong>OSHA 1910.212<\/strong> generally requires guarding to minimize the hazard present, for example from the point of operation, nip points, machine-rotating parts, flying chips, or sparks.\n      <\/p>\n\n      <div class=\"mass-collapse-wrapper\" id=\"mass-collapse-content\">\n        <p class=\"mass-paragraph\">\n          <strong>ANSI's list<\/strong> of additional points from ISO 13850:2015 includes the E-Stop angle: fast access, humans can do it, and need to reset before restarting. Perform those points during FAT and SAT, not as afterthoughts.\n        <\/p>\n      <\/div>\n\n      <button class=\"mass-toggle-btn\" id=\"mass-readmore-btn\" aria-expanded=\"false\">\n        <span class=\"mass-btn-text\">Read More<\/span>\n        <span class=\"mass-arrow\">\u25bc<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"mass-bottom-section\">\n      <div class=\"mass-table-header\">\n        <h3 class=\"mass-h3-subtitle\">Acceptance item \/ Check before shipment<\/h3>\n      <\/div>\n      \n      <div class=\"mass-grid\">\n        <div class=\"mass-grid-item\">\n          <div class=\"mass-card\">\n            <div class=\"mass-card-number\">01<\/div>\n            <div class=\"mass-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/><\/svg>\n            <\/div>\n            <h4 class=\"mass-h4-card-title\">Emergency stop<\/h4>\n            <p class=\"mass-card-text\">Confirm location, reset behavior, and station response.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"mass-grid-item\">\n          <div class=\"mass-card\">\n            <div class=\"mass-card-number\">02<\/div>\n            <div class=\"mass-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\n            <\/div>\n            <h4 class=\"mass-h4-card-title\">Guards and covers<\/h4>\n            <p class=\"mass-card-text\">Confirm access doors, moving-part guards, and operator reach zones.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mass-grid-item\">\n          <div class=\"mass-card\">\n            <div class=\"mass-card-number\">03<\/div>\n            <div class=\"mass-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"\/><\/svg>\n            <\/div>\n            <h4 class=\"mass-h4-card-title\">Chain carry and guides<\/h4>\n            <p class=\"mass-card-text\">Run samples through enough cycles to find misalignment and jams.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mass-grid-item\">\n          <div class=\"mass-card\">\n            <div class=\"mass-card-number\">04<\/div>\n            <div class=\"mass-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n            <\/div>\n            <h4 class=\"mass-h4-card-title\">Pneumatic pressure<\/h4>\n            <p class=\"mass-card-text\">Record operating pressure range and service points.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mass-grid-item\">\n          <div class=\"mass-card\">\n            <div class=\"mass-card-number\">05<\/div>\n            <div class=\"mass-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\n            <\/div>\n            <h4 class=\"mass-h4-card-title\">Spare parts<\/h4>\n            <p class=\"mass-card-text\">Confirm sensors, cylinders, wear parts, and OEM part numbers.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function() {\n      var btn = document.getElementById('mass-readmore-btn');\n      var wrapper = document.getElementById('mass-collapse-content');\n      var textSpan = btn ? btn.querySelector('.mass-btn-text') : null;\n      \n      if(btn && wrapper && textSpan) {\n        btn.addEventListener('click', function() {\n          var isExpanded = wrapper.classList.contains('mass-expanded');\n          \n          if(isExpanded) {\n            wrapper.classList.remove('mass-expanded');\n            btn.classList.remove('mass-active');\n            btn.setAttribute('aria-expanded', 'false');\n            textSpan.textContent = 'Read More';\n          } else {\n            wrapper.classList.add('mass-expanded');\n            btn.classList.add('mass-active');\n            btn.setAttribute('aria-expanded', 'true');\n            textSpan.textContent = 'Show Less';\n          }\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fc7d084\" data-block-id=\"fc7d084\"><style>.stk-fc7d084 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fc7d084-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-51adc01\" data-v=\"4\" data-block-id=\"51adc01\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-51adc01-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-51adc01-inner-blocks\">\n<style>\n  \/* ==========================================================================\n     Scope Isolation & Aesthetics\n     All CSS rules strictly prefixed with #mass-factory-carousel-hero\n     ========================================================================== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n  #mass-factory-carousel-hero {\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    background-color: #f8fafc !important; \/* \u9ad8\u7ea7\u4f01\u4e1a\u6d45\u7070\u84dd\u5e95\u8272 *\/\n    background-image: \n      radial-gradient(circle at top right, rgba(0, 120, 192, 0.04) 0%, transparent 60%),\n      radial-gradient(circle at bottom left, rgba(120, 96, 168, 0.04) 0%, transparent 60%) !important;\n    background-size: 100% 100%, 100% 100% !important;\n    background-position: center top !important;\n    color: #1a1a1a !important;\n    box-sizing: border-box !important;\n    display: block !important;\n    overflow: hidden !important;\n    padding: 80px 0 90px 0 !important; \n  }\n\n  #mass-factory-carousel-hero * {\n    box-sizing: border-box !important;\n  }\n\n  \/* \u5f39\u6027\u951a\u5b9a Container\uff0c\u63a7\u5236\u6807\u9898\u548c\u6574\u4f53\u8fb9\u754c *\/\n  #mass-factory-carousel-hero .mass-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    padding: 0 40px !important; \n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* --- Top Section: Text Content --- *\/\n  #mass-factory-carousel-hero .mass-header-section {\n    text-align: center !important;\n    max-width: 1000px !important;\n    margin: 0 auto 50px auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* \u5de5\u4e1a\u98ce\u80f6\u56ca\u6807\u7b7e *\/\n  #mass-factory-carousel-hero .mass-badge {\n    display: inline-block !important;\n    padding: 6px 16px !important;\n    background: rgba(120, 96, 168, 0.08) !important;\n    color: #7860A8 !important; \/* Logo\u526f\u8272\u8c03 *\/\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.15em !important;\n    border-radius: 50px !important;\n    margin-bottom: 20px !important;\n    border: 1px solid rgba(120, 96, 168, 0.15) !important;\n  }\n\n  \/* \u4e25\u683c\u9075\u5faa\u8981\u6c42\uff1aH2 \u5927\u5c0f\u8bbe\u4e3a 32px\uff0c\u7c97\u7ec6\u8bbe\u4e3a 700 *\/\n  #mass-factory-carousel-hero h2.mass-h2-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    position: relative !important;\n    padding-bottom: 20px !important;\n  }\n\n  #mass-factory-carousel-hero h2.mass-h2-title::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    width: 60px !important;\n    height: 3px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    border-radius: 2px !important;\n  }\n\n  \/* --- Carousel Layout & Interactive Navigation --- *\/\n  #mass-factory-carousel-hero .mass-carousel-viewport {\n    width: 100% !important;\n    overflow: hidden !important;\n    position: relative !important;\n    \/* \u5de6\u53f3\u8fb9\u7f18\u6e10\u53d8\u906e\u7f69\uff0c\u4ea7\u751f\u7535\u5f71\u822c\u7684\u6de1\u5165\u6de1\u51fa\u611f *\/\n    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent) !important;\n    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent) !important;\n    padding: 30px 0 !important; \n  }\n\n  #mass-factory-carousel-hero .mass-carousel-track {\n    display: flex !important;\n    gap: 40px !important; \/* \u5927\u56fe\u95f4\u8ddd *\/\n    width: max-content !important;\n    align-items: center !important;\n    will-change: transform !important; \/* \u6027\u80fd\u4f18\u5316\uff0c\u5f00\u542f\u786c\u4ef6\u52a0\u901f *\/\n  }\n\n  \/* \ud83d\udd25 \u65b0\u589e\uff1a\u5de6\u53f3\u5207\u6362\u60ac\u6d6e\u6309\u94ae (Hover to show) *\/\n  #mass-factory-carousel-hero .mass-nav-btn {\n    position: absolute !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    width: 64px !important;\n    height: 64px !important;\n    border-radius: 50% !important;\n    background: rgba(255, 255, 255, 0.9) !important;\n    border: 1px solid rgba(0, 120, 192, 0.15) !important;\n    color: #0078C0 !important;\n    cursor: pointer !important;\n    z-index: 10 !important;\n    opacity: 0 !important; \/* \u9ed8\u8ba4\u9690\u85cf\uff0c\u60ac\u505c\u663e\u793a *\/\n    visibility: hidden !important;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n  }\n\n  \/* \u5f53\u9f20\u6807\u8fdb\u5165 Viewport \u65f6\uff0c\u6309\u94ae\u6d6e\u73b0 *\/\n  #mass-factory-carousel-hero .mass-carousel-viewport:hover .mass-nav-btn {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  #mass-factory-carousel-hero .mass-nav-btn-prev {\n    left: 80px !important;\n  }\n\n  #mass-factory-carousel-hero .mass-nav-btn-next {\n    right: 80px !important;\n  }\n\n  \/* \u6309\u94ae Hover \u52a8\u6548 *\/\n  #mass-factory-carousel-hero .mass-nav-btn:hover {\n    background: #0078C0 !important;\n    color: #ffffff !important;\n    border-color: #0078C0 !important;\n    transform: translateY(-50%) scale(1.1) !important;\n    box-shadow: 0 15px 35px rgba(0, 120, 192, 0.3) !important;\n  }\n\n  #mass-factory-carousel-hero .mass-nav-btn svg {\n    width: 24px !important;\n    height: 24px !important;\n    fill: none !important;\n    stroke: currentColor !important;\n    stroke-width: 2.5 !important;\n    stroke-linecap: round !important;\n    stroke-linejoin: round !important;\n  }\n\n  \/* --- Carousel Item & Image Design (Ultra Large) --- *\/\n  #mass-factory-carousel-hero .mass-carousel-item {\n    position: relative !important;\n    border-radius: 8px !important; \n    overflow: hidden !important;\n    background: #0f172a !important; \n    border: 1px solid #e2e8f0 !important; \n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;\n    \n    \/* \ud83d\udd25 \u6781\u81f4\u5f3a\u5316\uff1a640x420 \u7684\u8d85\u5927\u753b\u5e45 *\/\n    width: 640px !important; \n    height: 420px !important;\n    \n    flex-shrink: 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n  }\n\n  \/* \u7cbe\u5bc6\u5de5\u7a0b\u5bf9\u7126\u6846\u4ea4\u4e92 (Viewfinder brackets) *\/\n  #mass-factory-carousel-hero .mass-carousel-item::before,\n  #mass-factory-carousel-hero .mass-carousel-item::after {\n    content: '' !important;\n    position: absolute !important;\n    width: 32px !important;\n    height: 32px !important;\n    z-index: 3 !important;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    opacity: 0 !important; \n  }\n\n  #mass-factory-carousel-hero .mass-carousel-item::before {\n    top: 24px !important;\n    left: 24px !important;\n    border-top: 2px solid #cbd5e1 !important;\n    border-left: 2px solid #cbd5e1 !important;\n  }\n\n  #mass-factory-carousel-hero .mass-carousel-item::after {\n    bottom: 24px !important;\n    right: 24px !important;\n    border-bottom: 2px solid #cbd5e1 !important;\n    border-right: 2px solid #cbd5e1 !important;\n  }\n\n  \/* \u56fe\u7247\u60ac\u505c\u4ea4\u4e92\uff1a\u5361\u7247\u81ea\u4f53\u4e0a\u6d6e\u653e\u5927\uff0c\u8fb9\u6846\u53d8\u8272 *\/\n  #mass-factory-carousel-hero .mass-carousel-item:hover {\n    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.2) !important;\n    transform: translateY(-8px) scale(1.02) !important;\n    border-color: rgba(0, 120, 192, 0.4) !important; \n    z-index: 2 !important;\n  }\n\n  #mass-factory-carousel-hero .mass-carousel-item:hover::before {\n    opacity: 1 !important;\n    top: 16px !important;\n    left: 16px !important;\n    border-color: #0078C0 !important; \n    border-top-width: 4px !important;\n    border-left-width: 4px !important;\n  }\n\n  #mass-factory-carousel-hero .mass-carousel-item:hover::after {\n    opacity: 1 !important;\n    bottom: 16px !important;\n    right: 16px !important;\n    border-color: #7860A8 !important; \n    border-bottom-width: 4px !important;\n    border-right-width: 4px !important;\n  }\n\n  \/* \u56fe\u7247\u6ee4\u955c\u4e0e\u6548\u679c *\/\n  #mass-factory-carousel-hero .mass-carousel-item img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    display: block !important;\n    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease, filter 0.4s ease !important;\n    opacity: 0.85 !important; \n    filter: saturate(0.8) contrast(1.1) !important; \/* \u5de5\u4e1a\u51b7\u5cfb\u8c03\u8272 *\/\n  }\n\n  #mass-factory-carousel-hero .mass-carousel-item:hover img {\n    transform: scale(1.08) !important;\n    opacity: 1 !important; \n    filter: saturate(1.1) contrast(1.05) !important; \/* \u60ac\u505c\u65f6\u8fd8\u539f\u771f\u5f69\u4e0e\u9ad8\u5149 *\/\n  }\n\n  \/* \u5e95\u90e8\u88c5\u9970\u951a\u70b9 (\u6307\u793a\u5668) *\/\n  #mass-factory-carousel-hero .mass-slider-anchor {\n    width: 100% !important;\n    max-width: 240px !important;\n    height: 4px !important;\n    background: #e2e8f0 !important;\n    margin: 40px auto 0 auto !important;\n    border-radius: 4px !important;\n    position: relative !important;\n    overflow: hidden !important;\n  }\n  \n  #mass-factory-carousel-hero .mass-slider-anchor::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    height: 100% !important;\n    width: 60px !important;\n    background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n    animation: massScan 4s ease-in-out infinite alternate !important;\n  }\n\n  @keyframes massScan {\n    0% { left: 0; }\n    100% { left: calc(100% - 60px); }\n  }\n\n  \/* --- Responsive Adjustments --- *\/\n  @media (max-width: 1400px) {\n    #mass-factory-carousel-hero .mass-carousel-item {\n      width: 500px !important;\n      height: 340px !important;\n    }\n  }\n\n  @media (max-width:1000px) {\n    #mass-factory-carousel-hero .mass-carousel-item {\n      width: 420px !important;\n      height: 280px !important;\n    }\n    #mass-factory-carousel-hero .mass-nav-btn {\n      width: 50px !important;\n      height: 50px !important;\n    }\n    #mass-factory-carousel-hero .mass-nav-btn-prev { left: 30px !important; }\n    #mass-factory-carousel-hero .mass-nav-btn-next { right: 30px !important; }\n  }\n\n  @media (max-width:690px) {\n    #mass-factory-carousel-hero {\n      padding: 50px 0 !important;\n    }\n    #mass-factory-carousel-hero .mass-container {\n      padding: 0 16px !important; \n    }\n    #mass-factory-carousel-hero h2.mass-h2-title {\n      font-size: 28px !important; \n    }\n    #mass-factory-carousel-hero .mass-carousel-viewport {\n      -webkit-mask-image: none !important; \n      mask-image: none !important;\n    }\n    #mass-factory-carousel-hero .mass-carousel-item {\n      width: 320px !important;\n      height: 220px !important;\n      gap: 16px !important;\n    }\n    \/* \u79fb\u52a8\u7aef\u5e38\u9a7b\u663e\u793a\u7f29\u5c0f\u7684\u7bad\u5934 *\/\n    #mass-factory-carousel-hero .mass-nav-btn {\n      opacity: 0.8 !important;\n      visibility: visible !important;\n      width: 40px !important;\n      height: 40px !important;\n    }\n    #mass-factory-carousel-hero .mass-nav-btn-prev { left: 10px !important; }\n    #mass-factory-carousel-hero .mass-nav-btn-next { right: 10px !important; }\n  }\n<\/style>\n\n<section id=\"mass-factory-carousel-hero\">\n  <div class=\"mass-container\">\n    \n    <div class=\"mass-header-section\">\n      <div class=\"mass-badge\">Facility Tour<\/div>\n      <h2 class=\"mass-h2-title\">Advanced Marker Pen Machine Manufacturing Facilities<\/h2>\n    <\/div>\n\n    <div class=\"mass-carousel-viewport\" id=\"mass-carousel-viewport\">\n      \n      <button class=\"mass-nav-btn mass-nav-btn-prev\" id=\"mass-btn-prev\" aria-label=\"Previous\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n      <\/button>\n      <button class=\"mass-nav-btn mass-nav-btn-next\" id=\"mass-btn-next\" aria-label=\"Next\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n      <\/button>\n\n      <div class=\"mass-carousel-track\" id=\"mass-carousel-track\">\n        \n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/1-5-1.png\" alt=\"Marker Pen Machine Factory View 1\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/factory1-1.png\" alt=\"Marker Pen Machine Factory View 2\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/factory1-2-2.png\" alt=\"Marker Pen Machine Factory View 3\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/factory1-3.png\" alt=\"Marker Pen Machine Factory View 4\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/factory1-7-2.png\" alt=\"Marker Pen Machine Factory View 5\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/factory1-13-1.png\" alt=\"Marker Pen Machine Factory View 6\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/S94632b015a7f43de9d7989f26ec5a6das.png\" alt=\"Marker Pen Machine Assembly Component 1\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"mass-carousel-item\">\n          <img decoding=\"async\" src=\"https:\/\/masstechx.com\/wp-content\/uploads\/2026\/05\/S19578558af70406484866b913ec73526d-1.png\" alt=\"Marker Pen Machine Assembly Component 2\" loading=\"lazy\" \/>\n        <\/div>\n\n      <\/div>\n    <\/div>\n    \n    <div class=\"mass-slider-anchor\"><\/div>\n\n  <\/div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const track = document.getElementById('mass-carousel-track');\n      const viewport = document.getElementById('mass-carousel-viewport');\n      const btnPrev = document.getElementById('mass-btn-prev');\n      const btnNext = document.getElementById('mass-btn-next');\n      \n      if (!track || !viewport) return;\n\n      const originalItems = Array.from(track.children);\n      const itemCount = originalItems.length;\n\n      \/\/ 1. \u514b\u9686\u8282\u70b9\u4fdd\u8bc1\u65e0\u7f1d\u5faa\u73af (Cloning for infinite loop)\n      originalItems.forEach(item => {\n        const clone = item.cloneNode(true);\n        const img = clone.querySelector('img');\n        if(img) img.removeAttribute('loading'); \/\/ \u53bb\u9664\u514b\u9686\u4f53\u61d2\u52a0\u8f7d\u9632\u6b62\u95ea\u70c1\n        track.appendChild(clone);\n      });\n\n      \/\/ \u6838\u5fc3\u52a8\u753b\u4e0e\u7269\u7406\u5f15\u64ce\u53d8\u91cf\n      let currentPos = 0;   \/\/ \u5f53\u524d\u5b9e\u9645\u6e32\u67d3\u4f4d\u79fb\n      let targetPos = 0;    \/\/ \u76ee\u6807\u4f4d\u79fb (\u7528\u4e8eLerp\u5e73\u6ed1\u8ffd\u5c3e)\n      let isHovered = false; \/\/ \u662f\u5426\u9f20\u6807\u60ac\u505c\n      const autoSpeed = 1.0; \/\/ \u81ea\u52a8\u6eda\u52a8\u901f\u5ea6\n      \n      \/\/ 2. \u4f7f\u7528 Lerp (\u7ebf\u6027\u63d2\u503c) \u6253\u9020\u6781\u5ea6\u4e1d\u6ed1\u7684\u6eda\u52a8\n      function animateCarousel() {\n        \/\/ \u5982\u679c\u6ca1\u6709\u88ab\u60ac\u505c\uff0c\u76ee\u6807\u4f4d\u7f6e\u81ea\u52a8\u5411\u5de6\u504f\u79fb\n        if (!isHovered) {\n          targetPos -= autoSpeed;\n        }\n\n        \/\/ \u7269\u7406\u7f13\u52a8\uff1a\u5f53\u524d\u4f4d\u7f6e\u8ffd\u8d76\u76ee\u6807\u4f4d\u7f6e\n        currentPos += (targetPos - currentPos) * 0.08;\n\n        \/\/ \u8ba1\u7b97\u4e00\u534a\u7684\u6eda\u52a8\u5bbd\u5ea6\uff08\u5373\u539f\u672c 8 \u5f20\u56fe\u52a0\u4e0a gap \u7684\u603b\u957f\u5ea6\uff09\n        \/\/ \u83b7\u53d6\u7b2c\u4e00\u5f20\u56fe\u7684\u5bbd\u5ea6\u548c\u5916\u8fb9\u8ddd (gap)\n        const itemWidth = originalItems[0].offsetWidth;\n        const gap = 40; \/\/ \u5bf9\u5e94 CSS \u4e2d gap: 40px\n        const slideDistance = itemWidth + gap;\n        const halfScrollWidth = slideDistance * itemCount;\n\n        \/\/ \u65e0\u9650\u5faa\u73af\u8fb9\u754c\u4fdd\u62a4 (Wrap-around physics)\n        \/\/ \u5f80\u5de6\u6eda\u5f97\u592a\u591a\uff0c\u62c9\u56de\u6765\n        if (targetPos <= -halfScrollWidth) {\n          targetPos += halfScrollWidth;\n          currentPos += halfScrollWidth;\n        } \n        \/\/ \u5f80\u53f3\u6eda\u5f97\u592a\u591a\uff0c\u63a8\u8fc7\u53bb (\u5904\u7406\u7528\u6237\u4e00\u76f4\u70b9Prev\u6309\u94ae\u7684\u60c5\u51b5)\n        else if (targetPos > 0) {\n          targetPos -= halfScrollWidth;\n          currentPos -= halfScrollWidth;\n        }\n\n        \/\/ \u5e94\u7528\u4f4d\u79fb (\u5f00\u542f 3D \u786c\u4ef6\u52a0\u901f\uff0c\u9632\u6b62 FlyingPress \u91cd\u7ed8)\n        track.style.transform = `translate3d(${currentPos}px, 0, 0)`;\n        \n        requestAnimationFrame(animateCarousel);\n      }\n\n      \/\/ 3. \u60ac\u505c\u63a7\u5236\uff1a\u8fdb\u5165\u533a\u57df\u6682\u505c\u81ea\u52a8\u6eda\u52a8\uff0c\u79fb\u51fa\u6062\u590d\n      viewport.addEventListener('mouseenter', () => { isHovered = true; });\n      viewport.addEventListener('mouseleave', () => { isHovered = false; });\n      \n      \/\/ \u79fb\u52a8\u7aef\u9632\u8bef\u89e6\n      viewport.addEventListener('touchstart', () => { isHovered = true; }, {passive: true});\n      viewport.addEventListener('touchend', () => { isHovered = false; });\n\n      \/\/ 4. \u624b\u52a8\u5de6\u53f3\u5207\u6362\u903b\u8f91 (Manual Next\/Prev Click)\n      if (btnPrev && btnNext) {\n        btnPrev.addEventListener('click', () => {\n          const itemWidth = originalItems[0].offsetWidth;\n          const gap = 40;\n          const slideDistance = itemWidth + gap;\n          targetPos += slideDistance; \/\/ \u5411\u53f3\u62e8\u52a8\u4e00\u5f20\n        });\n\n        btnNext.addEventListener('click', () => {\n          const itemWidth = originalItems[0].offsetWidth;\n          const gap = 40;\n          const slideDistance = itemWidth + gap;\n          targetPos -= slideDistance; \/\/ \u5411\u5de6\u62e8\u52a8\u4e00\u5f20\n        });\n      }\n\n      \/\/ \u542f\u52a8\u6e32\u67d3\u5f15\u64ce\n      requestAnimationFrame(animateCarousel);\n    });\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2aeaa67\" data-block-id=\"2aeaa67\"><style>.stk-2aeaa67 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2aeaa67-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-dc5b631\" data-v=\"4\" data-block-id=\"dc5b631\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-dc5b631-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-dc5b631-inner-blocks\">\n<section id=\"mass-marker-tools\">\n    <div class=\"mass-tools-bg-layer\"><\/div>\n    \n    <div class=\"mass-tools-container\">\n        <div class=\"mass-title-wrapper\">\n            <span class=\"mass-title-badge\">RESOURCE CENTER<\/span>\n            <h2 class=\"mass-tools-heading\">Advanced Marker Pen Assembly Tools<\/h2>\n            <div class=\"mass-title-accent\"><\/div>\n        <\/div>\n        \n        <div class=\"mass-tools-grid\">\n            \n            <div class=\"mass-tool-card\">\n                <div class=\"mass-card-top-line line-primary\"><\/div>\n                <div class=\"mass-card-content\">\n                    <div class=\"mass-icon-wrapper icon-primary\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"><\/line>\n                            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"><\/line>\n                            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"><\/line>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"mass-tool-title\">Marker Line Output Estimator<\/h3>\n                    <p class=\"mass-tool-desc\">Estimate daily marker refill assembly output from the MS-AM-065 rated 40-60 pcs\/min range.<\/p>\n                <\/div>\n                <a href=\"https:\/\/masstechx.com\/pen-making-machine\/marker\/marker-line-output-estimator\/\" class=\"mass-tool-link link-primary\" aria-label=\"Access Marker Line Output Estimator\">\n                    Access Estimator\n                    <svg class=\"mass-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"mass-tool-card mass-card-center\">\n                <div class=\"mass-card-top-line line-gradient\"><\/div>\n                <div class=\"mass-card-content\">\n                    <div class=\"mass-icon-wrapper icon-gradient\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"mass-tool-title\">RFQ Scope Builder for Pen Assembly Projects<\/h3>\n                    <p class=\"mass-tool-desc\">Build the first RFQ outline before asking Mass for marker pen machine price.<\/p>\n                <\/div>\n                <a href=\"https:\/\/masstechx.com\/pen-making-machine\/marker\/rfq-scope-builder-for-pen-assembly-projects\/\" class=\"mass-tool-link link-gradient\" aria-label=\"Start RFQ Scope Builder\">\n                    Start Builder\n                    <svg class=\"mass-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"mass-tool-card\">\n                <div class=\"mass-card-top-line line-secondary\"><\/div>\n                <div class=\"mass-card-content\">\n                    <div class=\"mass-icon-wrapper icon-secondary\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                            <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\n                            <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"mass-tool-title\">40-60 PPM Marker Assembly Fit Matrix<\/h3>\n                    <p class=\"mass-tool-desc\">Check whether MS-AM-065 is a practical first discussion for your marker assembly project.<\/p>\n                <\/div>\n                <a href=\"https:\/\/masstechx.com\/pen-making-machine\/marker\/40-60-ppm-marker-assembly-fit-matrix\/\" class=\"mass-tool-link link-secondary\" aria-label=\"View Fit Matrix\">\n                    View Matrix\n                    <svg class=\"mass-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* \u5f15\u5165\u4f18\u8d28\u65e0\u886c\u7ebf\u5b57\u4f53 *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n\n        \/* \u9876\u7ea7\u57df\u9694\u79bb\u4e0e\u6df1\u8272\u5168\u5c4f\u5bbd\u80cc\u666f *\/\n        #mass-marker-tools {\n            position: relative !important;\n            width: 100% !important;\n            padding: 70px 0 85px 0 !important; \n            background-color: #0b1120 !important; \/* \u9ad8\u7ea7\u6df1\u9083\u84dd\u9ed1\u8272 *\/\n            font-family: 'Inter', sans-serif !important;\n            display: block !important;\n            overflow: hidden !important;\n            box-sizing: border-box !important;\n        }\n\n        \/* \u7eaf\u51c0\u7684\u6df1\u8272\u80cc\u666f\u5149\u6655\uff0c\u53bb\u9664\u7f51\u683c *\/\n        #mass-marker-tools .mass-tools-bg-layer {\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 100% !important;\n            background: radial-gradient(circle at 50% -20%, rgba(0, 120, 192, 0.15) 0%, rgba(11, 17, 32, 1) 70%) !important;\n            z-index: 0 !important;\n            pointer-events: none !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5185\u5bb9\u533a\uff0c\u6ee1\u5bbd 1600px *\/\n        #mass-marker-tools .mass-tools-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            position: relative !important;\n            z-index: 1 !important;\n            box-sizing: border-box !important;\n        }\n\n        \/* \u6807\u9898\u533a\u57df\u5305\u88f9\u5668 *\/\n        #mass-marker-tools .mass-title-wrapper {\n            text-align: center !important;\n            margin: 0 auto 50px auto !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            max-width: 800px !important;\n        }\n\n        \/* \u9876\u90e8\u5c0f\u6807\uff08\u6df1\u8272\u6a21\u5f0f\u9002\u914d\uff09 *\/\n        #mass-marker-tools .mass-title-badge {\n            font-size: 13px !important;\n            font-weight: 800 !important;\n            letter-spacing: 1.5px !important;\n            color: #b39ddb !important; \/* \u66f4\u4eae\u7684\u526f\u8272\u8c03\u786e\u4fdd\u53ef\u8bfb\u6027 *\/\n            text-transform: uppercase !important;\n            margin-bottom: 12px !important;\n            background: rgba(120, 96, 168, 0.2) !important;\n            padding: 6px 14px !important;\n            border-radius: 20px !important;\n            display: inline-block !important;\n        }\n\n        \/* H2\u6807\u9898\u4e25\u683c\u6837\u5f0f\uff08\u6df1\u8272\u6a21\u5f0f\u9002\u914d\uff1a\u7eaf\u767d\uff09 *\/\n        #mass-marker-tools .mass-tools-heading {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important; \n            margin: 0 !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        \/* \u6807\u9898\u4e0b\u7684\u6e10\u53d8\u88c5\u9970\u7ebf *\/\n        #mass-marker-tools .mass-title-accent {\n            width: 60px !important;\n            height: 4px !important;\n            background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n            border-radius: 2px !important;\n            margin-top: 20px !important;\n        }\n\n        \/* \u7f51\u683c\u5e03\u5c40 *\/\n        #mass-marker-tools .mass-tools-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\n            gap: 30px !important;\n            width: 100% !important;\n        }\n\n        \/* \u6df1\u8272\u5361\u7247\u8bbe\u8ba1 *\/\n        #mass-marker-tools .mass-tool-card {\n            background: #151e2d !important; \/* \u5e26\u6709\u84dd\u8c03\u7684\u9ad8\u7ea7\u7070\u9ed1 *\/\n            border-radius: 16px !important;\n            padding: 40px 35px !important;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important; \/* \u66f4\u6df1\u6c89\u7684\u9634\u5f71 *\/\n            display: flex !important;\n            flex-direction: column !important;\n            position: relative !important;\n            overflow: hidden !important;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            border: 1px solid #223045 !important; \/* \u7ec6\u817b\u7684\u6df1\u8272\u63cf\u8fb9 *\/\n            height: 100% !important;\n            box-sizing: border-box !important;\n        }\n\n        \/* \u60ac\u505c\u7279\u6548\uff1a\u6df1\u8272\u80cc\u666f\u4e0b\u7684\u53d1\u5149\u7279\u6548\u6781\u5176\u60ca\u8273 *\/\n        #mass-marker-tools .mass-tool-card:hover {\n            transform: translateY(-8px) !important;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 120, 192, 0.15) !important;\n            border-color: rgba(0, 120, 192, 0.5) !important;\n        }\n\n        \/* \u4e2d\u95f4\u5361\u7247\u7684\u60ac\u505c\u5149\u611f\u504f\u526f\u8272\u8c03 *\/\n        #mass-marker-tools .mass-card-center:hover {\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(120, 96, 168, 0.15) !important;\n            border-color: rgba(120, 96, 168, 0.5) !important;\n        }\n\n        \/* \u5361\u7247\u9876\u90e8\u54c1\u724c\u8272\u7ebf\u6761\u70b9\u7f00 *\/\n        #mass-marker-tools .mass-card-top-line {\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 4px !important;\n            transition: height 0.3s ease !important;\n        }\n        #mass-marker-tools .mass-tool-card:hover .mass-card-top-line { height: 6px !important; }\n        \n        #mass-marker-tools .line-primary { background: #0078C0 !important; }\n        #mass-marker-tools .line-gradient { background: linear-gradient(90deg, #0078C0, #7860A8) !important; }\n        #mass-marker-tools .line-secondary { background: #7860A8 !important; }\n\n        \/* \u5361\u7247\u5185\u5d4c\u56fe\u6807\u5305\u88c5\u5668\uff08\u6df1\u8272\u6a21\u5f0f\u989c\u8272\u5fae\u8c03\uff0c\u66f4\u5177\u53d1\u5149\u611f\uff09 *\/\n        #mass-marker-tools .mass-icon-wrapper {\n            width: 56px !important;\n            height: 56px !important;\n            border-radius: 12px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            margin-bottom: 24px !important;\n            transition: all 0.3s ease !important;\n        }\n        #mass-marker-tools .mass-tool-card:hover .mass-icon-wrapper { transform: scale(1.05) !important; }\n        \n        #mass-marker-tools .mass-icon-wrapper svg { width: 28px !important; height: 28px !important; }\n        \n        #mass-marker-tools .icon-primary { background: rgba(0, 120, 192, 0.2) !important; color: #38bdf8 !important; }\n        #mass-marker-tools .icon-gradient { background: rgba(120, 96, 168, 0.2) !important; color: #c0a8f8 !important; }\n        #mass-marker-tools .icon-secondary { background: rgba(0, 120, 192, 0.2) !important; color: #38bdf8 !important; }\n\n        \/* \u5185\u5bb9\u533a *\/\n        #mass-marker-tools .mass-card-content {\n            flex-grow: 1 !important;\n        }\n\n        \/* H3\u5361\u7247\u6807\u9898\uff08\u6df1\u8272\u6a21\u5f0f\uff09 *\/\n        #mass-marker-tools .mass-tool-title {\n            font-size: 22px !important;\n            font-weight: 700 !important;\n            color: #f1f5f9 !important; \/* \u7eaf\u767d\u504f\u4e00\u70b9\u70b9\u6696\uff0c\u4e0d\u523a\u773c *\/\n            margin: 0 0 16px 0 !important;\n            line-height: 1.4 !important;\n        }\n\n        \/* \u5361\u7247\u6b63\u6587\u63cf\u8ff0\uff08\u6df1\u8272\u6a21\u5f0f\uff09 *\/\n        #mass-marker-tools .mass-tool-desc {\n            font-size: 16px !important;\n            color: #94a3b8 !important; \/* \u9ad8\u7ea7\u94f6\u7070\u8272 *\/\n            line-height: 1.6 !important;\n            margin: 0 0 35px 0 !important;\n            font-weight: 400 !important;\n        }\n\n        \/* \u884c\u52a8\u53ec\u5524\u94fe\u63a5 (CTA) *\/\n        #mass-marker-tools .mass-tool-link {\n            display: inline-flex !important;\n            align-items: center !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            text-decoration: none !important;\n            margin-top: auto !important; \n            transition: all 0.3s ease !important;\n            width: max-content !important;\n        }\n\n        \/* \u94fe\u63a5\u6587\u5b57\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u9700\u7a0d\u5fae\u63d0\u4eae\u4ee5\u901a\u8fc7\u5bf9\u6bd4\u5ea6\u6807\u51c6 *\/\n        #mass-marker-tools .link-primary { color: #38bdf8 !important; }\n        #mass-marker-tools .link-primary:hover { color: #ffffff !important; }\n        \n        #mass-marker-tools .link-gradient { color: #c0a8f8 !important; }\n        #mass-marker-tools .link-gradient:hover { color: #ffffff !important; }\n        \n        #mass-marker-tools .link-secondary { color: #38bdf8 !important; }\n        #mass-marker-tools .link-secondary:hover { color: #ffffff !important; }\n\n        \/* \u7eafSVG\u65e0\u5ef6\u8fdf\u52a0\u8f7d\u7bad\u5934\u56fe\u6807 *\/\n        #mass-marker-tools .mass-arrow-icon {\n            width: 20px !important;\n            height: 20px !important;\n            margin-left: 8px !important;\n            transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        \/* \u60ac\u505c\u65f6\u7bad\u5934\u5411\u53f3\u731b\u63a8\u6548\u679c *\/\n        #mass-marker-tools .mass-tool-card:hover .mass-arrow-icon {\n            transform: translateX(8px) !important;\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u79fb\u52a8\u7aef\u9002\u914d *\/\n        @media (max-width:690px) {\n            #mass-marker-tools { padding: 50px 0 !important; }\n            #mass-marker-tools .mass-tools-container { padding: 0 20px !important; }\n            #mass-marker-tools .mass-tools-heading { font-size: 28px !important; }\n            #mass-marker-tools .mass-tool-card { padding: 30px 25px !important; }\n            #mass-marker-tools .mass-icon-wrapper { width: 48px !important; height: 48px !important; margin-bottom: 20px !important; }\n            #mass-marker-tools .mass-icon-wrapper svg { width: 24px !important; height: 24px !important; }\n        }\n    <\/style>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-91ec7b5\" data-block-id=\"91ec7b5\"><style>.stk-91ec7b5 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-91ec7b5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ceaca10\" data-v=\"4\" data-block-id=\"ceaca10\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ceaca10-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ceaca10-inner-blocks\">\n<section id=\"mass-faq-module\">\n    <div class=\"mass-faq-bg\">\n        <div class=\"mass-ambient-glow\"><\/div>\n    <\/div>\n\n    <div class=\"mass-faq-container\">\n        \n        <div class=\"mass-faq-header-centered\">\n            <h2 class=\"mass-faq-h2\">FAQ for Marker Pen Assembly Machine Buyers<\/h2>\n            <div class=\"mass-title-accent\"><\/div>\n        <\/div>\n\n        <div class=\"mass-faq-accordion-grid\">\n            \n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">What capacity can the MS-AM-065 marker pen assembly machine reach?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Product-data phrase is 40-60 pcs\/min. Proceed as if that is a rated range, but verify actual output with the sample marker, the refill material and cap fit, the ink process, and your own operator plan, during acceptance testing.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">Can it support whiteboard and permanent marker products?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Page is intended for whiteboard marker machine and refill assembly. Markers that must be permanently sealed against ink outgassing should be checked before quote against sealing, ink, and cap needs because the part loading behavior could alter the scope.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">Why does the machine use a 2-up chain-carry layout instead of more stations?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Public discussion points to the same balancing act as the Mass estimate: added tooling and detailed stations can increase cost, number of actuators, floor area, and maker adjustment complexity. Two-up arrangements may be ideal when the required output is well defined and access for trouble-shooting still desired.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">What information is needed for an accurate marker pen machine price?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Send us: samples or drawings (Pcs\/min., product type, existing production process, automation to be achieved, voltage, compressed air parameters, floor space, support). Avoids RFQ detail distortion between the sides, especially where machine technology, feeding method and acceptance test are undefined.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">Does Mass provide installation and training?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Yes. Mass defines machine component procurement, machinery manufacturing, line deployment, operator instruction and post-sale service.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">What warranty and spare-parts support are available?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Brand-provided Terms state cover for 2-year machine parts, 24 hour engineer response and spare part delivery by international courier in 5 working days.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">Is this page about marker making, marking machines, or DIY pen turning tools?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>This is a marker pen manufacturing machine page for marker refill and assembly. not a dot-peen marker, laser-engraver, scrap lathe, pen-kit, or pen-turning machine.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mass-accordion-item\">\n                <button class=\"mass-accordion-header\" aria-expanded=\"false\">\n                    <h3 class=\"mass-accordion-title\">Should final packing also be automated?<\/h3>\n                    <div class=\"mass-accordion-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/div>\n                <\/button>\n                <div class=\"mass-accordion-content\">\n                    <div class=\"mass-accordion-inner\">\n                        <p>Conditional. A Reddit production-line debate shows this is not always the case: some top layer handling remains manual when another automated subdivision does not pay back. For large quantities, providing an auto pack transfer may not be necessary until refill assembly stabilises.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* === \u9876\u7ea7\u9694\u79bb\u4e0e\u5916\u5c42\u7ed3\u6784 === *\/\n        #mass-faq-module {\n            position: relative !important;\n            width: 100% !important;\n            padding: 95px 0 !important;\n            background-color: #f8fafc !important; \/* \u6781\u7b80\u7684\u9ad8\u7ea7\u6d45\u7070\u5e95\u8272 *\/\n            font-family: 'Inter', sans-serif !important;\n            display: block !important;\n            box-sizing: border-box !important;\n            overflow: hidden !important;\n        }\n\n        #mass-faq-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* === \u9ad8\u7ea7\u611f\u80cc\u666f\u7cfb\u7edf === *\/\n        #mass-faq-module .mass-faq-bg {\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 100% !important;\n            z-index: 0 !important;\n            pointer-events: none !important;\n        }\n\n        \/* \u73af\u5883\u5149\u6655 *\/\n        #mass-faq-module .mass-ambient-glow {\n            position: absolute !important;\n            top: -20% !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            width: 80% !important;\n            height: 80% !important;\n            background: radial-gradient(ellipse at center, rgba(0, 120, 192, 0.05) 0%, transparent 60%) !important;\n        }\n\n        #mass-faq-module .mass-faq-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            position: relative !important;\n            z-index: 1 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 55px !important;\n        }\n\n        \/* === \u5c45\u4e2d\u5934\u90e8\u6807\u9898\u533a === *\/\n        #mass-faq-module .mass-faq-header-centered {\n            text-align: center !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            width: 100% !important;\n            max-width: 900px !important;\n            margin: 0 auto !important;\n        }\n\n        \/* \u5f3a\u5236\u8986\u76d6\u4e3b\u9898 H2 \u8bbe\u7f6e\uff1a32px, 700 *\/\n        #mass-faq-module .mass-faq-h2 {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #0f172a !important; \/* \u66f4\u6df1\u7684\u66dc\u77f3\u9ed1 *\/\n            margin: 0 0 20px 0 !important;\n            line-height: 1.25 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #mass-faq-module .mass-title-accent {\n            width: 60px !important;\n            height: 4px !important;\n            background: linear-gradient(90deg, #0078C0, #7860A8) !important;\n            border-radius: 2px !important;\n            box-shadow: 0 2px 10px rgba(0, 120, 192, 0.2) !important; \/* \u589e\u52a0\u7ebf\u5149\u611f *\/\n        }\n\n        \/* === \u53cc\u5217 FAQ \u624b\u98ce\u7434\u7f51\u683c (\u4e00\u6392\u4e24\u4e2a) === *\/\n        #mass-faq-module .mass-faq-accordion-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 24px 35px !important;\n            align-items: start !important;\n        }\n\n        \/* === \u5347\u7ea7\u7248\u65b9\u6846\u5916\u89c2 === *\/\n        #mass-faq-module .mass-accordion-item {\n            background: #ffffff !important;\n            border: 1px solid rgba(0, 120, 192, 0.1) !important; \/* \u5e26\u6709\u54c1\u724c\u57fa\u56e0\u7684\u9ad8\u7ea7\u5fae\u8fb9\u6846 *\/\n            border-radius: 10px !important; \n            overflow: hidden !important;\n            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.02) !important; \n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            position: relative !important;\n        }\n\n        \/* \u5de6\u4fa7\u6fc0\u6d3b\u5149\u6807\u7ebf (\u9690\u85cf\u72b6\u6001) *\/\n        #mass-faq-module .mass-accordion-item::before {\n            content: \"\" !important;\n            position: absolute !important;\n            left: 0 !important;\n            top: 50% !important;\n            transform: translateY(-50%) !important;\n            width: 4px !important;\n            height: 0 !important;\n            background: #0078C0 !important;\n            transition: height 0.3s ease !important;\n            border-radius: 0 4px 4px 0 !important;\n        }\n        \n        #mass-faq-module .mass-accordion-item:hover {\n            border-color: rgba(0, 120, 192, 0.25) !important;\n            box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06) !important;\n            transform: translateY(-2px) !important; \/* \u8f7b\u5fae\u4e0a\u6d6e *\/\n        }\n        \n        #mass-faq-module .mass-accordion-item.active {\n            border-color: rgba(0, 120, 192, 0.4) !important; \n            box-shadow: 0 10px 30px rgba(0, 120, 192, 0.1) !important;\n        }\n\n        \/* \u6fc0\u6d3b\u65f6\u62c9\u51fa\u5de6\u4fa7\u84dd\u7ebf *\/\n        #mass-faq-module .mass-accordion-item.active::before {\n            height: 100% !important;\n        }\n\n        \/* \u5934\u90e8\u6309\u94ae\u63a7\u5236\uff0c\u5f3a\u5236\u7b49\u9ad8\u9f50\u5e73 *\/\n        #mass-faq-module .mass-accordion-header {\n            width: 100% !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            padding: 22px 30px !important;\n            min-height: 90px !important; \/* \u6838\u5fc3\u4fee\u590d\uff1a\u9501\u5b9a\u9ad8\u5ea6\u786e\u4fdd\u5b8c\u7f8e\u9f50\u5e73 *\/\n            background: transparent !important;\n            border: none !important;\n            cursor: pointer !important;\n            text-align: left !important;\n        }\n\n        #mass-faq-module .mass-accordion-title {\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            color: #1e293b !important; \n            margin: 0 !important;\n            line-height: 1.5 !important;\n            padding-right: 20px !important;\n            transition: color 0.3s ease !important;\n        }\n        \n        #mass-faq-module .mass-accordion-item:hover .mass-accordion-title {\n            color: #0078C0 !important; \/* \u60ac\u505c\u989c\u8272\u6e10\u53d8 *\/\n        }\n        \n        #mass-faq-module .mass-accordion-item.active .mass-accordion-title {\n            color: #0078C0 !important;\n        }\n\n        \/* === \u5347\u7ea7\u7248\u5706\u5f62\u4e0b\u62c9\u56fe\u6807 === *\/\n        #mass-faq-module .mass-accordion-icon {\n            flex-shrink: 0 !important;\n            width: 32px !important;\n            height: 32px !important;\n            border-radius: 50% !important;\n            background: rgba(0, 120, 192, 0.05) !important; \/* \u900f\u8272\u7684\u6781\u6d45\u84dd\u5e95 *\/\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            color: #0078C0 !important; \/* \u54c1\u724c\u84dd\u7bad\u5934 *\/\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n        \n        #mass-faq-module .mass-accordion-item:hover .mass-accordion-icon {\n            background: rgba(0, 120, 192, 0.1) !important;\n        }\n\n        #mass-faq-module .mass-accordion-icon svg { width: 18px !important; height: 18px !important; stroke-width: 2.5 !important; }\n        \n        #mass-faq-module .mass-accordion-item.active .mass-accordion-icon {\n            background: #0078C0 !important;\n            color: #ffffff !important;\n            transform: rotate(180deg) !important;\n            box-shadow: 0 4px 10px rgba(0, 120, 192, 0.3) !important; \/* \u6fc0\u6d3b\u65f6\u53d1\u5149 *\/\n        }\n\n        \/* \u9690\u85cf\u7684\u5185\u5bb9\u533a\u57df *\/\n        #mass-faq-module .mass-accordion-content {\n            max-height: 0; \n            overflow: hidden !important;\n            transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #mass-faq-module .mass-accordion-inner {\n            padding: 0 30px 26px 30px !important;\n            border-top: 1px solid transparent !important;\n        }\n\n        #mass-faq-module .mass-accordion-inner p {\n            margin: 0 !important;\n            font-size: 15px !important;\n            line-height: 1.7 !important;\n            color: #475569 !important;\n            letter-spacing: 0.1px !important;\n        }\n\n        \/* === \u54cd\u5e94\u5f0f\u9002\u914d === *\/\n        @media (max-width: 992px) {\n            #mass-faq-module .mass-faq-accordion-grid {\n                grid-template-columns: 1fr !important;\n            }\n            #mass-faq-module .mass-accordion-header {\n                min-height: auto !important; \n            }\n        }\n\n        @media (max-width:690px) {\n            #mass-faq-module { padding: 60px 0 !important; }\n            #mass-faq-module .mass-faq-container { padding: 0 20px !important; gap: 40px !important; }\n            #mass-faq-module .mass-faq-h2 { font-size: 26px !important; }\n            #mass-faq-module .mass-accordion-header { padding: 20px !important; }\n            #mass-faq-module .mass-accordion-inner { padding: 0 20px 20px 20px !important; }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const faqModule = document.getElementById('mass-faq-module');\n            if (!faqModule) return;\n\n            const accordionItems = faqModule.querySelectorAll('.mass-accordion-item');\n\n            accordionItems.forEach(item => {\n                const header = item.querySelector('.mass-accordion-header');\n                const content = item.querySelector('.mass-accordion-content');\n\n                header.addEventListener('click', () => {\n                    const isActive = item.classList.contains('active');\n\n                    \/\/ \u81ea\u52a8\u95ed\u5408\u5176\u4ed6\u5df2\u6253\u5f00\u7684\u9762\u7248\n                    accordionItems.forEach(otherItem => {\n                        otherItem.classList.remove('active');\n                        otherItem.querySelector('.mass-accordion-header').setAttribute('aria-expanded', 'false');\n                        otherItem.querySelector('.mass-accordion-content').style.setProperty('max-height', '0px', 'important');\n                    });\n\n                    \/\/ \u5207\u6362\u5f53\u524d\u70b9\u51fb\u9879\n                    if (!isActive) {\n                        item.classList.add('active');\n                        header.setAttribute('aria-expanded', 'true');\n                        content.style.setProperty('max-height', content.scrollHeight + 'px', 'important');\n                    }\n                });\n            });\n        });\n    <\/script>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What capacity can the MS-AM-065 marker pen assembly machine reach?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Product-data phrase is 40-60 pcs\/min. Proceed as if that is a rated range, but verify actual output with the sample marker, the refill material and cap fit, the ink process, and your own operator plan, during acceptance testing.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can it support whiteboard and permanent marker products?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Page is intended for whiteboard marker machine and refill assembly. Markers that must be permanently sealed against ink outgassing should be checked before quote against sealing, ink, and cap needs because the part loading behavior could alter the scope.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Why does the machine use a 2-up chain-carry layout instead of more stations?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Public discussion points to the same balancing act as the Mass estimate: added tooling and detailed stations can increase cost, number of actuators, floor area, and maker adjustment complexity. Two-up arrangements may be ideal when the required output is well defined and access for trouble-shooting still desired.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What information is needed for an accurate marker pen machine price?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Send us: samples or drawings (Pcs\/min., product type, existing production process, automation to be achieved, voltage, compressed air parameters, floor space, support). Avoids RFQ detail distortion between the sides, especially where machine technology, feeding method and acceptance test are undefined.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Does Mass provide installation and training?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Mass defines machine component procurement, machinery manufacturing, line deployment, operator instruction and post-sale service.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What warranty and spare-parts support are available?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Brand-provided Terms state cover for 2-year machine parts, 24 hour engineer response and spare part delivery by international courier in 5 working days.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is this page about marker making, marking machines, or DIY pen turning tools?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"This is a marker pen manufacturing machine page for marker refill and assembly. not a dot-peen marker, laser-engraver, scrap lathe, pen-kit, or pen-turning machine.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Should final packing also be automated?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Conditional. A Reddit production-line debate shows this is not always the case: some top layer handling remains manual when another automated subdivision does not pay back. For large quantities, providing an auto pack transfer may not be necessary until refill assembly stabilises.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ba5ecc9\" data-block-id=\"ba5ecc9\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ba5ecc9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7c0f0cb\" data-v=\"4\" data-block-id=\"7c0f0cb\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7c0f0cb-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7c0f0cb-inner-blocks\">\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&display=swap');\n\n  \/* 1. \u9876\u7ea7\u4f5c\u7528\u57df\u4e0e\u5168\u5c4f\u8d2f\u7a7f\u80cc\u666f\u5347\u7ea7 *\/\n  #marker-machine-premium-hero {\n    position: relative !important;\n    width: 100% !important;\n    \/* \u5347\u7ea7\u66f4\u6df1\u9083\u7684\u3001\u5177\u6709\u79d1\u6280\u611f\u7684\u5e95\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, #e0e6ed 0%, #f1f4f9 50%, #e8edf3 100%) !important;\n    padding: 60px 0 !important; \/* \u7a0d\u5fae\u589e\u52a0\u5916\u90e8\u95f4\u8ddd\uff0c\u63d0\u5347\u5927\u6c14\u611f *\/\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u5168\u5c4f\u52a8\u6001\u5149\u675f\uff0c\u6d88\u9664\u7559\u767d\u611f\uff0c\u589e\u52a0\u9ad8\u7ea7\u611f *\/\n  #marker-machine-premium-hero::after {\n    content: '' !important;\n    position: absolute !important;\n    top: -10% !important;\n    left: -10% !important;\n    width: 120% !important;\n    height: 120% !important;\n    background: radial-gradient(circle at 10% 10%, rgba(120, 96, 168, 0.08) 0%, rgba(255, 255, 255, 0) 50%),\n                radial-gradient(circle at 90% 90%, rgba(0, 120, 192, 0.05) 0%, rgba(255, 255, 255, 0) 50%) !important;\n    pointer-events: none !important;\n    z-index: 1 !important;\n  }\n\n  \/* 2. \u5e03\u5c40\u4e0e\u5bb9\u5668 - \u5185\u5bb9\u5f39\u6027\u951a\u5b9a *\/\n  #marker-machine-premium-hero .hero-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 30px !important;\n    position: relative !important;\n    z-index: 2 !important; \/* \u786e\u4fdd\u5185\u5bb9\u5728\u5149\u675f\u4e4b\u4e0a *\/\n  }\n\n  @media (min-width: 992px) {\n    #marker-machine-premium-hero .hero-container {\n      padding: 0 70px !important;\n    }\n  }\n\n  \/* 3. \u7f51\u683c\u5361\u7247\u5347\u7ea7\uff1a\u589e\u52a0\u7acb\u4f53\u611f\u4e0e\u54c1\u724c\u8272\u6761 *\/\n  #marker-machine-premium-hero .hero-grid {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 0 !important;\n    background: #ffffff !important;\n    border-radius: 8px !important; \/* \u7a0d\u5fae\u52a0\u5927\u5706\u89d2\uff0c\u66f4\u663e\u7cbe\u81f4 *\/\n    \/* \u66f4\u9ad8\u7ea7\u3001\u66f4\u67d4\u548c\u7684\u591a\u5c42\u9634\u5f71\uff0c\u6a21\u62df\u6f02\u6d6e\u611f *\/\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), \n                0 25px 50px -12px rgba(0, 30, 60, 0.08) !important;\n    overflow: hidden !important;\n    position: relative !important;\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u5361\u7247\u9876\u90e8\u7684\u7cbe\u5bc6\u54c1\u724c\u8272\u88c5\u9970\u6761 *\/\n  #marker-machine-premium-hero .hero-grid::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 6px !important;\n    background: linear-gradient(90deg, #0078C0 0%, #7860A8 100%) !important;\n    z-index: 3 !important;\n  }\n\n  @media (min-width:1000px) {\n    #marker-machine-premium-hero .hero-grid {\n      grid-template-columns: 3fr 2fr !important;\n    }\n  }\n\n  \/* 4. \u5de6\u4fa7\u6838\u5fc3\u5185\u5bb9\u533a\u57df\u6837\u5f0f\u5347\u7ea7 *\/\n  #marker-machine-premium-hero .content-panel {\n    padding: 50px !important; \/* \u589e\u52a0\u5185\u8fb9\u8ddd\uff0c\u63d0\u5347\u547c\u5438\u611f *\/\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    position: relative !important;\n  }\n\n  @media (min-width:1000px) {\n    #marker-machine-premium-hero .content-panel {\n      padding: 80px 70px !important;\n    }\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u5de6\u4fa7\u5185\u5d4c\u4e00\u4e2a\u6781\u6de1\u7684SVG\u6807\u8bb0\u56fe\u6848\uff0c\u9632\u6b62\u6587\u5b57\u533a\u663e\u5f97\u5355\u8c03 *\/\n  #marker-machine-premium-hero .content-panel::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 20px !important;\n    right: 20px !important;\n    width: 150px !important;\n    height: 150px !important;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43 7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 37c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-3c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-25c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%237860A8' fill-opacity='0.03' fill-rule='evenodd'\/%3E%3C\/svg%3E\") !important;\n    pointer-events: none !important;\n  }\n\n  \/* SEO\u4f18\u5316\u7684H2\u6807\u7b7e\uff0c\u4e25\u683c\u9075\u5faa32px\u4e0e700\u5b57\u91cd\u8981\u6c42\uff0c\u589e\u52a0\u7cbe\u5bc6\u4e0b\u5212\u7ebf *\/\n  #marker-machine-premium-hero h2.module-main-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 0 40px 0 !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.8px !important; \/* \u66f4\u7d27\u51d1\u7684\u5b57\u95f4\u8ddd\uff0c\u663e\u9ad8\u7ea7 *\/\n    position: relative !important;\n    display: inline-block !important; \/* \u4e3a\u4e86\u8ba9\u4e0b\u5212\u7ebf\u548c\u6587\u5b57\u540c\u5bbd *\/\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1aH2\u6807\u7b7e\u4e0b\u65b9\u7684\u201c\u6807\u8bb0\u7ebf\u201d\u88c5\u9970\uff0c\u547c\u5e94Marker Pen Machine\u4e3b\u9898 *\/\n  #marker-machine-premium-hero h2.module-main-title::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -12px !important;\n    left: 0 !important;\n    width: 60px !important;\n    height: 4px !important;\n    background: #0078C0 !important;\n    border-radius: 2px !important;\n  }\n\n  \/* \u900f\u660e\u5ea6\u58f0\u660e\u533a\u5757 - \u5347\u7ea7\u4e3a\u7cbe\u81f4\u7684\u201c\u5361\u7247\u4e2d\u5361\u7247\u201d *\/\n  #marker-machine-premium-hero .transparency-box {\n    background: #f8fafc !important; \/* \u6de1\u6de1\u7684\u5e95\u8272\u533a\u5206 *\/\n    border-left: 5px solid #7860A8 !important; \/* \u52a0\u7c97\u526f\u8272\u8c03\u8fb9\u6846 *\/\n    padding: 30px !important;\n    margin: 0 !important;\n    border-radius: 4px !important;\n    position: relative !important;\n    \/* \u589e\u52a0\u4e00\u4e2a\u975e\u5e38\u5185\u655b\u7684\u5185\u9634\u5f71 *\/\n    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.03) !important;\n  }\n\n  \/* SEO\u4f18\u5316\u7684H3\u6807\u7b7e - \u589e\u52a0\u201c\u5fbd\u7ae0\u201d\u8d28\u611f *\/\n  #marker-machine-premium-hero h3.transparency-label {\n    font-size: 14px !important; \/* \u7a0d\u5fae\u52a0\u5927 *\/\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.8px !important;\n    color: #7860A8 !important;\n    margin: 0 0 15px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n  }\n\n  #marker-machine-premium-hero p.transparency-text {\n    font-size: 16px !important; \/* B\u7aef\u7f51\u7ad916px\u66f4\u5229\u4e8e\u9605\u8bfb\uff0c\u663e\u7a33\u91cd *\/\n    color: #475569 !important;\n    line-height: 1.8 !important; \/* \u589e\u52a0\u884c\u9ad8\uff0c\u63d0\u5347\u9605\u8bfb\u4f53\u9a8c *\/\n    margin: 0 !important;\n    text-align: justify !important;\n  }\n\n  \/* 5. \u53f3\u4fa7\u64cd\u4f5c\u9762\u677f (Action Panel) \u6df1\u5ea6\u8bbe\u8ba1\u5347\u7ea7 *\/\n  #marker-machine-premium-hero .action-panel {\n    \/* \u5347\u7ea7\uff1a\u4f7f\u7528\u526f\u8272\u8c03\u5230\u4e3b\u8272\u8c03\u7684\u54c1\u724c\u8272\u6e10\u53d8\uff0c\u53d6\u4ee3\u7eaf\u8272\uff0c\u66f4\u5177\u6d41\u4f53\u611f *\/\n    background: linear-gradient(165deg, #7860A8 0%, #0078C0 100%) !important;\n    padding: 50px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    position: relative !important;\n    overflow: hidden !important;\n  }\n\n  @media (min-width:1000px) {\n    #marker-machine-premium-hero .action-panel {\n      padding: 70px !important;\n    }\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u53f3\u4fa7Action Panel\u589e\u52a0\u4e00\u5c42\u201c\u56fe\u7eb8\u5fae\u683c\u201d\u80cc\u666f\uff0c\u675c\u7edd\u7eaf\u8272\u5757\u5e26\u6765\u7684\u5355\u4e00\u611f *\/\n  #marker-machine-premium-hero .action-panel::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\n    \/* \u7ed8\u5236\u6781\u7ec6\u7684\u767d\u8272\u7f51\u683c\u7ebf *\/\n    background-image: \n      linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;\n    background-size: 30px 30px !important;\n    z-index: 1 !important;\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u4fdd\u7559\u539f\u6765\u7684\u5e95\u5c42\u51e0\u4f55\u4fee\u9970\uff0c\u4f46\u8c03\u6574\u900f\u660e\u5ea6\u548c\u4f4d\u7f6e\uff0c\u4f7f\u5176\u66f4\u5177\u5c42\u6b21\u611f *\/\n  #marker-machine-premium-hero .action-panel::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -80px !important;\n    right: -80px !important;\n    width: 250px !important;\n    height: 250px !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    transform: rotate(45deg) !important;\n    border-radius: 30px !important;\n    pointer-events: none !important;\n    z-index: 2 !important;\n  }\n\n  \/* Action Panel \u5185\u5bb9\u7f6e\u4e8e\u88c5\u9970\u4e4b\u4e0a *\/\n  #marker-machine-premium-hero .action-content {\n    position: relative !important;\n    z-index: 3 !important;\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* 6. \u6309\u94ae\u8bbe\u8ba1\u5347\u7ea7\uff1a\u589e\u52a0\u9ad8\u5149\u4e0e\u7cbe\u5bc6\u70b9\u51fb\u611f *\/\n  #marker-machine-premium-hero a.btn-quote {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background: #ffffff !important;\n    color: #0078C0 !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    padding: 20px 40px !important; \/* \u7a0d\u5fae\u52a0\u5927\u6309\u94ae *\/\n    text-decoration: none !important;\n    border-radius: 4px !important; \/* \u5339\u914d\u6574\u4f53\u5706\u89d2 *\/\n    \/* \u7cbe\u5bc6\u7684\u6309\u94ae\u9634\u5f71 *\/\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), \n                0 10px 20px rgba(0, 30, 60, 0.15) !important;\n    white-space: nowrap !important;\n    width: 100% !important;\n    max-width: 340px !important;\n    position: relative !important;\n    overflow: hidden !important;\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important; \/* \u66f4\u5e73\u6ed1\u7684\u66f2\u7ebf *\/\n  }\n\n  \/* \u88c5\u9970\u5c5e\u6027\uff1a\u6309\u94ae\u60ac\u505c\u65f6\u7684\u5fae\u5149\u6548\u679c *\/\n  #marker-machine-premium-hero a.btn-quote::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;\n    transition: all 0.6s !important;\n  }\n\n  \/* \u60ac\u505c\u52a8\u6548\u5347\u7ea7 *\/\n  #marker-machine-premium-hero a.btn-quote:hover {\n    color: #0078C0 !important;\n    transform: translateY(-4px) scale(1.01) !important; \/* \u7ec4\u5408\u52a8\u6548\uff0c\u663e\u8f7b\u76c8 *\/\n    box-shadow: 0 20px 40px rgba(0, 30, 60, 0.25) !important;\n  }\n\n  #marker-machine-premium-hero a.btn-quote:hover::after {\n    left: 100% !important; \/* \u60ac\u505c\u65f6\u5fae\u5149\u5212\u8fc7 *\/\n  }\n  \n  \/* \u70b9\u51fb\u65f6\u7684\u53cd\u9988\uff08\u6c89\u964d\u611f\uff09 *\/\n  #marker-machine-premium-hero a.btn-quote:active {\n    transform: translateY(-1px) scale(0.99) !important;\n    box-shadow: 0 5px 10px rgba(0, 30, 60, 0.2) !important;\n  }\n\n<\/style>\n\n<section id=\"marker-machine-premium-hero\">\n  <div class=\"hero-container\">\n    <div class=\"hero-grid\">\n      \n      <div class=\"content-panel\">\n        <h2 class=\"module-main-title\">Marker Pen Machine<\/h2>\n        <div class=\"transparency-box\">\n          <h3 class=\"transparency-label\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7860A8\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n            Transparency Statement\n          <\/h3>\n          <p class=\"transparency-text\">\n            Values has been based mostly on Mass product data figure and Mass brand-provided service timeslot for warranty, response claim. Other grounds for non-Mass source are for marker manufacturing practice, machine safety, RFQ preparation, upkeep, and automation price categories. Competitors' pages are not used as proof of reality for Mass numbers.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"action-panel\">\n        <div class=\"action-content\">\n          <a href=\"#ct-popup-813\" class=\"btn-quote\">Request a Quote for Marker Pen Machine<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ISO9001 Certified Marker Pen Machine Marker Pen Making Machine for Whiteboard Marker Refill Assembly Mass develops the MS-AM-065 marker pen making machine against the following specification. a 40-60 pcs\/min refill assembly rate target, 2-up chain-carry horizontal setup, Mitsubishi PLC controllers, and SMC pneumatic components. It accommodates factories which need a consistent marker pen assembly line, [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2931,"parent":2164,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2917","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/pages\/2917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/comments?post=2917"}],"version-history":[{"count":0,"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/pages\/2917\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/pages\/2164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/media\/2931"}],"wp:attachment":[{"href":"https:\/\/masstechx.com\/fr\/wp-json\/wp\/v2\/media?parent=2917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}