{"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":"%d1%80%d0%b5%d1%81%d1%83%d1%80%d1%81%d1%8b","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/ru\/%d1%80%d0%b5%d1%81%d1%83%d1%80%d1%81%d1%8b\/","title":{"rendered":"\u0420\u0435\u0441\u0443\u0440\u0441\u044b"},"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\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0434\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043c\u0435\u0437\u043e\u0444\u043e\u0440\u043c\u0438\u043d\u0433\u0443: \u0424\u0430\u043a\u0442\u044b \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b<\/h1>\r\n            \r\n            <div class=\"meso-crumbs\">\r\n                <a href=\"https:\/\/mesoforming.com\/ru\/\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a> \r\n                <span>\/<\/span> \r\n                <a href=\"https:\/\/mesoforming.com\/ru\/%d1%80%d0%b5%d1%81%d1%83%d1%80%d1%81%d1%8b\/\">\u0420\u0435\u0441\u0443\u0440\u0441\u044b<\/a>\r\n            <\/div>\r\n\r\n            <h3 style=\"margin-top: 20px; font-weight: 300; font-size: 1.25rem;\">\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u043d\u0430\u0448\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435 \u043d\u0430\u0448 \u0437\u0430\u0432\u043e\u0434 \u0432 \u0428\u0430\u043d\u044c\u0442\u043e\u0443 \u0438 \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0430\u0448\u0438\u043c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435\u043c.<\/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\">\u0426\u0435\u043d\u0442\u0440 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/h3>\r\n                        <p class=\"meso-nav-text\">\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0439\u0442\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438, \u0447\u0435\u0440\u0442\u0435\u0436\u0438 \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u043c\u0438 \u0438 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0439\u0442\u0435 \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u044c \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/ru\/%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b8%d0%bd%d0%b6%d0%b5%d0%bd%d0%b5%d1%80%d0%bd%d1%8b%d0%b9-%d0%ba%d0%be%d0%bd%d1%86%d0%b5%d0%bd%d1%82%d1%80%d0%b0\/\" class=\"meso-btn meso-btn-pri\">\u0414\u043e\u0441\u0442\u0443\u043f \u043a \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430\u043c <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\">\u0412\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0443\u0440 \u043f\u043e \u0437\u0430\u0432\u043e\u0434\u0443<\/h3>\r\n                        <p class=\"meso-nav-text\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043d\u0430\u0448\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438, \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0437\u0430\u043f\u0430\u0441\u044b \u0437\u0430\u043f\u0430\u0441\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u043e\u043d\u043b\u0430\u0439\u043d.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/ru\/%d0%b2%d0%b8%d1%80%d1%82%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d1%82%d1%83%d1%80-%d0%bf%d0%be-%d0%b7%d0%b0%d0%b2%d0%be%d0%b4%d1%83-%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%be%d0%b2\/\" class=\"meso-btn meso-btn-acc\">\u041d\u0430\u0447\u0430\u043b\u043e \u0442\u0443\u0440\u0430 <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\">\u0412\u0441\u0435\u043c\u0438\u0440\u043d\u044b\u0435 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0438<\/h3>\r\n                        <p class=\"meso-nav-text\">\u0423\u0437\u043d\u0430\u0439\u0442\u0435, \u0433\u0434\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0430\u0445, \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0432\u0438\u0437\u043e\u0432\u0443\u044e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443.<\/p>\r\n                        <a href=\"https:\/\/mesoforming.com\/ru\/%d0%b3%d0%bb%d0%be%d0%b1%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d0%b2%d1%8b%d1%81%d1%82%d0%b0%d0%b2%d0%ba%d0%b8-%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%b8%d0%bd%d0%b3%d0%b0\/\" class=\"meso-btn meso-btn-pri\">\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 <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>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u043d\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/h2>\r\n                <p>\u041d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043a\u0443\u043f\u0430\u0439\u0442\u0435 \u043c\u0430\u0448\u0438\u043d\u0443, \u0430 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0432 \u0440\u0435\u043d\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c.<\/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;\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0441\u0440\u043e\u043a \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u0438<\/h3>\r\n                    \r\n                    <div class=\"meso-input-grp\">\r\n                        <label>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0447\u0430\u0441\u044b<\/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=\"\u0427\u0430\u0441\u044b\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u044d\u043d\u0435\u0440\u0433\u0438\u0438 (USD\/\u043a\u0412\u0442\u0447)<\/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=\"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0437\u0430 \u043a\u0412\u0442\/\u0447\">\r\n                    <\/div>\r\n\r\n                    <div class=\"meso-input-grp\">\r\n                        <label>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043c\u0435\u0437\u043e\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u0446\u0438\u043a\u043b\u043e\u0432\/\u043c\u0438\u043d)<\/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=\"\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c\">\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;\">\u0420\u0430\u0441\u0447\u0435\u0442\u043d\u0430\u044f \u0433\u043e\u0434\u043e\u0432\u0430\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/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>\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/td>\r\n                            <td>$<span id=\"meso-savings-month\">2,041<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>5-\u043b\u0435\u0442\u043d\u044f\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/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                                \u041d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 -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>\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a<\/th>\r\n                            <th style=\"color: var(--meso-text-light);\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0433\u0438\u0434\u0440\u0430\u0432\u043b\u0438\u043a\u0430<\/th>\r\n                            <th class=\"meso-col-brand\">\u0421\u0435\u0440\u0432\u043e\u043f\u0440\u0438\u0432\u043e\u0434 \u0434\u043b\u044f \u043c\u0435\u0437\u043e\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>\u041f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u044d\u043d\u0435\u0440\u0433\u0438\u0438<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">\u0412\u044b\u0441\u043e\u043a\u0438\u0439 (\u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0441\u043e\u0441\u0430)<\/td>\r\n                            <td class=\"meso-col-brand\">\u041d\u0438\u0437\u043a\u0438\u0439 (-40% Energy)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">\u0423\u0442\u0435\u0447\u043a\u0438 \u043c\u0430\u0441\u043b\u0430, \u0437\u0430\u043c\u0435\u043d\u0430 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432<\/td>\r\n                            <td class=\"meso-col-brand\">\u041d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0430\u0441\u043b\u0430, \u0433\u043e\u0442\u043e\u0432 \u043a \u0440\u0430\u0431\u043e\u0442\u0435 \u0432 \u0447\u0438\u0441\u0442\u043e\u043c \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0438<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0444\u043e\u0440\u043c\u043e\u0432\u043a\u0438<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">15-20 \u0446\u0438\u043a\u043b\u043e\u0432\/\u043c\u0438\u043d<\/td>\r\n                            <td class=\"meso-col-brand\">30-35 \u0446\u0438\u043a\u043b\u043e\u0432\/\u043c\u0438\u043d<\/td>\r\n                        <\/tr>\r\n                         <tr>\r\n                            <td><strong>\u0412\u044b\u0445\u043e\u0434 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/strong><\/td>\r\n                            <td style=\"color: var(--meso-text-light);\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043e\u0442\u0445\u043e\u0434\u044b<\/td>\r\n                            <td class=\"meso-col-brand\">\u042d\u043a\u043e\u043d\u043e\u043c 5% (\u0442\u043e\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0430\u0447\u0430)<\/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>\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u043e\u0431\u0440\u0430\u0437\u0446\u043e\u0432<\/h2>\r\n                     <p>\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0432\u044b\u0441\u043e\u043a\u043e\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0432\u044b\u0432\u043e\u0434\u0430.<\/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=\"\u0427\u0430\u0448\u043a\u0438 \u0441 \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0439 \u0432\u044b\u0442\u044f\u0436\u043a\u043e\u0439\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">\u0427\u0430\u0448\u043a\u0438 \u0441 \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0439 \u0432\u044b\u0442\u044f\u0436\u043a\u043e\u0439<\/p>\r\n                            <p class=\"meso-gal-desc\">\u041f\u041f, 1,2 \u043c\u043c, 32 \u0446\u0438\u043a\u043b\u0430\/\u043c\u0438\u043d<\/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=\"\u041a\u0440\u044b\u0448\u043a\u0438 \u0438\u0437 PLA\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">\u0411\u0438\u043e\u0440\u0430\u0437\u043b\u0430\u0433\u0430\u0435\u043c\u044b\u0439 PLA<\/p>\r\n                            <p class=\"meso-gal-desc\">PLA, 0,4 \u043c\u043c, \u0442\u043e\u0447\u043d\u0430\u044f \u0440\u0435\u0437\u043a\u0430<\/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=\"\u041b\u043e\u0442\u043a\u0438 ESD\" loading=\"lazy\">\r\n                         <\/div>\r\n                         <div class=\"meso-gal-info\">\r\n                            <p class=\"meso-gal-title\">\u041b\u043e\u0442\u043a\u0438 ESD<\/p>\r\n                            <p class=\"meso-gal-desc\">\u041f\u042d\u0422, 0,8 \u043c\u043c, \u0432\u044b\u0441\u043e\u043a\u0430\u044f \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/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\/ru\/sample-gallery\/\" class=\"meso-link-arrow\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u0433\u0430\u043b\u0435\u0440\u0435\u044e <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;\">\u0417\u0430\u0432\u043e\u0434\u0441\u043a\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/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 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u0432<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">\u0421\u0442\u0430\u043d\u043a\u0438 \u0441 \u0427\u041f\u0423<\/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+ \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u0432<\/span>\r\n                    <span style=\"font-size:0.9rem; color:var(--meso-text-grey); text-transform:uppercase;\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"meso-sec-title\">\r\n                <h2>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u043c\u0430\u0448\u0438\u043d\u044b<\/h2>\r\n                <p>\u041e\u0442 \u043d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u043b\u0438 \u0434\u043e \u0438\u0441\u043f\u044b\u0442\u0430\u043d\u0438\u0439 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 48 \u0447\u0430\u0441\u043e\u0432.<\/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=\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0441\u044b\u0440\u043e\u0439 \u0441\u0442\u0430\u043b\u0438\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">01. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0441\u044b\u0440\u044c\u044f<\/h3>\r\n                            <p>\u0418\u0441\u043f\u044b\u0442\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0432\u0435\u0440\u0434\u043e\u0441\u0442\u044c \u0432\u0441\u0435\u0445 \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0438\u0445 \u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0430\u043c. \u041c\u044b \u043e\u0442\u0431\u0440\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0438\u0436\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430.<\/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=\"\u0422\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0427\u041f\u0423\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">02. \u0422\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0427\u041f\u0423<\/h3>\r\n                            <p>\u0426\u0435\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u0440\u0430\u043c\u044b, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u0437\u0430\u0432\u043e\u0434\u0435, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0443\u044e \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c.<\/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=\"\u0421\u0431\u043e\u0440\u043a\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">03. \u0421\u0431\u043e\u0440\u043a\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432<\/h3>\r\n                            <p>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0434\u0435\u0442\u0430\u043b\u0435\u0439 Schneider Electric \u0438 SMC. \u041f\u0440\u043e\u043d\u0443\u043c\u0435\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u043e\u0434\u043a\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.<\/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 \u0421\u0443\u0445\u043e\u0439 \u0437\u0430\u0435\u0437\u0434\" 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>\u041a\u0430\u0436\u0434\u0430\u044f \u043c\u0430\u0448\u0438\u043d\u0430 \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 2 \u0434\u043d\u0435\u0439 \u043f\u0435\u0440\u0435\u0434 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u043e\u0439, \u0447\u0442\u043e\u0431\u044b \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0434\u0435\u0444\u0435\u043a\u0442\u043e\u0432.<\/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=\"\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430 \u0438 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430\" loading=\"lazy\">\r\n                        <div class=\"meso-tl-text\">\r\n                            <h3 style=\"font-size:1.2rem; font-weight:700;\">05. \u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430 \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/h3>\r\n                            <p>\u0412\u0430\u043a\u0443\u0443\u043c\u043d\u0430\u044f \u0430\u043d\u0442\u0438\u043a\u043e\u0440\u0440\u043e\u0437\u0438\u0439\u043d\u0430\u044f \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0430, \u0443\u0441\u0438\u043b\u0435\u043d\u043d\u044b\u0435 \u0434\u0435\u0440\u0435\u0432\u044f\u043d\u043d\u044b\u0435 \u044f\u0449\u0438\u043a\u0438 \u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u0432\u043b\u0430\u0436\u043d\u043e\u0441\u0442\u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u0433\u0440\u0443\u0437\u0430.<\/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=\"\u0421\u0431\u043e\u0440\u043a\u0430\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Warehouse\" alt=\"\u0421\u043a\u043b\u0430\u0434\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Engineer+Team\" alt=\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Showroom\" alt=\"\u0412\u044b\u0441\u0442\u0430\u0432\u043e\u0447\u043d\u044b\u0439 \u0437\u0430\u043b\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Packaging\" alt=\"\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430\" 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=\"\u0421\u0431\u043e\u0440\u043a\u0430\" loading=\"lazy\"><\/div>\r\n                    <div class=\"meso-slide\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300.webp?text=Testing+Zone\" alt=\"\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\" 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\/ru\/%d0%b2%d0%b8%d1%80%d1%82%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d1%82%d1%83%d1%80-%d0%bf%d0%be-%d0%b7%d0%b0%d0%b2%d0%be%d0%b4%d1%83-%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%be%d0%b2\/\" class=\"meso-link-arrow\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u043e\u043b\u043d\u044b\u0439 \u0442\u0443\u0440 \u043f\u043e \u0437\u0430\u0432\u043e\u0434\u0443 <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>\u0421\u043a\u043b\u0430\u0434 \u0438 \u0437\u0430\u043f\u0430\u0441\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438<\/h2>\r\n                    <p>\"$500,000 \u0437\u0430\u043f\u0430\u0441\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u043d\u0430 \u0441\u043a\u043b\u0430\u0434\u0435\". \u041c\u044b \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0443 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0430\u0436\u043d\u044b\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432.<\/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=\"\u0421\u0435\u0440\u0432\u043e\u043f\u0440\u0438\u0432\u043e\u0434\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u043e\u0434\u0432\u0438\u0433\u0430\u0442\u0435\u043b\u044c<\/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=\"\u041f\u041b\u041a\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u0411\u043b\u043e\u043a \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u041f\u041b\u041a<\/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=\"\u0426\u0438\u043b\u0438\u043d\u0434\u0440\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u041f\u043d\u0435\u0432\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0446\u0438\u043b\u0438\u043d\u0434\u0440<\/div>\r\n                        <div class=\"meso-part-tag\">SMC \u042f\u043f\u043e\u043d\u0438\u044f<\/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=\"\u0420\u0435\u043b\u0435\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u0422\u0432\u0435\u0440\u0434\u043e\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u043b\u0435<\/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=\"\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0430\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u0422\u0435\u043c\u043f. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c<\/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=\"\u0416\u0435\u043b\u0435\u0437\u043d\u0430\u044f \u0434\u043e\u0440\u043e\u0433\u0430\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u041b\u0438\u043d\u0435\u0439\u043d\u0430\u044f \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0449\u0430\u044f<\/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=\"\u0426\u0435\u043f\u044c\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u0426\u0435\u043f\u044c \u043f\u043e\u0434\u0430\u0447\u0438 \u043b\u0438\u0441\u0442\u043e\u0432<\/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=\"\u041d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u044c\" loading=\"lazy\">\r\n                        <div style=\"font-weight:700;\">\u041a\u0435\u0440\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u044c<\/div>\r\n                        <div class=\"meso-part-tag\">\u042d\u043b\u044c\u0448\u0442\u0435\u0439\u043d<\/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\/ru\/spare-parts-catalog\/\" class=\"meso-link-arrow\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0437\u0430\u043f\u0430\u0441\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 <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>\u0417\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0430\u043c\u0438<\/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=\"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">\u0413\u043e\u0441\u043f\u043e\u0434\u0438\u043d \u0427\u0435\u043d<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"20 \u043b\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0442\u0435\u0440\u043c\u043e\u0444\u043e\u0440\u043c\u043e\u0432\u0430\u043d\u0438\u044f. \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u0435\u0440\u0432\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0441 \u043d\u0443\u043b\u044f\".\"<\/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=\"\u041f\u043e\u0441\u043b\u0435\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">\u0413\u043e\u0441\u043f\u043e\u0434\u0438\u043d \u041b\u0438<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043e\u0442\u0434\u0435\u043b\u0430 \u043f\u043e\u0441\u043b\u0435\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u043e\u0433\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"\u042f \u0434\u0435\u0440\u0436\u0443 \u043d\u0430\u0433\u043e\u0442\u043e\u0432\u0435 \u0441\u0432\u043e\u0439 \u043f\u0430\u0441\u043f\u043e\u0440\u0442. \u0415\u0441\u043b\u0438 \u0432\u0438\u0434\u0435\u043e\u0437\u0432\u043e\u043d\u043e\u043a \u043d\u0435 \u043f\u043e\u043c\u043e\u0436\u0435\u0442, \u044f \u043f\u0440\u0438\u043b\u0435\u0447\u0443 \u043a \u0432\u0430\u043c\".\"<\/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=\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438\" loading=\"lazy\">\r\n                    <h4 style=\"font-size:1.2rem; margin-bottom:5px;\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/h4>\r\n                    <p style=\"color:var(--meso-solid); font-weight:500;\">24\/7 \u041e\u043d\u043b\u0430\u0439\u043d<\/p>\r\n                    <p style=\"font-style:italic; color:var(--meso-text-grey); font-size:0.9rem; margin-top:10px;\">\"\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c, \u0438\u0441\u043f\u0430\u043d\u0441\u043a\u043e\u043c \u0438 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0430\u0445\".\"<\/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>\u041c\u0435\u0437\u043e\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f<\/h2>\r\n                <p>\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u0433\u0434\u0435 \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c\u0441\u044f, \u0438 \u0432\u0441\u0442\u0440\u0435\u0442\u044c\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043b\u0438\u0447\u043d\u043e.<\/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\">\u0412\u044c\u0435\u0442\u043d\u0430\u043c: \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e 15 \u0437\u0430\u0432\u043e\u0434\u043e\u0432<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 40%; left: 55%;\"><div class=\"meso-tooltip\">\u0422\u0443\u0440\u0446\u0438\u044f: \u0414\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0441\u0435\u0440\u0432\u0438\u0441\u043d\u044b\u0439 \u0446\u0435\u043d\u0442\u0440<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 35%; left: 25%;\"><div class=\"meso-tooltip\">\u0421\u0428\u0410: NPE Expo 2024<\/div><\/div>\r\n                <div class=\"meso-dot\" style=\"top: 45%; left: 78%;\"><div class=\"meso-tooltip\">\u0428\u0442\u0430\u0431-\u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0431\u0430\u0437\u0430<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u041f\u043e\u043b\u044c\u0448\u0430\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u041f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f \u0441 \u043d\u0438\u043c\u0438 \u043d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435 K-Show 2022. \u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0442\u0430\u043d\u043a\u043e\u0432 \u043c\u0435\u043d\u044f \u0443\u0434\u0438\u0432\u0438\u043b\u043e\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u041f\u043e\u043b\u044c\u0448\u0438<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 - \u041c\u0435\u043a\u0441\u0438\u043a\u0430\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 24\/7 \u0443\u0436\u0435 6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432. \u041e\u0447\u0435\u043d\u044c \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u041c\u0435\u043a\u0441\u0438\u043a\u0438<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u0422\u0443\u0440\u0446\u0438\u044f\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u0421\u0435\u0440\u0432\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442 \u043d\u0430\u043c \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u044d\u043d\u0435\u0440\u0433\u0438\u044e 30%\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u0422\u0443\u0440\u0446\u0438\u0438<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u0412\u044c\u0435\u0442\u043d\u0430\u043c\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u0421\u0435\u0440\u0432\u0438\u0441\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u0438\u043b\u0435\u0442\u0435\u043b\u0430 \u0432 \u0425\u0430\u043d\u043e\u0439 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 2 \u0434\u043d\u0435\u0439\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u0412\u044c\u0435\u0442\u043d\u0430\u043c\u0430<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u0421\u0428\u0410\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u0423\u0432\u0438\u0434\u0435\u043b \u0434\u0435\u043c\u043e-\u0432\u0435\u0440\u0441\u0438\u044e \u043d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435 NPE. \u0421\u0440\u0430\u0437\u0443 \u0436\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u0421\u0428\u0410<\/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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u041f\u043e\u043b\u044c\u0448\u0430\" loading=\"lazy\">\r\n                        <div><p style=\"font-style:italic; font-size:0.9rem;\">\"\u041f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f \u0441 \u043d\u0438\u043c\u0438 \u043d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435 K-Show 2022. \u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0442\u0430\u043d\u043a\u043e\u0432 \u043c\u0435\u043d\u044f \u0443\u0434\u0438\u0432\u0438\u043b\u043e\".\"<\/p><span style=\"font-size:0.8rem; font-weight:700; color:#868e96; text-transform:uppercase;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u041f\u043e\u043b\u044c\u0448\u0438<\/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\/ru\/exhibition-gallery\/\" class=\"meso-link-arrow\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u0432\u044b\u0441\u0442\u0430\u0432\u043e\u043a <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=\"\u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u0422\u0443\u0440\u0446\u0438\u0438\" loading=\"lazy\">\r\n                    <div>\r\n                        <p style=\"font-style:italic; font-size:1.1rem;\">\"\u041d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435 Chinaplas \u044f \u0432\u0438\u0434\u0435\u043b, \u043a\u0430\u043a \u043c\u0430\u0448\u0438\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 35 \u0446\u0438\u043a\u043b\u043e\u0432\/\u043c\u0438\u043d. \u041e\u0447\u0435\u043d\u044c \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0430\u044f. \u042f \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435\".\"<\/p>\r\n                        <p style=\"margin-top:10px; font-weight:bold;\">- \u041a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 \u0422\u0443\u0440\u0446\u0438\u0438<\/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;\">\u0412\u0441\u0442\u0440\u0435\u0442\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435 Chinaplas 2025?<\/h3>\r\n                    <p>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e-\u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 VIP \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0432\u0438\u0437\u044b.<\/p>\r\n                    <div style=\"margin-top:30px;\">\r\n                        <a href=\"https:\/\/mesoforming.com\/ru\/%d1%81%d0%b2%d1%8f%d0%b7%d0%b0%d1%82%d1%8c%d1%81%d1%8f-%d1%81\/\" class=\"meso-btn meso-btn-acc\" style=\"text-decoration:none; display:inline-block;\">\u0417\u0430\u043f\u0440\u043e\u0441 \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f<\/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\/ru\/wp-json\/wp\/v2\/pages\/3798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/comments?post=3798"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/3798\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/media?parent=3798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}