{"id":3798,"date":"2025-12-23T05:46:07","date_gmt":"2025-12-23T05:46:07","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=3798"},"modified":"2026-01-16T15:25:00","modified_gmt":"2026-01-16T15:25:00","slug":"resources","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/th\/resources\/","title":{"rendered":"\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3798\" class=\"elementor elementor-3798\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c17e5fa e-con-full e-flex e-con e-parent\" data-id=\"c17e5fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e0b288 e-con-full e-flex e-con e-child\" data-id=\"0e0b288\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc9aba elementor-widget elementor-widget-html\" data-id=\"7bc9aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================================================\r\n     MESOFORMING RESOURCE CENTER - OPTIMIZED CORE\r\n     Status: Production Ready | 2025 Standard\r\n     Context: Isolated Shadow-DOM-like Behavior\r\n     ======================================================= -->\r\n\r\n<!-- 1. SEO Structure Data (JSON-LD) -->\r\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"TechArticle\",\n    \"headline\": \"Mesoforming Resource Center\",\n    \"description\": \"Technical resources, ROI calculator, and factory tour for Mesoforming technology.\",\n    \"author\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Mesoforming\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Mesoforming\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/mesoforming.com\\\/logo.png\"\n        }\n    }\n}<\/script>\r\n\r\n<!-- 2. Optimized Styles (Strict Isolation) -->\r\n<style>\r\n    \/* --- CRITICAL: ISOLATION CONTAINER --- *\/\r\n    #meso-hub-root {\r\n        \/* CSS Variables - Local Scope *\/\r\n        --meso-grad: linear-gradient(135deg, #711be1 0%, #4a00b0 100%);\r\n        --meso-solid: #5e0ec2;\r\n        --meso-accent: #ff6b00;\r\n        --meso-accent-h: #e65c00;\r\n        --meso-bg-light: #f8f9fa;\r\n        --meso-bg-white: #ffffff;\r\n        --meso-text-dark: #212529;\r\n        --meso-text-grey: #495057;\r\n        --meso-text-light: #868e96;\r\n        --meso-border: #e9ecef;\r\n        --meso-max-w: 1200px;\r\n        --meso-rad: 12px;\r\n        --meso-shad: 0 10px 30px rgba(113, 27, 225, 0.15);\r\n        \r\n        \/* Layout Reset & Protection *\/\r\n        all: initial; \/* Resets inherited WP styles *\/\r\n        display: block;\r\n        width: 100%;\r\n        max-width: 100vw;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n        isolation: isolate; \/* Creates new stacking context - Fixes Z-Index issues *\/\r\n        clear: both; \/* Prevents float overlap *\/\r\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #212529;\r\n        background-color: #f8f9fa;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- DEEP RESET INSIDE SCOPE --- *\/\r\n    #meso-hub-root * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    #meso-hub-root h1, #meso-hub-root h2, #meso-hub-root h3, \r\n    #meso-hub-root h4, #meso-hub-root h5, #meso-hub-root p,\r\n    #meso-hub-root span, #meso-hub-root div, #meso-hub-root a {\r\n        font-family: inherit;\r\n        line-height: 1.4;\r\n        color: inherit;\r\n    }\r\n\r\n    #meso-hub-root ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n    #meso-hub-root a { text-decoration: none !important; color: inherit; transition: 0.3s; box-shadow: none !important; }\r\n    #meso-hub-root img { max-width: 100%; display: block; height: auto; border: none; }\r\n    \r\n    \/* Font Awesome Fix if loaded by theme *\/\r\n    #meso-hub-root .fa, #meso-hub-root .fas, #meso-hub-root .fa-solid, \r\n    #meso-hub-root .fa-regular, #meso-hub-root .far {\r\n        font-family: \"Font Awesome 6 Free\", \"Font Awesome 5 Free\", sans-serif !important;\r\n        font-weight: 900;\r\n        line-height: 1;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* --- LAYOUT UTILITIES --- *\/\r\n    #meso-hub-root .meso-container {\r\n        max-width: var(--meso-max-w);\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    #meso-hub-root .meso-section { padding: 80px 0; border-bottom: 1px solid var(--meso-border); background-color: var(--meso-bg-white); }\r\n    #meso-hub-root .meso-bg-offset { background-color: #f1f3f5; }\r\n\r\n    \/* --- TYPOGRAPHY --- *\/\r\n    #meso-hub-root .meso-sec-title { text-align: center; margin-bottom: 60px; width: 100%; }\r\n    #meso-hub-root .meso-sec-title h2 {\r\n        font-size: 2.5rem; font-weight: 700; color: var(--meso-text-dark);\r\n        margin-bottom: 15px; position: relative; display: inline-block;\r\n    }\r\n    #meso-hub-root .meso-sec-title h2::after {\r\n        content: ''; display: block; width: 60px; height: 4px;\r\n        background: var(--meso-grad); margin: 10px auto 0; border-radius: 2px;\r\n    }\r\n    #meso-hub-root .meso-sec-title p { color: var(--meso-text-grey); font-size: 1.1rem; margin-top: 10px; }\r\n\r\n    \/* --- BUTTONS --- *\/\r\n    #meso-hub-root .meso-btn {\r\n        display: inline-block; padding: 12px 30px; font-weight: 500;\r\n        border-radius: 6px; cursor: pointer; text-transform: uppercase;\r\n        letter-spacing: 0.5px; font-size: 0.9rem; border: none;\r\n        position: relative; overflow: hidden; transition: all 0.3s ease;\r\n        text-align: center; color: white !important;\r\n    }\r\n    #meso-hub-root .meso-btn-pri { background: var(--meso-grad); box-shadow: 0 4px 15px rgba(113, 27, 225, 0.3); }\r\n    #meso-hub-root .meso-btn-pri:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(113, 27, 225, 0.5); }\r\n    \r\n    #meso-hub-root .meso-btn-acc { background-color: var(--meso-accent); }\r\n    #meso-hub-root .meso-btn-acc:hover { background-color: var(--meso-accent-h); transform: translateY(-3px); }\r\n    \r\n    #meso-hub-root .meso-link-arrow {\r\n        display: inline-flex; align-items: center; font-weight: 600;\r\n        color: var(--meso-solid) !important; margin-top: 20px; font-size: 1rem; cursor: pointer;\r\n    }\r\n    #meso-hub-root .meso-link-arrow i { margin-left: 8px; transition: 0.3s; }\r\n    #meso-hub-root .meso-link-arrow:hover i { transform: translateX(5px); }\r\n\r\n    \/* --- HERO SECTION --- *\/\r\n    #meso-hub-root .meso-hero {\r\n        position: relative; height: 70vh; min-height: 500px;\r\n        background: #1a1a1a; color: white; display: flex;\r\n        align-items: center; justify-content: center; text-align: center;\r\n        z-index: 1; \/* Local stack *\/\r\n    }\r\n    #meso-hub-root .meso-hero-bg { position: absolute; inset: 0; display: flex; opacity: 0.4; pointer-events: none; z-index: 0; }\r\n    #meso-hub-root .meso-hero-bg div { flex: 1; background-size: cover; background-position: center; }\r\n    #meso-hub-root .meso-hero-content { position: relative; z-index: 2; width: 100%; padding: 0 20px; }\r\n    #meso-hub-root .meso-hero-title { font-size: 3.5rem; font-weight: 900; margin-bottom: 20px; line-height: 1.2; }\r\n    \r\n    #meso-hub-root .meso-crumbs {\r\n        display: flex; justify-content: center; align-items: center; gap: 10px;\r\n        font-size: 0.9rem; background: rgba(255,255,255,0.1); padding: 8px 20px;\r\n        border-radius: 20px; width: fit-content; margin: 0 auto; backdrop-filter: blur(5px);\r\n    }\r\n    #meso-hub-root .meso-crumbs a { color: rgba(255,255,255,0.8); }\r\n    #meso-hub-root .meso-crumbs a:hover { color: white; text-decoration: underline !important; }\r\n    \r\n    @keyframes mesoBounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }\r\n    #meso-hub-root .meso-scroll-icon { margin-top: 40px; font-size: 2rem; animation: mesoBounce 2s infinite; color: white; }\r\n\r\n    \/* --- NAV CARDS (Negative Margin Fix) --- *\/\r\n    #meso-hub-root .meso-nav-wrap { \r\n        margin-top: -100px; \r\n        position: relative; \r\n        z-index: 5; \/* Above Hero *\/\r\n        padding-bottom: 80px; \r\n        background: transparent;\r\n    }\r\n    #meso-hub-root .meso-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\r\n    \r\n    #meso-hub-root .meso-nav-card {\r\n        background: var(--meso-bg-white); border-radius: var(--meso-rad); overflow: hidden;\r\n        box-shadow: var(--meso-shad); transition: all 0.4s ease; position: relative;\r\n        display: flex; flex-direction: column; height: 100%;\r\n    }\r\n    #meso-hub-root .meso-nav-card:hover { transform: translateY(-15px); }\r\n    #meso-hub-root .meso-nav-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--meso-grad); z-index: 2; }\r\n    \r\n    #meso-hub-root .meso-card-img { height: 200px; background-size: cover; background-position: center; position: relative; width: 100%; }\r\n    #meso-hub-root .meso-img-overlay { position: absolute; inset:0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6)); }\r\n    \r\n    #meso-hub-root .meso-nav-icon {\r\n        width: 60px; height: 60px; background: var(--meso-bg-light); border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center; font-size: 1.5rem;\r\n        color: var(--meso-solid); margin: -30px auto 20px; position: relative; z-index: 5;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n    }\r\n    #meso-hub-root .meso-nav-body { padding: 30px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }\r\n    #meso-hub-root .meso-nav-title { font-size: 1.5rem; margin-bottom: 15px; font-weight: 700; color: #333; }\r\n    #meso-hub-root .meso-nav-text { color: var(--meso-text-grey); margin-bottom: 25px; font-size: 0.95rem; }\r\n\r\n    \/* --- CALCULATOR --- *\/\r\n    #meso-hub-root .meso-calc-box {\r\n        background: var(--meso-bg-white); border-radius: var(--meso-rad); box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n        padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; border: 1px solid var(--meso-border);\r\n    }\r\n    #meso-hub-root .meso-input-grp { margin-bottom: 20px; position: relative; }\r\n    #meso-hub-root .meso-input-grp label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; }\r\n    #meso-hub-root .meso-input-grp i {\r\n        position: absolute; left: 15px; top: 48px; transform: translateY(-20%);\r\n        color: var(--meso-solid); font-size: 1.1rem; pointer-events: none;\r\n    }\r\n    #meso-hub-root .meso-input {\r\n        width: 100%; padding: 12px 12px 12px 45px; border: 1px solid #ced4da;\r\n        border-radius: 6px; font-size: 1rem; height: 50px; background: white; color: #333;\r\n        outline: none; transition: 0.3s;\r\n    }\r\n    #meso-hub-root .meso-input:focus { border-color: var(--meso-solid); box-shadow: 0 0 0 3px rgba(113, 27, 225, 0.1); }\r\n\r\n    #meso-hub-root .meso-calc-res {\r\n        background: var(--meso-grad); color: white; border-radius: var(--meso-rad); padding: 40px;\r\n        display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;\r\n        box-shadow: var(--meso-shad); min-height: 400px; position: relative;\r\n    }\r\n    #meso-hub-root .meso-res-val { font-size: 3.5rem; font-weight: 900; margin: 15px 0; line-height: 1; text-shadow: 0 4px 10px rgba(0,0,0,0.2); }\r\n    \r\n    #meso-hub-root .meso-rep-table { width: 100%; margin-top: 30px; border-collapse: separate; border-spacing: 0 10px; font-size: 1rem; color: white; }\r\n    #meso-hub-root .meso-rep-table td { padding: 12px; background: rgba(255,255,255,0.1); border: none; }\r\n    #meso-hub-root .meso-rep-table td:first-child { border-radius: 6px 0 0 6px; text-align: left; }\r\n    #meso-hub-root .meso-rep-table td:last-child { text-align: right; font-weight: 700; border-radius: 0 6px 6px 0; }\r\n\r\n    \/* --- TABLE --- *\/\r\n    #meso-hub-root .meso-table-wrap { overflow-x: auto; margin-top: 50px; border-radius: var(--meso-rad); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\r\n    #meso-hub-root .meso-comp-table { width: 100%; border-collapse: collapse; background: white; min-width: 600px; }\r\n    #meso-hub-root .meso-comp-table th, #meso-hub-root .meso-comp-table td { padding: 20px; text-align: left; border-bottom: 1px solid var(--meso-border); color: #333; }\r\n    #meso-hub-root .meso-comp-table th { background: #f8f9fa; text-transform: uppercase; font-size: 0.9rem; font-weight: 700; }\r\n    #meso-hub-root .meso-col-brand { background-color: rgba(113, 27, 225, 0.05); border-left: 2px solid var(--meso-solid); font-weight: 500; color: var(--meso-solid) !important; }\r\n    #meso-hub-root .meso-comp-table th.meso-col-brand { background: var(--meso-solid); color: white !important; }\r\n\r\n    \/* --- GALLERY --- *\/\r\n    #meso-hub-root .meso-gal-card {\r\n        background: white; padding: 15px; border-radius: 12px;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: 0.4s; cursor: pointer;\r\n    }\r\n    #meso-hub-root .meso-gal-card:hover { transform: translateY(-10px); box-shadow: var(--meso-shad); }\r\n    #meso-hub-root .meso-gal-img-wrap { overflow: hidden; border-radius: 8px; height: 200px; width: 100%; }\r\n    #meso-hub-root .meso-gal-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; }\r\n    #meso-hub-root .meso-gal-card:hover img { transform: scale(1.05); }\r\n    #meso-hub-root .meso-gal-info { margin-top: 15px; }\r\n    #meso-hub-root .meso-gal-title { font-weight: 700; font-size: 1.1rem; color: var(--meso-text-dark); }\r\n    #meso-hub-root .meso-gal-desc { font-size: 0.85rem; color: var(--meso-text-light); margin-top: 5px; }\r\n\r\n    \/* --- TIMELINE --- *\/\r\n    #meso-hub-root .meso-stats-box {\r\n        background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); border: 1px solid #fff;\r\n        box-shadow: var(--meso-shad); border-radius: 16px; padding: 30px 50px;\r\n        display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-around;\r\n        width: 100%; max-width: 900px; margin: 0 auto 60px;\r\n    }\r\n    #meso-hub-root .meso-stat-item { text-align: center; }\r\n    #meso-hub-root .meso-stat-val { font-size: 1.5rem; font-weight: 900; color: var(--meso-solid); display: block; }\r\n    \r\n    #meso-hub-root .meso-timeline { position: relative; max-width: 800px; margin: 0 auto; padding: 40px 0; }\r\n    #meso-hub-root .meso-timeline::after {\r\n        content: ''; position: absolute; width: 4px; background-color: var(--meso-border);\r\n        top: 0; bottom: 0; left: 50%; margin-left: -2px;\r\n    }\r\n    #meso-hub-root .meso-tl-item {\r\n        padding: 10px 40px; position: relative; width: 50%;\r\n        opacity: 0; transform: translateY(20px); transition: 0.6s ease;\r\n    }\r\n    #meso-hub-root .meso-tl-item.meso-viz { opacity: 1; transform: translateY(0); }\r\n    #meso-hub-root .meso-tl-item::after {\r\n        content: ''; position: absolute; width: 20px; height: 20px;\r\n        right: -10px; background-color: white; border: 4px solid var(--meso-solid);\r\n        top: 15px; border-radius: 50%; z-index: 1;\r\n    }\r\n    #meso-hub-root .meso-left { left: 0; text-align: right; }\r\n    #meso-hub-root .meso-right { left: 50%; text-align: left; }\r\n    #meso-hub-root .meso-left::after { right: -10px; } \r\n    #meso-hub-root .meso-right::after { left: -10px; }\r\n    \r\n    #meso-hub-root .meso-tl-content {\r\n        background-color: white; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n        overflow: hidden; text-align: left; border-left: 3px solid transparent; transition: 0.3s;\r\n    }\r\n    #meso-hub-root .meso-tl-content:hover { transform: translateY(-5px); border-left-color: var(--meso-solid); box-shadow: var(--meso-shad); }\r\n    #meso-hub-root .meso-tl-img { width: 100%; height: 160px; object-fit: cover; border-bottom: 1px solid var(--meso-border); }\r\n    #meso-hub-root .meso-tl-text { padding: 20px; }\r\n\r\n    \/* --- CAROUSEL --- *\/\r\n    #meso-hub-root .meso-carousel-wrap { margin-top: 80px; overflow: hidden; width: 100%; position: relative; }\r\n    #meso-hub-root .meso-track { display: flex; animation: mesoScroll 40s linear infinite; width: max-content; }\r\n    #meso-hub-root .meso-slide {\r\n        width: 300px; height: 200px; margin: 0 10px; border-radius: 12px;\r\n        overflow: hidden; flex-shrink: 0; box-shadow: 0 4px 6px rgba(0,0,0,0.05); background: #eee;\r\n    }\r\n    #meso-hub-root .meso-slide img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\r\n    #meso-hub-root .meso-slide:hover img { transform: scale(1.1); }\r\n    @keyframes mesoScroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-300px * 8)); } }\r\n\r\n    \/* --- WAREHOUSE --- *\/\r\n    #meso-hub-root .meso-ware-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }\r\n    #meso-hub-root .meso-part-card {\r\n        background: white; padding: 15px; border-radius: 8px;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05); border: 1px solid var(--meso-border);\r\n        transition: 0.3s; text-align: center;\r\n    }\r\n    #meso-hub-root .meso-part-card:hover { border-color: var(--meso-solid); transform: translateY(-5px); }\r\n    #meso-hub-root .meso-part-img { width: 100%; height: 120px; object-fit: contain; margin-bottom: 10px; }\r\n    #meso-hub-root .meso-part-tag { font-size: 0.8rem; background: #f1f3f5; display: inline-block; padding: 2px 8px; margin-top: 5px; border-radius: 4px; color: #555; }\r\n\r\n    \/* --- EXPERTS --- *\/\r\n    #meso-hub-root .meso-exp-card {\r\n        background: white; text-align: center; padding: 40px 20px; \r\n        border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n        transition: 0.4s; position: relative; overflow: hidden;\r\n    }\r\n    #meso-hub-root .meso-exp-card:hover { transform: translateY(-10px); box-shadow: var(--meso-shad); }\r\n    #meso-hub-root .meso-exp-img {\r\n        width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 20px;\r\n        border: 3px solid var(--meso-solid); object-fit: cover;\r\n    }\r\n\r\n    \/* --- MAP & EVENTS --- *\/\r\n    #meso-hub-root .meso-map-box {\r\n        position: relative; width: 100%; height: 500px;\r\n        background: #e9ecef url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg') center\/cover;\r\n        border-radius: var(--meso-rad); overflow: hidden;\r\n    }\r\n    #meso-hub-root .meso-dot {\r\n        position: absolute; width: 15px; height: 15px; background: var(--meso-accent);\r\n        border-radius: 50%; cursor: pointer; animation: mesoPulse 2s infinite;\r\n    }\r\n    #meso-hub-root .meso-tooltip {\r\n        position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%);\r\n        background: white; padding: 10px 15px; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        opacity: 0; visibility: hidden; transition: 0.3s; white-space: nowrap; font-weight: 700; color: #333; pointer-events: none;\r\n    }\r\n    #meso-hub-root .meso-dot:hover .meso-tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-10px); }\r\n    @keyframes mesoPulse { 0% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 107, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); } }\r\n\r\n    #meso-hub-root .meso-test-track { display: flex; animation: mesoScrollRev 50s linear infinite; }\r\n    #meso-hub-root .meso-test-card {\r\n        width: 350px; background: white; padding: 25px; border-radius: 12px; margin: 0 15px;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-left: 4px solid var(--meso-accent); flex-shrink: 0;\r\n        display: flex; align-items: center; gap: 15px;\r\n    }\r\n    #meso-hub-root .meso-avatar { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }\r\n    @keyframes mesoScrollRev { 0% { transform: translateX(calc(-350px * 6 - 180px)); } 100% { transform: translateX(0); } }\r\n\r\n    #meso-hub-root .meso-invite-box {\r\n        background: var(--meso-grad); color: white; padding: 50px;\r\n        border-radius: var(--meso-rad); text-align: center;\r\n    }\r\n    \r\n    #meso-hub-root .meso-split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 60px; }\r\n\r\n    \/* --- RESPONSIVE OPTIMIZATION --- *\/\r\n    @media (max-width: 992px) {\r\n        #meso-hub-root .meso-calc-box { grid-template-columns: 1fr; }\r\n        #meso-hub-root .meso-ware-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        #meso-hub-root .meso-hero-title { font-size: 2.2rem; }\r\n        #meso-hub-root .meso-timeline::after { left: 31px; }\r\n        #meso-hub-root .meso-tl-item { width: 100%; padding-left: 70px; padding-right: 25px; }\r\n        #meso-hub-root .meso-tl-item::after { left: 21px; }\r\n        #meso-hub-root .meso-left { text-align: left; }\r\n        #meso-hub-root .meso-grid { grid-template-columns: 1fr; } \r\n        #meso-hub-root .meso-ware-grid { grid-template-columns: 1fr; }\r\n        #meso-hub-root .meso-split-layout { grid-template-columns: 1fr !important; }\r\n        #meso-hub-root .meso-nav-wrap { margin-top: -50px; } \/* Less overlap on mobile *\/\r\n    }\r\n<\/style>\r\n\r\n<!-- 3. Resource Loading (Optimization: Non-blocking) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<!-- 4. Main HTML Content -->\r\n<div id=\"meso-hub-root\">\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"meso-hero\">\r\n        <div class=\"meso-hero-bg\">\r\n            <div style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060817084470-e1717866569954.webp');\"><\/div>\r\n            <div style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060817594622.webp');\"><\/div>\r\n            <div style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060816540897.webp');\"><\/div>\r\n        <\/div>\r\n        <div class=\"meso-hero-content\">\r\n            <h1 class=\"meso-hero-title\">Why Partners Trust Mesoforming: Evidence & Resources<\/h1>\r\n            \r\n            <div class=\"meso-crumbs\">\r\n                <a href=\"https:\/\/mesoforming.com\/th\/\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01<\/a> \r\n                <span>\/<\/span> \r\n                <a href=\"https:\/\/mesoforming.com\/th\/resources\/\">\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23<\/a>\r\n            <\/div>\r\n\r\n            <h3 style=\"margin-top: 20px; font-weight: 300; font-size: 1.25rem;\">Explore our engineering data, virtually visit our Shantou facility, and track our global footprint.<\/h3>\r\n            \r\n            <div class=\"meso-scroll-icon\">\r\n                <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- NAVIGATION CARDS -->\r\n    <section class=\"meso-container\">\r\n        <div class=\"meso-nav-wrap\">\r\n            <div class=\"meso-grid\">\r\n                <!-- Card A -->\r\n                <div class=\"meso-nav-card\">\r\n                    <div class=\"meso-card-img\" style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060817084470-e1717866569954.webp');\">\r\n                        <div class=\"meso-img-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-nav-icon\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                    <div class=\"meso-nav-body\">\r\n                        <h3 class=\"meso-nav-title\">Technical Data Center<\/h3>\r\n                        <p class=\"meso-nav-text\">Download catalogs, dimension drawings, and calculate your ROI with our engineering tools.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/th\/%e0%b8%a8%e0%b8%b9%e0%b8%99%e0%b8%a2%e0%b9%8c%e0%b8%81%e0%b8%a5%e0%b8%b2%e0%b8%87%e0%b8%a7%e0%b8%b4%e0%b8%a8%e0%b8%a7%e0%b8%81%e0%b8%a3%e0%b8%a3%e0%b8%a1%e0%b9%80%e0%b8%a1%e0%b9%82%e0%b8%8b%e0%b8%9f\/\" class=\"meso-btn meso-btn-pri\">Access Downloads <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Card B -->\r\n                <div class=\"meso-nav-card\">\r\n                    <div class=\"meso-card-img\" style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060817594622.webp');\">\r\n                        <div class=\"meso-img-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-nav-icon\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n                    <div class=\"meso-nav-body\">\r\n                        <h3 class=\"meso-nav-title\">\u0e01\u0e32\u0e23\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e08\u0e23\u0e34\u0e07<\/h3>\r\n                        <p class=\"meso-nav-text\">Verify our manufacturing capacity, QC standards, and spare parts inventory online.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/th\/%e0%b9%82%e0%b8%a3%e0%b8%87%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b9%80%e0%b8%a1%e0%b9%82%e0%b8%8b%e0%b8%9f%e0%b8%ad%e0%b8%a3%e0%b9%8c%e0%b8%a1%e0%b8%a1%e0%b8%b4%e0%b9%88\/\" class=\"meso-btn meso-btn-acc\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e31\u0e27\u0e23\u0e4c <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Card C -->\r\n                <div class=\"meso-nav-card\">\r\n                    <div class=\"meso-card-img\" style=\"background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060816540897.webp');\">\r\n                        <div class=\"meso-img-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-nav-icon\"><i class=\"fa-solid fa-handshake-simple\"><\/i><\/div>\r\n                    <div class=\"meso-nav-body\">\r\n                        <h3 class=\"meso-nav-title\">\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01<\/h3>\r\n                        <p class=\"meso-nav-text\">See where we are exhibiting next, meet our team, and get visa assistance.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/th\/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b9%81%e0%b8%aa%e0%b8%94%e0%b8%87%e0%b8%99%e0%b8%b4%e0%b8%97%e0%b8%a3%e0%b8%a3%e0%b8%a8%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%a3%e0%b8%b0%e0%b8%94\/\" class=\"meso-btn meso-btn-pri\">View Events <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PAGE ONE: TECHNICAL -->\r\n    <section class=\"meso-section meso-bg-offset\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"meso-sec-title\">\r\n                <h2>Profitability Tools<\/h2>\r\n                <p>Don't just buy a machine, invest in profitability.<\/p>\r\n            <\/div>\r\n\r\n            <!-- ROI Calculator -->\r\n            <div class=\"meso-calc-box\">\r\n                <div class=\"meso-calc-form\">\r\n                    <h3 style=\"margin-bottom:20px; font-size:1.5rem; font-weight:700;\">Calculate Your Payback Period<\/h3>\r\n                    \r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Daily Production Hours<\/label>\r\n                        <i class=\"fa-regular fa-clock\"><\/i>\r\n                        <input type=\"number\" id=\"meso-calc-hours\" class=\"meso-input\" value=\"20\" aria-label=\"Hours\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Electricity Cost (USD\/kWh)<\/label>\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        <input type=\"number\" id=\"meso-calc-kwh\" class=\"meso-input\" value=\"0.12\" step=\"0.01\" aria-label=\"Cost per kWh\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Mesoforming Speed (Cycles\/min)<\/label>\r\n                        <i class=\"fa-solid fa-gauge-high\"><\/i>\r\n                        <input type=\"number\" id=\"meso-calc-speed\" class=\"meso-input\" value=\"35\" aria-label=\"Speed\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"meso-calc-res\">\r\n                    <i class=\"fa-solid fa-coins\" style=\"font-size: 3rem; margin-bottom: 10px; color: rgba(255,255,255,0.8);\"><\/i>\r\n                    <h4 style=\"font-size:1.2rem;\">Estimated Annual Savings<\/h4>\r\n                    <div class=\"meso-res-val\">$<span id=\"meso-savings-result\">24,500<\/span><\/div>\r\n                    \r\n                    <table class=\"meso-rep-table\">\r\n                        <tr>\r\n                            <td>Monthly Savings<\/td>\r\n                            <td>$<span id=\"meso-savings-month\">2,041<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>5-Year Savings<\/td>\r\n                            <td>$<span id=\"meso-savings-life\">122,500<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td colspan=\"2\" style=\"text-align:center; padding-top:15px; font-size:0.8rem; opacity:0.8; background:none;\">\r\n                                Based on -40% Energy vs Hydraulic\r\n                            <\/td>\r\n                        <\/tr>\r\n                    <\/table>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Comparison Table -->\r\n            <div class=\"meso-table-wrap\">\r\n                <table class=\"meso-comp-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Feature Comparison<\/th>\r\n                            <th style=\"color: var(--meso-text-light);\">Standard Hydraulic<\/th>\r\n                            <th class=\"meso-col-brand\">Mesoforming Servo<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">High (Constant Pump Run)<\/td>\r\n                            <td class=\"meso-col-brand\">Low (-40% Energy)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Maintenance Cost<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">Oil Leaks, Filter Changes<\/td>\r\n                            <td class=\"meso-col-brand\">Zero Oil, Clean Room Ready<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Forming Speed<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">15-20 Cycles\/min<\/td>\r\n                            <td class=\"meso-col-brand\">30-35 Cycles\/min<\/td>\r\n                        <\/tr>\r\n                         <tr>\r\n                            <td><strong>Material Yield<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">Standard Waste<\/td>\r\n                            <td class=\"meso-col-brand\">Save 5% (Precision Feed)<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            \r\n            <!-- Sample Gallery -->\r\n            <div style=\"margin-top: 80px;\">\r\n                 <div class=\"meso-sec-title\">\r\n                     <h2>Sample Gallery<\/h2>\r\n                     <p>High-precision output examples.<\/p>\r\n                 <\/div>\r\n\r\n                 <div class=\"meso-grid\">\r\n                     <div class=\"meso-gal-card\">\r\n                         <div class=\"meso-gal-img-wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200.webp?text=Deep+Draw\" alt=\"\u0e16\u0e49\u0e27\u0e22\u0e14\u0e36\u0e07\u0e25\u0e36\u0e01\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">\u0e16\u0e49\u0e27\u0e22\u0e14\u0e36\u0e07\u0e25\u0e36\u0e01<\/p>\r\n                            <p class=\"meso-gal-desc\">PP, 1.2mm, 32 Cycles\/min<\/p>\r\n                         <\/div>\r\n                     <\/div>\r\n                     <div class=\"meso-gal-card\">\r\n                         <div class=\"meso-gal-img-wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200.webp?text=PLA+Lids\" alt=\"PLA Lids\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">Bio-degradable PLA<\/p>\r\n                            <p class=\"meso-gal-desc\">PLA, 0.4mm, Precision Cut<\/p>\r\n                         <\/div>\r\n                     <\/div>\r\n                     <div class=\"meso-gal-card\">\r\n                         <div class=\"meso-gal-img-wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200.webp?text=Electronics+Tray\" alt=\"ESD Trays\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">ESD Trays<\/p>\r\n                            <p class=\"meso-gal-desc\">PET, 0.8mm, High Detail<\/p>\r\n                         <\/div>\r\n                     <\/div>\r\n                 <\/div>\r\n\r\n                 <div style=\"text-align: center; margin-top: 30px;\">\r\n                    <a href=\"https:\/\/mesoforming.com\/th\/sample-gallery\/\" class=\"meso-link-arrow\">See Full Gallery <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                 <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PAGE TWO: FACTORY TOUR -->\r\n    <section class=\"meso-section\">\r\n        <div class=\"meso-container\">\r\n            \r\n            <!-- Live Stats -->\r\n            <div class=\"meso-stats-box\">\r\n                <div class=\"meso-stat-item\">\r\n                    <span style=\"font-size:2rem; display:block; margin-bottom:10px;\">\ud83c\udfed<\/span>\r\n                    <span class=\"meso-stat-val\">10,000\u33a1<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">Factory Area<\/span>\r\n                <\/div>\r\n                <div class=\"meso-stat-item\">\r\n                    <span style=\"font-size:2rem; display:block; margin-bottom:10px;\">\u2699\ufe0f<\/span>\r\n                    <span class=\"meso-stat-val\">15 Sets<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">CNC Machines<\/span>\r\n                <\/div>\r\n                <div class=\"meso-stat-item\">\r\n                    <span style=\"font-size:2rem; display:block; margin-bottom:10px;\">\ud83d\udce6<\/span>\r\n                    <span class=\"meso-stat-val\">50+ Sets<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">Monthly Capacity<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"meso-sec-title\">\r\n                <h2>The Journey of a Machine<\/h2>\r\n                <p>From raw steel to 48H dry run testing.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"meso-timeline\">\r\n                <div class=\"meso-tl-item meso-left\">\r\n                    <div class=\"meso-tl-content\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250.webp?text=Step+1:+Raw+Material\" class=\"meso-tl-img\" alt=\"Raw Steel QC\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">01. Raw Material QC<\/h3>\r\n                            <p>Hardness testing on all incoming steel frames. We reject anything below standard.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-tl-item meso-right\">\r\n                    <div class=\"meso-tl-content\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250.webp?text=Step+2:+CNC+Machining\" class=\"meso-tl-img\" alt=\"CNC Precision\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">02. CNC Precision<\/h3>\r\n                            <p>One-piece frame structure machined in-house for maximum stability.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-tl-item meso-left\">\r\n                    <div class=\"meso-tl-content\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250.webp?text=Step+3:+Assembly\" class=\"meso-tl-img\" alt=\"Component Assembly\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">03. Component Assembly<\/h3>\r\n                            <p>Schneider Electric & SMC parts integration. Numbered wiring for easy maintenance.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-tl-item meso-right\">\r\n                    <div class=\"meso-tl-content\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250.webp?text=Step+4:+Dry+Run\" class=\"meso-tl-img\" alt=\"48H Dry Run\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">04. 48H Dry Run<\/h3>\r\n                            <p>Every machine runs continuously for 2 days before packing to ensure zero defects.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-tl-item meso-left\">\r\n                    <div class=\"meso-tl-content\">\r\n                        <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2026\/01\/Workers-load-Mesoforming-equipment-onto-a-truck-with-a-pallet-jack.webp\" class=\"meso-tl-img\" alt=\"Crating and Shipping\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">05. Crating & Shipping<\/h3>\r\n                            <p>Vacuum anti-rust packaging, reinforced wooden crates, and moisture control agents ensure safe arrival.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Factory Carousel -->\r\n            <div class=\"meso-carousel-wrap\">\r\n                <div class=\"meso-track\">\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=CNC+Area+1\" alt=\"CNC 1\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Assembly+Line\" alt=\"Assembly\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Warehouse\" alt=\"Warehouse\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Engineer+Team\" alt=\"Team\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Showroom\" alt=\"Showroom\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Packaging\" alt=\"\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\" loading=\"lazy\"><\/div>\r\n                    <!-- Loop -->\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=CNC+Area+1\" alt=\"CNC 1\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Assembly+Line\" alt=\"Assembly\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\" loading=\"lazy\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"text-align: center; margin-top: 20px;\">\r\n                <a href=\"https:\/\/mesoforming.com\/th\/%e0%b9%82%e0%b8%a3%e0%b8%87%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%9c%e0%b8%a5%e0%b8%b4%e0%b8%95%e0%b9%80%e0%b8%a1%e0%b9%82%e0%b8%8b%e0%b8%9f%e0%b8%ad%e0%b8%a3%e0%b9%8c%e0%b8%a1%e0%b8%a1%e0%b8%b4%e0%b9%88\/\" class=\"meso-link-arrow\">See Full Factory Tour <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Warehouse -->\r\n            <div style=\"margin: 80px 0;\">\r\n                <div class=\"meso-sec-title\">\r\n                    <h2>Warehouse & Spare Parts<\/h2>\r\n                    <p>\"$500,000 Spare Parts In Stock.\" We guarantee dispatch of critical parts within 24 hours.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"meso-ware-grid\">\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Servo+Motor\" class=\"meso-part-img\" alt=\"Servo\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Main Servo Motor<\/div>\r\n                        <div class=\"meso-part-tag\">Delta \/ Yaskawa<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=PLC+Unit\" class=\"meso-part-img\" alt=\"PLC\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">PLC Control Unit<\/div>\r\n                        <div class=\"meso-part-tag\">Beckhoff<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Pneumatic\" class=\"meso-part-img\" alt=\"Cylinder\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Pneumatic Cylinder<\/div>\r\n                        <div class=\"meso-part-tag\">SMC Japan<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=SSR+Relay\" class=\"meso-part-img\" alt=\"Relay\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Solid State Relay<\/div>\r\n                        <div class=\"meso-part-tag\">Schneider<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Temp+Module\" class=\"meso-part-img\" alt=\"Temp\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Temp. Control<\/div>\r\n                        <div class=\"meso-part-tag\">\u0e42\u0e2d\u0e21\u0e23\u0e2d\u0e19<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Guide+Rail\" class=\"meso-part-img\" alt=\"Rail\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Linear Guide Rail<\/div>\r\n                        <div class=\"meso-part-tag\">HIWIN<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Chain\" class=\"meso-part-img\" alt=\"Chain\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Sheet Feed Chain<\/div>\r\n                        <div class=\"meso-part-tag\">Meso-Custom<\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-part-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x200.webp?text=Heater\" class=\"meso-part-img\" alt=\"Heater\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Ceramic Heater<\/div>\r\n                        <div class=\"meso-part-tag\">Elstein<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"text-align: center; margin-top: 20px;\">\r\n                    <a href=\"https:\/\/mesoforming.com\/th\/spare-parts-catalog\/\" class=\"meso-link-arrow\">View Spare Parts Catalog <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"meso-sec-title\" style=\"margin-top: 80px;\">\r\n                <h2>Meet The Experts<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"meso-grid\">\r\n                <div class=\"meso-exp-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" class=\"meso-exp-img\" alt=\"Chief Engineer\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Mr. Chen<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">Chief Engineer<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"20 years in thermoforming R&D. We built the servo system from scratch.\"<\/p>\r\n                <\/div>\r\n                <div class=\"meso-exp-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/45.jpg\" class=\"meso-exp-img\" alt=\"After Sales\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Mr. Li<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">After-Sales Lead<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"I keep my passport ready. If video call can't fix it, I fly to you.\"<\/p>\r\n                <\/div>\r\n                <div class=\"meso-exp-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/150x150.webp?text=Support\" class=\"meso-exp-img\" alt=\"Support Team\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Global Support Team<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">24\/7 Online<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"Multilingual support in English, Spanish, and Russian.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PAGE THREE: EVENTS -->\r\n    <section class=\"meso-section meso-bg-offset\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"meso-sec-title\">\r\n                <h2>Mesoforming Global Presence<\/h2>\r\n                <p>See where we are and meet us in person.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Map -->\r\n            <div class=\"meso-map-box\">\r\n                <div class=\"meso-dot\" style=\"top: 55%; left: 75%;\"><div class=\"meso-tooltip\">Vietnam: 15 Factories Installed<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 40%; left: 55%;\"><div class=\"meso-tooltip\">Turkey: Service Center Available<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 35%; left: 25%;\"><div class=\"meso-tooltip\">USA: NPE Expo 2024<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 45%; left: 78%;\"><div class=\"meso-tooltip\">HQ & Manufacturing Base<\/div><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial Carousel -->\r\n            <div style=\"margin-top:60px; overflow:hidden; padding:20px 0;\">\r\n                <div class=\"meso-test-track\">\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/22.jpg\" class=\"meso-avatar\" alt=\"Client Poland\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Met them at K-Show 2022. The machine quality surprised me.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from Poland<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" class=\"meso-avatar\" alt=\"Client Mexico\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Running 24\/7 for 6 months now. Very stable output.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from Mexico<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/85.jpg\" class=\"meso-avatar\" alt=\"Client Turkey\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"The servo system saves us 30% electricity.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from Turkey<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/10.jpg\" class=\"meso-avatar\" alt=\"Client Vietnam\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Service team flew to Hanoi within 2 days.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from Vietnam<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" class=\"meso-avatar\" alt=\"Client USA\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Saw demo at NPE. Signed immediately.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from USA<\/span><\/div>\r\n                    <\/div>\r\n                    <!-- Duplicate for loop -->\r\n                    <div class=\"meso-test-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/22.jpg\" class=\"meso-avatar\" alt=\"Client Poland\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Met them at K-Show 2022. The machine quality surprised me.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Client from Poland<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"text-align: center; margin-bottom: 50px;\">\r\n                <a href=\"https:\/\/mesoforming.com\/th\/exhibition-gallery\/\" class=\"meso-link-arrow\">See Exhibition Gallery <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"meso-split-layout\">\r\n                <!-- Testimonial Static -->\r\n                <div style=\"background:white; padding:30px; border-radius:12px; box-shadow:0 4px 6px rgba(0,0,0,0.05); display:flex; align-items:center;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/11.jpg\" style=\"width:80px; height:80px; border-radius:50%; margin-right:20px;\" alt=\"Turkey Client\" loading=\"lazy\">\r\n                    <div>\r\n                        <p style=\"font-style:italic; font-size:1.1rem;\">\"I saw the machine running at 35 cycles\/min live at Chinaplas. Very stable. I signed the contract on the spot.\"<\/p>\r\n                        <p style=\"margin-top:10px; font-weight:bold;\">- Customer from Turkey<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Invitation Box -->\r\n                <div class=\"meso-invite-box\">\r\n                    <h3 style=\"font-size:1.5rem; font-weight:700; margin-bottom:15px;\">Meet us at Chinaplas 2025?<\/h3>\r\n                    <p>Get your VIP Invitation Letter for Visa Application.<\/p>\r\n                    <div style=\"margin-top:30px;\">\r\n                        <a href=\"https:\/\/mesoforming.com\/th\/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad\/\" class=\"meso-btn meso-btn-acc\" style=\"text-decoration:none; display:inline-block;\">Request Invitation<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- 5. Functionality Script (Scoped & Non-blocking) -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        (function(){\r\n            \/\/ Scope variables to this block to avoid collisions\r\n            const root = document.getElementById('meso-hub-root');\r\n            if(!root) return;\r\n            \r\n            \/\/ 1. ROI Calculator Logic\r\n            const inputs = root.querySelectorAll('.meso-input');\r\n            const resultDisplay = root.querySelector('#meso-savings-result');\r\n            const monthDisplay = root.querySelector('#meso-savings-month');\r\n            const lifeDisplay = root.querySelector('#meso-savings-life');\r\n\r\n            function calculateROI() {\r\n                const hours = parseFloat(root.querySelector('#meso-calc-hours').value) || 0;\r\n                const cost = parseFloat(root.querySelector('#meso-calc-kwh').value) || 0;\r\n                const speed = parseFloat(root.querySelector('#meso-calc-speed').value) || 35;\r\n                \r\n                \/\/ Logic: (Hydraulic vs Servo Diff) * Hours * Days * Cost\r\n                \/\/ Assumption: Hydraulic 45kW avg vs Servo 30kW avg = 15kW difference\r\n                let kwDiff = 15; \r\n                \/\/ Adjust consumption based on speed relative to baseline\r\n                const adjustedKwDiff = kwDiff * (speed \/ 35); \r\n                const daysPerYear = 300;\r\n                \r\n                const annualSavings = adjustedKwDiff * hours * daysPerYear * cost;\r\n                const monthlySavings = annualSavings \/ 12;\r\n                const fiveYearSavings = annualSavings * 5;\r\n                \r\n                if(resultDisplay) resultDisplay.innerText = annualSavings.toLocaleString('en-US', {maximumFractionDigits: 0});\r\n                if(monthDisplay) monthDisplay.innerText = monthlySavings.toLocaleString('en-US', {maximumFractionDigits: 0});\r\n                if(lifeDisplay) lifeDisplay.innerText = fiveYearSavings.toLocaleString('en-US', {maximumFractionDigits: 0});\r\n            }\r\n\r\n            if(inputs.length > 0) {\r\n                inputs.forEach(input => input.addEventListener('input', calculateROI));\r\n                calculateROI(); \/\/ Initial run\r\n            }\r\n\r\n            \/\/ 2. Timeline Scroll Animation\r\n            \/\/ Uses IntersectionObserver for high performance\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('meso-viz');\r\n                            \/\/ Optional: Stop observing once visible to save resources\r\n                            observer.unobserve(entry.target); \r\n                        }\r\n                    });\r\n                }, { threshold: 0.1 });\r\n\r\n                const timelineItems = root.querySelectorAll('.meso-tl-item');\r\n                timelineItems.forEach(el => observer.observe(el));\r\n            } else {\r\n                \/\/ Fallback for very old browsers: show immediately\r\n                root.querySelectorAll('.meso-tl-item').forEach(el => el.classList.add('meso-viz'));\r\n            }\r\n        })();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Why Partners Trust Mesoforming: Evidence &#038; Resources Home \/ Resources Explore our engineering data, virtually visit our Shantou facility, and track our global footprint. Technical Data Center Download catalogs, dimension drawings, and calculate your ROI with our engineering tools. Access Downloads Virtual Factory Tour Verify our manufacturing capacity, QC standards, and spare parts inventory online. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3798","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/pages\/3798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/comments?post=3798"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/pages\/3798\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/th\/wp-json\/wp\/v2\/media?parent=3798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}