{"id":159,"date":"2026-09-08T11:55:19","date_gmt":"2026-09-08T11:55:19","guid":{"rendered":"http:\/\/localhost\/icliqq\/?page_id=159"},"modified":"2026-10-02T14:43:43","modified_gmt":"2026-10-02T14:43:43","slug":"features","status":"publish","type":"page","link":"https:\/\/newicliqq.i-cliqq.com\/fr\/features\/","title":{"rendered":"Features"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"159\" class=\"elementor elementor-159\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e82775 e-con e-atomic-element e-flexbox-base e-default-div e-33f15f9 \" data-id=\"9e82775\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9e82775\">\n    \t\t<div class=\"elementor-element elementor-element-db3c1e4 elementor-widget elementor-widget-html\" data-id=\"db3c1e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\n     35-FEATURE VISUAL CAD DIRECTORY \n     ========================================================================== -->\n<div class=\"icliqq-tech-directory-root\">\n\n    <!-- Header -->\n    <div class=\"itd-header\">\n        <span class=\"itd-badge\">OFFICIAL 2026 SPECIFICATION &bull; V5.2 KERNEL<\/span>\n        <h2 class=\"itd-title\">35 Next-Gen Engineering Breakthroughs<\/h2>\n        <p class=\"itd-subtitle\">Explore all 35 proprietary mathematical CAD algorithms, luxury device controllers, and route optimizers documented in the i-Cliqq technical suite.<\/p>\n    <\/div>\n\n    <!-- Live Search & Filter Pills -->\n    <div class=\"itd-controls-bar\">\n        <div class=\"itd-search-box\">\n            <span class=\"itd-search-icon\">\ud83d\udd0d<\/span>\n            <input type=\"text\" id=\"itdSearchInput\" placeholder=\"Filter 35 features (e.g. Zardosi, AI, Trims, Corel, Beads, Sequins, LAN)...\">\n            <button id=\"itdClearSearch\" style=\"display:none;\" title=\"Clear Search\">&times;<\/button>\n        <\/div>\n\n        <div class=\"itd-filter-pills\">\n            <button class=\"itd-pill active\" data-cat=\"all\">All Features <span class=\"itd-count\">35<\/span><\/button>\n            <button class=\"itd-pill\" data-cat=\"ai\">\ud83e\udde0 AI &amp; Routing <span class=\"itd-count\">6<\/span><\/button>\n            <button class=\"itd-pill\" data-cat=\"cad\">\u26a1 Geometric CAD <span class=\"itd-count\">10<\/span><\/button>\n            <button class=\"itd-pill\" data-cat=\"luxury\">\u2728 Luxury &amp; Zardosi <span class=\"itd-count\">10<\/span><\/button>\n            <button class=\"itd-pill\" data-cat=\"machine\">\ud83d\udee1\ufe0f Machine Protocols <span class=\"itd-count\">9<\/span><\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Expandable Grid Container -->\n    <div class=\"itd-grid-wrapper collapsed\" id=\"itdGridWrapper\">\n        <div class=\"itd-grid\" id=\"itdGridContainer\"><\/div>\n        \n        <!-- Smooth Frosted Gradient Fade Layer -->\n        <div class=\"itd-fade-overlay\" id=\"itdFadeOverlay\">\n            <button class=\"itd-expand-btn\" id=\"itdToggleExpandBtn\">\n                <span class=\"itd-btn-icon\">\u26a1<\/span>\n                <span id=\"itdExpandBtnText\">Explore All 35 Engineering Breakthroughs (Show 29 More)<\/span>\n                <span class=\"itd-btn-arrow\">&darr;<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Empty Search State -->\n    <div id=\"itdEmptyState\" class=\"itd-empty\" style=\"display:none;\">\n        <span style=\"font-size:32px;\">\ud83d\udd0d<\/span>\n        <h4>No matching engineering features found<\/h4>\n        <p>Try searching for terms like \"AI\", \"Zardosi\", \"DST\", \"Beads\", or \"Vector\".<\/p>\n    <\/div>\n\n    <!-- Bottom Action Banner -->\n    <div class=\"itd-bottom-banner\">\n        <div>\n            <h4>Ready to test all 35 features on your industrial machinery?<\/h4>\n            <p>Download our unrestricted 14-day commercial evaluation with full multi-head access.<\/p>\n        <\/div>\n        <a href=\"#demo-modal\" class=\"itd-cta-btn open-demo-popup\">\n            <span>Request 14-Day Free Evaluation<\/span> &rarr;\n        <\/a>\n    <\/div>\n\n<\/div>\n\n<!-- Dedicated CAD Inspection Modal -->\n<div id=\"itdCadModal\" class=\"itd-modal-overlay\" style=\"display:none;\">\n    <div class=\"itd-modal-card\">\n        <button class=\"itd-modal-close\" id=\"itdCloseCadModal\">&times;<\/button>\n        <div class=\"itd-modal-top\">\n            <span class=\"itd-modal-cat\" id=\"itdModalCat\"><\/span>\n            <h3 class=\"itd-modal-title\" id=\"itdModalTitle\"><\/h3>\n        <\/div>\n        <div class=\"itd-modal-stage\" id=\"itdModalStage\"><\/div>\n        <div class=\"itd-modal-hud\" id=\"itdModalHud\"><\/div>\n        <div class=\"itd-modal-body\">\n            <p id=\"itdModalDesc\"><\/p>\n            <ul id=\"itdModalSpecs\" class=\"itd-modal-specs\"><\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.icliqq-tech-directory-root {\n    width: 100%;\n    max-width: 1240px;\n    margin: 40px auto 30px;\n    padding: 0 20px;\n    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n    color: #F8FAFC;\n    box-sizing: border-box;\n    background: transparent !important;\n}\n\n.icliqq-tech-directory-root * { box-sizing: border-box; }\n\n.itd-header { text-align: center; max-width: 820px; margin: 0 auto 36px; }\n.itd-badge {\n    font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 700;\n    color: #38BDF8; background: rgba(56, 189, 248, 0.12);\n    border: 1px solid rgba(56, 189, 248, 0.3); padding: 5px 14px;\n    border-radius: 99px; display: inline-block; margin-bottom: 16px;\n    letter-spacing: 1px;\n}\n.itd-title {\n    font-size: clamp(28px, 4vw, 44px); font-weight: 800; letter-spacing: -1px;\n    color: #FFFFFF; margin: 0 0 14px; line-height: 1.2;\n}\n.itd-subtitle { font-size: 15px; color: #94A3B8; line-height: 1.65; margin: 0; }\n\n\/* Controls *\/\n.itd-controls-bar {\n    display: flex; flex-direction: column; gap: 18px; margin-bottom: 36px;\n}\n.itd-search-box {\n    position: relative; width: 100%; max-width: 720px; margin: 0 auto;\n}\n.itd-search-icon {\n    position: absolute; left: 18px; top: 50%; transform: translateY(-50%);\n    font-size: 16px; pointer-events: none; opacity: 0.7;\n}\n.itd-search-box input {\n    width: 100%; padding: 15px 44px 15px 48px; border-radius: 14px;\n    background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(255, 255, 255, 0.12);\n    color: #FFFFFF; font-size: 14.5px; outline: none; transition: all 0.25s ease;\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);\n}\n.itd-search-box input:focus {\n    border-color: #38BDF8; box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);\n}\n#itdClearSearch {\n    position: absolute; right: 16px; top: 50%; transform: translateY(-50%);\n    background: transparent; border: none; color: #94A3B8; font-size: 20px; cursor: pointer;\n}\n.itd-filter-pills {\n    display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;\n}\n.itd-pill {\n    display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px;\n    border-radius: 99px; background: rgba(15, 23, 42, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.1); color: #94A3B8;\n    font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s ease;\n}\n.itd-pill:hover { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.25); background: rgba(255,255,255,0.05); }\n.itd-pill.active {\n    background: #1E293B; color: #FFFFFF; border-color: #38BDF8;\n    box-shadow: 0 4px 15px rgba(56, 189, 248, 0.2);\n}\n.itd-count {\n    font-family: 'JetBrains Mono', monospace; font-size: 11px;\n    background: rgba(255, 255, 255, 0.1); padding: 2px 7px; border-radius: 99px;\n}\n.itd-pill.active .itd-count { background: #38BDF8; color: #070B14; font-weight: 700; }\n\n\/* Expandable Grid Wrapper & Fade Effect *\/\n.itd-grid-wrapper {\n    position: relative;\n    width: 100%;\n    transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.itd-grid-wrapper.collapsed {\n    max-height: 820px;\n    overflow: hidden;\n}\n\n.itd-grid-wrapper.expanded {\n    max-height: 5000px;\n}\n\n\/* 2026 Frosted Gradient Fade Layer *\/\n.itd-fade-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 260px;\n    background: linear-gradient(180deg, rgba(6, 9, 17, 0) 0%, rgba(6, 9, 17, 0.75) 45%, #060911 95%);\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    padding-bottom: 30px;\n    pointer-events: none;\n    transition: all 0.3s ease;\n}\n\n.itd-grid-wrapper.expanded .itd-fade-overlay {\n    position: relative;\n    height: auto;\n    background: none;\n    padding: 30px 0 10px;\n}\n\n\/* Glowing Floating Expand Button *\/\n.itd-expand-btn {\n    pointer-events: auto;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 30px;\n    border-radius: 99px;\n    background: #0B132B;\n    border: 1px solid rgba(56, 189, 248, 0.45);\n    color: #FFFFFF;\n    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8), 0 0 25px rgba(56, 189, 248, 0.25);\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.itd-expand-btn:hover {\n    background: #1E293B;\n    border-color: #38BDF8;\n    transform: translateY(-2px);\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.9), 0 0 35px rgba(56, 189, 248, 0.4);\n}\n\n.itd-btn-icon { color: #38BDF8; font-size: 16px; }\n.itd-btn-arrow { font-size: 16px; color: #38BDF8; transition: transform 0.3s ease; }\n\n.itd-grid-wrapper.expanded .itd-btn-arrow {\n    transform: rotate(180deg);\n}\n\n\/* Bento Grid *\/\n.itd-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\n    margin-bottom: 20px;\n}\n\n.itd-card {\n    background: rgba(15, 23, 42, 0.7);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 18px; padding: 20px;\n    display: flex; flex-direction: column; justify-content: space-between;\n    transition: all 0.25s ease; position: relative;\n    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n    overflow: hidden;\n}\n\n.itd-card:hover {\n    transform: translateY(-5px); border-color: rgba(56, 189, 248, 0.4);\n    box-shadow: 0 16px 35px -10px rgba(0, 0, 0, 0.8), 0 0 22px rgba(56, 189, 248, 0.15);\n}\n\n\/* Mini CAD Thumbnail Screen *\/\n.itd-card-thumb {\n    width: 100%; height: 110px; background: #040711;\n    border-radius: 12px; margin-bottom: 16px; border: 1px solid rgba(255, 255, 255, 0.06);\n    display: flex; align-items: center; justify-content: center; overflow: hidden;\n    position: relative; cursor: pointer;\n}\n.itd-card-thumb svg { width: 100%; height: 100%; pointer-events: none; }\n.itd-thumb-overlay {\n    position: absolute; inset: 0; background: rgba(56, 189, 248, 0.06);\n    opacity: 0; transition: opacity 0.2s; display: flex; align-items: center; justify-content: center;\n}\n.itd-card:hover .itd-thumb-overlay { opacity: 1; }\n.itd-thumb-overlay span {\n    font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;\n    color: #38BDF8; background: rgba(11, 19, 43, 0.9); padding: 4px 10px; border-radius: 6px;\n    border: 1px solid rgba(56, 189, 248, 0.3);\n}\n\n.itd-card-badge {\n    font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;\n    color: #38BDF8; background: rgba(56, 189, 248, 0.1);\n    border: 1px solid rgba(56, 189, 248, 0.25); padding: 2px 7px; border-radius: 4px;\n    display: inline-block; margin-bottom: 8px;\n}\n.itd-card-title {\n    font-size: 17px; font-weight: 700; color: #FFFFFF; margin: 0 0 8px; line-height: 1.3;\n}\n.itd-card-desc {\n    font-size: 13px; color: #94A3B8; line-height: 1.55; margin: 0;\n}\n\n.itd-card-footer {\n    display: flex; align-items: center; justify-content: space-between;\n    border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 12px; margin-top: 16px;\n}\n.itd-hud-pill {\n    font-family: 'JetBrains Mono', monospace; font-size: 10.5px; font-weight: 700; color: #10B981;\n}\n.itd-sim-btn {\n    display: inline-flex; align-items: center; gap: 4px;\n    background: transparent; border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #E2E8F0; font-size: 11px; font-weight: 600; padding: 5px 10px;\n    border-radius: 6px; cursor: pointer; transition: all 0.2s;\n}\n.itd-sim-btn:hover { background: #38BDF8; color: #070B14; border-color: #38BDF8; }\n\n\/* Empty Search *\/\n.itd-empty {\n    text-align: center; padding: 60px 20px; background: rgba(15, 23, 42, 0.4);\n    border: 1px dashed rgba(255, 255, 255, 0.15); border-radius: 18px; margin-bottom: 40px;\n}\n.itd-empty h4 { font-size: 18px; color: #FFFFFF; margin: 12px 0 6px; }\n.itd-empty p { font-size: 14px; color: #94A3B8; margin: 0; }\n\n\/* Bottom CTA Banner *\/\n.itd-bottom-banner {\n    margin-top: 30px;\n    background: linear-gradient(135deg, rgba(30, 24, 66, 0.5) 0%, rgba(15, 23, 42, 0.7) 100%);\n    border: 1px solid rgba(162, 155, 254, 0.2); border-radius: 20px;\n    padding: 30px 36px; display: flex; align-items: center; justify-content: space-between;\n    flex-wrap: wrap; gap: 20px; box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.6);\n}\n.itd-bottom-banner h4 { font-size: 20px; font-weight: 700; color: #FFFFFF; margin: 0 0 6px; }\n.itd-bottom-banner p { font-size: 14px; color: #94A3B8; margin: 0; }\n.itd-cta-btn {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: linear-gradient(135deg, #10B981 0%, #059669 100%);\n    color: #FFFFFF !important; font-weight: 700; font-size: 13.5px;\n    padding: 12px 24px; border-radius: 12px; text-decoration: none !important;\n    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.35); transition: transform 0.2s;\n}\n.itd-cta-btn:hover { transform: translateY(-2px); }\n\n\/* Modal *\/\n.itd-modal-overlay {\n    position: fixed; inset: 0; z-index: 9999999;\n    background: rgba(7, 11, 20, 0.88); backdrop-filter: blur(12px);\n    display: flex; align-items: center; justify-content: center; padding: 20px;\n}\n.itd-modal-card {\n    position: relative; width: 100%; max-width: 620px; background: #0B132B;\n    border: 1px solid rgba(56, 189, 248, 0.3); border-radius: 20px;\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85); padding: 32px;\n}\n.itd-modal-close {\n    position: absolute; top: 16px; right: 18px; background: transparent;\n    border: none; color: #94A3B8; font-size: 26px; cursor: pointer;\n}\n.itd-modal-cat {\n    font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: #38BDF8;\n}\n.itd-modal-title { font-size: 22px; font-weight: 800; color: #FFFFFF; margin: 4px 0 16px; }\n.itd-modal-stage {\n    background: #040711; border-radius: 12px; min-height: 200px;\n    display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.08); padding: 10px;\n}\n.itd-modal-stage svg { width: 100%; max-height: 190px; }\n.itd-modal-hud {\n    display: grid; grid-template-columns: repeat(3, 1fr); background: #080D1A;\n    border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; padding: 10px 14px;\n    margin-bottom: 16px; font-family: 'JetBrains Mono', monospace; font-size: 11px;\n}\n.itd-modal-hud span { color: #64748B; font-size: 10px; text-transform: uppercase; display: block; }\n.itd-modal-hud strong { color: #10B981; font-size: 12px; }\n.itd-modal-body p { font-size: 14px; color: #CBD5E1; line-height: 1.6; margin-bottom: 14px; }\n.itd-modal-specs { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n.itd-modal-specs li { font-size: 13px; color: #94A3B8; display: flex; gap: 8px; }\n.itd-modal-specs li::before { content: \"\u2713\"; color: #10B981; font-weight: bold; }\n\n@media (max-width: 1024px) { \n    .itd-grid { grid-template-columns: repeat(2, 1fr); } \n    .itd-grid-wrapper.collapsed { max-height: 1100px; }\n}\n@media (max-width: 650px) {\n    .itd-grid { grid-template-columns: 1fr; }\n    .itd-grid-wrapper.collapsed { max-height: 1600px; }\n    .itd-bottom-banner { flex-direction: column; text-align: center; }\n}\n<\/style>\n\n<script>\n(function() {\n    const fullFeatures = [\n    {\n        \"id\": 1,\n        \"cat\": \"ai\",\n        \"type\": \"route\",\n        \"title\": \"ProConnect\u2122 AI Auto-Connection\",\n        \"desc\": \"Generates optimal running bridges beneath Tatami edges to cut trims from 40+ down to 2\u20134.\",\n        \"hud\": \"Trims: 48 \u2192 4\",\n        \"specs\": [\n            \"One-click layer pathing\",\n            \"Search levels 1 to 50\",\n            \"Eliminates manual travel runs\"\n        ]\n    },\n    {\n        \"id\": 2,\n        \"cat\": \"cad\",\n        \"type\": \"individual_sizing\",\n        \"title\": \"Individual Sizing & In-Place Rotation\",\n        \"desc\": \"Resizes\/rotates objects around local centers without shifting canvas coordinates.\",\n        \"hud\": \"Displacement: 0.00mm\",\n        \"specs\": [\n            \"Batch resize 100 scattered stars\",\n            \"Maintains garment coordinates\",\n            \"Local rotational axis\"\n        ]\n    },\n    {\n        \"id\": 3,\n        \"cat\": \"cad\",\n        \"type\": \"clipboard\",\n        \"title\": \"True 2-Way CorelDRAW & Illustrator Sync\",\n        \"desc\": \"Direct clipboard transfer with 100% metric scale fidelity. Ctrl+C & Ctrl+V vector outlines.\",\n        \"hud\": \"Scale: 1:1 Metric\",\n        \"specs\": [\n            \"0.00mm scale drift\",\n            \"Automatic hole conversion\",\n            \"No DXF\/EPS intermediate files\"\n        ]\n    },\n    {\n        \"id\": 4,\n        \"cat\": \"luxury\",\n        \"type\": \"zardosi\",\n        \"title\": \"Native Indian Zardosi Device (8 Signals)\",\n        \"desc\": \"Engineered specifically for gold wire and spring bridal embroidery with up to 8 dedicated machine signals.\",\n        \"hud\": \"Channels: 8 Active\",\n        \"specs\": [\n            \"Sub-millimeter coil lengths\",\n            \"Fixed Spring Len modes\",\n            \"Eliminates hardware hacks\"\n        ]\n    },\n    {\n        \"id\": 5,\n        \"cat\": \"luxury\",\n        \"type\": \"beads\",\n        \"title\": \"4-Color Beads System (Signals A, B, C, D)\",\n        \"desc\": \"Assign independent bead signals across running stitches and outlines with BS 2 to BS 16 lock styles.\",\n        \"hud\": \"Feeders: 4 Active\",\n        \"specs\": [\n            \"Lock styles BS 2 to BS 16\",\n            \"0.5mm to 4.0mm bead modeling\",\n            \"Batch signal assignment\"\n        ]\n    },\n    {\n        \"id\": 6,\n        \"cat\": \"machine\",\n        \"type\": \"security\",\n        \"title\": \"Encrypted DHE Format Native Support\",\n        \"desc\": \"Native read\/write for encrypted DHE machine files, protecting designs from shop-floor IP theft.\",\n        \"hud\": \"Security: Encrypted\",\n        \"specs\": [\n            \"Full load\/save for .DHE\",\n            \"Protects commercial assets\",\n            \"Next-gen controller ready\"\n        ]\n    },\n    {\n        \"id\": 7,\n        \"cat\": \"ai\",\n        \"type\": \"nondestructive\",\n        \"title\": \"Dynamic Non-Destructive Path Updating\",\n        \"desc\": \"Connecting stitches tracked as intelligent entities (`Pro-Connect Running`). Recalculates on move.\",\n        \"hud\": \"Auto-Clean: Active\",\n        \"specs\": [\n            \"Preserves drawn runs\",\n            \"No broken stitch geometry\",\n            \"Zero orphan travel stitches\"\n        ]\n    },\n    {\n        \"id\": 8,\n        \"cat\": \"luxury\",\n        \"type\": \"safety\",\n        \"title\": \"Safety-Guarded Zardosi Manual Digitizing\",\n        \"desc\": \"Blocks Zardosi from starting directly after a jump stitch, forcing a normal stitch to prevent wire jams.\",\n        \"hud\": \"Needle Jam: 0%\",\n        \"specs\": [\n            \"Software-enforced machine safety\",\n            \"Prevents wire feed errors\",\n            \"Right-click stitch toggle\"\n        ]\n    },\n    {\n        \"id\": 9,\n        \"cat\": \"cad\",\n        \"type\": \"pro_edit\",\n        \"title\": \"Pro-Edit Combo (2-Point Transform)\",\n        \"desc\": \"Align, rotate, and scale elements onto scanned garments in a single 2-point anchor gesture.\",\n        \"hud\": \"Speed: 1 Click\",\n        \"specs\": [\n            \"Computes translation and angle\",\n            \"No manual calculators needed\",\n            \"Pro-Resize, Rotate & Mirror\"\n        ]\n    },\n    {\n        \"id\": 10,\n        \"cat\": \"cad\",\n        \"type\": \"interchange\",\n        \"title\": \"Interchange Split (Bi & Multi-Split)\",\n        \"desc\": \"Alternates needle penetrations between consecutive rows, eliminating visible split seam lines.\",\n        \"hud\": \"Seam Lines: 0%\",\n        \"specs\": [\n            \"Eliminates visible split lines\",\n            \"Available on Bi & Multi-Split\",\n            \"Smooth surface reflection\"\n        ]\n    },\n    {\n        \"id\": 11,\n        \"cat\": \"luxury\",\n        \"type\": \"sequin_feed\",\n        \"title\": \"Pantograph Directional Sequin Timing\",\n        \"desc\": \"Analyzes frame travel vectors and alters feed timing automatically during upward sewing to prevent needle collision.\",\n        \"hud\": \"Deflection: 0%\",\n        \"specs\": [\n            \"Prevents bent needles\",\n            \"Direction-aware lock calculation\",\n            \"Clean puncture clearance\"\n        ]\n    },\n    {\n        \"id\": 12,\n        \"cat\": \"luxury\",\n        \"type\": \"livepreview\",\n        \"title\": \"Live Spline Node Drag Embellishment Preview\",\n        \"desc\": \"Sequins and beads render dynamically in real time along curves as you drag B\u00e9zier nodes.\",\n        \"hud\": \"Latency: <10ms\",\n        \"specs\": [\n            \"Instant visual spacing feedback\",\n            \"Zero test-sewing iterations\",\n            \"Hardware accelerated rendering\"\n        ]\n    },\n    {\n        \"id\": 13,\n        \"cat\": \"ai\",\n        \"type\": \"offsetfill\",\n        \"title\": \"Single-Curve Offset Fill with Conversion\",\n        \"desc\": \"Generates continuous concentric running fills universally convertible into Satin, Tatami, or Sequins.\",\n        \"hud\": \"Convert: Universal\",\n        \"specs\": [\n            \"Concentric contour fills\",\n            \"Organic pattern flow\",\n            \"100% stitch convertible\"\n        ]\n    },\n    {\n        \"id\": 14,\n        \"cat\": \"ai\",\n        \"type\": \"nonparallel\",\n        \"title\": \"Non-Parallel Tatami with Variable Length\",\n        \"desc\": \"Allows Tatami patterns to flow along turning, non-parallel dual curves without pattern compression.\",\n        \"hud\": \"Distortion: None\",\n        \"specs\": [\n            \"Organic turning fills\",\n            \"Variable pattern scaling\",\n            \"Trapunto & split support\"\n        ]\n    },\n    {\n        \"id\": 15,\n        \"cat\": \"machine\",\n        \"type\": \"templates\",\n        \"title\": \"Reusable Hardware Device Templates\",\n        \"desc\": \"Save and load hardware specs for up to 4 devices across single or twin heads.\",\n        \"hud\": \"Presets: Saved\",\n        \"specs\": [\n            \"Eliminates repeated machine setup\",\n            \"Tailors active toolbar tools\",\n            \"Floating parameter window\"\n        ]\n    },\n    {\n        \"id\": 16,\n        \"cat\": \"ai\",\n        \"type\": \"insertion\",\n        \"title\": \"Back-to-Back Insertion (Shift + I)\",\n        \"desc\": \"Consecutively inserts sub-objects into active sequences according to spatial proximity.\",\n        \"hud\": \"Hotkey: Shift+I\",\n        \"specs\": [\n            \"Single keypress insertion\",\n            \"Preserves parent properties\",\n            \"Zero extra travel stitches\"\n        ]\n    },\n    {\n        \"id\": 17,\n        \"cat\": \"machine\",\n        \"type\": \"matrix\",\n        \"title\": \"Material Signal Conversion Matrix\",\n        \"desc\": \"Batch utility that remaps hardware signals (converting Signal B to E or swapping OLH machine codes) in one click.\",\n        \"hud\": \"Batch: Instant\",\n        \"specs\": [\n            \"Translates between machine brands\",\n            \"One-click trigger remapping\",\n            \"Dual & twin code support\"\n        ]\n    },\n    {\n        \"id\": 18,\n        \"cat\": \"machine\",\n        \"type\": \"dstcolors\",\n        \"title\": \"Visual Palette Embedding in DST & DSB\",\n        \"desc\": \"Embeds custom visual palette metadata inside standard stitch files so designs reopen with intended colors.\",\n        \"hud\": \"Color Match: 100%\",\n        \"specs\": [\n            \"Color fidelity in standard DST\",\n            \"Eliminates operator confusion\",\n            \"Third-party reader compatible\"\n        ]\n    },\n    {\n        \"id\": 19,\n        \"cat\": \"machine\",\n        \"type\": \"happylan\",\n        \"title\": \"Direct Happy LAN Network Link\",\n        \"desc\": \"Transmits stitch data directly over Ethernet to HappyJapan machines, auto-mapping needle bars 1\u201315.\",\n        \"hud\": \"Protocol: Ethernet\",\n        \"specs\": [\n            \"Eliminates USB drives\",\n            \"Real-time needle-bar mapping\",\n            \"Live PC connection monitor\"\n        ]\n    },\n    {\n        \"id\": 20,\n        \"cat\": \"cad\",\n        \"type\": \"modes\",\n        \"title\": \"4 Interchangeable Digitizing Modes\",\n        \"desc\": \"Switch seamlessly between Arc-Spline, B\u00e9zier, Arc, and Spline without restarting or breaking objects.\",\n        \"hud\": \"Modes: 4 Active\",\n        \"specs\": [\n            \"Supports CAD & classic styles\",\n            \"Switch mid-object seamlessly\",\n            \"Cusp, smooth & symmetry nodes\"\n        ]\n    },\n    {\n        \"id\": 21,\n        \"cat\": \"machine\",\n        \"type\": \"tcd\",\n        \"title\": \"Thermal Cutting Device (TCD) Engine\",\n        \"desc\": \"Native software programming for thermal laser\/hot-knife cutters with offset and overlap controls.\",\n        \"hud\": \"Device: Thermal Cut\",\n        \"specs\": [\n            \"Direct laser head control\",\n            \"Configurable head spacing\",\n            \"Prevents frayed fabric edges\"\n        ]\n    },\n    {\n        \"id\": 22,\n        \"cat\": \"cad\",\n        \"type\": \"stream\",\n        \"title\": \"i-Cliqq Object Stream\u2122 (Phantom Selection)\",\n        \"desc\": \"Press 'A' to store objects in a persistent secondary selection stream, pan\/zoom, and recall with Shift+A.\",\n        \"hud\": \"Hotkey: 'A'\",\n        \"specs\": [\n            \"Never lose multi-layer selections\",\n            \"Color-coded secondary state\",\n            \"Batch-modify stream objects\"\n        ]\n    },\n    {\n        \"id\": 23,\n        \"cat\": \"cad\",\n        \"type\": \"stitchfx\",\n        \"title\": \"Stitch FX Width-Threshold Adaptation\",\n        \"desc\": \"Adapts stitch types automatically based on column width (narrow = Satin, wide = Tatami split).\",\n        \"hud\": \"Threshold: 3.0mm\",\n        \"specs\": [\n            \"Prevents snagging on wide columns\",\n            \"Maintains tapering integrity\",\n            \"Scales seamlessly\"\n        ]\n    },\n    {\n        \"id\": 24,\n        \"cat\": \"luxury\",\n        \"type\": \"puncture\",\n        \"title\": \"Smart Sequin Puncture Protection\",\n        \"desc\": \"Geometric collision detection evaluates every needle strike, deflecting stitches to prevent needle breaks.\",\n        \"hud\": \"Breakage: Zero\",\n        \"specs\": [\n            \"Zero downtime from strikes\",\n            \"Real-time overlap monitoring\",\n            \"Multi-layer safety\"\n        ]\n    },\n    {\n        \"id\": 25,\n        \"cat\": \"luxury\",\n        \"type\": \"flipsequin\",\n        \"title\": \"Reversible Layered Sequin Conversion\",\n        \"desc\": \"Automates mathematical layering for interactive 2-way flip-sequins (swipe up = Design A, down = Design B).\",\n        \"hud\": \"Lock: Hanging 32\",\n        \"specs\": [\n            \"Automates 3-object formulas\",\n            \"Hanging 30, 32 & 33 styles\",\n            \"Interactive 3D preview\"\n        ]\n    },\n    {\n        \"id\": 26,\n        \"cat\": \"cad\",\n        \"type\": \"autodensity\",\n        \"title\": \"Satin Auto Density Engine\",\n        \"desc\": \"Dynamically modulates thread density along tapering satin columns to prevent bunching at narrow points.\",\n        \"hud\": \"Coverage: 100%\",\n        \"specs\": [\n            \"Uniform coverage on curves\",\n            \"Reduces fabric puckering\",\n            \"Standard on all satin\"\n        ]\n    },\n    {\n        \"id\": 27,\n        \"cat\": \"cad\",\n        \"type\": \"pullcomp\",\n        \"title\": \"Independent Per-Side Pull Compensation\",\n        \"desc\": \"Configure Side 1 and Side 2 pull compensation independently to match directional fabric stretch.\",\n        \"hud\": \"Asymmetric: Active\",\n        \"specs\": [\n            \"Compensates for fabric weave\",\n            \"Prevents outline-fill gaps\",\n            \"Individual side control\"\n        ]\n    },\n    {\n        \"id\": 28,\n        \"cat\": \"machine\",\n        \"type\": \"fontlock\",\n        \"title\": \"Hardware-Bound Font Locking\",\n        \"desc\": \"Lock custom `.vfn` embroidery fonts to client Sentinel HASP USB key serial numbers to block piracy.\",\n        \"hud\": \"Dongle: Locked\",\n        \"specs\": [\n            \"Commercial font protection\",\n            \"Single-code batch activation\",\n            \"Encrypted font security\"\n        ]\n    },\n    {\n        \"id\": 29,\n        \"cat\": \"cad\",\n        \"type\": \"glyphs\",\n        \"title\": \"Height-Adaptive Multi-Glyph Lettering\",\n        \"desc\": \"Fonts store up to 3 height-specific glyph tiers, automatically swapping glyph geometry as text is resized.\",\n        \"hud\": \"Glyph Tiers: 3\",\n        \"specs\": [\n            \"Small text uses open loops\",\n            \"Legible from micro to jacket backs\",\n            \"Automatic glyph swapping\"\n        ]\n    },\n    {\n        \"id\": 30,\n        \"cat\": \"luxury\",\n        \"type\": \"stoneplt\",\n        \"title\": \"Stone Template Generator (.PLT Export)\",\n        \"desc\": \"Select any sequin\/bead design, configure laser kerf offset, and export directly as an HPGL .PLT file.\",\n        \"hud\": \"Target: Laser Plotter\",\n        \"specs\": [\n            \"Direct HPGL .PLT export\",\n            \"Customizable kerf gaps\",\n            \"Eliminates extra software\"\n        ]\n    },\n    {\n        \"id\": 31,\n        \"cat\": \"luxury\",\n        \"type\": \"customsqs\",\n        \"title\": \"Custom Sequin Shape Engine (.sqs)\",\n        \"desc\": \"Draw custom outer boundaries, eccentric hole centers, and save as `.sqs` shapes for 3D simulation.\",\n        \"hud\": \"Shape: Custom .sqs\",\n        \"specs\": [\n            \"No firmware updates needed\",\n            \"Symmetrical & hanging shapes\",\n            \"Full 3D realistic rendering\"\n        ]\n    },\n    {\n        \"id\": 32,\n        \"cat\": \"cad\",\n        \"type\": \"reordern\",\n        \"title\": \"Instant Layer Reordering ('N' Key)\",\n        \"desc\": \"Select an object, point mouse at any element, and tap 'N' to immediately reorder in the stitch sequence.\",\n        \"hud\": \"Hotkey: 'N'\",\n        \"specs\": [\n            \"Eliminates cut-travel-paste\",\n            \"Fastest visual stacking order\",\n            \"Works across groups\"\n        ]\n    },\n    {\n        \"id\": 33,\n        \"cat\": \"cad\",\n        \"type\": \"smartlasso\",\n        \"title\": \"Smart Lasso with In-Group Isolation\",\n        \"desc\": \"Hold 'Alt' while using Polygon Lasso to surgically isolate and edit only targeted stitches in complex groups.\",\n        \"hud\": \"Modifier: Alt-Isolate\",\n        \"specs\": [\n            \"Surgical stitch editing\",\n            \"Filters out underlays\",\n            \"Works in Stitch Edit mode\"\n        ]\n    },\n    {\n        \"id\": 34,\n        \"cat\": \"cad\",\n        \"type\": \"skewgrid\",\n        \"title\": \"Rotated & Skewed Multi-Angle Grids\",\n        \"desc\": \"Rotate grid (e.g. 30\u00b0) or skew independently, with full Snap-to-Grid tracking along skewed lines.\",\n        \"hud\": \"Grid: 30\u00b0 Skewed\",\n        \"specs\": [\n            \"Not locked to 90\u00b0 Cartesian\",\n            \"Snap works along skewed lines\",\n            \"Saved inside design files\"\n        ]\n    },\n    {\n        \"id\": 35,\n        \"cat\": \"machine\",\n        \"type\": \"instantkeys\",\n        \"title\": \"Instant Shortcut Binding (Ctrl + Alt + Click)\",\n        \"desc\": \"Hold Ctrl + Alt and click directly on any toolbar icon to pop up instant shortcut rebinding in 2 seconds.\",\n        \"hud\": \"Speed: 2 Seconds\",\n        \"specs\": [\n            \"No hunting in preference menus\",\n            \"Rebind any command instantly\",\n            \"Export custom profiles\"\n        ]\n    }\n];\n\n    \n    function renderCustomSvg(type, title, isModal) {\n        const h = isModal ? 180 : 100;\n        const fontSz = isModal ? \"10\" : \"8.5\";\n\n        switch(type) {\n            \/\/ 1. ProConnect\u2122 AI Auto-Connection\n            case 'route':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 30,${isModal ? 120 : 68} L 90,${isModal ? 40 : 25} L 150,${isModal ? 130 : 72} L 230,${isModal ? 50 : 28} L 330,${isModal ? 90 : 50}\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" opacity=\"0.5\"\/>\n                    <path d=\"M 30,${isModal ? 120 : 68} C 110,${isModal ? 140 : 75} 170,${isModal ? 140 : 75} 230,${isModal ? 90 : 50} C 280,${isModal ? 50 : 30} 300,${isModal ? 65 : 38} 330,${isModal ? 90 : 50}\" fill=\"none\" stroke=\"#38BDF8\" stroke-width=\"${isModal ? 3.5 : 2.5}\" stroke-linecap=\"round\"\/>\n                    <circle cx=\"30\" cy=\"${isModal ? 120 : 68}\" r=\"4.5\" fill=\"#10B981\"\/><circle cx=\"230\" cy=\"${isModal ? 90 : 50}\" r=\"4\" fill=\"#38BDF8\"\/><circle cx=\"330\" cy=\"${isModal ? 90 : 50}\" r=\"4.5\" fill=\"#10B981\"\/>\n                    <text x=\"180\" y=\"${isModal ? 155 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">ProConnect\u2122: 48 Trims \u2192 4 Trims (Optimal)<\/text>\n                <\/svg>`;\n\n            \/\/ 2. Individual Sizing & In-Place Rotation\n            case 'individual_sizing':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(70,${isModal ? 65 : 45})\"><circle cx=\"0\" cy=\"0\" r=\"${isModal ? 22 : 14}\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-dasharray=\"2 2\"\/><circle cx=\"0\" cy=\"0\" r=\"${isModal ? 13 : 8}\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"#EF4444\"\/><text x=\"0\" y=\"${isModal ? 32 : 20}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">Local<\/text><\/g>\n                    <g transform=\"translate(180,${isModal ? 55 : 40})\"><rect x=\"-14\" y=\"-14\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-dasharray=\"2 2\"\/><rect x=\"-8\" y=\"-8\" width=\"16\" height=\"16\" rx=\"2\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"#EF4444\"\/><text x=\"0\" y=\"${isModal ? 32 : 20}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">Local<\/text><\/g>\n                    <g transform=\"translate(280,${isModal ? 70 : 50})\"><circle cx=\"0\" cy=\"0\" r=\"${isModal ? 20 : 12}\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-dasharray=\"2 2\"\/><polygon points=\"0,-8 8,6 -8,6\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"#EF4444\"\/><text x=\"0\" y=\"${isModal ? 32 : 20}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">Local<\/text><\/g>\n                    <text x=\"180\" y=\"${isModal ? 155 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">0.00mm Coordinate Displacement<\/text>\n                <\/svg>`;\n\n            \/\/ 3. True 2-Way CorelDRAW & Illustrator Sync\n            case 'clipboard':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"35\" y=\"${isModal ? 35 : 20}\" width=\"95\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#F59E0B\" stroke-width=\"1.5\"\/>\n                    <text x=\"82\" y=\"${isModal ? 75 : 45}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#F59E0B\" text-anchor=\"middle\">Corel \u2022 AI<\/text>\n                    <path d=\"M 145,${isModal ? 65 : 38} L 215,${isModal ? 65 : 38}\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                    <polygon points=\"218,${isModal ? 65 : 38} 210,${isModal ? 60 : 34} 210,${isModal ? 70 : 42}\" fill=\"#38BDF8\"\/>\n                    <path d=\"M 215,${isModal ? 80 : 48} L 145,${isModal ? 80 : 48}\" stroke=\"#10B981\" stroke-width=\"2.5\"\/>\n                    <polygon points=\"142,${isModal ? 80 : 48} 150,${isModal ? 75 : 44} 150,${isModal ? 85 : 52}\" fill=\"#10B981\"\/>\n                    <rect x=\"230\" y=\"${isModal ? 35 : 20}\" width=\"95\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                    <text x=\"277\" y=\"${isModal ? 75 : 45}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">i-Cliqq 2026<\/text>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">1:1 Metric Scale (0.00mm Drift)<\/text>\n                <\/svg>`;\n\n            \/\/ 4. Native Indian Zardosi Device (8 Signals)\n            case 'zardosi':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 30,${isModal ? 85 : 48} Q 70,${isModal ? 35 : 20} 110,${isModal ? 85 : 48} T 190,${isModal ? 85 : 48} T 270,${isModal ? 85 : 48} T 330,${isModal ? 85 : 48}\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"4.5\" stroke-dasharray=\"3 4\"\/>\n                    <circle cx=\"30\" cy=\"${isModal ? 85 : 48}\" r=\"5\" fill=\"#10B981\"\/><circle cx=\"330\" cy=\"${isModal ? 85 : 48}\" r=\"5\" fill=\"#EF4444\"\/>\n                    <g transform=\"translate(60, ${isModal ? 115 : 68})\">\n                        ${[1,2,3,4,5,6,7,8].map((s, idx) => `\n                            <rect x=\"${idx * 30}\" y=\"0\" width=\"22\" height=\"${isModal ? 18 : 12}\" rx=\"3\" fill=\"#1E293B\" stroke=\"#F59E0B\" stroke-width=\"1\"\/>\n                            <text x=\"${idx * 30 + 11}\" y=\"${isModal ? 13 : 9}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#FDE68A\" text-anchor=\"middle\">S${s}<\/text>\n                        `).join('')}\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 155 : 92}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#F59E0B\" text-anchor=\"middle\">8 Hardware Trigger Signals (Coil Pitch: 0.1mm)<\/text>\n                <\/svg>`;\n\n            \/\/ 5. 4-Color Beads System (Signals A, B, C, D)\n            case 'beads':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 30,${isModal ? 65 : 35} Q 180,${isModal ? 15 : 10} 330,${isModal ? 65 : 35}\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"2\"\/>\n                    <circle cx=\"70\" cy=\"${isModal ? 80 : 45}\" r=\"${isModal ? 9 : 6}\" fill=\"#EF4444\" stroke=\"#B91C1C\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"130\" cy=\"${isModal ? 80 : 45}\" r=\"${isModal ? 11 : 7}\" fill=\"#F8FAFC\" stroke=\"#94A3B8\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"200\" cy=\"${isModal ? 80 : 45}\" r=\"${isModal ? 9 : 6}\" fill=\"#10B981\" stroke=\"#047857\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"270\" cy=\"${isModal ? 80 : 45}\" r=\"${isModal ? 12 : 8}\" fill=\"#F59E0B\" stroke=\"#B45309\" stroke-width=\"1.5\"\/>\n                    <text x=\"180\" y=\"${isModal ? 145 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Feeders A, B, C, D \u2022 Lock BS-02 to BS-16<\/text>\n                <\/svg>`;\n\n            \/\/ 6. Encrypted DHE Format Native Support\n            case 'security':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"135\" y=\"${isModal ? 25 : 12}\" width=\"90\" height=\"${isModal ? 80 : 50}\" rx=\"8\" fill=\"#0B132B\" stroke=\"#818CF8\" stroke-width=\"1.5\"\/>\n                    <text x=\"180\" y=\"${isModal ? 62 : 36}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 16 : 12}\" font-weight=\"800\" fill=\"#818CF8\" text-anchor=\"middle\">.DHE<\/text>\n                    <text x=\"180\" y=\"${isModal ? 82 : 48}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">ENCRYPTED<\/text>\n                    <text x=\"180\" y=\"${isModal ? 145 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">Hardware & Format Security Protocol<\/text>\n                <\/svg>`;\n\n            \/\/ 7. Dynamic Non-Destructive Path Updating\n            case 'nondestructive':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"40\" y=\"${isModal ? 45 : 25}\" width=\"60\" height=\"${isModal ? 50 : 30}\" rx=\"4\" fill=\"none\" stroke=\"#64748B\" stroke-dasharray=\"3 3\"\/>\n                    <text x=\"70\" y=\"${isModal ? 75 : 44}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#64748B\" text-anchor=\"middle\">Old Pos<\/text>\n                    <path d=\"M 100,${isModal ? 70 : 40} L 180,${isModal ? 70 : 40}\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\n                    <text x=\"140\" y=\"${isModal ? 60 : 34}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#EF4444\" text-anchor=\"middle\">Auto-Purged \u2715<\/text>\n                    <rect x=\"120\" y=\"${isModal ? 100 : 55}\" width=\"65\" height=\"${isModal ? 45 : 28}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                    <text x=\"152\" y=\"${isModal ? 128 : 72}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">New Pos<\/text>\n                    <path d=\"M 185,${isModal ? 122 : 68} C 230,${isModal ? 122 : 68} 240,${isModal ? 70 : 40} 270,${isModal ? 70 : 40}\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"3\"\/>\n                    <circle cx=\"270\" cy=\"${isModal ? 70 : 40}\" r=\"4\" fill=\"#10B981\"\/>\n                    <rect x=\"270\" y=\"${isModal ? 45 : 25}\" width=\"60\" height=\"${isModal ? 50 : 30}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n                    <text x=\"300\" y=\"${isModal ? 75 : 44}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Target<\/text>\n                    <text x=\"180\" y=\"${isModal ? 165 : 94}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Dynamic Re-Route: Zero Orphan Stitches<\/text>\n                <\/svg>`;\n\n            \/\/ 8. Safety-Guarded Zardosi Manual Digitizing\n            case 'safety':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 30,${isModal ? 80 : 45} L 90,${isModal ? 80 : 45}\" stroke=\"#10B981\" stroke-width=\"3\"\/>\n                    <circle cx=\"30\" cy=\"${isModal ? 80 : 45}\" r=\"3.5\" fill=\"#10B981\"\/><circle cx=\"90\" cy=\"${isModal ? 80 : 45}\" r=\"3.5\" fill=\"#10B981\"\/>\n                    <path d=\"M 90,${isModal ? 80 : 45} L 160,${isModal ? 80 : 45}\" stroke=\"#94A3B8\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\n                    <text x=\"125\" y=\"${isModal ? 70 : 38}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#94A3B8\" text-anchor=\"middle\">Jump<\/text>\n                    <rect x=\"160\" y=\"${isModal ? 50 : 25}\" width=\"65\" height=\"${isModal ? 40 : 25}\" rx=\"4\" fill=\"#3B0707\" stroke=\"#EF4444\"\/>\n                    <text x=\"192\" y=\"${isModal ? 75 : 41}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#FCA5A5\" text-anchor=\"middle\">BLOCKED \u2715<\/text>\n                    <path d=\"M 225,${isModal ? 80 : 45} L 270,${isModal ? 80 : 45}\" stroke=\"#10B981\" stroke-width=\"3.5\"\/>\n                    <text x=\"247\" y=\"${isModal ? 70 : 38}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#10B981\" text-anchor=\"middle\">Forced<\/text>\n                    <path d=\"M 270,${isModal ? 80 : 45} Q 295,${isModal ? 50 : 28} 320,${isModal ? 80 : 45}\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"4.5\" stroke-dasharray=\"3 3\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Jump Interlock: Zero Needle Breaks & Wire Jams<\/text>\n                <\/svg>`;\n\n            \/\/ 9. Pro-Edit Combo (2-Point Transform)\n            case 'pro_edit':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 50,${isModal ? 110 : 65} L 120,${isModal ? 40 : 25}\" stroke=\"#94A3B8\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"\/>\n                    <circle cx=\"50\" cy=\"${isModal ? 110 : 65}\" r=\"4\" fill=\"#10B981\"\/><circle cx=\"120\" cy=\"${isModal ? 40 : 25}\" r=\"4\" fill=\"#10B981\"\/>\n                    <path d=\"M 140,${isModal ? 70 : 40} Q 180,${isModal ? 40 : 25} 220,${isModal ? 60 : 35}\" fill=\"none\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                    <path d=\"M 240,${isModal ? 120 : 70} L 320,${isModal ? 30 : 20}\" stroke=\"#38BDF8\" stroke-width=\"3\"\/>\n                    <circle cx=\"240\" cy=\"${isModal ? 120 : 70}\" r=\"4\" fill=\"#38BDF8\"\/><circle cx=\"320\" cy=\"${isModal ? 30 : 20}\" r=\"4\" fill=\"#38BDF8\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">2-Point Anchor Transform (Scale + Rotate)<\/text>\n                <\/svg>`;\n\n            \/\/ 10. Interchange Split (Bi & Multi-Split)\n            case 'interchange':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <line x1=\"40\" y1=\"${isModal ? 40 : 25}\" x2=\"320\" y2=\"${isModal ? 40 : 25}\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                    <circle cx=\"120\" cy=\"${isModal ? 40 : 25}\" r=\"3.5\" fill=\"#EF4444\"\/>\n                    <line x1=\"40\" y1=\"${isModal ? 70 : 45}\" x2=\"320\" y2=\"${isModal ? 70 : 45}\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                    <circle cx=\"240\" cy=\"${isModal ? 70 : 45}\" r=\"3.5\" fill=\"#EF4444\"\/>\n                    <line x1=\"40\" y1=\"${isModal ? 100 : 65}\" x2=\"320\" y2=\"${isModal ? 100 : 65}\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                    <circle cx=\"120\" cy=\"${isModal ? 100 : 65}\" r=\"3.5\" fill=\"#EF4444\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Interchange Alternating Split (Zero Visible Seam)<\/text>\n                <\/svg>`;\n\n            \/\/ 11. Pantograph Directional Sequin Timing\n            case 'sequin_feed':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 40,${isModal ? 110 : 65} L 120,${isModal ? 40 : 25} L 200,${isModal ? 110 : 65}\" fill=\"none\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\"\/>\n                    <circle cx=\"40\" cy=\"${isModal ? 110 : 65}\" r=\"9\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"80\" cy=\"${isModal ? 75 : 45}\" r=\"9\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"120\" cy=\"${isModal ? 40 : 25}\" r=\"9\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1.5\"\/>\n                    <line x1=\"260\" y1=\"${isModal ? 110 : 65}\" x2=\"260\" y2=\"${isModal ? 40 : 25}\" stroke=\"#EF4444\" stroke-width=\"2.5\"\/>\n                    <polygon points=\"260,${isModal ? 32 : 18} 255,${isModal ? 44 : 28} 265,${isModal ? 44 : 28}\" fill=\"#EF4444\"\/>\n                    <text x=\"260\" y=\"${isModal ? 135 : 80}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#EF4444\" text-anchor=\"middle\">UPWARD FEED<\/text>\n                    <text x=\"140\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Auto-Adjusted Needle Timing<\/text>\n                <\/svg>`;\n\n            \/\/ 12. Live Spline Node Drag Embellishment Preview\n            case 'livepreview':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 30,${isModal ? 110 : 65} C 100,${isModal ? 30 : 18} 180,${isModal ? 35 : 20} 240,${isModal ? 100 : 60} S 310,${isModal ? 120 : 70} 330,${isModal ? 80 : 45}\" fill=\"none\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                    <g transform=\"translate(180, ${isModal ? 40 : 22})\">\n                        <line x1=\"-30\" y1=\"-6\" x2=\"30\" y2=\"6\" stroke=\"#94A3B8\" stroke-width=\"1\"\/>\n                        <circle cx=\"-30\" cy=\"-6\" r=\"3\" fill=\"#64748B\"\/><circle cx=\"30\" cy=\"6\" r=\"3\" fill=\"#64748B\"\/>\n                        <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#38BDF8\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"\/>\n                    <\/g>\n                    <circle cx=\"50\" cy=\"${isModal ? 95 : 55}\" r=\"7\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1\"\/>\n                    <circle cx=\"100\" cy=\"${isModal ? 55 : 32}\" r=\"7\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1\"\/>\n                    <circle cx=\"210\" cy=\"${isModal ? 70 : 42}\" r=\"7\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1\"\/>\n                    <circle cx=\"260\" cy=\"${isModal ? 110 : 65}\" r=\"7\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"1\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Live Spline Drag \u2022 Realtime Embellishment (<10ms)<\/text>\n                <\/svg>`;\n\n            \/\/ 13. Single-Curve Offset Fill with Conversion\n            case 'offsetfill':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 80,${isModal ? 50 : 25} C 180,${isModal ? 25 : 12} 260,${isModal ? 45 : 22} 280,${isModal ? 100 : 58} C 290,${isModal ? 140 : 80} 220,${isModal ? 150 : 85} 160,${isModal ? 135 : 75} C 90,${isModal ? 120 : 68} 60,${isModal ? 90 : 50} 80,${isModal ? 50 : 25} Z\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\n                    <path d=\"M 100,${isModal ? 60 : 32} C 170,${isModal ? 40 : 20} 240,${isModal ? 55 : 30} 255,${isModal ? 98 : 55} C 265,${isModal ? 125 : 70} 210,${isModal ? 135 : 75} 165,${isModal ? 122 : 68} C 115,${isModal ? 110 : 60} 90,${isModal ? 85 : 48} 100,${isModal ? 60 : 32}\" fill=\"none\" stroke=\"#38BDF8\" stroke-width=\"1.8\"\/>\n                    <path d=\"M 120,${isModal ? 72 : 38} C 165,${isModal ? 55 : 28} 220,${isModal ? 70 : 38} 230,${isModal ? 95 : 52} C 238,${isModal ? 112 : 62} 195,${isModal ? 120 : 65} 165,${isModal ? 110 : 58} C 135,${isModal ? 100 : 52} 115,${isModal ? 85 : 45} 120,${isModal ? 72 : 38}\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"1.8\"\/>\n                    <text x=\"180\" y=\"${isModal ? 155 : 90}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Single Concentric Path (0 Trims \u2022 Universal Convert)<\/text>\n                <\/svg>`;\n\n            \/\/ 14. Non-Parallel Tatami with Variable Length\n            case 'nonparallel':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <path d=\"M 40,${isModal ? 60 : 30} C 120,${isModal ? 30 : 15} 200,${isModal ? 70 : 38} 320,${isModal ? 40 : 20}\" fill=\"none\" stroke=\"#94A3B8\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"\/>\n                    <path d=\"M 40,${isModal ? 120 : 70} C 130,${isModal ? 140 : 80} 210,${isModal ? 95 : 50} 320,${isModal ? 130 : 75}\" fill=\"none\" stroke=\"#94A3B8\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"\/>\n                    ${[60, 95, 130, 165, 200, 235, 270, 300].map((x, i) => `\n                        <line x1=\"${x}\" y1=\"${isModal ? 55 + (i%2)*8 : 28 + (i%2)*4}\" x2=\"${x+10}\" y2=\"${isModal ? 125 - (i%3)*6 : 72 - (i%3)*3}\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                        <circle cx=\"${x+5}\" cy=\"${isModal ? 90 : 50}\" r=\"2\" fill=\"#EF4444\"\/>\n                    `).join('')}\n                    <text x=\"180\" y=\"${isModal ? 155 : 90}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Non-Parallel Tatami: Dynamic Scaling (Zero Compression)<\/text>\n                <\/svg>`;\n\n            \/\/ 15. Reusable Hardware Device Templates\n            case 'templates':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(35, ${isModal ? 35 : 20})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        <text x=\"32\" y=\"${isModal ? 32 : 18}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#94A3B8\" text-anchor=\"middle\">DEV 1<\/text>\n                        <text x=\"32\" y=\"${isModal ? 50 : 30}\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">Sequin<\/text>\n                    <\/g>\n                    <g transform=\"translate(108, ${isModal ? 35 : 20})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#F59E0B\" stroke-width=\"1.5\"\/>\n                        <text x=\"32\" y=\"${isModal ? 32 : 18}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#94A3B8\" text-anchor=\"middle\">DEV 2<\/text>\n                        <text x=\"32\" y=\"${isModal ? 50 : 30}\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"700\" fill=\"#F59E0B\" text-anchor=\"middle\">Beads<\/text>\n                    <\/g>\n                    <g transform=\"translate(182, ${isModal ? 35 : 20})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#F59E0B\" stroke-width=\"1.5\"\/>\n                        <text x=\"32\" y=\"${isModal ? 32 : 18}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#94A3B8\" text-anchor=\"middle\">DEV 3<\/text>\n                        <text x=\"32\" y=\"${isModal ? 50 : 30}\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"700\" fill=\"#F59E0B\" text-anchor=\"middle\">Zardosi<\/text>\n                    <\/g>\n                    <g transform=\"translate(255, ${isModal ? 35 : 20})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 70 : 42}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n                        <text x=\"32\" y=\"${isModal ? 32 : 18}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#94A3B8\" text-anchor=\"middle\">DEV 4<\/text>\n                        <text x=\"32\" y=\"${isModal ? 50 : 30}\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"700\" fill=\"#10B981\" text-anchor=\"middle\">Cording<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Hardware Presets: 4-Device Linked Configurations<\/text>\n                <\/svg>`;\n\n            \/\/ 16. Back-to-Back Insertion (Shift + I)\n            case 'insertion':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(30, ${isModal ? 45 : 25})\">\n                        <rect x=\"0\" y=\"0\" width=\"60\" height=\"${isModal ? 45 : 28}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        <text x=\"30\" y=\"${isModal ? 28 : 18}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\"># 01<\/text>\n                        <path d=\"M 60,${isModal ? 22 : 14} L 110,${isModal ? 22 : 14}\" stroke=\"#64748B\" stroke-width=\"2\"\/>\n                        <rect x=\"110\" y=\"0\" width=\"60\" height=\"${isModal ? 45 : 28}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        <text x=\"140\" y=\"${isModal ? 28 : 18}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\"># 02<\/text>\n                        <g transform=\"translate(130, ${isModal ? 55 : 32})\">\n                            <path d=\"M 10,-${isModal ? 20 : 12} Q 40,25 70,-${isModal ? 20 : 12}\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\" stroke-dasharray=\"2 2\"\/>\n                            <rect x=\"25\" y=\"0\" width=\"70\" height=\"${isModal ? 30 : 20}\" rx=\"4\" fill=\"#064E3B\" stroke=\"#34D399\"\/>\n                            <text x=\"60\" y=\"${isModal ? 18 : 13}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#A7F3D0\" text-anchor=\"middle\">Shift + I<\/text>\n                        <\/g>\n                        <path d=\"M 170,${isModal ? 22 : 14} L 240,${isModal ? 22 : 14}\" stroke=\"#64748B\" stroke-width=\"2\"\/>\n                        <rect x=\"240\" y=\"0\" width=\"60\" height=\"${isModal ? 45 : 28}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        <text x=\"270\" y=\"${isModal ? 28 : 18}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\"># 03<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 165 : 94}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Shift + I Insertion: Spatial Proximity Auto-Connect<\/text>\n                <\/svg>`;\n\n            \/\/ 17. Material Signal Conversion Matrix\n            case 'matrix':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(45, ${isModal ? 35 : 18})\">\n                        <rect x=\"0\" y=\"0\" width=\"85\" height=\"${isModal ? 32 : 22}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#94A3B8\"\/>\n                        <text x=\"42\" y=\"${isModal ? 20 : 14}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">Signal B<\/text>\n                        <path d=\"M 100,${isModal ? 16 : 11} L 160,${isModal ? 16 : 11}\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                        <polygon points=\"165,${isModal ? 16 : 11} 155,${isModal ? 12 : 8} 155,${isModal ? 20 : 14}\" fill=\"#38BDF8\"\/>\n                        <rect x=\"175\" y=\"0\" width=\"95\" height=\"${isModal ? 32 : 22}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                        <text x=\"222\" y=\"${isModal ? 20 : 14}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">Signal E<\/text>\n                    <\/g>\n                    <g transform=\"translate(45, ${isModal ? 80 : 45})\">\n                        <rect x=\"0\" y=\"0\" width=\"85\" height=\"${isModal ? 32 : 22}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#94A3B8\"\/>\n                        <text x=\"42\" y=\"${isModal ? 20 : 14}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#94A3B8\" text-anchor=\"middle\">OLH Code<\/text>\n                        <path d=\"M 100,${isModal ? 16 : 11} L 160,${isModal ? 16 : 11}\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n                        <polygon points=\"165,${isModal ? 16 : 11} 155,${isModal ? 12 : 8} 155,${isModal ? 20 : 14}\" fill=\"#10B981\"\/>\n                        <rect x=\"175\" y=\"0\" width=\"95\" height=\"${isModal ? 32 : 22}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#10B981\"\/>\n                        <text x=\"222\" y=\"${isModal ? 20 : 14}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#10B981\" text-anchor=\"middle\">Twin Device<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Signal Conversion Matrix: 1-Click Batch Remapping<\/text>\n                <\/svg>`;\n\n            \/\/ 18. Visual Palette Embedding in DST & DSB\n            case 'dstcolors':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"40\" y=\"${isModal ? 30 : 18}\" width=\"120\" height=\"${isModal ? 75 : 44}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#64748B\"\/>\n                    <text x=\"100\" y=\"${isModal ? 52 : 32}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#64748B\" text-anchor=\"middle\">Standard DST<\/text>\n                    <circle cx=\"70\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#64748B\"\/>\n                    <circle cx=\"100\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#475569\"\/>\n                    <circle cx=\"130\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#334155\"\/>\n                    <rect x=\"200\" y=\"${isModal ? 30 : 18}\" width=\"120\" height=\"${isModal ? 75 : 44}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                    <text x=\"260\" y=\"${isModal ? 52 : 32}\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">i-Cliqq Embedded<\/text>\n                    <circle cx=\"230\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#EF4444\"\/>\n                    <circle cx=\"260\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#10B981\"\/>\n                    <circle cx=\"290\" cy=\"${isModal ? 75 : 46}\" r=\"${isModal ? 10 : 6}\" fill=\"#F59E0B\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Palette Embedded: 100% Color Match in Tajima DST<\/text>\n                <\/svg>`;\n\n            \/\/ 19. Direct Happy LAN Network Link\n            case 'happylan':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"40\" y=\"${isModal ? 40 : 22}\" width=\"75\" height=\"${isModal ? 60 : 36}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                    <text x=\"77\" y=\"${isModal ? 75 : 44}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">PC \/ LAN<\/text>\n                    <path d=\"M 120,${isModal ? 70 : 40} L 225,${isModal ? 70 : 40}\" stroke=\"#10B981\" stroke-width=\"3\"\/>\n                    <circle cx=\"172\" cy=\"${isModal ? 70 : 40}\" r=\"5\" fill=\"#10B981\"\/>\n                    <rect x=\"230\" y=\"${isModal ? 30 : 16}\" width=\"95\" height=\"${isModal ? 80 : 48}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                    <text x=\"277\" y=\"${isModal ? 52 : 30}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#94A3B8\" text-anchor=\"middle\">Happy Machine<\/text>\n                    <g transform=\"translate(242, ${isModal ? 65 : 38})\">\n                        ${[0, 10, 20, 30, 40, 50, 60].map(x => `\n                            <circle cx=\"${x+5}\" cy=\"5\" r=\"2.5\" fill=\"#EF4444\"\/>\n                        `).join('')}\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Direct Happy LAN: Needles 1\u201315 Real-Time Mapping<\/text>\n                <\/svg>`;\n\n            \/\/ 20. 4 Interchangeable Digitizing Modes\n            case 'modes':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(35, ${isModal ? 35 : 18})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 40 : 25}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                        <text x=\"32\" y=\"${isModal ? 25 : 16}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">Arc-Spline<\/text>\n                    <\/g>\n                    <g transform=\"translate(108, ${isModal ? 35 : 18})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 40 : 25}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#F59E0B\"\/>\n                        <text x=\"32\" y=\"${isModal ? 25 : 16}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#F59E0B\" text-anchor=\"middle\">B\u00e9zier<\/text>\n                    <\/g>\n                    <g transform=\"translate(182, ${isModal ? 35 : 18})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 40 : 25}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#10B981\"\/>\n                        <text x=\"32\" y=\"${isModal ? 25 : 16}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#10B981\" text-anchor=\"middle\">3-Pt Arc<\/text>\n                    <\/g>\n                    <g transform=\"translate(255, ${isModal ? 35 : 18})\">\n                        <rect x=\"0\" y=\"0\" width=\"65\" height=\"${isModal ? 40 : 25}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#818CF8\"\/>\n                        <text x=\"32\" y=\"${isModal ? 25 : 16}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#818CF8\" text-anchor=\"middle\">Spline<\/text>\n                    <\/g>\n                    <path d=\"M 45,${isModal ? 105 : 62} L 110,${isModal ? 105 : 62} C 140,${isModal ? 70 : 42} 180,${isModal ? 70 : 42} 210,${isModal ? 105 : 62} Q 260,${isModal ? 125 : 75} 315,${isModal ? 105 : 62}\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.5\"\/>\n                    <text x=\"180\" y=\"${isModal ? 155 : 90}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Switch Modes Mid-Object Without Node Resets<\/text>\n                <\/svg>`;\n\n            \/\/ 21. Thermal Cutting Device (TCD) Engine\n            case 'tcd':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"60\" y=\"${isModal ? 40 : 22}\" width=\"240\" height=\"${isModal ? 75 : 44}\" rx=\"16\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                    <rect x=\"45\" y=\"${isModal ? 28 : 14}\" width=\"270\" height=\"${isModal ? 98 : 58}\" rx=\"22\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"2\" stroke-dasharray=\"4 3\"\/>\n                    <circle cx=\"280\" cy=\"${isModal ? 28 : 14}\" r=\"5\" fill=\"#EF4444\"\/>\n                    <text x=\"280\" y=\"${isModal ? 20 : 10}\" font-family=\"JetBrains Mono\" font-size=\"7\" fill=\"#FCA5A5\" text-anchor=\"middle\">Laser Head<\/text>\n                    <text x=\"180\" y=\"${isModal ? 80 : 48}\" font-family=\"JetBrains Mono\" font-size=\"8.5\" font-weight=\"700\" fill=\"#EF4444\" text-anchor=\"middle\">Kerf Offset: +1.0mm \u2022 Overlap: 5 Stitches<\/text>\n                    <text x=\"180\" y=\"${isModal ? 155 : 90}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Thermal Cutting Device: Native Laser\/Hot-Knife<\/text>\n                <\/svg>`;\n\n            \/\/ 22. i-Cliqq Object Stream\u2122 (Phantom Selection)\n            case 'stream':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"45\" y=\"${isModal ? 35 : 20}\" width=\"55\" height=\"${isModal ? 50 : 30}\" rx=\"4\" fill=\"#1E293B\"\/>\n                    <g transform=\"translate(140, ${isModal ? 25 : 15})\">\n                        <rect x=\"0\" y=\"0\" width=\"165\" height=\"${isModal ? 75 : 45}\" rx=\"8\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\" stroke-dasharray=\"4 3\"\/>\n                        <circle cx=\"40\" cy=\"${isModal ? 35 : 22}\" r=\"${isModal ? 14 : 9}\" fill=\"#38BDF8\"\/>\n                        <rect x=\"80\" y=\"${isModal ? 20 : 12}\" width=\"${isModal ? 60 : 40}\" height=\"${isModal ? 30 : 20}\" rx=\"3\" fill=\"#1D4ED8\"\/>\n                        <text x=\"82\" y=\"${isModal ? 65 : 38}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">STREAM BUFFER [A]<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Phantom Selection: Press 'A' \/ Recall [Shift + A]<\/text>\n                <\/svg>`;\n\n            \/\/ 23. Stitch FX Width-Threshold Adaptation\n            case 'stitchfx':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(40, ${isModal ? 40 : 22})\">\n                        <path d=\"M 0,${isModal ? 50 : 30} L 100,${isModal ? 35 : 20} L 100,${isModal ? 65 : 40} L 0,${isModal ? 50 : 30} Z\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        <text x=\"50\" y=\"${isModal ? 55 : 33}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#38BDF8\" text-anchor=\"middle\">Satin &lt; 3mm<\/text>\n                    <\/g>\n                    <line x1=\"150\" y1=\"${isModal ? 30 : 15}\" x2=\"150\" y2=\"${isModal ? 110 : 65}\" stroke=\"#EF4444\" stroke-width=\"2\" stroke-dasharray=\"3 3\"\/>\n                    <g transform=\"translate(160, ${isModal ? 40 : 22})\">\n                        <path d=\"M 0,${isModal ? 35 : 20} L 150,${isModal ? 10 : 5} L 150,${isModal ? 90 : 55} L 0,${isModal ? 65 : 40} Z\" fill=\"#0B132B\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n                        <text x=\"75\" y=\"${isModal ? 55 : 33}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#10B981\" text-anchor=\"middle\">Tatami Split &gt; 3mm<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Stitch FX: Auto Width Adaptation (3.0mm Threshold)<\/text>\n                <\/svg>`;\n\n            \/\/ 24. Smart Sequin Puncture Protection\n            case 'puncture':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(180, ${isModal ? 75 : 42})\">\n                        <circle cx=\"0\" cy=\"0\" r=\"${isModal ? 36 : 22}\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"2\"\/>\n                        <circle cx=\"0\" cy=\"0\" r=\"${isModal ? 8 : 5}\" fill=\"#040711\"\/>\n                    <\/g>\n                    <path d=\"M 40,${isModal ? 75 : 42} L 135,${isModal ? 75 : 42}\" stroke=\"#EF4444\" stroke-width=\"2\" stroke-dasharray=\"2 2\"\/>\n                    <circle cx=\"135\" cy=\"${isModal ? 75 : 42}\" r=\"3.5\" fill=\"#EF4444\"\/>\n                    <path d=\"M 40,${isModal ? 75 : 42} C 100,${isModal ? 20 : 10} 260,${isModal ? 20 : 10} 320,${isModal ? 75 : 42}\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"\/>\n                    <circle cx=\"40\" cy=\"${isModal ? 75 : 42}\" r=\"3\" fill=\"#10B981\"\/><circle cx=\"320\" cy=\"${isModal ? 75 : 42}\" r=\"3\" fill=\"#10B981\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Puncture Protection: Needle Collision Deflection (0% Strikes)<\/text>\n                <\/svg>`;\n\n            \/\/ 25. Reversible Layered Sequin Conversion\n            case 'flipsequin':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(120, ${isModal ? 75 : 45})\">\n                        <ellipse cx=\"0\" cy=\"0\" rx=\"${isModal ? 28 : 18}\" ry=\"${isModal ? 36 : 24}\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"2\"\/>\n                        <circle cx=\"0\" cy=\"-${isModal ? 18 : 12}\" r=\"3.5\" fill=\"#FFFFFF\"\/>\n                        <text x=\"0\" y=\"5\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#92400E\" text-anchor=\"middle\">FACE A<\/text>\n                    <\/g>\n                    <g transform=\"translate(240, ${isModal ? 75 : 45})\">\n                        <ellipse cx=\"0\" cy=\"0\" rx=\"${isModal ? 28 : 18}\" ry=\"${isModal ? 36 : 24}\" fill=\"#1E293B\" stroke=\"#0F172A\" stroke-width=\"2\"\/>\n                        <circle cx=\"0\" cy=\"${isModal ? 18 : 12}\" r=\"3.5\" fill=\"#FFFFFF\"\/>\n                        <text x=\"0\" y=\"5\" font-family=\"JetBrains Mono\" font-size=\"7.5\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">FACE B<\/text>\n                    <\/g>\n                    <path d=\"M 170,${isModal ? 75 : 45} L 190,${isModal ? 75 : 45}\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#F59E0B\" text-anchor=\"middle\">2-Way Reversible Flip-Sequin: Hanging 32 Math Layering<\/text>\n                <\/svg>`;\n\n            \/\/ 26. Satin Auto Density Engine\n            case 'autodensity':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(45, ${isModal ? 40 : 20})\">\n                        <path d=\"M 0,${isModal ? 50 : 30} Q 130,${isModal ? 15 : 8} 270,${isModal ? 30 : 18} L 270,${isModal ? 75 : 44} Q 130,${isModal ? 60 : 35} 0,${isModal ? 50 : 30} Z\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"1.5\"\/>\n                        ${[20, 50, 85, 125, 170, 215, 255].map((x, i) => `\n                            <line x1=\"${x}\" y1=\"${isModal ? 35 : 20}\" x2=\"${x}\" y2=\"${isModal ? 65 : 38}\" stroke=\"#38BDF8\" stroke-width=\"${1.2 + i * 0.3}\"\/>\n                        `).join('')}\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Satin Auto Density: Dynamic Spacing (Zero Bunching)<\/text>\n                <\/svg>`;\n\n            \/\/ 27. Independent Per-Side Pull Compensation\n            case 'pullcomp':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"110\" y=\"${isModal ? 40 : 22}\" width=\"140\" height=\"${isModal ? 65 : 40}\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                    <path d=\"M 90,${isModal ? 40 : 22} L 110,${isModal ? 40 : 22} L 110,${isModal ? 105 : 62} L 90,${isModal ? 105 : 62} Z\" fill=\"#1E3A8A\" stroke=\"#38BDF8\" stroke-dasharray=\"2 2\"\/>\n                    <text x=\"65\" y=\"${isModal ? 75 : 44}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#38BDF8\" text-anchor=\"middle\">+0.35mm<\/text>\n                    <path d=\"M 250,${isModal ? 40 : 22} L 265,${isModal ? 40 : 22} L 265,${isModal ? 105 : 62} L 250,${isModal ? 105 : 62} Z\" fill=\"#78350F\" stroke=\"#F59E0B\" stroke-dasharray=\"2 2\"\/>\n                    <text x=\"295\" y=\"${isModal ? 75 : 44}\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#F59E0B\" text-anchor=\"middle\">+0.10mm<\/text>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#10B981\" text-anchor=\"middle\">Independent Pull Comp: Asymmetric Fabric Stretch<\/text>\n                <\/svg>`;\n\n            \/\/ 28. Hardware-Bound Font Locking\n            case 'fontlock':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"65\" y=\"${isModal ? 30 : 18}\" width=\"85\" height=\"${isModal ? 80 : 48}\" rx=\"8\" fill=\"#0B132B\" stroke=\"#818CF8\"\/>\n                    <text x=\"107\" y=\"${isModal ? 82 : 48}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 36 : 22}\" font-weight=\"800\" fill=\"#818CF8\" text-anchor=\"middle\">B<\/text>\n                    <rect x=\"210\" y=\"${isModal ? 30 : 18}\" width=\"85\" height=\"${isModal ? 80 : 48}\" rx=\"8\" fill=\"#0B132B\" stroke=\"#10B981\"\/>\n                    <text x=\"252\" y=\"${isModal ? 65 : 38}\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"700\" fill=\"#10B981\" text-anchor=\"middle\">HASP KEY<\/text>\n                    <text x=\"252\" y=\"${isModal ? 85 : 50}\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#94A3B8\" text-anchor=\"middle\">#84920 OK<\/text>\n                    <path d=\"M 155,${isModal ? 70 : 42} L 205,${isModal ? 70 : 42}\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#818CF8\" text-anchor=\"middle\">Hardware-Bound Font Locking (.vfn Dongle Protection)<\/text>\n                <\/svg>`;\n\n            \/\/ 29. Height-Adaptive Multi-Glyph Lettering\n            case 'glyphs':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(60, ${isModal ? 45 : 25})\">\n                        <text x=\"0\" y=\"${isModal ? 30 : 18}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 16 : 11}\" font-weight=\"700\" fill=\"#94A3B8\">S<\/text>\n                        <text x=\"0\" y=\"${isModal ? 55 : 35}\" font-family=\"JetBrains Mono\" font-size=\"7\" fill=\"#64748B\">5mm<\/text>\n                    <\/g>\n                    <g transform=\"translate(150, ${isModal ? 35 : 20})\">\n                        <text x=\"0\" y=\"${isModal ? 42 : 26}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 28 : 18}\" font-weight=\"800\" fill=\"#38BDF8\">S<\/text>\n                        <text x=\"0\" y=\"${isModal ? 65 : 42}\" font-family=\"JetBrains Mono\" font-size=\"7\" fill=\"#38BDF8\">15mm<\/text>\n                    <\/g>\n                    <g transform=\"translate(250, ${isModal ? 25 : 12})\">\n                        <text x=\"0\" y=\"${isModal ? 60 : 38}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 46 : 28}\" font-weight=\"800\" fill=\"#10B981\">S<\/text>\n                        <text x=\"0\" y=\"${isModal ? 80 : 50}\" font-family=\"JetBrains Mono\" font-size=\"7\" fill=\"#10B981\">45mm<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Height-Adaptive Glyphs: 3 Automatic Size Tiers<\/text>\n                <\/svg>`;\n\n            \/\/ 30. Stone Template Generator (.PLT Export)\n            case 'stoneplt':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <rect x=\"50\" y=\"${isModal ? 35 : 20}\" width=\"260\" height=\"${isModal ? 75 : 45}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#64748B\"\/>\n                    <g transform=\"translate(65, ${isModal ? 45 : 26})\">\n                        ${[0, 35, 70, 105, 140, 175, 210].map(x => `\n                            <circle cx=\"${x+10}\" cy=\"${isModal ? 15 : 10}\" r=\"${isModal ? 7 : 4.5}\" fill=\"#040711\" stroke=\"#F59E0B\" stroke-width=\"1.5\"\/>\n                            <circle cx=\"${x+10}\" cy=\"${isModal ? 45 : 25}\" r=\"${isModal ? 7 : 4.5}\" fill=\"#040711\" stroke=\"#F59E0B\" stroke-width=\"1.5\"\/>\n                        `).join('')}\n                    <\/g>\n                    <polygon points=\"180,${isModal ? 20 : 10} 175,${isModal ? 32 : 18} 185,${isModal ? 32 : 18}\" fill=\"#EF4444\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#F59E0B\" text-anchor=\"middle\">Stone Template Generator: Direct HPGL .PLT Laser Export<\/text>\n                <\/svg>`;\n\n            \/\/ 31. Custom Sequin Shape Engine (.sqs)\n            case 'customsqs':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(180, ${isModal ? 75 : 45})\">\n                        <polygon points=\"0,-${isModal ? 35 : 20} ${isModal ? 11 : 6},-${isModal ? 11 : 6} ${isModal ? 35 : 20},0 ${isModal ? 11 : 6},${isModal ? 11 : 6} 0,${isModal ? 35 : 20} -${isModal ? 11 : 6},${isModal ? 11 : 6} -${isModal ? 35 : 20},0 -${isModal ? 11 : 6},-${isModal ? 11 : 6}\" fill=\"#FDE68A\" stroke=\"#D97706\" stroke-width=\"2\"\/>\n                        <circle cx=\"0\" cy=\"-${isModal ? 12 : 7}\" r=\"${isModal ? 6 : 3.5}\" fill=\"#040711\" stroke=\"#92400E\"\/>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#F59E0B\" text-anchor=\"middle\">Custom Sequin Shape Engine (.sqs Profile + 3D Specular)<\/text>\n                <\/svg>`;\n\n            \/\/ 32. Instant Layer Reordering ('N' Key)\n            case 'reordern':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(60, ${isModal ? 30 : 16})\">\n                        <rect x=\"0\" y=\"${isModal ? 50 : 30}\" width=\"120\" height=\"${isModal ? 32 : 18}\" rx=\"4\" fill=\"#1E293B\" stroke=\"#64748B\"\/>\n                        <rect x=\"25\" y=\"${isModal ? 25 : 15}\" width=\"120\" height=\"${isModal ? 32 : 18}\" rx=\"4\" fill=\"#334155\" stroke=\"#94A3B8\"\/>\n                        <rect x=\"50\" y=\"0\" width=\"120\" height=\"${isModal ? 32 : 18}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#38BDF8\" stroke-width=\"2\"\/>\n                        <text x=\"110\" y=\"${isModal ? 20 : 12}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#38BDF8\" text-anchor=\"middle\">Elevated Front<\/text>\n                    <\/g>\n                    <g transform=\"translate(255, ${isModal ? 45 : 25})\">\n                        <rect x=\"0\" y=\"0\" width=\"55\" height=\"${isModal ? 45 : 28}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#38BDF8\"\/>\n                        <text x=\"27\" y=\"${isModal ? 28 : 18}\" font-family=\"JetBrains Mono\" font-size=\"${isModal ? 16 : 11}\" font-weight=\"800\" fill=\"#38BDF8\" text-anchor=\"middle\">'N'<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Point &amp; Elevate: Tap 'N' for Instant Stacking Order<\/text>\n                <\/svg>`;\n\n            \/\/ 33. Smart Lasso with In-Group Isolation\n            case 'smartlasso':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g opacity=\"0.3\">\n                        ${[50, 75, 260, 285].map(x => `\n                            <line x1=\"${x}\" y1=\"${isModal ? 40 : 20}\" x2=\"${x}\" y2=\"${isModal ? 110 : 65}\" stroke=\"#64748B\" stroke-width=\"2\"\/>\n                        `).join('')}\n                    <\/g>\n                    <polygon points=\"110,${isModal ? 30 : 15} 230,${isModal ? 30 : 15} 245,${isModal ? 115 : 68} 95,${isModal ? 115 : 68}\" fill=\"none\" stroke=\"#38BDF8\" stroke-width=\"2\" stroke-dasharray=\"3 3\"\/>\n                    ${[125, 145, 165, 185, 205, 225].map(x => `\n                        <line x1=\"${x}\" y1=\"${isModal ? 40 : 22}\" x2=\"${x}\" y2=\"${isModal ? 105 : 62}\" stroke=\"#38BDF8\" stroke-width=\"2.5\"\/>\n                        <circle cx=\"${x}\" cy=\"${isModal ? 40 : 22}\" r=\"2.5\" fill=\"#38BDF8\"\/>\n                    `).join('')}\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Smart Lasso: Alt + Polygon Lasso Surgical In-Group Isolation<\/text>\n                <\/svg>`;\n\n            \/\/ 34. Rotated & Skewed Multi-Angle Grids\n            case 'skewgrid':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g opacity=\"0.25\">\n                        ${[0, 40, 80, 120, 160, 200, 240, 280, 320, 360].map(x => `\n                            <line x1=\"${x}\" y1=\"0\" x2=\"${x+50}\" y2=\"${h}\" stroke=\"#38BDF8\" stroke-width=\"1\"\/>\n                            <line x1=\"${x}\" y1=\"${h}\" x2=\"${x+50}\" y2=\"0\" stroke=\"#38BDF8\" stroke-width=\"1\"\/>\n                        `).join('')}\n                    <\/g>\n                    <circle cx=\"180\" cy=\"${isModal ? 75 : 45}\" r=\"5\" fill=\"none\" stroke=\"#EF4444\" stroke-width=\"2\"\/>\n                    <circle cx=\"180\" cy=\"${isModal ? 75 : 45}\" r=\"2\" fill=\"#EF4444\"\/>\n                    <text x=\"180\" y=\"${isModal ? 150 : 88}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Rotated & Skewed Grids: 30\u00b0 Non-Cartesian Snapping<\/text>\n                <\/svg>`;\n\n            \/\/ 35. Instant Shortcut Binding (Ctrl + Alt + Click)\n            case 'instantkeys':\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <g transform=\"translate(60, ${isModal ? 30 : 16})\">\n                        <rect x=\"0\" y=\"0\" width=\"240\" height=\"${isModal ? 36 : 22}\" rx=\"4\" fill=\"#0B132B\" stroke=\"#64748B\"\/>\n                        <rect x=\"10\" y=\"4\" width=\"${isModal ? 28 : 16}\" height=\"${isModal ? 28 : 16}\" rx=\"3\" fill=\"#1E293B\"\/>\n                        <rect x=\"${isModal ? 45 : 30}\" y=\"4\" width=\"${isModal ? 28 : 16}\" height=\"${isModal ? 28 : 16}\" rx=\"3\" fill=\"#38BDF8\"\/>\n                    <\/g>\n                    <g transform=\"translate(90, ${isModal ? 80 : 45})\">\n                        <rect x=\"0\" y=\"0\" width=\"180\" height=\"${isModal ? 42 : 26}\" rx=\"6\" fill=\"#0B132B\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n                        <text x=\"90\" y=\"${isModal ? 26 : 17}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" font-weight=\"700\" fill=\"#10B981\" text-anchor=\"middle\">Hotkey Bound: [F4] (2s)<\/text>\n                    <\/g>\n                    <text x=\"180\" y=\"${isModal ? 155 : 92}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">Instant Shortcut: Ctrl + Alt + Click Direct Toolbar Rebind<\/text>\n                <\/svg>`;\n\n            default:\n                return `<svg viewBox=\"0 0 360 ${h}\">\n                    <rect width=\"100%\" height=\"100%\" fill=\"#040711\"\/>\n                    <text x=\"180\" y=\"${isModal ? 90 : 50}\" font-family=\"JetBrains Mono\" font-size=\"${fontSz}\" fill=\"#38BDF8\" text-anchor=\"middle\">${title}<\/text>\n                <\/svg>`;\n        }\n    }\n\n\n    const grid       = document.getElementById('itdGridContainer');\n    const wrapper    = document.getElementById('itdGridWrapper');\n    const search     = document.getElementById('itdSearchInput');\n    const clearBtn   = document.getElementById('itdClearSearch');\n    const pills      = document.querySelectorAll('.itd-pill');\n    const emptyBox   = document.getElementById('itdEmptyState');\n    const toggleBtn  = document.getElementById('itdToggleExpandBtn');\n    const expandTxt  = document.getElementById('itdExpandBtnText');\n    const overlay    = document.getElementById('itdFadeOverlay');\n\n    let activeCategory = 'all';\n    let isExpanded     = false;\n\n    function renderCards(items) {\n        grid.innerHTML = '';\n        if (items.length === 0) {\n            emptyBox.style.display = 'block';\n            overlay.style.display = 'none';\n            return;\n        }\n        emptyBox.style.display = 'none';\n\n        const isSearchOrFilter = (search.value.trim().length > 0 || activeCategory !== 'all');\n        if (isSearchOrFilter) {\n            wrapper.classList.remove('collapsed');\n            wrapper.classList.add('expanded');\n            overlay.style.display = 'none';\n        } else {\n            overlay.style.display = 'flex';\n            if (!isExpanded) {\n                wrapper.classList.add('collapsed');\n                wrapper.classList.remove('expanded');\n            }\n        }\n\n        items.forEach(item => {\n            const card = document.createElement('div');\n            card.className = 'itd-card';\n            card.innerHTML = `\n                <div class=\"itd-card-thumb\" onclick=\"openCadModal(${item.id})\" title=\"Click to inspect CAD simulation\">\n                    ${renderCustomSvg(item.type, item.title, false)}\n                    <div class=\"itd-thumb-overlay\">\n                        <span>\ud83d\udd0d Inspect CAD<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"itd-card-top\">\n                    <span class=\"itd-card-badge\">${item.cat.toUpperCase()} \/\/ FEAT ${String(item.id).padStart(2,'0')}<\/span>\n                    <h3 class=\"itd-card-title\">${item.title}<\/h3>\n                    <p class=\"itd-card-desc\">${item.desc}<\/p>\n                <\/div>\n\n                <div class=\"itd-card-footer\">\n                    <span class=\"itd-hud-pill\">\u25cf ${item.hud}<\/span>\n                    <button class=\"itd-sim-btn\" onclick=\"openCadModal(${item.id})\">Inspect Spec &rarr;<\/button>\n                <\/div>\n            `;\n            grid.appendChild(card);\n        });\n    }\n\n    function toggleExpand() {\n        isExpanded = !isExpanded;\n        if (isExpanded) {\n            wrapper.classList.remove('collapsed');\n            wrapper.classList.add('expanded');\n            expandTxt.textContent = \"Collapse Matrix\";\n        } else {\n            wrapper.classList.add('collapsed');\n            wrapper.classList.remove('expanded');\n            expandTxt.textContent = \"Explore All 35 Engineering Breakthroughs (Show 29 More)\";\n            wrapper.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n    }\n\n    toggleBtn.addEventListener('click', toggleExpand);\n\n    function filterData() {\n        const query = search.value.trim().toLowerCase();\n        clearBtn.style.display = query.length > 0 ? 'block' : 'none';\n\n        const filtered = fullFeatures.filter(item => {\n            const matchesCat = (activeCategory === 'all' || item.cat === activeCategory);\n            const matchesQuery = (\n                item.title.toLowerCase().includes(query) ||\n                item.desc.toLowerCase().includes(query) ||\n                item.hud.toLowerCase().includes(query)\n            );\n            return matchesCat && matchesQuery;\n        });\n\n        renderCards(filtered);\n    }\n\n    pills.forEach(pill => {\n        pill.addEventListener('click', function() {\n            pills.forEach(p => p.classList.remove('active'));\n            this.classList.add('active');\n            activeCategory = this.getAttribute('data-cat');\n            filterData();\n        });\n    });\n\n    search.addEventListener('input', filterData);\n    clearBtn.addEventListener('click', () => { search.value = ''; filterData(); });\n\n    window.openCadModal = function(id) {\n        const item = fullFeatures.find(f => f.id === id);\n        if(!item) return;\n\n        document.getElementById('itdModalCat').textContent = item.cat.toUpperCase() + ' \/\/ FEATURE ' + item.id;\n        document.getElementById('itdModalTitle').textContent = item.title;\n        document.getElementById('itdModalDesc').textContent = item.desc;\n        document.getElementById('itdModalHud').innerHTML = `\n            <div><span>Metric Spec<\/span><strong>${item.hud}<\/strong><\/div>\n            <div><span>Architecture<\/span><strong>v5.2 Kernel<\/strong><\/div>\n            <div><span>Status<\/span><strong style=\"color:#10B981\">Industrial Verified<\/strong><\/div>\n        `;\n        document.getElementById('itdModalSpecs').innerHTML = item.specs.map(s => `<li>${s}<\/li>`).join('');\n        document.getElementById('itdModalStage').innerHTML = renderCustomSvg(item.type, item.title, true);\n\n        document.getElementById('itdCadModal').style.display = 'flex';\n    };\n\n    document.getElementById('itdCloseCadModal').addEventListener('click', () => {\n        document.getElementById('itdCadModal').style.display = 'none';\n    });\n\n    document.getElementById('itdCadModal').addEventListener('click', function(e) {\n        if(e.target === this) this.style.display = 'none';\n    });\n\n    renderCards(fullFeatures);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d698029 e-flex e-con-boxed e-con e-parent\" data-id=\"d698029\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0787a1 elementor-widget elementor-widget-html\" data-id=\"f0787a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.icliqq-features-hero-section {\n  position: relative;\n  width: 100%;\n  max-width: 1240px;\n  margin: 30px auto 60px;\n  background: transparent !important;\n  color: #FFFFFF;\n  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\n  padding: 30px 20px 20px;\n  box-sizing: border-box;\n  overflow: visible;\n  border-top: none !important;\n}\n\n.icliqq-hero-mesh-glow {\n  position: absolute;\n  top: -80px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 850px;\n  height: 420px;\n  border-radius: 50%;\n  background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.12) 0%, rgba(108, 92, 231, 0.08) 50%, transparent 70%);\n  filter: blur(85px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.icliqq-features-container { position: relative; width: 100%; margin: 0 auto; z-index: 1; }\n.icliqq-features-header { text-align: center; max-width: 820px; margin: 0 auto 50px auto; }\n\n.icliqq-features-badge {\n  display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px;\n  border-radius: 9999px; background: rgba(56, 189, 248, 0.12);\n  border: 1px solid rgba(56, 189, 248, 0.35); color: #38BDF8;\n  font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 700;\n  letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px;\n}\n.icliqq-features-badge span.dot {\n  width: 6px; height: 6px; border-radius: 50%; background: #38BDF8; box-shadow: 0 0 8px #38BDF8;\n}\n\n.icliqq-features-title {\n  font-size: clamp(32px, 4.5vw, 50px); font-weight: 800; line-height: 1.18;\n  letter-spacing: -1px; margin: 0 0 18px 0; color: #FFFFFF;\n}\n.icliqq-features-title span.gradient-text {\n  background: linear-gradient(135deg, #FFFFFF 40%, #A29BFE 100%);\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n}\n\n.icliqq-features-subtitle {\n  font-size: 15.5px; line-height: 1.65; color: #CBD5E1; margin: 0 auto 32px auto; max-width: 700px;\n}\n\n.icliqq-kpi-bar {\n  display: flex; align-items: center; justify-content: center; gap: 36px; flex-wrap: wrap;\n  padding: 16px 28px; border-radius: 16px; background: rgba(11, 19, 43, 0.65);\n  border: 1px solid rgba(255, 255, 255, 0.08); max-width: 750px; margin: 0 auto;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n}\n.icliqq-kpi-item { display: flex; align-items: baseline; gap: 8px; }\n.icliqq-kpi-val { font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 800; }\n.icliqq-kpi-val.green { color: #10B981; }\n.icliqq-kpi-val.cyan { color: #38BDF8; }\n.icliqq-kpi-val.purple { color: #A855F7; }\n.icliqq-kpi-lbl { font-size: 12.5px; color: #CBD5E1; font-weight: 600; }\n\n.icliqq-bento-grid {\n  display: grid; grid-template-columns: 1.55fr 1fr; grid-template-rows: auto auto; gap: 24px;\n}\n.icliqq-bento-card {\n  position: relative; background: rgba(11, 19, 43, 0.75);\n  border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; padding: 38px 34px;\n  overflow: hidden; box-sizing: border-box; backdrop-filter: blur(16px);\n  box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.7); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.icliqq-bento-card:hover {\n  transform: translateY(-4px); border-color: rgba(56, 189, 248, 0.45);\n  box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.85), 0 0 20px rgba(56, 189, 248, 0.15);\n}\n.icliqq-bento-wide { grid-column: 1 \/ 2; grid-row: 1 \/ 3; display: flex; flex-direction: column; justify-content: space-between; }\n\n.icliqq-card-tag {\n  display: inline-block; padding: 4px 10px; border-radius: 6px;\n  background: rgba(56, 189, 248, 0.12); border: 1px solid rgba(56, 189, 248, 0.3);\n  color: #38BDF8; font-family: 'JetBrains Mono', monospace; font-size: 10.5px;\n  font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 16px;\n}\n.icliqq-card-title { font-size: 22px; font-weight: 700; color: #FFFFFF; margin: 0 0 12px 0; letter-spacing: -0.4px; line-height: 1.3; }\n.icliqq-card-desc { font-size: 14px; line-height: 1.65; color: #CBD5E1; margin: 0 0 22px 0; }\n\n.icliqq-vector-mockup {\n  background: #040711; border: 1px solid rgba(56, 189, 248, 0.25);\n  border-radius: 14px; padding: 20px 22px; margin-top: 20px;\n}\n.icliqq-mockup-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n.icliqq-mockup-pill-left {\n  display: inline-flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', monospace;\n  font-size: 11px; font-weight: 600; color: #E2E8F0;\n}\n.icliqq-mockup-pill-left span.badge {\n  background: #38BDF8; color: #070B14; font-size: 9.5px; font-weight: 800; padding: 2px 6px; border-radius: 4px;\n}\n.icliqq-mockup-pill-right {\n  font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: #10B981;\n  font-weight: 700; display: flex; align-items: center; gap: 6px;\n}\n.icliqq-mockup-dot { width: 6px; height: 6px; border-radius: 50%; background: #10B981; box-shadow: 0 0 8px #10B981; }\n\n.icliqq-mockup-body { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }\n.icliqq-mockup-box {\n  background: rgba(15, 23, 42, 0.8); border: 1px dashed rgba(56, 189, 248, 0.3);\n  border-radius: 10px; padding: 16px 12px; text-align: center;\n}\n.icliqq-mockup-box h5 { font-size: 13px; font-weight: 700; margin: 0 0 4px 0; color: #FFFFFF; }\n.icliqq-mockup-box p { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: #94A3B8; margin: 0; }\n.icliqq-mockup-arrow { color: #38BDF8; font-size: 20px; font-weight: 800; text-shadow: 0 0 10px rgba(56, 189, 248, 0.5); }\n\n.icliqq-card-features { list-style: none; padding: 0; margin: 0 0 20px 0; }\n.icliqq-card-features li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #CBD5E1; margin-bottom: 10px; }\n.icliqq-card-features li span.check { color: #10B981; font-weight: 800; font-size: 14px; }\n\n.icliqq-card-action-link {\n  display: inline-flex; align-items: center; gap: 6px; color: #38BDF8 !important;\n  font-size: 13px; font-weight: 700; text-decoration: none !important; transition: transform 0.2s;\n}\n.icliqq-card-action-link:hover { transform: translateX(4px); color: #FFFFFF !important; }\n\n@media (max-width: 900px) {\n  .icliqq-bento-grid { grid-template-columns: 1fr; }\n  .icliqq-bento-wide { grid-column: 1 \/ 2; grid-row: auto; }\n  .icliqq-kpi-bar { gap: 16px; padding: 14px; }\n}\n@media (max-width: 600px) {\n  .icliqq-mockup-body { grid-template-columns: 1fr !important; gap: 10px !important; justify-items: center !important; }\n}\n<\/style>\n\n<div class=\"icliqq-features-hero-section\" id=\"vector-engine\">\n  <div class=\"icliqq-hero-mesh-glow\"><\/div>\n  <div class=\"icliqq-features-container\">\n    <div class=\"icliqq-features-header\">\n      <div class=\"icliqq-features-badge\"><span class=\"dot\"><\/span> Core Architecture \/\/ v5.2 Kernel<\/div>\n      <h2 class=\"icliqq-features-title\">Native Vector Engine.<br><span class=\"gradient-text\">Zero Tracing. Zero Errors.<\/span><\/h2>\n      <p class=\"icliqq-features-subtitle\">i-Cliqq bridges vector artwork directly to multi-head industrial embroidery machines. Built for commercial digitizers who refuse to waste hours repairing jagged lines and stitch gaps.<\/p>\n      <div class=\"icliqq-kpi-bar\">\n        <div class=\"icliqq-kpi-item\"><span class=\"icliqq-kpi-val green\">99.8%<\/span><span class=\"icliqq-kpi-lbl\">First-Run Sew Success<\/span><\/div>\n        <div class=\"icliqq-kpi-item\"><span class=\"icliqq-kpi-val cyan\">10x<\/span><span class=\"icliqq-kpi-lbl\">Faster Vector Conversion<\/span><\/div>\n        <div class=\"icliqq-kpi-item\"><span class=\"icliqq-kpi-val purple\">100%<\/span><span class=\"icliqq-kpi-lbl\">Illustrator &amp; Corel Sync<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"icliqq-bento-grid\">\n      <div class=\"icliqq-bento-card icliqq-bento-wide\">\n        <div>\n          <span class=\"icliqq-card-tag\">Core Technology<\/span>\n          <h3 class=\"icliqq-card-title\">Direct Clipboard Vector Exchange<\/h3>\n          <p class=\"icliqq-card-desc\">Copy native B\u00e9zier curves directly from Adobe Illustrator or CorelDRAW and paste straight into i-Cliqq. No intermediate DXF exports, no raster tracing artifacts, and zero manual node reconstruction.<\/p>\n          <ul class=\"icliqq-card-features\">\n            <li><span class=\"check\">\u2713<\/span> 1:1 B\u00e9zier node retention with mathematical metric precision<\/li>\n            <li><span class=\"check\">\u2713<\/span> Instant conversion from vector fills to satin, tatami, or run stitches<\/li>\n            <li><span class=\"check\">\u2713<\/span> Automatic gradient angle mapping across complex curves<\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <div class=\"icliqq-vector-mockup\">\n            <div class=\"icliqq-mockup-header\">\n              <div class=\"icliqq-mockup-pill-left\"><span class=\"badge\">LIVE SYNC<\/span><span>[Ctrl + C] &bull; [Ctrl + V] Pipeline<\/span><\/div>\n              <div class=\"icliqq-mockup-pill-right\"><span class=\"icliqq-mockup-dot\"><\/span><span>Bidirectional Active<\/span><\/div>\n            <\/div>\n            <div class=\"icliqq-mockup-body\">\n              <div class=\"icliqq-mockup-box\"><h5>Illustrator \/ Corel<\/h5><p>Native B\u00e9zier Vectors (.AI \/ .CDR)<\/p><\/div>\n              <div class=\"icliqq-mockup-arrow\">\u2794<\/div>\n              <div class=\"icliqq-mockup-box\"><h5>i-Cliqq Engine<\/h5><p>Precision Industrial Stitches<\/p><\/div>\n            <\/div>\n          <\/div>\n          <a href=\"#demo-modal\" class=\"icliqq-card-action-link open-demo-popup\"><span>Test Vector Clipboard in 14-Day Evaluation<\/span> &rarr;<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"icliqq-bento-card\">\n        <div>\n          <span class=\"icliqq-card-tag\">Precision Algorithm<\/span>\n          <h3 class=\"icliqq-card-title\">Mathematical Curve Smoothing<\/h3>\n          <p class=\"icliqq-card-desc\">Intelligent node reduction smooths jagged curves and eliminates micro-staggers on high-speed industrial heads up to 1,200 SPM.<\/p>\n          <ul class=\"icliqq-card-features\">\n            <li><span class=\"check\">\u2713<\/span> Automatic node count optimization<\/li>\n            <li><span class=\"check\">\u2713<\/span> Smooth satin edge contouring<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"icliqq-bento-card\">\n        <div>\n          <span class=\"icliqq-card-tag\">Industrial Intelligence<\/span>\n          <h3 class=\"icliqq-card-title\">Dynamic Pull Compensation<\/h3>\n          <p class=\"icliqq-card-desc\">Real-time tension compensation dynamically counteracts fabric distortion on piqu\u00e9, fleece, and stretch spandex before needle piercing.<\/p>\n          <ul class=\"icliqq-card-features\">\n            <li><span class=\"check\">\u2713<\/span> Zero fabric puckering or registration gaps<\/li>\n            <li><span class=\"check\">\u2713<\/span> Preset density profiles for 50+ fabric types<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-226c9fa e-flex e-con-boxed e-con e-parent\" data-id=\"226c9fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab8c79 elementor-widget elementor-widget-html\" data-id=\"2ab8c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');\n\n\/* Section Root - Seamless & No Square Box *\/\n.icliqq-embellish-section {\n  position: relative;\n  width: 100%;\n  max-width: 1240px;\n  margin: 30px auto 60px;\n  background: transparent !important;\n  color: #FFFFFF;\n  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  padding: 30px 20px 20px;\n  box-sizing: border-box;\n  overflow: visible;\n  border-top: none !important;\n}\n\n\/* Ambient Backlight in depth *\/\n.icliqq-embellish-glow {\n  position: absolute;\n  top: -60px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 800px;\n  height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.08) 0%, rgba(108, 92, 231, 0.06) 50%, transparent 70%);\n  filter: blur(85px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.icliqq-embellish-container {\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n  z-index: 1;\n}\n\n\/* Header *\/\n.icliqq-embellish-header {\n  text-align: center;\n  max-width: 820px;\n  margin: 0 auto 50px auto;\n}\n\n.icliqq-embellish-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 5px 14px;\n  border-radius: 9999px;\n  background: rgba(16, 185, 129, 0.12);\n  border: 1px solid rgba(16, 185, 129, 0.35);\n  color: #34D399;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n\n.icliqq-embellish-badge span.dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #10B981;\n  box-shadow: 0 0 8px #10B981;\n}\n\n.icliqq-embellish-title {\n  font-size: clamp(32px, 4.5vw, 48px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -1px;\n  margin: 0 0 16px 0;\n  color: #FFFFFF;\n}\n\n.icliqq-embellish-title span.gradient-text {\n  background: linear-gradient(135deg, #FFFFFF 40%, #A29BFE 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.icliqq-embellish-subtitle {\n  font-size: 15px;\n  line-height: 1.65;\n  color: #CBD5E1;\n  margin: 0 auto 30px auto;\n  max-width: 720px;\n}\n\n\/* Asymmetric Bento Grid *\/\n.icliqq-embellish-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.25fr;\n  gap: 24px;\n  align-items: stretch;\n}\n\n.icliqq-left-stack {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n\/* Glassmorphic Cards *\/\n.icliqq-emb-card {\n  position: relative;\n  background: rgba(15, 23, 42, 0.75);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 20px;\n  padding: 36px 32px;\n  overflow: hidden;\n  box-sizing: border-box;\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.7);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.icliqq-emb-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(56, 189, 248, 0.4);\n  box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.85), 0 0 20px rgba(56, 189, 248, 0.12);\n}\n\n\/* Card Tags *\/\n.icliqq-emb-tag {\n  display: inline-block;\n  padding: 4px 10px;\n  border-radius: 6px;\n  background: rgba(108, 92, 231, 0.15);\n  border: 1px solid rgba(162, 155, 254, 0.3);\n  color: #A29BFE;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.6px;\n  margin-bottom: 16px;\n  width: fit-content;\n}\n\n.icliqq-emb-card h3 {\n  font-size: 22px;\n  font-weight: 700;\n  color: #FFFFFF;\n  margin: 0 0 12px 0;\n  letter-spacing: -0.4px;\n  line-height: 1.3;\n}\n\n.icliqq-emb-card p {\n  font-size: 14px;\n  line-height: 1.65;\n  color: #CBD5E1;\n  margin: 0 0 22px 0;\n}\n\n\/* High-End Clean Checkmark List (Replaces clunky unicode) *\/\n.icliqq-spec-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.icliqq-spec-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13.5px;\n  color: #E2E8F0;\n  line-height: 1.5;\n}\n\n.icliqq-check-svg {\n  width: 17px;\n  height: 17px;\n  flex-shrink: 0;\n}\n\n\/* Right Sequin Hardware Console *\/\n.icliqq-sequin-console {\n  background: #040711;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 14px;\n  padding: 18px 20px;\n  margin-top: 26px;\n  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6);\n}\n\n.icliqq-console-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 14px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n}\n\n.icliqq-console-header .proto {\n  color: #94A3B8;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n\n.icliqq-console-header .status {\n  color: #10B981;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n}\n\n.icliqq-console-chips {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.icliqq-chip-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(15, 23, 42, 0.85);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  padding: 7px 12px;\n  border-radius: 8px;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11.5px;\n  color: #E2E8F0;\n  font-weight: 600;\n}\n\n.icliqq-dot-gold {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #F59E0B;\n  box-shadow: 0 0 8px #F59E0B;\n}\n\n@media (max-width: 900px) {\n  .icliqq-embellish-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<div class=\"icliqq-embellish-section\" id=\"embellishments\">\n  <div class=\"icliqq-embellish-glow\"><\/div>\n  <div class=\"icliqq-embellish-container\">\n    \n    <!-- Section Header -->\n    <div class=\"icliqq-embellish-header\">\n      <div class=\"icliqq-embellish-badge\">\n        <span class=\"dot\"><\/span>\n        SPECIALTY STITCH LABORATORY\n      <\/div>\n      <h2 class=\"icliqq-embellish-title\">\n        High-End Embellishments.<br>\n        <span class=\"gradient-text\">Precision Without Thread Breaks.<\/span>\n      <\/h2>\n      <p class=\"icliqq-embellish-subtitle\">\n        Engineered for luxury fashion, sportswear, and cap manufacturing. Command single and twin sequins, high-density 3D puff foam, and automated stitch splitting with total mechanical control.\n      <\/p>\n    <\/div>\n\n    <!-- Asymmetric Bento Grid -->\n    <div class=\"icliqq-embellish-grid\">\n      \n      <!-- Left Column: 3D Puff & Auto-Split Stack -->\n      <div class=\"icliqq-left-stack\">\n        \n        <!-- Card 1: 3D Foam -->\n        <div class=\"icliqq-emb-card\">\n          <div>\n            <span class=\"icliqq-emb-tag\">3D Foam Technology<\/span>\n            <h3>High-Relief 3D Puff<\/h3>\n            <p>Automated capping and edge-lock underlays seal embroidery foam completely. Eliminates ragged foam edges and visible underlay on high-profile caps and heavy hoodies.<\/p>\n            <ul class=\"icliqq-spec-list\">\n              <li class=\"icliqq-spec-item\">\n                <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <span>Automated open-end capping<\/span>\n              <\/li>\n              <li class=\"icliqq-spec-item\">\n                <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <span>Variable edge density compensation<\/span>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2: Auto-Split -->\n        <div class=\"icliqq-emb-card\">\n          <div>\n            <span class=\"icliqq-emb-tag\">Fibers &amp; Needle Protection<\/span>\n            <h3>Auto-Split &amp; Spiral Fills<\/h3>\n            <p>Intelligent stitch splitting breaks long spans over 12mm into structural stitches. Prevents needle deflection, fabric cutting, and thread stress on delicate silks and linens.<\/p>\n            <ul class=\"icliqq-spec-list\">\n              <li class=\"icliqq-spec-item\">\n                <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <span>Dynamic stitch length bounding<\/span>\n              <\/li>\n              <li class=\"icliqq-spec-item\">\n                <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <span>Spiral fills following vector paths<\/span>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right Column: Single & Twin Sequin Tall Card -->\n      <div class=\"icliqq-emb-card\" style=\"justify-content: space-between;\">\n        <div>\n          <span class=\"icliqq-emb-tag\">Fashion &amp; Luxury<\/span>\n          <h3 style=\"font-size: 24px;\">Single &amp; Twin Sequin Automation<\/h3>\n          <p>Full synchronization with dual-device sequin attachments on Tajima, Barudan, and SWF machinery. Supports multiple sequin diameters (2mm to 9mm) with automated overlap and angle correction along Bezier contours.<\/p>\n          <ul class=\"icliqq-spec-list\">\n            <li class=\"icliqq-spec-item\">\n              <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span>Dual-diameter sequin alternation (e.g. 3mm + 5mm)<\/span>\n            <\/li>\n            <li class=\"icliqq-spec-item\">\n              <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span>Real-time collision detection and hole centering<\/span>\n            <\/li>\n            <li class=\"icliqq-spec-item\">\n              <svg class=\"icliqq-check-svg\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10.5L8 14.5L16 5.5\" stroke=\"#10B981\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span>Reversible flip sequin mapping for interactive garments<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Machine Protocol Console -->\n        <div class=\"icliqq-sequin-console\">\n          <div class=\"icliqq-console-header\">\n            <span class=\"proto\">DEVICE PROTOCOL \/\/ TAJIMA &amp; BARUDAN DUAL-FEED<\/span>\n            <span class=\"status\">ACTIVE \/\/ 0% DROP RATE<\/span>\n          <\/div>\n          <div class=\"icliqq-console-chips\">\n            <div class=\"icliqq-chip-item\"><span class=\"icliqq-dot-gold\"><\/span> 3mm Gold Sequin<\/div>\n            <div class=\"icliqq-chip-item\">5mm Holographic Twin<\/div>\n            <div class=\"icliqq-chip-item\">Automatic Overlap (0.4mm)<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9384b6a e-flex e-con-boxed e-con e-parent\" data-id=\"9384b6a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4909198 elementor-widget elementor-widget-html\" data-id=\"4909198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');\n\n\/* Seamless Architecture - Kills the square container box entirely *\/\n.icliqq-automation-section {\n  position: relative;\n  width: 100%;\n  max-width: 1240px;\n  margin: 30px auto 60px;\n  background: transparent !important;\n  color: #FFFFFF;\n  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  padding: 30px 20px 20px;\n  box-sizing: border-box;\n  overflow: visible;\n  border-top: none !important;\n}\n\n\/* Ambient Shop-Floor Lighting *\/\n.icliqq-auto-mesh-glow {\n  position: absolute;\n  top: -80px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 850px;\n  height: 420px;\n  border-radius: 50%;\n  background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.12) 0%, rgba(56, 189, 248, 0.06) 50%, transparent 70%);\n  filter: blur(85px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.icliqq-automation-container {\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n  z-index: 1;\n}\n\n\/* Header *\/\n.icliqq-automation-header {\n  text-align: center;\n  max-width: 820px;\n  margin: 0 auto 50px auto;\n}\n\n.icliqq-automation-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 5px 14px;\n  border-radius: 9999px;\n  background: rgba(99, 102, 241, 0.14);\n  border: 1px solid rgba(162, 155, 254, 0.35);\n  color: #C4B5FD;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11.5px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n\n.icliqq-automation-badge span.dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #A855F7;\n  box-shadow: 0 0 8px #A855F7;\n}\n\n.icliqq-automation-title {\n  font-size: clamp(32px, 4.5vw, 48px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -1px;\n  margin: 0 0 16px 0;\n  color: #FFFFFF;\n}\n\n.icliqq-automation-title span.gradient-text {\n  background: linear-gradient(135deg, #FFFFFF 40%, #A29BFE 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.icliqq-automation-desc {\n  font-size: 15px;\n  line-height: 1.65;\n  color: #CBD5E1;\n  margin: 0 auto;\n  max-width: 720px;\n}\n\n\/* 3-Card Automation Grid *\/\n.icliqq-automation-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 40px;\n}\n\n.icliqq-auto-card {\n  position: relative;\n  background: rgba(11, 19, 43, 0.75);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 22px;\n  padding: 36px 30px;\n  overflow: hidden;\n  box-sizing: border-box;\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.7);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.icliqq-auto-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(56, 189, 248, 0.45);\n  box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.85), 0 0 20px rgba(56, 189, 248, 0.15);\n}\n\n.icliqq-auto-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: 12px;\n  background: rgba(56, 189, 248, 0.12);\n  border: 1px solid rgba(56, 189, 248, 0.3);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  margin-bottom: 22px;\n  color: #38BDF8;\n}\n\n.icliqq-auto-card h3 {\n  font-size: 21px;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n  color: #FFFFFF;\n  letter-spacing: -0.4px;\n  line-height: 1.3;\n}\n\n.icliqq-auto-card p {\n  font-size: 14px;\n  line-height: 1.65;\n  color: #CBD5E1;\n  margin: 0 0 24px 0;\n  flex-grow: 1;\n}\n\n.icliqq-auto-metric {\n  padding-top: 16px;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11.5px;\n  font-weight: 700;\n}\n\n.icliqq-auto-metric span.lbl {\n  color: #94A3B8;\n  font-size: 10px;\n  text-transform: uppercase;\n}\n\n.icliqq-auto-metric span.val {\n  color: #10B981;\n}\n\n\/* Comprehensive Format Hub *\/\n.icliqq-formats-hub {\n  background: linear-gradient(135deg, rgba(30, 24, 66, 0.8) 0%, rgba(11, 19, 43, 0.95) 100%);\n  border: 1px solid rgba(162, 155, 254, 0.35);\n  border-radius: 22px;\n  padding: 38px 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  flex-wrap: wrap;\n  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.85), 0 0 25px rgba(108, 92, 231, 0.15);\n  backdrop-filter: blur(16px);\n  box-sizing: border-box;\n}\n\n.icliqq-formats-left h3 {\n  font-size: 22px;\n  font-weight: 800;\n  margin: 0 0 8px 0;\n  color: #FFFFFF;\n  letter-spacing: -0.4px;\n}\n\n.icliqq-formats-left p {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #CBD5E1;\n  margin: 0;\n  max-width: 500px;\n}\n\n.icliqq-format-tags {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.icliqq-format-tag {\n  background: rgba(7, 11, 20, 0.85);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  padding: 8px 14px;\n  border-radius: 10px;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 12px;\n  font-weight: 700;\n  color: #FFFFFF;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n}\n\n.icliqq-format-tag span.badge {\n  font-size: 9.5px;\n  font-weight: 700;\n  padding: 2px 6px;\n  border-radius: 4px;\n  text-transform: uppercase;\n}\n\n.icliqq-badge-tajima { background: rgba(56, 189, 248, 0.15); color: #38BDF8; }\n.icliqq-badge-barudan { background: rgba(245, 158, 11, 0.15); color: #F59E0B; }\n.icliqq-badge-happy { background: rgba(16, 185, 129, 0.15); color: #10B981; }\n.icliqq-badge-zsk { background: rgba(168, 85, 247, 0.15); color: #C084FC; }\n.icliqq-badge-sec { background: rgba(239, 68, 68, 0.15); color: #F87171; border: 1px solid rgba(239, 68, 68, 0.3); }\n\n@media (max-width: 960px) {\n  .icliqq-automation-grid {\n    grid-template-columns: 1fr;\n  }\n  .icliqq-formats-hub {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style>\n\n<div class=\"icliqq-automation-section\" id=\"compatibility\">\n  <div class=\"icliqq-auto-mesh-glow\"><\/div>\n  <div class=\"icliqq-automation-container\">\n    \n    <!-- Section Header -->\n    <div class=\"icliqq-automation-header\">\n      <div class=\"icliqq-automation-badge\">\n        <span class=\"dot\"><\/span>\n        SHOP-FLOOR AUTOMATION \/\/ HIGH-OUTPUT DISPATCH\n      <\/div>\n      <h2 class=\"icliqq-automation-title\">\n        Engineered for Maximum Factory Output.<br>\n        <span class=\"gradient-text\">Zero Seconds Wasted.<\/span>\n      <\/h2>\n      <p class=\"icliqq-automation-desc\">\n        Eliminate unproductive machine travels, USB flash drive failures, and shop-floor file confusion. i-Cliqq links directly to machine controllers to accelerate every production shift.\n      <\/p>\n    <\/div>\n\n    <!-- 3 High-Value Factory Pillar Cards -->\n    <div class=\"icliqq-automation-grid\">\n      \n      <!-- Card 1: Direct Happy LAN -->\n      <div class=\"icliqq-auto-card\">\n        <div>\n          <div class=\"icliqq-auto-icon\">\ud83c\udf10<\/div>\n          <h3>Direct Happy LAN Link<\/h3>\n          <p>\n            Transmit stitch data directly over local Ethernet to HappyJapan machines. Automatically maps needle bars 1\u201315 and eliminates corrupted USB flash drives entirely.\n          <\/p>\n        <\/div>\n        <div class=\"icliqq-auto-metric\">\n          <span class=\"lbl\">NETWORK DISPATCH<\/span>\n          <span class=\"val\">Zero USB Latency<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Barcode \/ QR Work Order -->\n      <div class=\"icliqq-auto-card\">\n        <div>\n          <div class=\"icliqq-auto-icon\">\ud83d\udcf1<\/div>\n          <h3>Barcode &amp; QR Work Orders<\/h3>\n          <p>\n            Operators scan printed work order sheets directly on the production floor. The machine instantly loads the verified design file with zero manual keyboard searching.\n          <\/p>\n        <\/div>\n        <div class=\"icliqq-auto-metric\">\n          <span class=\"lbl\">SETUP SPEED<\/span>\n          <span class=\"val\">2-Second Retrieval<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Encrypted DHE IP Protection -->\n      <div class=\"icliqq-auto-card\">\n        <div>\n          <div class=\"icliqq-auto-icon\">\ud83d\udee1\ufe0f<\/div>\n          <h3>Encrypted .DHE IP Guard<\/h3>\n          <p>\n            Lock proprietary commercial stitch files to machine controllers without exposing raw vector nodes. Prevents factory-floor design theft during high-volume production shifts.\n          <\/p>\n        <\/div>\n        <div class=\"icliqq-auto-metric\">\n          <span class=\"lbl\">COMMERCIAL IP<\/span>\n          <span class=\"val\">Hardware Encrypted<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Universal Industrial Format Hub (Complete & Comprehensive) -->\n    <div class=\"icliqq-formats-hub\">\n      <div class=\"icliqq-formats-left\">\n        <h3>Universal Industrial Format Hub<\/h3>\n        <p>Direct controller execution without secondary translation software. Complete command embedding for needle changes, trims, and multi-device signals.<\/p>\n      <\/div>\n      <div class=\"icliqq-format-tags\">\n        <div class=\"icliqq-format-tag\">.DST <span class=\"badge icliqq-badge-tajima\">Tajima<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.DHE <span class=\"badge icliqq-badge-sec\">Encrypted IP<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.DAT \/ .U01 <span class=\"badge icliqq-badge-barudan\">Barudan<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.TAP LAN <span class=\"badge icliqq-badge-happy\">HappyJapan<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.PES <span class=\"badge icliqq-badge-tajima\">Brother<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.DSZ <span class=\"badge icliqq-badge-zsk\">ZSK<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.SST <span class=\"badge icliqq-badge-barudan\">SWF<\/span><\/div>\n        <div class=\"icliqq-format-tag\">.EXP <span class=\"badge icliqq-badge-happy\">Melco<\/span><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OFFICIAL 2026 SPECIFICATION &bull; V5.2 KERNEL 35 Next-Gen Engineering Breakthroughs Explore all 35 proprietary mathematical CAD algorithms, luxury device controllers, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":37,"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/pages\/159\/revisions\/545"}],"wp:attachment":[{"href":"https:\/\/newicliqq.i-cliqq.com\/fr\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}