{"id":3727,"date":"2025-12-03T17:19:00","date_gmt":"2025-12-03T17:19:00","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=3727"},"modified":"2025-12-29T18:39:39","modified_gmt":"2025-12-29T18:39:39","slug":"solusi-thermoforming-kemasan-makanan","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/id\/solusi-thermoforming-kemasan-makanan\/","title":{"rendered":"Solusi Thermoforming Kemasan Makanan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3727\" class=\"elementor elementor-3727\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b395cc2 e-con-full e-flex e-con e-parent\" data-id=\"b395cc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1c43032 e-con-full e-flex e-con e-child\" data-id=\"1c43032\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d53b263 elementor-widget elementor-widget-html\" data-id=\"d53b263\" 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  MESO THERMOFORMING LANDING PAGE MODULE \r\n  STATUS: MOBILE FIXED | SPEED 100 (SYSTEM FONTS) | WP SAFE\r\n-->\r\n\r\n<!-- 1. Optimized Font Awesome (Non-blocking load) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" media=\"print\" onload=\"this.media='all'\">\r\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><\/noscript>\r\n\r\n<!-- 2. NO GOOGLE FONTS (System Font Stack Implemented in CSS) -->\r\n\r\n<!-- 3. Structured Data (SEO) -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@graph\": [\r\n        {\r\n            \"@type\": \"Product\",\r\n            \"name\": \"Food Packaging Thermoforming Solutions\",\r\n            \"description\": \"Professional thermoforming solutions for food packaging. FDA\/BRC compliant, high-efficiency production of PLA, PET, PP containers.\",\r\n            \"brand\": { \"@type\": \"Brand\", \"name\": \"MesoForming\" },\r\n            \"image\": \"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12\"\r\n        },\r\n        {\r\n            \"@type\": \"BreadcrumbList\",\r\n            \"itemListElement\": [{\r\n                \"@type\": \"ListItem\",\r\n                \"position\": 1,\r\n                \"name\": \"Home\",\r\n                \"item\": \"https:\/\/mesoforming.com\/\"\r\n            },{\r\n                \"@type\": \"ListItem\",\r\n                \"position\": 2,\r\n                \"name\": \"Food Packaging Thermoforming Solutions\",\r\n                \"item\": \"https:\/\/mesoforming.com\/food-packaging-thermoforming-solutions\/\"\r\n            }]\r\n        },\r\n        {\r\n            \"@type\": \"FAQPage\",\r\n            \"mainEntity\": [{\r\n                \"@type\": \"Question\",\r\n                \"name\": \"What are the key technical challenges in producing PLA biodegradable food containers?\",\r\n                \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The core challenge lies in precise low-temperature control. PLA is extremely sensitive to heat; overheating causes warpage. Our equipment uses AI-PID ceramic infrared heating with \u00b11\u00b0C accuracy.\" }\r\n            }, {\r\n                \"@type\": \"Question\",\r\n                \"name\": \"How does your equipment support BRC or FSSC 22000 certification?\",\r\n                \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"We provide a complete Validation Package (IQ\/OQ\/PQ) and Material Declarations of Conformity (DoC). Contact parts are 316L stainless steel.\" }\r\n            }]\r\n        }\r\n    ]\r\n}\r\n<\/script>\r\n\r\n<!-- 4. CSS Styles (System Fonts & Mobile Responsive) -->\r\n<style>\r\n    \/* =========================================\r\n       SCOPE ID: #meso-wrapper\r\n       ========================================= *\/\r\n    \r\n    #meso-wrapper {\r\n        \/* Design Variables *\/\r\n        --primary-gradient: linear-gradient(135deg, #711be1 0%, #4a00b0 100%);\r\n        --primary-dark: #4a00b0;\r\n        --primary-light: #711be1;\r\n        --primary-solid: #5e0dc0;\r\n        --accent: #ff6b00;\r\n        --accent-hover: #e65100;\r\n        --bg-light: #f8f9fa;\r\n        --bg-med: #e9ecef;\r\n        --text-dark: #212529;\r\n        --text-body: #495057;\r\n        --text-light: #6c757d;\r\n        --white: #ffffff;\r\n        --border-color: #dee2e6;\r\n        \r\n        --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);\r\n        --shadow-md: 0 5px 15px rgba(113, 27, 225, 0.15);\r\n        --shadow-hover: 0 15px 30px rgba(113, 27, 225, 0.2);\r\n        --radius-sm: 4px;\r\n        --radius-md: 8px;\r\n        --radius-lg: 12px;\r\n        --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n\r\n        \/* PERFORMANCE: System Font Stack (0 HTTP Requests) *\/\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n        \r\n        color: var(--text-body);\r\n        line-height: 1.6;\r\n        background-color: var(--white);\r\n        width: 100%;\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n        text-align: left;\r\n        \r\n        \/* Z-INDEX FIX: Prevents Header Overlap *\/\r\n        position: relative; \r\n        z-index: 0; \r\n        overflow: visible;\r\n    }\r\n\r\n    #meso-wrapper *, \r\n    #meso-wrapper *::before, \r\n    #meso-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    #meso-wrapper h1, #meso-wrapper h2, #meso-wrapper h3, #meso-wrapper h4, #meso-wrapper h5 {\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        margin-top: 0;\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    #meso-wrapper a { text-decoration: none; color: inherit; transition: all 0.3s ease; }\r\n    #meso-wrapper ul { list-style: none; padding: 0; margin: 0; }\r\n    #meso-wrapper img { max-width: 100%; height: auto; display: block; }\r\n\r\n    \/* Layout Utilities *\/\r\n    #meso-wrapper .meso-container {\r\n        width: 90%;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 15px;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    #meso-wrapper .section-padding { padding: 80px 0; }\r\n\r\n    \/* Animations *\/\r\n    #meso-wrapper .reveal {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n    #meso-wrapper .reveal.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* === Standard Buttons === *\/\r\n    #meso-wrapper .btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 12px 30px;\r\n        font-weight: 500;\r\n        border-radius: var(--radius-sm);\r\n        text-align: center;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        font-size: 1rem;\r\n        margin: 5px;\r\n        gap: 8px;\r\n    }\r\n\r\n    #meso-wrapper .btn-primary {\r\n        background-color: var(--accent);\r\n        color: var(--white) !important;\r\n        box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3);\r\n    }\r\n    #meso-wrapper .btn-primary:hover {\r\n        background-color: var(--accent-hover);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(255, 107, 0, 0.4);\r\n    }\r\n\r\n    #meso-wrapper .btn-secondary {\r\n        background: transparent;\r\n        border: 2px solid var(--white);\r\n        color: var(--white) !important;\r\n    }\r\n    #meso-wrapper .btn-secondary:hover {\r\n        background: var(--white);\r\n        color: var(--primary-dark) !important;\r\n    }\r\n\r\n    \/* === SPECIAL MODULE BUTTONS (Rectangular\/Shine) === *\/\r\n    #meso-wrapper .module-cta-group {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    #meso-wrapper .btn-module-primary {\r\n        position: relative;\r\n        background: var(--primary-gradient);\r\n        color: white !important;\r\n        padding: 16px 32px;\r\n        border-radius: 6px;\r\n        font-weight: 700;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        overflow: hidden;\r\n        transition: var(--transition-smooth);\r\n        box-shadow: 0 4px 15px rgba(113, 27, 225, 0.4);\r\n        border: none;\r\n        cursor: pointer;\r\n        font-size: 1rem;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes mesoShine { 100% { left: 125%; } }\r\n\r\n    #meso-wrapper .btn-module-primary::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);\r\n        transform: skewX(-25deg);\r\n        transition: none;\r\n        z-index: -1;\r\n    }\r\n\r\n    #meso-wrapper .btn-module-primary:hover::before { animation: mesoShine 0.75s; }\r\n\r\n    #meso-wrapper .btn-module-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(113, 27, 225, 0.5);\r\n    }\r\n\r\n    #meso-wrapper .btn-module-secondary {\r\n        border: 2px solid var(--text-dark);\r\n        color: var(--text-dark) !important;\r\n        background: transparent;\r\n        padding: 16px 32px;\r\n        border-radius: 6px;\r\n        font-weight: 700;\r\n        transition: var(--transition-smooth);\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    #meso-wrapper .btn-module-secondary:hover {\r\n        border-color: var(--accent);\r\n        color: var(--accent) !important;\r\n        background: rgba(255, 107, 0, 0.05);\r\n    }\r\n\r\n    \/* Titles *\/\r\n    #meso-wrapper .section-title {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n    #meso-wrapper .section-title h2 { font-size: 2.2rem; margin-bottom: 15px; }\r\n    #meso-wrapper .section-title::after {\r\n        content: ''; display: block; width: 60px; height: 4px;\r\n        background: var(--accent); margin: 0 auto; border-radius: 2px;\r\n    }\r\n\r\n    \/* =========================================\r\n       SECTION 1: HERO\r\n       ========================================= *\/\r\n    #meso-wrapper #hero {\r\n        background: linear-gradient(rgba(33, 37, 41, 0.7), rgba(74, 0, 176, 0.8)), url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\r\n        background-size: cover;\r\n        background-position: center;\r\n        color: var(--white);\r\n        height: 65vh; \r\n        min-height: 500px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    #meso-wrapper .hero-breadcrumbs {\r\n        position: absolute;\r\n        top: 30px;\r\n        left: 5%;\r\n        z-index: 10;\r\n        font-size: 0.9rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-weight: 400;\r\n        text-align: left;\r\n    }\r\n    #meso-wrapper .hero-breadcrumbs a { color: var(--white); font-weight: 500; }\r\n    #meso-wrapper .hero-breadcrumbs a:hover { color: var(--accent); }\r\n    #meso-wrapper .hero-breadcrumbs .separator { margin: 0 8px; color: rgba(255,255,255,0.6); }\r\n\r\n    #meso-wrapper #hero h1 { font-size: 3rem; font-weight: 900; margin-bottom: 20px; color: var(--white); line-height: 1.2; }\r\n    #meso-wrapper #hero .subtitle { font-size: 1.25rem; font-weight: 300; max-width: 800px; margin: 0 auto 40px; color: rgba(255,255,255,0.9); }\r\n\r\n    \/* =========================================\r\n       SECTIONS \r\n       ========================================= *\/\r\n    #meso-wrapper #pain-points { background-color: var(--bg-light); position: relative; z-index: 1; }\r\n    #meso-wrapper .wave-bg {\r\n        position: absolute; top: -50px; left: 0; width: 100%; height: 50px;\r\n        background: var(--bg-light); clip-path: polygon(100% 0, 0 100%, 100% 100%); z-index: 1;\r\n    }\r\n    #meso-wrapper .pain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n    #meso-wrapper .pain-card {\r\n        background: var(--white); padding: 30px; border-radius: var(--radius-md);\r\n        box-shadow: var(--shadow-sm); border-top: 4px solid var(--text-light); transition: all 0.3s ease;\r\n    }\r\n    #meso-wrapper .pain-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-md); border-top: 4px solid var(--accent); }\r\n    #meso-wrapper .pain-icon { font-size: 2.5rem; color: var(--primary-light); margin-bottom: 20px; }\r\n\r\n    #meso-wrapper .comparison-table-wrapper { overflow-x: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); background: #fff; -webkit-overflow-scrolling: touch; }\r\n    #meso-wrapper .comparison-table { width: 100%; border-collapse: collapse; min-width: 600px; }\r\n    #meso-wrapper .comparison-table th, #meso-wrapper .comparison-table td { padding: 20px; text-align: left; border-bottom: 1px solid var(--border-color); }\r\n    #meso-wrapper .comparison-table th { background: var(--text-dark); color: var(--white); font-size: 1.1rem; }\r\n    #meso-wrapper .comparison-table th:last-child { background: var(--primary-gradient); }\r\n    #meso-wrapper .comparison-table td:last-child { background-color: rgba(113, 27, 225, 0.03); font-weight: 500; color: var(--primary-dark); border-left: 2px solid rgba(113, 27, 225, 0.1); }\r\n    \r\n    #meso-wrapper #solutions { background-color: var(--bg-light); }\r\n    #meso-wrapper .solutions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\r\n    #meso-wrapper .solution-card {\r\n        background: var(--white); border-radius: var(--radius-md); overflow: hidden;\r\n        box-shadow: var(--shadow-sm); transition: all 0.4s ease; display: flex; flex-direction: column; position: relative;\r\n    }\r\n    #meso-wrapper .solution-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--primary-gradient); }\r\n    #meso-wrapper .solution-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); }\r\n    #meso-wrapper .card-body { padding: 30px; flex-grow: 1; display: flex; flex-direction: column; }\r\n    #meso-wrapper .card-icon {\r\n        width: 60px; height: 60px; background: linear-gradient(135deg, rgba(113, 27, 225, 0.1), rgba(74, 0, 176, 0.1));\r\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n        margin-bottom: 20px; color: var(--primary-dark); font-size: 1.5rem;\r\n    }\r\n\r\n    #meso-wrapper #meso-solution-module { background-color: var(--white); padding: 80px 0; position: relative; }\r\n    #meso-wrapper .split-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: start; }\r\n    #meso-wrapper .module-header h2 { font-size: 2.25rem; margin-bottom: 20px; position: relative; display: inline-block; }\r\n    #meso-wrapper .module-header h2::after { content: ''; display: block; width: 80px; height: 4px; background: var(--primary-gradient); margin-top: 10px; border-radius: 2px; }\r\n    \r\n    #meso-wrapper .pain-points-box {\r\n        font-size: 1.05rem; color: var(--text-medium); background: rgba(113, 27, 225, 0.03);\r\n        border-left: 4px solid var(--accent); padding: 20px; border-radius: 0 6px 6px 0; margin-bottom: 30px;\r\n    }\r\n    \r\n    \/* Tabs *\/\r\n    #meso-wrapper .tabs-container { background: var(--white); border-radius: 8px; box-shadow: var(--shadow-md); overflow: hidden; margin-bottom: 40px; border: 1px solid var(--border-color); }\r\n    #meso-wrapper .tabs-nav { display: flex; background: var(--bg-light); border-bottom: 1px solid var(--border-color); }\r\n    #meso-wrapper .tab-btn {\r\n        flex: 1; padding: 18px; border: none; background: transparent; font-family: inherit;\r\n        font-weight: 500; font-size: 1rem; color: var(--text-light); cursor: pointer;\r\n        transition: var(--transition-smooth); text-align: center;\r\n    }\r\n    #meso-wrapper .tab-btn.active { color: var(--white); background: var(--primary-gradient); box-shadow: 0 4px 10px rgba(113, 27, 225, 0.3); }\r\n    #meso-wrapper .tab-content { padding: 30px; display: none; animation: mesoFadeIn 0.5s ease; }\r\n    #meso-wrapper .tab-content.active { display: block; }\r\n    \r\n    #meso-wrapper .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }\r\n    #meso-wrapper .spec-item { background: var(--bg-light); padding: 15px; border-radius: 6px; border-left: 3px solid #ccc; transition: var(--transition-smooth); }\r\n    #meso-wrapper .spec-item:hover { border-left-color: var(--primary-solid); transform: translateX(5px); background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }\r\n    #meso-wrapper .spec-label { font-size: 0.85rem; color: var(--text-light); display: block; }\r\n    #meso-wrapper .spec-value { font-weight: 700; color: var(--text-dark); font-size: 1rem; }\r\n\r\n    \/* Checklist *\/\r\n    #meso-wrapper .checklist-item { display: flex; align-items: flex-start; margin-bottom: 15px; }\r\n    #meso-wrapper .check-icon { min-width: 24px; height: 24px; background: rgba(40, 167, 69, 0.1); color: #28a745; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; margin-top: 2px; }\r\n    \r\n    \/* FAQ Accordion *\/\r\n    #meso-wrapper .accordion-item { border-bottom: 1px solid var(--border-color); margin-bottom: 10px; }\r\n    #meso-wrapper .accordion-header {\r\n        width: 100%; padding: 15px 0; background: none; border: none; text-align: left;\r\n        font-size: 1.05rem; font-weight: 500; color: var(--text-dark); cursor: pointer;\r\n        display: flex; justify-content: space-between; align-items: center; font-family: inherit;\r\n    }\r\n    #meso-wrapper .accordion-header:hover { color: var(--primary-solid); }\r\n    #meso-wrapper .accordion-icon { transition: transform 0.3s ease; color: var(--accent); font-size: 0.9rem; }\r\n    #meso-wrapper .accordion-header.active .accordion-icon { transform: rotate(45deg); }\r\n    #meso-wrapper .accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; color: var(--text-medium); padding-right: 20px; }\r\n    #meso-wrapper .accordion-body p { padding-bottom: 20px; margin: 0; }\r\n\r\n    \/* Visuals *\/\r\n    #meso-wrapper .hero-visual-card { background: white; padding: 15px; border-radius: 8px; box-shadow: var(--shadow-md); margin-bottom: 20px; position: relative; }\r\n    #meso-wrapper .hero-visual-card::before { content: ''; position: absolute; top: 0; left: 12px; right: 12px; height: 4px; background: var(--primary-gradient); border-radius: 0 0 4px 4px; z-index: 2; }\r\n    #meso-wrapper .interactive-image-container { position: relative; width: 100%; aspect-ratio: 16\/10; overflow: hidden; border-radius: 6px; background-color: #f0f0f0; }\r\n    #meso-wrapper .interactive-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block; }\r\n    #meso-wrapper .gif-img { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; }\r\n    #meso-wrapper .interactive-image-container:hover .gif-img { opacity: 1; }\r\n    #meso-wrapper .interactive-image-container:hover .static-img { opacity: 0; }\r\n    \r\n    #meso-wrapper .detail-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n    #meso-wrapper .detail-item { background: white; border-radius: 6px; overflow: hidden; box-shadow: var(--shadow-sm); cursor: pointer; transition: var(--transition-smooth); }\r\n    #meso-wrapper .detail-item:hover { transform: translateY(-5px); }\r\n    #meso-wrapper .detail-text { padding: 8px; font-size: 0.75rem; text-align: center; font-weight: 500; color: var(--text-medium); background: var(--bg-light); }\r\n\r\n    \/* Product Carousel *\/\r\n    #meso-wrapper .carousel-container {\r\n        width: 100%; overflow: hidden; position: relative; border-radius: var(--radius-lg);\r\n        box-shadow: var(--shadow-md); background: var(--bg-light); padding: 20px 0; margin-top: 50px;\r\n    }\r\n    #meso-wrapper .carousel-track { display: flex; gap: 20px; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 0 10px; width: 100%; }\r\n    #meso-wrapper .carousel-slide { flex: 0 0 calc(25% - 15px); min-width: 250px; }\r\n    #meso-wrapper .carousel-slide img { width: 100%; height: 200px; object-fit: cover; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform 0.3s ease; }\r\n    #meso-wrapper .carousel-slide img:hover { transform: scale(1.03); }\r\n    #meso-wrapper .carousel-nav { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }\r\n    #meso-wrapper .carousel-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--border-color); border: none; cursor: pointer; padding: 0; transition: background 0.3s; }\r\n    #meso-wrapper .carousel-dot.active { background: var(--accent); }\r\n\r\n    \/* Materials *\/\r\n    #meso-wrapper #materials {\r\n        background: linear-gradient(to right, #2b2d42, #3d405b);\r\n        color: var(--white); position: relative; overflow: hidden; z-index: 1;\r\n    }\r\n    #meso-wrapper #materials::before {\r\n        content: ''; position: absolute; top: -50%; right: -10%; width: 600px; height: 600px;\r\n        background: radial-gradient(circle, rgba(113, 27, 225, 0.4) 0%, transparent 70%); z-index: 0;\r\n    }\r\n    #meso-wrapper .material-content { position: relative; z-index: 1; }\r\n    #meso-wrapper .material-content h2, #meso-wrapper .material-content h3 { color: var(--white); }\r\n    #meso-wrapper .material-content .section-title::after { background: var(--accent); }\r\n    #meso-wrapper .pla-tips-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; }\r\n    #meso-wrapper .tip-box { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 25px; border-radius: var(--radius-md); border-left: 4px solid var(--accent); }\r\n    #meso-wrapper .tip-box h4 { color: var(--accent); margin-bottom: 10px; display: flex; align-items: center; }\r\n    #meso-wrapper .tip-box h4 i { margin-right: 10px; }\r\n\r\n    \/* Case Studies *\/\r\n    #meso-wrapper #case-studies { background: var(--bg-light); }\r\n    #meso-wrapper .case-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; }\r\n    #meso-wrapper .case-card {\r\n        background: var(--white); border-radius: var(--radius-lg); overflow: hidden;\r\n        box-shadow: var(--shadow-sm); text-align: center; position: relative;\r\n    }\r\n    #meso-wrapper .case-image { height: 200px; width: 100%; object-fit: cover; }\r\n    #meso-wrapper .case-content { padding: 30px; }\r\n    #meso-wrapper .case-stat { font-size: 2.5rem; font-weight: 900; color: var(--primary-light); margin: 20px 0; display: block; }\r\n    #meso-wrapper .case-label { text-transform: uppercase; letter-spacing: 1px; font-size: 0.85rem; color: var(--text-light); font-weight: 700; }\r\n\r\n    \/* CTA Form *\/\r\n    #meso-wrapper #final-cta { background: var(--white); }\r\n    #meso-wrapper .cta-container { display: flex; flex-direction: column; align-items: center; max-width: 800px; margin: 0 auto; }\r\n    #meso-wrapper .quote-form { width: 100%; background: var(--white); padding: 40px; border-radius: var(--radius-lg); box-shadow: var(--shadow-hover); border-top: 6px solid var(--primary-dark); }\r\n    #meso-wrapper .form-group { margin-bottom: 20px; }\r\n    #meso-wrapper .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--text-dark); }\r\n    #meso-wrapper .form-control {\r\n        width: 100%; padding: 12px 15px; border: 1px solid var(--border-color); border-radius: var(--radius-sm);\r\n        font-family: inherit; font-size: 1rem; transition: border-color 0.3s; background-color: #fff;\r\n    }\r\n    #meso-wrapper .form-control:focus { outline: none; border-color: var(--primary-light); box-shadow: 0 0 0 3px rgba(113, 27, 225, 0.1); }\r\n    #meso-wrapper textarea.form-control { resize: vertical; min-height: 120px; }\r\n\r\n    \/* Animations & Badge *\/\r\n    @keyframes mesoFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes mesoPulse { 0% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(255, 107, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); } }\r\n    #meso-wrapper .badge-pulse { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; }\r\n    #meso-wrapper .pulse-dot { width: 8px; height: 8px; background: var(--accent); border-radius: 50%; animation: mesoPulse 1.5s infinite; }\r\n\r\n    \/* =========================================\r\n       CRITICAL MOBILE OPTIMIZATION\r\n       Fixes overlap, sizing, and padding on small screens\r\n       ========================================= *\/\r\n    @media (max-width: 992px) {\r\n        #meso-wrapper .split-layout { grid-template-columns: 1fr; }\r\n        #meso-wrapper .visual-col { order: -1; margin-bottom: 40px; }\r\n        #meso-wrapper .hero-visual-card { max-width: 100%; margin: 0 auto 20px; }\r\n        #meso-wrapper .detail-gallery { max-width: 100%; margin: 0 auto; }\r\n        #meso-wrapper .cta-buttons { display: flex; flex-direction: column; width: 100%; }\r\n        #meso-wrapper .btn { width: 100%; margin: 5px 0; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        \/* Fix Hero Height & Padding for Mobile *\/\r\n        #meso-wrapper #hero { \r\n            height: auto; \r\n            min-height: 600px;\r\n            padding: 120px 0 60px 0; \/* Add top padding to clear header *\/\r\n            background-attachment: scroll; \/* Better mobile performance *\/\r\n        }\r\n        #meso-wrapper #hero h1 { font-size: 2rem; margin-bottom: 15px; }\r\n        #meso-wrapper #hero .subtitle { font-size: 1rem; margin-bottom: 30px; }\r\n        \r\n        #meso-wrapper .hero-breadcrumbs { \r\n            top: 20px; left: 20px; right: 20px; \r\n            font-size: 0.8rem; line-height: 1.4;\r\n        }\r\n\r\n        #meso-wrapper .section-padding { padding: 50px 0; }\r\n        #meso-wrapper .section-title h2 { font-size: 1.8rem; }\r\n        \r\n        #meso-wrapper .carousel-slide { flex: 0 0 calc(100% - 20px); min-width: unset; }\r\n        \r\n        #meso-wrapper .tabs-nav { flex-direction: column; }\r\n        #meso-wrapper .tab-btn { padding: 15px; border-bottom: 1px solid var(--border-color); }\r\n        \r\n        #meso-wrapper .module-cta-group { flex-direction: column; gap: 10px; }\r\n        #meso-wrapper .btn-module-primary, \r\n        #meso-wrapper .btn-module-secondary { width: 100%; justify-content: center; }\r\n        \r\n        #meso-wrapper .comparison-table th, \r\n        #meso-wrapper .comparison-table td { padding: 12px; font-size: 0.9rem; }\r\n        \r\n        #meso-wrapper .specs-grid { grid-template-columns: 1fr; }\r\n        \r\n        \/* Fix overlapping images *\/\r\n        #meso-wrapper .interactive-image-container { aspect-ratio: 4\/3; }\r\n        #meso-wrapper .detail-gallery { grid-template-columns: repeat(3, 1fr); gap: 10px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        #meso-wrapper .carousel-slide { flex: 0 0 100%; }\r\n        #meso-wrapper .case-grid { grid-template-columns: 1fr; }\r\n        #meso-wrapper .pain-grid, \r\n        #meso-wrapper .solutions-grid { grid-template-columns: 1fr; }\r\n        \r\n        #meso-wrapper .detail-gallery { grid-template-columns: 1fr; }\r\n        #meso-wrapper .detail-item img { height: 150px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- MAIN WRAPPER (ID: meso-wrapper) -->\r\n<div id=\"meso-wrapper\">\r\n\r\n    <!-- Section 1: Hero (Responsive Height) -->\r\n    <section id=\"hero\">\r\n        <!-- Breadcrumbs -->\r\n        <div class=\"hero-breadcrumbs\">\r\n            <a href=\"https:\/\/mesoforming.com\/\">Home<\/a> \r\n            <span class=\"separator\">\/<\/span> \r\n            <a href=\"https:\/\/mesoforming.com\/food-packaging-thermoforming-solutions\/\">Food Packaging Thermoforming Solutions<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"meso-container reveal active\">\r\n            <h1>Professional Thermoforming Solutions for Food Packaging<\/h1>\r\n            <p class=\"subtitle\">Struggling with PLA warping, production bottlenecks, or FDA\/BRC certification? We provide complete thermoforming solutions for food packaging manufacturers.<\/p>\r\n            <div class=\"cta-buttons\">\r\n                <a href=\"#final-cta\" class=\"btn btn-primary\">Get Free Production Assessment<\/a>\r\n                <a href=\"#solutions-video\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-play\"><\/i> Watch Solution Video<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 2: Pain Points -->\r\n    <section id=\"pain-points\" class=\"section-padding\">\r\n        <div class=\"wave-bg\"><\/div>\r\n        <div class=\"meso-container\">\r\n            <div class=\"section-title reveal\">\r\n                <h2>We Understand Your Unique Challenges in Food Packaging Production<\/h2>\r\n            <\/div>\r\n            <div class=\"pain-grid\">\r\n                <div class=\"pain-card reveal\">\r\n                    <div class=\"pain-icon\"><i class=\"fa-solid fa-file-shield\"><\/i><\/div>\r\n                    <h3>Compliance Risks?<\/h3>\r\n                    <p>Worried about FDA, BRC certification failures and market access issues?<\/p>\r\n                <\/div>\r\n                <div class=\"pain-card reveal\">\r\n                    <div class=\"pain-icon\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\r\n                    <h3>Unstable Eco-Material Production?<\/h3>\r\n                    <p>Want profitable PLA orders but face inconsistent quality with current equipment?<\/p>\r\n                <\/div>\r\n                <div class=\"pain-card reveal\">\r\n                    <div class=\"pain-icon\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                    <h3>Production Bottlenecks?<\/h3>\r\n                    <p>Slow speed, poor stability, or lack of full automation in your current setup?<\/p>\r\n                <\/div>\r\n                <div class=\"pain-card reveal\">\r\n                    <div class=\"pain-icon\"><i class=\"fa-solid fa-broom\"><\/i><\/div>\r\n                    <h3>Sanitation Concerns?<\/h3>\r\n                    <p>Equipment design has cleaning challenges, not meeting food safety standards?<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 3: Comparison -->\r\n    <section id=\"comparison\" class=\"section-padding\">\r\n        <div class=\"meso-container reveal\">\r\n            <div class=\"section-title\">\r\n                <h2>Not Just Machine Upgrade, But Complete Solution Leap<\/h2>\r\n            <\/div>\r\n            <div class=\"comparison-table-wrapper\">\r\n                <table class=\"comparison-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Key Factors<\/th>\r\n                            <th>Traditional Equipment<\/th>\r\n                            <th>Our Professional Solution<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>Compliance Assurance<\/strong><\/td>\r\n                            <td>Self-verification, incomplete documentation, high risk<\/td>\r\n                            <td><i class=\"fa-solid fa-check-circle\"><\/i> Built-in compliance with full documentation support<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>New Material Adaptation<\/strong><\/td>\r\n                            <td>Difficult process, unstable, high scrap rate<\/td>\r\n                            <td><i class=\"fa-solid fa-check-circle\"><\/i> Dedicated PLA\/PET process library for mass production<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Production Efficiency<\/strong><\/td>\r\n                            <td>Unstable equipment, capacity bottlenecks<\/td>\r\n                            <td><i class=\"fa-solid fa-check-circle\"><\/i> High-speed full automation, modular design<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Long-term Operation Cost<\/strong><\/td>\r\n                            <td>Frequent breakdowns, high energy consumption<\/td>\r\n                            <td><i class=\"fa-solid fa-check-circle\"><\/i> Energy efficient with global spare parts network<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 4: Solutions -->\r\n    <section id=\"solutions\" class=\"section-padding\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"section-title reveal\">\r\n                <h2>Targeted Solutions: Technology & Process Designed for Food Packaging<\/h2>\r\n            <\/div>\r\n            <div class=\"solutions-grid\">\r\n                <div class=\"solution-card reveal\">\r\n                    <div class=\"card-body\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-certificate\"><\/i><\/div>\r\n                        <h3>Built-in Compliance Design<\/h3>\r\n                        <p>Equipment contact parts use certified stainless steel with complete technical documentation for FDA\/BRC compliance.<\/p>\r\n                        <a href=\"#compliance\" class=\"card-link\" style=\"margin-top:auto; color:var(--accent); font-weight:500;\">Learn about certification support <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"solution-card reveal\">\r\n                    <div class=\"card-body\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-temperature-arrow-up\"><\/i><\/div>\r\n                        <h3>Material Processing Expert<\/h3>\r\n                        <p>Rich material database with customized temperature control for PLA stability, yield >99.2%.<\/p>\r\n                        <a href=\"#processing\" class=\"card-link\" style=\"margin-top:auto; color:var(--accent); font-weight:500;\">Read PLA processing solutions <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"solution-card reveal\">\r\n                    <div class=\"card-body\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-robot\"><\/i><\/div>\r\n                        <h3>High-Efficiency Automation Line<\/h3>\r\n                        <p>Multi-station fully automatic with auto-loading, online inspection, robot stacking for 24\/7 production.<\/p>\r\n                        <a href=\"#automation\" class=\"card-link\" style=\"margin-top:auto; color:var(--accent); font-weight:500;\">Explore multi-station advantages <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    <!-- Section 5: Tech Specs REPLACED by Solution Module -->\r\n    <section id=\"meso-solution-module\" class=\"section-padding\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"split-layout\">\r\n                \r\n                <!-- Left Column: Content Strategy -->\r\n                <div class=\"content-col reveal\">\r\n                    <div class=\"module-header\">\r\n                        <h2>Food Packaging Thermoforming Solution:<br>Compliant & Efficient <span style=\"color: var(--primary-solid);\">PLA\/PET<\/span> Equipment<\/h2>\r\n                    <\/div>\r\n\r\n                    <!-- Pain Points -->\r\n                    <div class=\"pain-points-box\">\r\n                        <p><i class=\"fa-solid fa-triangle-exclamation\" style=\"color: var(--accent); margin-right: 8px;\"><\/i> Are you struggling with <strong>15% scrap rates<\/strong> in PLA biodegradable food containers production? Or worried about meeting <strong>FDA 21 CFR \/ EU 10\/2011<\/strong> compliance? We provide a solution integrating precision temperature control with cleanroom standards.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tab Interface -->\r\n                    <div class=\"tabs-container\">\r\n                        <div class=\"tabs-nav\">\r\n                            <button class=\"tab-btn active\" data-tab=\"efficiency\">\r\n                                <i class=\"fa-solid fa-gauge-high\"><\/i> Efficiency Package (A)\r\n                            <\/button>\r\n                            <button class=\"tab-btn\" data-tab=\"versatility\">\r\n                                <i class=\"fa-solid fa-layer-group\"><\/i> Versatility Package (B)\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <!-- Tab A: Efficiency -->\r\n                        <div id=\"efficiency\" class=\"tab-content active\">\r\n                            <h3><i class=\"fa-solid fa-bolt\" style=\"color:var(--accent);\"><\/i> High-Speed 3-Station Thermoformer<\/h3>\r\n                            <p><strong>Best For:<\/strong> Mass production of standard trays, lids, and clamshells. CPK > 1.33, designed for maximum ROI.<\/p>\r\n                            <div class=\"specs-grid\">\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Cycle Time (Dry)<\/span><span class=\"spec-value\">\u2264 8.0 Seconds<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Daily Output<\/span><span class=\"spec-value\">\u2265 300,000 Pcs\/Day<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Material Thickness<\/span><span class=\"spec-value\">0.3mm - 1.5mm<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Energy Rating<\/span><span class=\"spec-value\">Tier 1 (Servo Regen)<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Tab B: Versatility -->\r\n                        <div id=\"versatility\" class=\"tab-content\">\r\n                            <h3><i class=\"fa-solid fa-robot\" style=\"color:var(--accent);\"><\/i> Multi-Function 4-Station Thermoformer<\/h3>\r\n                            <p><strong>Best For:<\/strong> Complex geometries, difficult materials (PLA, CPLA, rPET), and flexible lines requiring quick changeovers.<\/p>\r\n                            <div class=\"specs-grid\">\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Changeover Time<\/span><span class=\"spec-value\">\u2264 15 Minutes<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Max Forming Depth<\/span><span class=\"spec-value\">150mm<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Automation<\/span><span class=\"spec-value\">ABB\/KUKA Integration<\/span><\/div>\r\n                                <div class=\"spec-item\"><span class=\"spec-label\">Extended Process<\/span><span class=\"spec-value\">IML Ready<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Checklist -->\r\n                    <div id=\"meso-checklist\">\r\n                        <div class=\"checklist-item\">\r\n                            <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                            <div class=\"check-content\">\r\n                                <strong>Compliance Ready Construction<\/strong>\r\n                                <p>Food contact zones in 316L Stainless Steel. Full support for BRC and FSSC 22000 audits with GMP documentation.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"checklist-item\">\r\n                            <div class=\"check-icon\"><i class=\"fa-solid fa-temperature-low\"><\/i><\/div>\r\n                            <div class=\"check-content\">\r\n                                <strong>AI-PID Temp Control for PLA<\/strong>\r\n                                <p>120+ independent zones with \u00b11\u00b0C accuracy. Eliminates uneven crystallization, boosting PLA yield to > 99.5%.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"checklist-item\">\r\n                            <div class=\"check-icon\"><i class=\"fa-solid fa-pump-soap\"><\/i><\/div>\r\n                            <div class=\"check-content\">\r\n                                <strong>Hygienic Design (EHEDG Guidelines)<\/strong>\r\n                                <p>IP65 protection with no hidden crevices. Supports high-pressure washdown, reducing cleaning time by 40%.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ -->\r\n                    <div class=\"faq-section\" style=\"margin-top: 40px;\">\r\n                        <h3 style=\"font-size: 1.5rem; margin-bottom: 20px;\">Frequently Asked Questions<\/h3>\r\n                        \r\n                        <div class=\"accordion-item\">\r\n                            <button class=\"accordion-header\">\r\n                                <span>Q1: Key challenges in producing PLA biodegradable containers?<\/span>\r\n                                <i class=\"fa-solid fa-plus accordion-icon\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"accordion-body\"><p>The core challenge is precise low-temperature control. PLA is sensitive; overheating causes warpage. Our equipment uses AI-PID ceramic infrared heating with \u00b11\u00b0C accuracy to ensure perfect forming.<\/p><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"accordion-item\">\r\n                            <button class=\"accordion-header\">\r\n                                <span>Q2: How do you support BRC or FSSC 22000 certification?<\/span>\r\n                                <i class=\"fa-solid fa-plus accordion-icon\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"accordion-body\"><p>We provide a complete Validation Package (IQ\/OQ\/PQ) and Material DoC. Our machine's hygienic design (316L steel, easy clean) aligns directly with BRC and FSSC 22000 standards.<\/p><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"accordion-item\">\r\n                            <button class=\"accordion-header\">\r\n                                <span>Q3: Can this machine handle rPET (Recycled PET) sheets?<\/span>\r\n                                <i class=\"fa-solid fa-plus accordion-icon\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"accordion-body\"><p>Yes. Our multi-station systems are optimized for rPET. Enhanced pre-heating zones and high-pressure forming compensate for viscosity variations in recycled materials.<\/p><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"accordion-item\">\r\n                            <button class=\"accordion-header\">\r\n                                <span>Q4: Do you provide global after-sales support?<\/span>\r\n                                <i class=\"fa-solid fa-plus accordion-icon\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"accordion-body\"><p>Absolutely. We offer 24\/7 remote diagnostic support via the integrated industrial PC. Critical spare parts are stocked in our regional hubs to ensure rapid delivery.<\/p><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- CTA Group -->\r\n                    <div class=\"module-cta-group\">\r\n                        <a href=\"#final-cta\" class=\"btn-module-primary\">\r\n                            <i class=\"fa-solid fa-file-pdf\"><\/i> Download ROI Analysis Report\r\n                        <\/a>\r\n                        <a href=\"#whatsappForm\" class=\"btn-module-secondary\">\r\n                            <i class=\"fa-solid fa-video\"><\/i> Book 15-Min Live Demo\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Visual Strategy -->\r\n                <div class=\"visual-col reveal\">\r\n                    <div class=\"hero-visual-card\">\r\n                        <div class=\"interactive-image-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x500\/e9ecef\/711be1?text=Thermoforming+Machine+Static\" alt=\"High speed food packaging thermoforming machine\" class=\"static-img\" width=\"800\" height=\"500\" loading=\"lazy\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x500\/711be1\/ffffff?text=Running+Process+GIF\" alt=\"Robotic stacking system in action\" class=\"gif-img\" width=\"800\" height=\"500\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"image-caption\" style=\"margin-top:15px; display:flex; justify-content:space-between; font-size:0.9rem; color:var(--text-light);\">\r\n                            <span>Model: T-Form 8000 Pro<\/span>\r\n                            <span class=\"badge-pulse\"><span class=\"pulse-dot\"><\/span> Running<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"detail-gallery\">\r\n                        <div class=\"detail-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200\/333\/fff?text=Thermal+Cam\" alt=\"Infrared thermal imaging control\" width=\"300\" height=\"200\" loading=\"lazy\">\r\n                            <div class=\"detail-text\">PID Precision Temp<\/div>\r\n                        <\/div>\r\n                        <div class=\"detail-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200\/333\/fff?text=Clean+Cut\" alt=\"Microscope view of cutting edge\" width=\"300\" height=\"200\" loading=\"lazy\">\r\n                            <div class=\"detail-text\">Burr-Free Cutting<\/div>\r\n                        <\/div>\r\n                        <div class=\"detail-item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x200\/333\/fff?text=Steel+Frame\" alt=\"Stainless steel 316L frame\" width=\"300\" height=\"200\" loading=\"lazy\">\r\n                            <div class=\"detail-text\">316L Hygienic<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Product Carousel (Preserved) -->\r\n            <div class=\"carousel-container reveal\">\r\n                <div class=\"carousel-track\" id=\"carouselTrack\">\r\n                    <!-- JS Injected -->\r\n                <\/div>\r\n                <div class=\"carousel-nav\" id=\"carouselNav\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 6: Materials (Preserved) -->\r\n    <section id=\"materials\" class=\"section-padding\">\r\n        <div class=\"meso-container material-content\">\r\n            <div class=\"section-title reveal\">\r\n                <h2>Food Packaging Material Processing Guide<\/h2>\r\n            <\/div>\r\n            <div class=\"pla-tips-grid reveal\">\r\n                <div class=\"tip-box\">\r\n                    <h4><i class=\"fa-solid fa-droplet\"><\/i> Drying Process<\/h4>\r\n                    <p>Dry at 80\u00b0C for 2-4 hours, moisture &lt;0.025% to prevent bubbles.<\/p>\r\n                <\/div>\r\n                <div class=\"tip-box\">\r\n                    <h4><i class=\"fa-solid fa-temperature-low\"><\/i> Precise Heating<\/h4>\r\n                    <p>Maintain low uniform temperature (160-180\u00b0C) to avoid degradation.<\/p>\r\n                <\/div>\r\n                <div class=\"tip-box\">\r\n                    <h4><i class=\"fa-solid fa-snowflake\"><\/i> Slow Cooling<\/h4>\r\n                    <p>Optimize mold cooling with slow cooling to reduce stress & warping.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"troubleshoot reveal\" style=\"margin-top: 40px; padding: 20px; background: rgba(255, 107, 0, 0.15); border-radius: var(--radius-md); border: 1px dashed var(--accent);\">\r\n                <strong><i class=\"fa-solid fa-circle-question\"><\/i> Common Issue Fix:<\/strong> Warping? Check material dryness and optimize mold cooling balance.\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 7: Case Studies (Preserved) -->\r\n    <section id=\"case-studies\" class=\"section-padding\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"section-title reveal\">\r\n                <h2>Trusted by Global Food Packaging Manufacturers<\/h2>\r\n            <\/div>\r\n            <div class=\"case-grid\">\r\n                <div class=\"case-card reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Quality Improvement Case Study\" class=\"case-image\" loading=\"lazy\">\r\n                    <div class=\"case-content\">\r\n                        <span class=\"case-label\">Technical Breakthrough \u00b7 Export Success<\/span>\r\n                        <h3>Yield Rate Significant Jump<\/h3>\r\n                        <span class=\"case-stat\">85% <i class=\"fa-solid fa-arrow-right-long\" style=\"font-size:1.5rem; color:#ccc;\"><\/i> 99.5%<\/span>\r\n                        <p>Solved PLA warping with optimized temperature control, saving $80K+ annually in scrap.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-card reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092580497-e0d4cb184827?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Production Capacity Case Study\" class=\"case-image\" loading=\"lazy\">\r\n                    <div class=\"case-content\">\r\n                        <span class=\"case-label\">Efficiency Breakthrough \u00b7 Empowering Brands<\/span>\r\n                        <h3>Daily Capacity Doubled<\/h3>\r\n                        <span class=\"case-stat\">150K <i class=\"fa-solid fa-arrow-right-long\" style=\"font-size:1.5rem; color:#ccc;\"><\/i> 350K<\/span>\r\n                        <p>Full automation line replaced traditional equipment, ROI less than 16 months.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 8: CTA Form (Preserved) -->\r\n    <section id=\"final-cta\" class=\"section-padding\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"section-title reveal\">\r\n                <h2>Let's Create the Next Best-Selling Food Packaging Together<\/h2>\r\n            <\/div>\r\n            <div class=\"cta-container reveal\">\r\n                <form class=\"quote-form\" id=\"whatsappForm\">\r\n                    <div class=\"form-group\">\r\n                        <label>Your Name *<\/label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"name\" required placeholder=\"Enter your name\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Company Name *<\/label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"company\" required placeholder=\"Enter company name\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Main Product Type *<\/label>\r\n                        <select class=\"form-control\" id=\"productType\">\r\n                            <option>Containers<\/option>\r\n                            <option>Lids<\/option>\r\n                            <option>Trays<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Primary Material *<\/label>\r\n                        <select class=\"form-control\" id=\"material\">\r\n                            <option>PP<\/option>\r\n                            <option>PET<\/option>\r\n                            <option>PS<\/option>\r\n                            <option>PLA<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Current Biggest Challenge or Goal *<\/label>\r\n                        <textarea class=\"form-control\" id=\"challenge\" placeholder=\"e.g., I want to increase PLA container production speed...\"><\/textarea>\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Submit Request & Get Free Assessment<\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT LOGIC (WP\/Elementor Safe) -->\r\n<script>\r\n    (function(){\r\n        \/\/ Scope Init Function\r\n        const initMesoModule = () => {\r\n            const wrapper = document.getElementById('meso-wrapper');\r\n            if(!wrapper) return;\r\n\r\n            \/\/ 1. CAROUSEL LOGIC (Responsive)\r\n            const productImages = [\r\n                'https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1605218427360-363988753385?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1530982011887-3cc11cc85693?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1581093588402-4a1195681407?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1581092580497-e0d4cb184827?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80'\r\n            ];\r\n\r\n            const track = wrapper.querySelector('#carouselTrack');\r\n            const nav = wrapper.querySelector('#carouselNav');\r\n            \r\n            if(track && nav && track.children.length === 0) {\r\n                let currentSlide = 0;\r\n                \r\n                \/\/ Dynamic Slides Per View based on width\r\n                const getSlidesPerView = () => {\r\n                     const w = window.innerWidth;\r\n                     if(w < 480) return 1;\r\n                     if(w < 768) return 2;\r\n                     return 4;\r\n                };\r\n                \r\n                let slidesPerView = getSlidesPerView();\r\n\r\n                \/\/ Build Slides\r\n                productImages.forEach((src) => {\r\n                    const d = document.createElement('div');\r\n                    d.className = 'carousel-slide';\r\n                    d.innerHTML = `<img decoding=\"async\" src=\"${src}\" alt=\"Food Packaging Product\" loading=\"lazy\">`;\r\n                    track.appendChild(d);\r\n                });\r\n\r\n                \/\/ Build Dots\r\n                const dotsCount = Math.max(1, productImages.length - slidesPerView + 1);\r\n                for(let i=0; i<dotsCount; i++){\r\n                    const dot = document.createElement('button');\r\n                    dot.className = `carousel-dot ${i===0?'active':''}`;\r\n                    dot.setAttribute('aria-label', `Go to slide ${i+1}`);\r\n                    dot.onclick = () => {\r\n                        currentSlide = i;\r\n                        updateCarousel();\r\n                    };\r\n                    nav.appendChild(dot);\r\n                }\r\n\r\n                function updateCarousel() {\r\n                    track.style.transform = `translateX(-${currentSlide * (100\/slidesPerView)}%)`;\r\n                    wrapper.querySelectorAll('.carousel-dot').forEach((d,idx) => d.classList.toggle('active', idx===currentSlide));\r\n                }\r\n\r\n                \/\/ Handle Resize\r\n                window.addEventListener('resize', () => {\r\n                    slidesPerView = getSlidesPerView();\r\n                    updateCarousel();\r\n                });\r\n\r\n                \/\/ Auto Play\r\n                setInterval(() => {\r\n                    if(document.hidden) return;\r\n                    currentSlide = (currentSlide >= dotsCount-1) ? 0 : currentSlide + 1;\r\n                    updateCarousel();\r\n                }, 4000);\r\n            }\r\n        };\r\n\r\n        \/\/ 2. EVENT DELEGATION\r\n        document.addEventListener('click', function(e) {\r\n            if(!e.target.closest('#meso-wrapper')) return;\r\n\r\n            \/\/ Tabs\r\n            const tabBtn = e.target.closest('.tab-btn');\r\n            if(tabBtn) {\r\n                const wrapper = document.getElementById('meso-wrapper');\r\n                const targetId = tabBtn.getAttribute('data-tab');\r\n                wrapper.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n                wrapper.querySelectorAll('.tab-content').forEach(c => c.style.display = 'none');\r\n                tabBtn.classList.add('active');\r\n                const content = wrapper.querySelector(`#${targetId}`);\r\n                if(content) { content.style.display = 'block'; content.classList.add('active'); }\r\n            }\r\n\r\n            \/\/ Accordion\r\n            const accHeader = e.target.closest('.accordion-header');\r\n            if(accHeader) {\r\n                accHeader.classList.toggle(\"active\");\r\n                const panel = accHeader.nextElementSibling;\r\n                const icon = accHeader.querySelector('.accordion-icon');\r\n                if (panel.style.maxHeight) {\r\n                    panel.style.maxHeight = null;\r\n                    if(icon) { icon.classList.remove('fa-minus'); icon.classList.add('fa-plus'); }\r\n                } else {\r\n                    panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n                    if(icon) { icon.classList.remove('fa-plus'); icon.classList.add('fa-minus'); }\r\n                }\r\n            }\r\n\r\n            \/\/ Smooth Scroll\r\n            const link = e.target.closest('a[href^=\"#\"]');\r\n            if(link) {\r\n                e.preventDefault();\r\n                const targetId = link.getAttribute('href');\r\n                if(targetId !== '#') {\r\n                    const target = document.querySelector(targetId);\r\n                    if(target) target.scrollIntoView({behavior:'smooth'});\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ 3. WHATSAPP FORM\r\n        document.addEventListener('submit', function(e) {\r\n            if(e.target && e.target.id === 'whatsappForm') {\r\n                e.preventDefault();\r\n                const w = document.getElementById('meso-wrapper');\r\n                const name = w.querySelector('#name').value;\r\n                const company = w.querySelector('#company').value;\r\n                const type = w.querySelector('#productType').value;\r\n                const material = w.querySelector('#material').value;\r\n                const challenge = w.querySelector('#challenge').value;\r\n                \r\n                const msg = `*Inquiry from Website*%0A%0A` +\r\n                            `*Name:* ${encodeURIComponent(name)}%0A` +\r\n                            `*Company:* ${encodeURIComponent(company)}%0A` +\r\n                            `*Product:* ${encodeURIComponent(type)}%0A` +\r\n                            `*Material:* ${encodeURIComponent(material)}%0A` +\r\n                            `*Challenge:* ${encodeURIComponent(challenge)}`;\r\n                \r\n                window.open(`https:\/\/wa.me\/18025612076?text=${msg}`, '_blank');\r\n            }\r\n        });\r\n\r\n        \/\/ 4. SCROLL REVEAL\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if(entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        if(document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', () => {\r\n                initMesoModule();\r\n                document.querySelectorAll('#meso-wrapper .reveal').forEach(el => observer.observe(el));\r\n            });\r\n        } else {\r\n            initMesoModule();\r\n            setTimeout(() => {\r\n                const reveals = document.querySelectorAll('#meso-wrapper .reveal');\r\n                if(reveals.length > 0) reveals.forEach(el => observer.observe(el));\r\n            }, 500);\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \/ Food Packaging Thermoforming Solutions Professional Thermoforming Solutions for Food Packaging Struggling with PLA warping, production bottlenecks, or FDA\/BRC certification? We provide complete thermoforming solutions for food packaging manufacturers. Get Free Production Assessment Watch Solution Video We Understand Your Unique Challenges in Food Packaging Production Compliance Risks? Worried about FDA, BRC certification failures and [&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-3727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/3727","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=3727"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/3727\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/media?parent=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}