{"product_id":"hmx-macchiato-linear-switches","title":"HMX Macchiato — Subtle Clack Linear Switch with POK Stem | 42gf · Factory Lubed","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eHMX Macchiato Linear Switch - Product Details\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Independent Scope · Minimalist Premium Design\n           Product: HMX Macchiato Linear Switch\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Design Tokens (Adapted to Caramel Macchiato \/ Cream White theme) *\/\n            --dk-primary: #92400E; \/* Amber\/Brown 800 - Caramel *\/\n            --dk-primary-light: #FEF3C7; \/* Amber 100 - Cream *\/\n            --dk-primary-hover: #78350F; \/* Amber 900 *\/\n            \n            --dk-text-title: #27272A; \/* Slate 800 *\/\n            --dk-text-main: #3F3F46; \/* Slate 700 *\/\n            --dk-text-muted: #71717A; \/* Slate 500 *\/\n            --dk-text-light: #A1A1AA; \/* Slate 400 *\/\n            \n            --dk-bg-main: #FAFAF9; \/* Zinc 50 - Warm White *\/\n            --dk-bg-card: #FFFFFF;\n            --dk-bg-subtle: #F4F4F5; \/* Zinc 100 *\/\n            \n            --dk-border-color: #E4E4E7; \/* Zinc 200 *\/\n            \n            --dk-radius-xl: 32px;\n            --dk-radius-lg: 24px;\n            --dk-radius-md: 16px;\n            \n            --dk-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03);\n            --dk-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n            --dk-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.08);\n            \n            --dk-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --dk-transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--dk-bg-main);\n            color: var(--dk-text-main);\n            line-height: 1.6;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .dk-product-details * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .dk-container {\n            width: 92%;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* Generic Titles *\/\n        .dk-section-title {\n            font-size: 36px;\n            font-weight: 800;\n            text-align: center;\n            margin: 80px 0 40px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n            line-height: 1.2;\n        }\n\n        .dk-section-title::after {\n            content: '';\n            display: block;\n            width: 48px;\n            height: 4px;\n            margin: 16px auto 0;\n            background-color: var(--dk-primary);\n            border-radius: 4px;\n        }\n\n        .dk-highlight-orange { color: var(--dk-primary); }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { padding: 40px 0 60px; }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 56px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            margin: 0 auto;\n            border-radius: var(--dk-radius-xl);\n            overflow: hidden;\n            background: #000000;\n            box-shadow: var(--dk-shadow-md);\n            transform: translateZ(0);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-muted);\n            font-size: 14px;\n        }\n\n        .dk-video-wrapper iframe,\n        .dk-video-wrapper img {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary-hover);\n            padding: 8px 18px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            border: 1px solid #FDE68A;\n        }\n\n        .dk-hero-title {\n            font-size: 44px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 24px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-size: 18px;\n            color: var(--dk-text-muted);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.5;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            color: var(--dk-text-main);\n            margin-bottom: 32px;\n            line-height: 1.7;\n        }\n\n        .dk-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }\n\n        .dk-tag {\n            background: var(--dk-bg-subtle);\n            padding: 8px 16px;\n            border-radius: 40px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--dk-text-main);\n            transition: var(--dk-transition);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-primary-light);\n            color: var(--dk-primary-hover);\n            border-color: #FDE68A;\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Trust Numbers ================= *\/\n        .dk-trust-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 64px 0;\n            text-align: center;\n            background: var(--dk-bg-subtle);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-xl);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-trust-num {\n            font-size: 36px;\n            font-weight: 800;\n            color: var(--dk-primary-hover);\n            letter-spacing: -1px;\n        }\n\n        .dk-trust-label {\n            font-size: 13px;\n            color: var(--dk-text-muted);\n            font-weight: 700;\n            margin-top: 6px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n\n        .dk-pain-card {\n            background: var(--dk-bg-card);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid #f3f4f6;\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--dk-shadow-hover);\n            border-color: var(--dk-primary-light);\n        }\n\n        .dk-pain-icon {\n            width: 56px; height: 56px;\n            margin: 0 auto 24px;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n        }\n        .dk-pain-icon svg { width: 100%; height: 100%; }\n        .dk-pain-card:hover .dk-pain-icon { color: var(--dk-primary); transform: scale(1.1); }\n\n        .dk-pain-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: var(--dk-text-title); }\n        .dk-pain-card p { font-size: 15px; color: var(--dk-text-muted); }\n\n        .dk-pain-solution {\n            margin-top: 40px;\n            background: var(--dk-text-title);\n            color: #ffffff;\n            padding: 24px 32px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            font-size: 18px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n            margin: 100px 0;\n        }\n        .dk-feature-block.reverse { direction: rtl; }\n        .dk-feature-block.reverse \u003e * { direction: ltr; }\n\n        .dk-feature-media {\n            width: 100%;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-md);\n            overflow: hidden;\n            background: var(--dk-bg-subtle);\n            aspect-ratio: 4\/3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-light);\n            font-size: 18px;\n            font-weight: bold;\n            text-align: center;\n            border: 2px dashed var(--dk-border-color);\n        }\n        \n        .dk-feature-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .dk-feature-text h3 {\n            font-size: 32px;\n            font-weight: 800;\n            line-height: 1.3;\n            margin-bottom: 28px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-fabe-list { display: flex; flex-direction: column; gap: 28px; }\n        .dk-fabe-item { padding-left: 20px; border-left: 4px solid var(--dk-primary); }\n        .dk-fabe-item strong { display: block; font-size: 18px; color: var(--dk-text-title); margin-bottom: 6px; }\n        .dk-fabe-item p { font-size: 16px; color: var(--dk-text-muted); }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-card);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        \/* Custom Scrollbar for better UX on desktop \u0026 mobile hints *\/\n        .dk-table-wrapper::-webkit-scrollbar {\n            height: 6px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-track {\n            background: var(--dk-bg-subtle);\n            border-radius: 0 0 8px 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb {\n            background: #cbd5e1;\n            border-radius: 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb:hover {\n            background: #94a3b8;\n        }\n        \n        .dk-table { width: 100%; border-collapse: collapse; font-size: 16px; white-space: nowrap; }\n        .dk-table th, .dk-table td { padding: 20px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; }\n        .dk-table th { background: var(--dk-bg-subtle); font-weight: 700; color: var(--dk-text-title); white-space: nowrap; }\n        \n        .dk-comp-winner {\n            color: #ffffff;\n            font-weight: 700;\n            background: var(--dk-primary-hover);\n            padding: 4px 12px;\n            border-radius: 8px;\n            white-space: nowrap;\n        }\n\n        .dk-table-compare,\n        .dk-table-specs {\n            min-width: 600px; \n        }\n\n        .dk-spec-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        .dk-spec-card {\n            background: var(--dk-bg-subtle);\n            padding: 24px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n        .dk-spec-card:hover { background: #fff; box-shadow: var(--dk-shadow-hover); transform: translateY(-4px); }\n        .dk-spec-card span { font-size: 32px; display: block; margin-bottom: 16px; }\n        .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n        .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n        .dk-testimonial-card {\n            background: var(--dk-bg-card);\n            padding: 32px;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n            display: flex;\n            flex-direction: column;\n        }\n        .dk-testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-hover); }\n        \n        .dk-testimonial-card h4 {\n            font-size: 16px; \n            font-weight: 700;\n            color: var(--dk-text-title);\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n        \n        .dk-stars { color: #F59E0B; font-size: 18px; margin-bottom: 16px; }\n        .dk-testimonial-card p { font-size: 16px; font-style: italic; color: var(--dk-text-main); margin-bottom: 24px; line-height: 1.7; flex-grow: 1; }\n        .dk-testimonial-user { font-weight: 700; color: var(--dk-primary-hover); font-size: 15px; }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 60px 32px;\n            text-align: center;\n            margin: 80px 0;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n        }\n        .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 900px; margin: 40px auto 0; }\n        .dk-tf-item { display: flex; flex-direction: column; align-items: center; transition: var(--dk-transition); }\n        .dk-tf-item:hover { transform: translateY(-5px); }\n        .dk-tf-icon { width: 56px; height: 56px; margin-bottom: 16px; color: var(--dk-text-muted); }\n        .dk-tf-item:hover .dk-tf-icon { color: var(--dk-primary-hover); }\n        .dk-tf-item p { font-weight: 700; color: var(--dk-text-title); font-size: 18px; margin-bottom: 8px;}\n        .dk-tf-item span { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { max-width: 800px; margin: 0 auto; padding: 0 10px; }\n        .dk-faq-item {\n            background: var(--dk-bg-card);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 20px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        .dk-faq-item:hover { border-color: #d1d5db; box-shadow: var(--dk-shadow-sm); }\n        .dk-faq-item::before {\n            content: ''; position: absolute; left: 0; top: 0; bottom: 0;\n            width: 0; background-color: var(--dk-primary); transition: width 0.3s ease; z-index: 2;\n        }\n        .dk-faq-item.active { border-color: var(--dk-primary-hover); box-shadow: var(--dk-shadow-hover); }\n        .dk-faq-item.active::before { width: 5px; }\n\n        .dk-faq-button {\n            width: 100%; padding: 24px 28px; background: none; border: none;\n            display: flex; align-items: flex-start; justify-content: space-between;\n            cursor: pointer; text-align: left; gap: 16px; outline: none;\n        }\n        .dk-faq-q-box { display: flex; gap: 16px; align-items: flex-start; }\n        .dk-faq-label {\n            font-size: 14px; font-weight: 800; color: var(--dk-primary-hover); background: var(--dk-primary-light);\n            width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;\n            border-radius: 8px; flex-shrink: 0;\n        }\n        .dk-faq-question-text { font-size: 18px; font-weight: 700; color: var(--dk-text-title); line-height: 1.4; }\n        .dk-faq-icon { width: 24px; height: 24px; color: var(--dk-text-light); transition: var(--dk-transition-bounce); flex-shrink: 0; }\n        .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-primary-hover); }\n\n        .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }\n        .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; }\n        .faq-answer-inner { overflow: hidden; }\n        .dk-faq-answer { padding: 0 28px 28px 72px; color: var(--dk-text-main); font-size: 16px; line-height: 1.8; }\n\n        \/* ================= Responsive (Mobile Optimization) ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-title { font-size: 38px; }\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; margin: 80px 0; }\n        }\n\n        @media (max-width: 768px) {\n            \/* Typography \u0026 General Spacing *\/\n            .dk-section-title { font-size: 26px; text-align: left; margin: 56px 0 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \n            \/* Hero Section *\/\n            .dk-hero-section { padding: 24px 0 40px; }\n            .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }\n            .dk-video-wrapper { border-radius: var(--dk-radius-lg); }\n            .dk-hero-title { font-size: 32px; margin-bottom: 16px; }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { justify-content: flex-start; gap: 8px; margin-bottom: 24px; }\n            .dk-tag { font-size: 13px; padding: 6px 14px; }\n            \n            \/* Trust Numbers *\/\n            .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 24px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); }\n            .dk-trust-num { font-size: 28px; }\n            .dk-trust-label { font-size: 12px; }\n            \n            \/* Pain Points *\/\n            .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; }\n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 28px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 48px; height: 48px; }\n            .dk-pain-card h3 { font-size: 18px; margin-bottom: 12px; }\n            .dk-pain-solution { text-align: left; font-size: 16px; padding: 20px; margin-top: 24px; }\n            \n            \/* Feature Blocks *\/\n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 56px 0; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 24px; margin-bottom: 20px; }\n            .dk-fabe-list { gap: 20px; }\n            .dk-fabe-item { padding-left: 16px; }\n            .dk-fabe-item strong { font-size: 16px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            \/* Tables *\/\n            .dk-table-wrapper { margin-bottom: 32px; }\n            .dk-table { font-size: 14px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            \n            \/* Tech Specs Table - Stacked *\/\n            .dk-table-specs { min-width: 100%; display: block; white-space: normal; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block; width: 100%; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color); }\n            .dk-table-specs tr:last-child { border-bottom: none; }\n            .dk-table-specs th, .dk-table-specs td { display: block; width: 100%; text-align: left; border-bottom: none; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px; background: transparent; font-size: 15px; color: var(--dk-text-title); }\n            .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 14px; color: var(--dk-text-muted); }\n            \n            \/* Spec Grid *\/\n            .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n            .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); }\n            .dk-spec-card span { font-size: 28px; margin-bottom: 12px; }\n            .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n            .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); }\n            \n            \/* Testimonials *\/\n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 24px 20px; }\n            .dk-testimonial-card p { font-size: 15px; margin-bottom: 20px; }\n            \n            \/* Trust Features *\/\n            .dk-trust-features { padding: 40px 20px; text-align: left; margin: 56px 0; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 32px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 20px; }\n            .dk-tf-icon { width: 52px; height: 52px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 18px; margin-bottom: 6px; font-weight: 800; }\n            .dk-tf-item span { font-size: 14px; line-height: 1.5; display: block; }\n            \n            \/* FAQ *\/\n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 15px; }\n            .dk-faq-answer { padding: 0 16px 20px 60px; font-size: 14px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 28px; }\n            .dk-section-title { font-size: 24px; }\n            .dk-faq-answer { padding: 0 16px 20px 16px; margin-top: 12px; border-top: 1px solid var(--dk-bg-subtle); padding-top: 12px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dk-product-details\"\u003e\n    \u003cdiv class=\"dk-container\"\u003e\n        \n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"dk-hero-section\"\u003e\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n                    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vAfpT__GmQA?loop=1\u0026amp;playlist=vAfpT__GmQA\u0026amp;rel=0\u0026amp;playsinline=1\u0026amp;controls=1\u0026amp;mute=0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen frameborder=\"0\" title=\"HMX Macchiato Linear Switch\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003cdiv class=\"dk-hero-badge\"\u003eTop-Tier Custom Acoustic Linear\u003c\/div\u003e\n                    \u003ch1 class=\"dk-hero-title\"\u003eHMX Macchiato Linear\u003c\/h1\u003e\n                    \u003cp class=\"dk-hero-subtitle\"\u003eTired of hollow, ear-piercing linears that rattle your entire desk? Or sick of scratchy, cheap plastics that feel like stepping in mud?\u003c\/p\u003e\n                    \u003cp class=\"dk-hero-desc\"\u003eHMX presents a perfectly brewed masterpiece for acoustic purists and smoothness chasers—the HMX Macchiato Linear Switch.\u003cbr\u003e\u003cbr\u003eMerging elegant sound design with bleeding-edge materials, this top-tier switch pioneers a \u003cstrong\u003eNext-Gen POK Stem\u003c\/strong\u003e (significantly smoother than POM) housed within a PA12 top and Modified Nylon bottom. The result is an incredibly clean, refined, and premium \u003cstrong\u003e\"Subtle Clack\"\u003c\/strong\u003e that completely eliminates harsh plastic collisions. Boasting a cloud-like 42gf actuation paired with a 20mm extended spring for a snappy, progressive rebound. Whether you're typing away in a quiet office or grinding late-night gaming sessions, the Macchiato delivers a warm, café-like typing experience straight out of the box.\u003c\/p\u003e\n                    \n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🎵 Elegant \"Subtle Clack\"\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🧊 Next-Gen POK Stem\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🪶 42gf Cloud-Like Press\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🔄 20mm Extended Spring\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🧈 Legendary HMX Factory Lube\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Stats --\u003e\n        \u003cdiv class=\"dk-trust-grid\"\u003e\n            \u003cdiv class=\"dk-trust-item\"\u003e\n                \u003cdiv class=\"dk-trust-num\"\u003eClack\u003c\/div\u003e\n                \u003cdiv class=\"dk-trust-label\"\u003eRefined Subtle Acoustics\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-trust-item\"\u003e\n                \u003cdiv class=\"dk-trust-num\"\u003e42\u003cspan style=\"font-size: 20px;\"\u003egf\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"dk-trust-label\"\u003eCloud-Like Actuation\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-trust-item\"\u003e\n                \u003cdiv class=\"dk-trust-num\"\u003ePOK\u003c\/div\u003e\n                \u003cdiv class=\"dk-trust-label\"\u003eUltra-Low Friction Stem\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-trust-item\"\u003e\n                \u003cdiv class=\"dk-trust-num\"\u003eHMX\u003c\/div\u003e\n                \u003cdiv class=\"dk-trust-label\"\u003eLegendary Pre-Lubed\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Pain Points --\u003e\n        \u003cdiv class=\"dk-pain-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eCore Advantages: The New Standard for Elegant Linears\u003c\/h2\u003e\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px;\"\u003eWe know you don't just want a smooth switch—you crave that deeply satisfying, non-intrusive acoustic feedback that makes typing addictive. The Macchiato was engineered to perfectly balance \"crisp acoustics\" with \"buttery-smooth comfort.\"\u003c\/p\u003e\n            \u003cdiv class=\"dk-pain-grid\"\u003e\n                \u003cdiv class=\"dk-pain-card\"\u003e\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003eThe Problem: Harsh \u0026amp; Ear-Piercing Ping\u003c\/h3\u003e\n                    \u003cp\u003eMany linears produce sharp, obnoxious plastic collisions or metallic spring ping when bottoming out. In shared offices or late at night, this aggressive noise profile feels cheap and highly distracting to others.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"dk-pain-card\"\u003e\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.85.83 6.72 2.24\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 3v9h-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003eThe Problem: Scratchy, Degraded Travel\u003c\/h3\u003e\n                    \u003cp\u003eMost standard switches use generic POM or cheap plastic blends. Once the mediocre factory lube wears off, the stem feels \"sandy\" and scratchy, forcing you to waste hours taking them apart to re-lube.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"dk-pain-card\"\u003e\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 9 15 12 12 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003eThe Problem: Fatigue \u0026amp; Mushy Resets\u003c\/h3\u003e\n                    \u003cp\u003eSwitches that are too light result in mushy, sluggish rebounds and accidental misinputs. Switches that are too heavy lead to severe finger cramps after a few hours of coding or gaming.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-pain-solution\"\u003e\n                ✨ \u003cstrong\u003eHMX Macchiato Linear\u003c\/strong\u003e: Refined PA12\/Nylon \"Subtle Clack\", next-gen POK extreme smoothness, and a fatigue-free 42g progressive spring.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Feature Blocks --\u003e\n        \u003cdiv class=\"dk-feature-block\"\u003e\n            \u003cdiv class=\"dk-feature-media\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-422520.jpg?v=1743838040\" alt=\"PA12 Top \u0026amp; Modified Nylon Bottom\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-feature-text\"\u003e\n                \u003ch3\u003eEnd Ear-Piercing Clacks\u003cbr\u003ePA12 + Nylon \"Subtle Clack\" Profile\u003c\/h3\u003e\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eAcoustic Redesign\u003c\/strong\u003e\n                        \u003cp\u003eThe housing is forged from a highly intentional acoustic recipe: a crisp, clear PA12 top housing paired with a Modified Nylon bottom base that absorbs unwanted high-frequency resonance.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eAbsolute Advantage\u003c\/strong\u003e\n                        \u003cp\u003eThis material collision filters out all harsh, piercing shatter-sounds. What remains is an incredibly clean, mid-frequency dominant \"Subtle Clack.\"\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eSensory Benefit\u003c\/strong\u003e\n                        \u003cp\u003eEvery keystroke is non-intrusive auditory therapy. It delivers a firm, physical bottom-out confirmation, but the sound is warm and restrained—like the gentle white noise of a premium café. Perfectly office-friendly.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dk-feature-block reverse\"\u003e\n            \u003cdiv class=\"dk-feature-media\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-463987.jpg?v=1743838048\" alt=\"Next-Gen POK Stem \u0026amp; Factory Lubed\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-feature-text\"\u003e\n                \u003ch3\u003eEnd Scratchy Friction\u003cbr\u003eNext-Gen POK Stem \u0026amp; HMX Pre-Lubed\u003c\/h3\u003e\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eMaterial Breakthrough\u003c\/strong\u003e\n                        \u003cp\u003eThe stem is lavishly molded from POK (Polyketone)—an advanced polymer. This is paired with HMX's world-renowned, high-precision automated factory lubing process.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eAbsolute Advantage\u003c\/strong\u003e\n                        \u003cp\u003ePOK boasts a drastically lower coefficient of friction and higher wear resistance than traditional POM. Combined with HMX's pinpoint lubing, the stem glides through the rails with zero \"sandy\" scratchiness.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eTyping Benefit\u003c\/strong\u003e\n                        \u003cp\u003eExperience \"butter-on-butter\" smoothness straight out of the box. No tedious hand-lubing required. The linear glide is so pure it literally feels like hot knife through butter.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dk-feature-block\"\u003e\n            \u003cdiv class=\"dk-feature-media\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-416410.jpg?v=1743838048\" alt=\"42gf Force \u0026amp; 20mm Extended Spring\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-feature-text\"\u003e\n                \u003ch3\u003eEnd Finger Fatigue\u003cbr\u003e42gf Cloud Press \u0026amp; 20mm Progressive Spring\u003c\/h3\u003e\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eErgonomic Tuning\u003c\/strong\u003e\n                        \u003cp\u003eMeticulously calibrated with a feather-light 42gf initial actuation, driven by a 20mm extended single-stage spring that smoothly transitions to a 50gf bottom-out.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eAbsolute Advantage\u003c\/strong\u003e\n                        \u003cp\u003eHits the perfect \"sweet spot.\" The 42g start makes rapid touch-typing effortless, while the progressive push to 50g acts as a cushion to absorb impact. The 20mm spring guarantees a ferocious, snappy rebound (Snappy Return).\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n                        \u003cstrong\u003eTyping Benefit\u003c\/strong\u003e\n                        \u003cp\u003eType like water flowing. The light start prevents joint fatigue (RSI) during 12-hour coding sessions, while the snappy bounce keeps your rhythm locked-in and prevents accidental fat-fingering.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Comparison Table --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eThe Ultimate Upgrade: Macchiato vs. Standard Reds\u003c\/h2\u003e\n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n            \u003ctable class=\"dk-table dk-table-compare\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eFeature Comparison\u003c\/th\u003e\n                        \u003cth\u003eStandard Linear (e.g., Classic Red)\u003c\/th\u003e\n                        \u003cth\u003e✨ HMX Macchiato Linear Switch\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eAcoustics (Sound)\u003c\/td\u003e\n                        \u003ctd\u003eLoud, prone to cheap plastic ping\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePA12 + Nylon — Elegant, restrained \"Subtle Clack\"\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eStem Material\u003c\/td\u003e\n                        \u003ctd\u003eStandard POM or blends (Average friction)\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eNext-Gen POK — Ultra-low friction, incredibly wear-resistant\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eActuation Force\u003c\/td\u003e\n                        \u003ctd\u003e45–50 gf (Causes fatigue over time)\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e42 gf — Cloud-like start, massive fatigue relief\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eBottom-Out Feel\u003c\/td\u003e\n                        \u003ctd\u003eLinear drop, harsh rigid collision\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e42g to 50g Progressive — Cushioned, comfortable landing\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eSpring Config\u003c\/td\u003e\n                        \u003ctd\u003e15 mm standard short spring\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e20 mm Extended Spring — Snappy, highly responsive rebound\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eLubrication\u003c\/td\u003e\n                        \u003ctd\u003eUsually dry, forces you to hand-lube\u003c\/td\u003e\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eHMX Factory Pre-Lubed — Peak buttery smoothness instantly\u003c\/span\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tech Specs --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eHardcore Tech Specs\u003c\/h2\u003e\n        \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eTransparent, uncompromising data for the enthusiasts.\u003c\/p\u003e\n        \n        \u003cdiv class=\"dk-spec-grid\"\u003e\n            \u003cdiv class=\"dk-spec-card\"\u003e\n                \u003cspan\u003e🎵\u003c\/span\u003e\u003cstrong\u003eAcoustics\u003c\/strong\u003e\u003cp\u003eSubtle Clack\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-spec-card\"\u003e\n                \u003cspan\u003e🧊\u003c\/span\u003e\u003cstrong\u003eStem Material\u003c\/strong\u003e\u003cp\u003eUltra-Smooth POK\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-spec-card\"\u003e\n                \u003cspan\u003e🪶\u003c\/span\u003e\u003cstrong\u003eActuation\u003c\/strong\u003e\u003cp\u003e42 gf\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-spec-card\"\u003e\n                \u003cspan\u003e🔄\u003c\/span\u003e\u003cstrong\u003eSpring\u003c\/strong\u003e\u003cp\u003e20mm Extended\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n            \u003ctable class=\"dk-table dk-table-specs\"\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eProduct Name\u003c\/th\u003e\n                        \u003ctd\u003e\u003cstrong\u003eHMX Macchiato Linear Switch\u003c\/strong\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eSwitch Type\u003c\/th\u003e\n                        \u003ctd\u003eHIFI Linear Mechanical Switch (Engineered for elegant \"Subtle Clack\")\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eManufacturer\u003c\/th\u003e\n                        \u003ctd\u003eHMX\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eTop Housing Material\u003c\/th\u003e\n                        \u003ctd\u003ePA12 (Provides crystal-clear, clean acoustic resolution)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eBottom Housing Material\u003c\/th\u003e\n                        \u003ctd\u003eModified Nylon (Provides a solid acoustic base, absorbs high-frequency ping)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eStem Material\u003c\/th\u003e\n                        \u003ctd\u003e\n\u003cstrong\u003ePOK (Polyketone)\u003c\/strong\u003e — Crisp bottom-out, extreme natural self-lubricating properties\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eOperating Force\u003c\/th\u003e\n                        \u003ctd\u003e42 gf (Extremely light and comfortable)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eBottom-Out Force\u003c\/th\u003e\n                        \u003ctd\u003e50 gf (Provides excellent cushioned feedback)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eActuation (Pre-Travel)\u003c\/th\u003e\n                        \u003ctd\u003e2.0 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eTotal Travel\u003c\/th\u003e\n                        \u003ctd\u003e4.0 mm (Effective travel ~3.8mm due to Long Pole bottom-out)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eSpring Specs\u003c\/th\u003e\n                        \u003ctd\u003e20 mm Single-stage extended spring\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eMounting Pins\u003c\/th\u003e\n                        \u003ctd\u003e5-Pin PCB Mount (Clip the 2 plastic legs with clippers for 3-Pin compatibility)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eLubrication\u003c\/th\u003e\n                        \u003ctd\u003e\u003cstrong\u003eHMX Automated High-Precision Factory Pre-Lubed\u003c\/strong\u003e\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eLED Compatibility\u003c\/th\u003e\n                        \u003ctd\u003eCompatible with SMD and through-hole LEDs\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Testimonials --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eReal Reviews from the Keeb Community\u003c\/h2\u003e\n        \u003cdiv class=\"dk-testimonial-grid\"\u003e\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003e\"The absolute perfect switch for the office!\"\u003c\/h4\u003e\n                \u003cp\u003e\"The sound on these is incredible. The term 'Subtle Clack' is spot on. It has that satisfying mechanical pop, but it's so restrained and warm. I use it in an open office and no one complains at all. It's incredibly therapeutic to type on.\"\u003c\/p\u003e\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @QuietTypist, Senior Copywriter\u003c\/div\u003e\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Attached workspace setup photo\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003e\"The POK stem completely changed my standards.\"\u003c\/h4\u003e\n                \u003cp\u003e\"I always thought full POM was as smooth as it gets, until I tried this POK stem. Combined with HMX's god-tier factory lube, it is unbelievably buttery. The 42g weight is literally the perfect balance for someone who games and types heavily all day.\"\u003c\/p\u003e\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @ClackEnthusiast, Custom Keeb Veteran\u003c\/div\u003e\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Attached switch teardown macro shot\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003e\"The progressive rebound is just perfect.\"\u003c\/h4\u003e\n                \u003cp\u003e\"The PA12 top looks and feels super premium. But the best part is that 20mm spring. It starts so light, but the 50g cushion at the bottom saves my fingers from aching. Plus, the latte\/coffee colorway is absolutely gorgeous on my board.\"\u003c\/p\u003e\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @KeebConnoisseur, Desk Aesthetics Guru\u003c\/div\u003e\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Attached coffee-themed keyboard build photo\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Features --\u003e\n        \u003cdiv class=\"dk-trust-features\"\u003e\n            \u003ch2 class=\"dk-section-title\" style=\"margin-top:0\"\u003ePremium Engineering, Worry-Free Shopping\u003c\/h2\u003e\n            \u003cdiv class=\"dk-tf-grid\"\u003e\n                \u003cdiv class=\"dk-tf-item\"\u003e\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cp\u003eCompatibility Guarantee \u0026amp; 30-Day Returns\u003c\/p\u003e\n                        \u003cspan\u003eFits all Cherry MX style hot-swap sockets. (Clip the 5-pin versions to fit 3-pin boards easily). Buy with confidence.\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"dk-tf-item\"\u003e\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cp\u003ePremium HMX Quality\u003c\/p\u003e\n                        \u003cspan\u003eManufactured by HMX, renowned for the best factory lubing and tightest housing tolerances in the custom keyboard scene.\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"dk-tf-item\"\u003e\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cp\u003eFree Shipping \u0026amp; Lightning Dispatch\u003c\/p\u003e\n                        \u003cspan\u003eFree shipping on orders over $80 globally. In-stock and dispatched within 24 hours. Full tracking available.\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FAQ --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eFrequently Asked Questions (FAQs)\u003c\/h2\u003e\n        \u003cdiv class=\"dk-faq-wrapper\"\u003e\n            \u003cdiv class=\"dk-faq-item active\"\u003e\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"true\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eWhat is the difference between POK and traditional POM stems?\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n                            POK (Polyketone) is an advanced engineering polymer that surpasses POM. It boasts a significantly lower coefficient of friction and far higher wear resistance. When used as a stem, it eliminates the \"sandy\" scratchiness common in normal POM switches, delivering an absurdly buttery-smooth glide. Furthermore, upon bottom-out, POK produces an incredibly clean, solid acoustic feedback that HIFI enthusiasts adore.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eWhat exactly does a \"Subtle Clack\" sound like?\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n                            Standard \"Clack\" switches are often very loud, sharp, and high-pitched, while \"Thock\" switches can sometimes sound too deep or muted. The Macchiato perfectly blends the crispness of a PA12 top with the sound-absorbing qualities of a Nylon base. The result is a highly present, mid-to-high frequency pop that is extremely restrained. It sounds like a ceramic spoon gently tapping a coffee cup—clean, crisp, yet entirely office-friendly.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eIs the 42gf actuation force good for gaming?\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n                            Absolutely! 42gf is widely considered the \"golden balance\" between speed and endurance. The initial press is incredibly light, allowing for rapid-fire combos without draining your stamina. However, the 20mm extended spring smoothly ramps the force up to 50gf at the bottom-out. This progressive resistance provides a safety cushion, effectively preventing accidental misinputs (fat-fingering) during tense gaming moments.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eDo I need to hand-lube these switches myself?\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n                            Not at all. HMX's automated factory lubing is widely regarded as the \"ceiling\" of the custom keyboard scene. A highly precise amount of lube is applied to the rails, leaf, and spring. Combined with the naturally self-lubricating POK stem, the switch arrives in its absolute peak buttery-smooth state. Hand-lubing is completely unnecessary and saves you hours of tedious work.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eMy keyboard is a 3-pin hot-swap board. Can I use this 5-pin switch?\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n                            Yes, you can! The two extra plastic legs on the bottom of the switch provide extra stem stability and eliminate horizontal wobble on plateless PCBs. If your PCB only supports 3-pin switches, simply use nail clippers or flush cutters to snip off those two side plastic legs flat against the base. They will fit perfectly, and doing so will not void your warranty or affect the switch's electrical functionality in any way.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n        \n        faqItems.forEach(item =\u003e {\n            const btn = item.querySelector('.dk-faq-button');\n            \n            btn.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(i =\u003e {\n                    i.classList.remove('active');\n                    i.querySelector('.dk-faq-button').setAttribute('aria-expanded', 'false');\n                });\n                \n                if (!isActive) {\n                    item.classList.add('active');\n                    btn.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"hmx","offers":[{"title":"Default Title","offer_id":49429356970307,"sku":"","price":0.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/14.webp?v=1743838048","url":"https:\/\/diykey.net\/en-us\/products\/hmx-macchiato-linear-switches","provider":"DIYKEY","version":"1.0","type":"link"}