{"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":"sumber-daya","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/id\/sumber-daya\/","title":{"rendered":"Sumber daya"},"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\">Mengapa Mitra Mempercayai Mesoforming: Bukti &amp; Sumber Daya<\/h1>\r\n            \r\n            <div class=\"meso-crumbs\">\r\n                <a href=\"https:\/\/mesoforming.com\/id\/\">Beranda<\/a> \r\n                <span>\/<\/span> \r\n                <a href=\"https:\/\/mesoforming.com\/id\/sumber-daya\/\">Sumber daya<\/a>\r\n            <\/div>\r\n\r\n            <h3 style=\"margin-top: 20px; font-weight: 300; font-size: 1.25rem;\">Jelajahi data teknik kami, kunjungi fasilitas Shantou kami secara virtual, dan lacak jejak global kami.<\/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\">Pusat Data Teknis<\/h3>\r\n                        <p class=\"meso-nav-text\">Unduh katalog, gambar dimensi, dan hitung ROI Anda dengan alat bantu teknik kami.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/id\/unduhan-pusat-rekayasa-mesoforming\/\" class=\"meso-btn meso-btn-pri\">Akses Unduhan <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\">Tur Pabrik Virtual<\/h3>\r\n                        <p class=\"meso-nav-text\">Verifikasi kapasitas produksi, standar QC, dan inventaris suku cadang kami secara online.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/id\/tur-virtual-pabrik-mesoforming\/\" class=\"meso-btn meso-btn-acc\">Mulai Tur <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\">Pameran Global<\/h3>\r\n                        <p class=\"meso-nav-text\">Lihat di mana kami akan berpameran selanjutnya, temui tim kami, dan dapatkan bantuan visa.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/id\/pameran-global-mesoforming\/\" class=\"meso-btn meso-btn-pri\">Lihat Acara <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>Perangkat Profitabilitas<\/h2>\r\n                <p>Jangan hanya membeli mesin, berinvestasilah pada profitabilitas.<\/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;\">Hitung Periode Pengembalian Modal Anda<\/h3>\r\n                    \r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Jam Produksi Harian<\/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=\"Jam\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Biaya Listrik (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=\"Biaya per kWh\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>Kecepatan Mesoforming (Siklus\/menit)<\/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=\"Kecepatan\">\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;\">Perkiraan Penghematan Tahunan<\/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>Tabungan Bulanan<\/td>\r\n                            <td>$<span id=\"meso-savings-month\">2,041<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>Tabungan 5 Tahun<\/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                                Berdasarkan -40% Energi vs Hidraulik\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>Perbandingan Fitur<\/th>\r\n                            <th style=\"color: var(--meso-text-light);\">Hidraulik Standar<\/th>\r\n                            <th class=\"meso-col-brand\">Servo Mesoforming<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>Konsumsi Energi<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">Tinggi (Pengoperasian Pompa Konstan)<\/td>\r\n                            <td class=\"meso-col-brand\">Rendah (Energi -40%)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Biaya Pemeliharaan<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">Kebocoran Oli, Penggantian Filter<\/td>\r\n                            <td class=\"meso-col-brand\">Nol Minyak, Kamar Bersih Siap<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Kecepatan Pembentukan<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">15-20 Siklus\/menit<\/td>\r\n                            <td class=\"meso-col-brand\">30-35 Siklus\/menit<\/td>\r\n                        <\/tr>\r\n                         <tr>\r\n                            <td><strong>Hasil Bahan<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">Limbah Standar<\/td>\r\n                            <td class=\"meso-col-brand\">Simpan 5% (Umpan Presisi)<\/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>Galeri Sampel<\/h2>\r\n                     <p>Contoh output presisi tinggi.<\/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=\"Piala Undian Dalam\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">Piala Undian Dalam<\/p>\r\n                            <p class=\"meso-gal-desc\">PP, 1,2 mm, 32 Siklus\/menit<\/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=\"Tutup PLA\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">PLA yang dapat terurai secara hayati<\/p>\r\n                            <p class=\"meso-gal-desc\">PLA, 0.4mm, Potongan Presisi<\/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=\"Baki ESD\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">Baki ESD<\/p>\r\n                            <p class=\"meso-gal-desc\">PET, 0.8mm, Detail Tinggi<\/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\/id\/sample-gallery\/\" class=\"meso-link-arrow\">Lihat Galeri Lengkap <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;\">Area Pabrik<\/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 Set<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">Mesin CNC<\/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+ Set<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">Kapasitas Bulanan<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"meso-sec-title\">\r\n                <h2>Perjalanan Sebuah Mesin<\/h2>\r\n                <p>Dari baja mentah hingga pengujian uji coba kering selama 48 jam.<\/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=\"QC Baja Mentah\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">01. QC Bahan Baku<\/h3>\r\n                            <p>Pengujian kekerasan pada semua rangka baja yang masuk. Kami menolak apa pun yang di bawah standar.<\/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=\"Presisi CNC\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">02. Presisi CNC<\/h3>\r\n                            <p>Struktur rangka satu bagian yang dikerjakan secara internal untuk stabilitas maksimum.<\/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=\"Perakitan Komponen\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">03. Perakitan Komponen<\/h3>\r\n                            <p>Integrasi komponen Schneider Electric &amp; SMC. Pengkabelan bernomor untuk memudahkan perawatan.<\/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=\"Lari Kering 48 jam\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">04. Lari Kering 48 jam<\/h3>\r\n                            <p>Setiap mesin bekerja terus menerus selama 2 hari sebelum pengemasan untuk memastikan tidak ada cacat.<\/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=\"Pengemasan dan Pengiriman\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">05. Pengemasan &amp; Pengiriman<\/h3>\r\n                            <p>Kemasan anti karat vakum, peti kayu yang diperkuat, dan bahan pengontrol kelembapan memastikan kedatangan yang aman.<\/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=\"Perakitan\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"Pengujian\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Warehouse\" alt=\"Gudang\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Engineer+Team\" alt=\"Tim\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Showroom\" alt=\"Ruang pamer\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Packaging\" alt=\"Pengemasan\" 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=\"Perakitan\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"Pengujian\" 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\/id\/tur-virtual-pabrik-mesoforming\/\" class=\"meso-link-arrow\">Lihat Tur Pabrik Lengkap <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>Gudang &amp; Suku Cadang<\/h2>\r\n                    <p>\"$500.000 Suku Cadang Tersedia.\" Kami menjamin pengiriman suku cadang penting dalam waktu 24 jam.<\/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;\">Motor Servo Utama<\/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;\">Unit Kontrol PLC<\/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=\"Silinder\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Silinder Pneumatik<\/div>\r\n                        <div class=\"meso-part-tag\">SMC Jepang<\/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;\">Relai Keadaan Padat<\/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=\"Suhu\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Suhu. Kontrol<\/div>\r\n                        <div class=\"meso-part-tag\">Omron<\/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=\"Rel\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Rel Pemandu Linier<\/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=\"Rantai\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Rantai Umpan Lembar<\/div>\r\n                        <div class=\"meso-part-tag\">Meso-Khusus<\/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=\"Pemanas\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">Pemanas Keramik<\/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\/id\/spare-parts-catalog\/\" class=\"meso-link-arrow\">Lihat Katalog Suku Cadang <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>Temui Para Ahli<\/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=\"Kepala Insinyur\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Tuan Chen<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">Kepala Insinyur<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"20 tahun dalam R&amp;D thermoforming. Kami membangun sistem servo dari awal.\"<\/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=\"Purna Jual\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Tuan Li<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">Prospek Purna Jual<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"Saya selalu menyiapkan paspor saya. Jika panggilan video tidak dapat memperbaikinya, saya akan terbang ke tempat Anda.\"<\/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=\"Tim Pendukung\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">Tim Dukungan Global<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">Online 24\/7<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"Dukungan multibahasa dalam bahasa Inggris, Spanyol, dan Rusia.\"<\/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>Kehadiran Global Mesoforming<\/h2>\r\n                <p>Lihat di mana kami berada dan temui kami secara langsung.<\/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 Pabrik Terpasang<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 40%; left: 55%;\"><div class=\"meso-tooltip\">Turki Pusat Layanan Tersedia<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 35%; left: 25%;\"><div class=\"meso-tooltip\">Amerika Serikat: NPE Expo 2024<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 45%; left: 78%;\"><div class=\"meso-tooltip\">Kantor Pusat &amp; Basis Produksi<\/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=\"Klien Polandia\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Bertemu dengan mereka di K-Show 2022. Kualitas alat beratnya mengejutkan saya.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari Polandia<\/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=\"Klien Meksiko\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Berjalan 24\/7 selama 6 bulan sekarang. Output yang sangat stabil.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari Meksiko<\/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=\"Klien Turki\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Sistem servo menghemat listrik sebesar 30%.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari Turki<\/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=\"Klien Vietnam\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Tim servis terbang ke Hanoi dalam waktu 2 hari.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari 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=\"Klien Amerika Serikat\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Melihat demo di NPE. Langsung ditandatangani.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari Amerika Serikat<\/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=\"Klien Polandia\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"Bertemu dengan mereka di K-Show 2022. Kualitas alat beratnya mengejutkan saya.\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- Klien dari Polandia<\/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\/id\/exhibition-gallery\/\" class=\"meso-link-arrow\">Lihat Galeri Pameran <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=\"Klien Turki\" loading=\"lazy\">\r\n                    <div>\r\n                        <p style=\"font-style:italic; font-size:1.1rem;\">\"Saya melihat alat berat ini berjalan dengan kecepatan 35 siklus\/menit secara langsung di Chinaplas. Sangat stabil. Saya langsung menandatangani kontrak saat itu juga.\"<\/p>\r\n                        <p style=\"margin-top:10px; font-weight:bold;\">- Pelanggan dari Turki<\/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;\">Temui kami di Chinaplas 2025?<\/h3>\r\n                    <p>Dapatkan Surat Undangan VIP Anda untuk Permohonan Visa.<\/p>\r\n                    <div style=\"margin-top:30px;\">\r\n                        <a href=\"https:\/\/mesoforming.com\/id\/kontak\/\" class=\"meso-btn meso-btn-acc\" style=\"text-decoration:none; display:inline-block;\">Minta Undangan<\/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\/id\/wp-json\/wp\/v2\/pages\/3798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/comments?post=3798"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/3798\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/media?parent=3798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}