{"id":2679,"date":"2025-10-16T17:33:42","date_gmt":"2025-10-16T17:33:42","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=2679"},"modified":"2025-12-29T19:22:51","modified_gmt":"2025-12-29T19:22:51","slug":"estimator-konsumsi-energi","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/id\/estimator-konsumsi-energi\/","title":{"rendered":"Estimator Konsumsi Energi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2679\" class=\"elementor elementor-2679\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-847d2f9 e-con-full e-flex e-con e-parent\" data-id=\"847d2f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cf6214c e-con-full e-flex e-con e-child\" data-id=\"cf6214c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d16684d elementor-widget elementor-widget-html\" data-id=\"d16684d\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Thermoforming Energy Consumption Estimator \u2014 kWh & Cost Calculator<\/title>\r\n    <meta name=\"description\" content=\"Estimate kWh and electricity cost for thermoforming machines. Enter heater power (kW), cycle time and operation hours to calculate hourly energy and cost.\">\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&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n    <style>\r\n        .ct-calculator-wrapper {\r\n            --ct-primary-purple: #711be1;\r\n            --ct-primary-purple-dark: #4a00b0;\r\n            --ct-accent-orange: #ff6b00;\r\n            --ct-light-gray: #f8f9fa;\r\n            --ct-medium-gray: #e9ecef;\r\n            --ct-dark-gray: #495057;\r\n            --ct-white: #ffffff;\r\n            --ct-shadow-sm: 0 2px 4px rgba(0,0,0,0.1);\r\n            --ct-shadow-md: 0 4px 8px rgba(0,0,0,0.15);\r\n            --ct-shadow-lg: 0 8px 16px rgba(0,0,0,0.2);\r\n            --ct-transition: all 0.3s ease;\r\n            font-family: 'Roboto', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--ct-dark-gray);\r\n            background-color: var(--ct-light-gray);\r\n        }\r\n        \r\n        .ct-calculator-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .ct-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Header Styles *\/\r\n        .ct-header {\r\n            background: linear-gradient(135deg, var(--ct-primary-purple), var(--ct-primary-purple-dark));\r\n            color: var(--ct-white);\r\n            padding: 40px 0;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ct-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 10px;\r\n            background: linear-gradient(90deg, var(--ct-primary-purple), var(--ct-accent-orange), var(--ct-primary-purple));\r\n        }\r\n        \r\n        .ct-header h1 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            animation: ct-fadeInUp 0.8s ease;\r\n        }\r\n        \r\n        .ct-subtitle {\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            margin-bottom: 25px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            animation: ct-fadeInUp 0.8s ease 0.2s both;\r\n        }\r\n        \r\n        .ct-btn {\r\n            display: inline-block;\r\n            padding: 12px 24px;\r\n            background-color: var(--ct-accent-orange);\r\n            color: var(--ct-white);\r\n            text-decoration: none;\r\n            border-radius: 4px;\r\n            font-weight: 500;\r\n            transition: var(--ct-transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            animation: ct-fadeInUp 0.8s ease 0.4s both;\r\n        }\r\n        \r\n        .ct-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--ct-shadow-md);\r\n        }\r\n        \r\n        .ct-btn::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -60%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: linear-gradient(\r\n                to right,\r\n                rgba(255, 255, 255, 0.13) 0%,\r\n                rgba(255, 255, 255, 0.13) 77%,\r\n                rgba(255, 255, 255, 0.5) 92%,\r\n                rgba(255, 255, 255, 0.0) 100%\r\n            );\r\n            transform: rotate(30deg);\r\n            transition: all 0.7s ease;\r\n        }\r\n        \r\n        .ct-btn:hover::after {\r\n            left: 100%;\r\n        }\r\n        \r\n        \/* Tool Section *\/\r\n        .ct-tool-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .ct-tool-intro {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            animation: ct-fadeIn 1s ease;\r\n        }\r\n        \r\n        .ct-tool-intro p {\r\n            max-width: 800px;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .ct-tool-container {\r\n            display: flex;\r\n            gap: 30px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .ct-tool-container {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n        \r\n        \/* Form Card *\/\r\n        .ct-form-card, .ct-results-card {\r\n            background-color: var(--ct-white);\r\n            border-radius: 8px;\r\n            box-shadow: var(--ct-shadow-sm);\r\n            transition: var(--ct-transition);\r\n            flex: 1;\r\n            padding: 30px;\r\n            position: relative;\r\n            animation: ct-fadeInUp 0.8s ease;\r\n        }\r\n        \r\n        .ct-form-card:hover, .ct-results-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--ct-shadow-lg);\r\n        }\r\n        \r\n        .ct-form-card::before, .ct-results-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, var(--ct-primary-purple), var(--ct-accent-orange));\r\n            border-radius: 8px 8px 0 0;\r\n        }\r\n        \r\n        .ct-card-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            margin-bottom: 20px;\r\n            color: var(--ct-primary-purple-dark);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .ct-card-title i {\r\n            color: var(--ct-accent-orange);\r\n        }\r\n        \r\n        .ct-form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ct-label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .ct-input, .ct-select {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 1px solid var(--ct-medium-gray);\r\n            border-radius: 4px;\r\n            font-family: 'Roboto', sans-serif;\r\n            transition: var(--ct-transition);\r\n        }\r\n        \r\n        .ct-input:focus, .ct-select:focus {\r\n            outline: none;\r\n            border-color: var(--ct-primary-purple);\r\n            box-shadow: 0 0 0 3px rgba(113, 27, 225, 0.2);\r\n        }\r\n        \r\n        .ct-input-unit {\r\n            position: relative;\r\n        }\r\n        \r\n        .ct-input-unit::after {\r\n            content: attr(data-unit);\r\n            position: absolute;\r\n            right: 10px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--ct-dark-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ct-advanced-toggle {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin: 25px 0 15px;\r\n            color: var(--ct-primary-purple-dark);\r\n            cursor: pointer;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .ct-advanced-toggle i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ct-advanced-toggle.active i {\r\n            transform: rotate(90deg);\r\n        }\r\n        \r\n        .ct-advanced-fields {\r\n            display: none;\r\n            padding-top: 15px;\r\n            border-top: 1px solid var(--ct-medium-gray);\r\n        }\r\n        \r\n        .ct-advanced-fields.show {\r\n            display: block;\r\n            animation: ct-fadeIn 0.5s ease;\r\n        }\r\n        \r\n        \/* Results Card *\/\r\n        .ct-results-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .ct-result-item {\r\n            margin-bottom: 15px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px dashed var(--ct-medium-gray);\r\n        }\r\n        \r\n        .ct-result-label {\r\n            font-weight: 500;\r\n            color: var(--ct-primary-purple-dark);\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .ct-result-value {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: var(--ct-accent-orange);\r\n        }\r\n        \r\n        .ct-result-unit {\r\n            font-size: 0.9rem;\r\n            color: var(--ct-dark-gray);\r\n            margin-left: 5px;\r\n        }\r\n        \r\n        .ct-chart-container {\r\n            margin-top: 20px;\r\n            height: 200px;\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        .ct-action-buttons {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .ct-action-btn {\r\n            flex: 1;\r\n            padding: 10px;\r\n            border: none;\r\n            border-radius: 4px;\r\n            font-family: 'Roboto', sans-serif;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            transition: var(--ct-transition);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .ct-action-btn.primary {\r\n            background-color: var(--ct-primary-purple);\r\n            color: var(--ct-white);\r\n        }\r\n        \r\n        .ct-action-btn.secondary {\r\n            background-color: var(--ct-medium-gray);\r\n            color: var(--ct-dark-gray);\r\n        }\r\n        \r\n        .ct-action-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--ct-shadow-sm);\r\n        }\r\n        \r\n        .ct-action-btn.primary:hover {\r\n            background-color: var(--ct-primary-purple-dark);\r\n        }\r\n        \r\n        .ct-action-btn.secondary:hover {\r\n            background-color: #d1d7dc;\r\n        }\r\n        \r\n        \/* Calculations Section *\/\r\n        .ct-calculations-section {\r\n            background-color: var(--ct-white);\r\n            border-radius: 8px;\r\n            padding: 30px;\r\n            margin-bottom: 40px;\r\n            box-shadow: var(--ct-shadow-sm);\r\n            animation: ct-fadeInUp 0.8s ease;\r\n        }\r\n        \r\n        .ct-section-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            margin-bottom: 20px;\r\n            color: var(--ct-primary-purple-dark);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .ct-section-title i {\r\n            color: var(--ct-accent-orange);\r\n        }\r\n        \r\n        .ct-formula {\r\n            background-color: var(--ct-light-gray);\r\n            padding: 15px;\r\n            border-radius: 4px;\r\n            margin-bottom: 15px;\r\n            font-family: monospace;\r\n            overflow-x: auto;\r\n        }\r\n        \r\n        .ct-example {\r\n            background-color: rgba(113, 27, 225, 0.05);\r\n            border-left: 4px solid var(--ct-primary-purple);\r\n            padding: 15px;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .ct-example-title {\r\n            font-weight: 500;\r\n            margin-bottom: 10px;\r\n            color: var(--ct-primary-purple-dark);\r\n        }\r\n        \r\n        \/* Templates Section *\/\r\n        .ct-templates-section {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .ct-template-cards {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: 20px;\r\n        }\r\n        \r\n        .ct-template-card {\r\n            background-color: var(--ct-white);\r\n            border-radius: 8px;\r\n            padding: 20px;\r\n            box-shadow: var(--ct-shadow-sm);\r\n            transition: var(--ct-transition);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ct-template-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--ct-shadow-md);\r\n        }\r\n        \r\n        .ct-template-card h4 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n            color: var(--ct-primary-purple-dark);\r\n        }\r\n        \r\n        .ct-template-card p {\r\n            margin-bottom: 15px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ct-template-card .ct-btn-small {\r\n            display: inline-block;\r\n            padding: 8px 16px;\r\n            background-color: var(--ct-primary-purple);\r\n            color: var(--ct-white);\r\n            text-decoration: none;\r\n            border-radius: 4px;\r\n            font-size: 0.9rem;\r\n            transition: var(--ct-transition);\r\n        }\r\n        \r\n        .ct-template-card .ct-btn-small:hover {\r\n            background-color: var(--ct-primary-purple-dark);\r\n        }\r\n        \r\n        \/* Tips Section *\/\r\n        .ct-tips-section {\r\n            background-color: var(--ct-white);\r\n            border-radius: 8px;\r\n            padding: 30px;\r\n            margin-bottom: 40px;\r\n            box-shadow: var(--ct-shadow-sm);\r\n        }\r\n        \r\n        .ct-tip {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 20px;\r\n            border-bottom: 1px solid var(--ct-medium-gray);\r\n        }\r\n        \r\n        .ct-tip:last-child {\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .ct-tip-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: rgba(113, 27, 225, 0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--ct-primary-purple);\r\n        }\r\n        \r\n        .ct-tip-content h4 {\r\n            margin-bottom: 8px;\r\n            color: var(--ct-primary-purple-dark);\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .ct-faq-section {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .ct-faq-item {\r\n            background-color: var(--ct-white);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            box-shadow: var(--ct-shadow-sm);\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ct-faq-question {\r\n            padding: 15px 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            font-weight: 500;\r\n            transition: var(--ct-transition);\r\n        }\r\n        \r\n        .ct-faq-question:hover {\r\n            background-color: var(--ct-light-gray);\r\n        }\r\n        \r\n        .ct-faq-question i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ct-faq-question.active {\r\n            background-color: var(--ct-light-gray);\r\n        }\r\n        \r\n        .ct-faq-question.active i {\r\n            transform: rotate(180deg);\r\n        }\r\n        \r\n        .ct-faq-answer {\r\n            padding: 0 20px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease, padding 0.3s ease;\r\n        }\r\n        \r\n        .ct-faq-answer.show {\r\n            padding: 0 20px 20px;\r\n            max-height: 500px;\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .ct-cta-section {\r\n            background: linear-gradient(135deg, var(--ct-primary-purple), var(--ct-primary-purple-dark));\r\n            color: var(--ct-white);\r\n            padding: 60px 0;\r\n            text-align: center;\r\n            border-radius: 8px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .ct-cta-title {\r\n            font-size: 2rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .ct-cta-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            justify-content: center;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .ct-cta-btn {\r\n            display: inline-block;\r\n            padding: 12px 24px;\r\n            background-color: var(--ct-white);\r\n            color: var(--ct-primary-purple-dark);\r\n            text-decoration: none;\r\n            border-radius: 4px;\r\n            font-weight: 500;\r\n            transition: var(--ct-transition);\r\n        }\r\n        \r\n        .ct-cta-btn.outline {\r\n            background-color: transparent;\r\n            border: 2px solid var(--ct-white);\r\n            color: var(--ct-white);\r\n        }\r\n        \r\n        .ct-cta-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--ct-shadow-md);\r\n        }\r\n        \r\n        .ct-cta-btn.outline:hover {\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        @keyframes ct-fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n        \r\n        @keyframes ct-fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        \/* Utility Classes *\/\r\n        .ct-mt-1 { margin-top: 10px; }\r\n        .ct-mt-2 { margin-top: 20px; }\r\n        .ct-mt-3 { margin-top: 30px; }\r\n        .ct-mt-4 { margin-top: 40px; }\r\n        .ct-mb-1 { margin-bottom: 10px; }\r\n        .ct-mb-2 { margin-bottom: 20px; }\r\n        .ct-mb-3 { margin-bottom: 30px; }\r\n        .ct-mb-4 { margin-bottom: 40px; }\r\n        .ct-text-center { text-align: center; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ct-calculator-wrapper\">\r\n        <header class=\"ct-header\">\r\n            <div class=\"ct-container\">\r\n                <h1>Energy Consumption Estimator<\/h1>\r\n                <p class=\"ct-subtitle\">Quickly estimate machine energy use (kWh) and electricity cost from heater power, cycle time and operation hours.<\/p>\r\n                <a href=\"#calculator\" class=\"ct-btn\">Calculate Now<\/a>\r\n            <\/div>\r\n        <\/header>\r\n        \r\n        <main class=\"ct-container\">\r\n            <section class=\"ct-tool-section\">\r\n                <div class=\"ct-tool-intro\">\r\n                    <p>Use this tool for production cost estimation, bid pricing, and energy-saving retrofit evaluation in thermoforming processes.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-tool-container\" id=\"calculator\">\r\n                    <!-- Form Card -->\r\n                    <div class=\"ct-form-card\">\r\n                        <h3 class=\"ct-card-title\"><i class=\"fas fa-calculator\"><\/i> Input Parameters<\/h3>\r\n                        \r\n                        <div class=\"ct-form-group\">\r\n                            <label for=\"heater-power\" class=\"ct-label\">Heater power<\/label>\r\n                            <div class=\"ct-input-unit\" data-unit=\"kW\">\r\n                                <input type=\"number\" id=\"heater-power\" class=\"ct-input\" min=\"0\" step=\"0.1\" value=\"30\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-form-group\">\r\n                            <label for=\"cycle-time\" class=\"ct-label\">Cycle time<\/label>\r\n                            <div class=\"ct-input-unit\" data-unit=\"s\">\r\n                                <input type=\"number\" id=\"cycle-time\" class=\"ct-input\" min=\"0\" step=\"0.1\" value=\"12\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-form-group\">\r\n                            <label for=\"operation-hours\" class=\"ct-label\">Operation hours per day<\/label>\r\n                            <div class=\"ct-input-unit\" data-unit=\"h\">\r\n                                <input type=\"number\" id=\"operation-hours\" class=\"ct-input\" min=\"0\" max=\"24\" step=\"0.5\" value=\"8\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-advanced-toggle\">\r\n                            <i class=\"fas fa-chevron-right\"><\/i>\r\n                            <span>Advanced Options<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-advanced-fields\">\r\n                            <div class=\"ct-form-group\">\r\n                                <label for=\"standby-power\" class=\"ct-label\">Machine standby power<\/label>\r\n                                <div class=\"ct-input-unit\" data-unit=\"kW\">\r\n                                    <input type=\"number\" id=\"standby-power\" class=\"ct-input\" min=\"0\" step=\"0.1\" value=\"0.5\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"ct-form-group\">\r\n                                <label for=\"duty-cycle\" class=\"ct-label\">Heater duty cycle<\/label>\r\n                                <div class=\"ct-input-unit\" data-unit=\"%\">\r\n                                    <input type=\"number\" id=\"duty-cycle\" class=\"ct-input\" min=\"0\" max=\"100\" value=\"80\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"ct-form-group\">\r\n                                <label for=\"electricity-price\" class=\"ct-label\">Electricity price<\/label>\r\n                                <div class=\"ct-input-unit\" data-unit=\"$\/kWh\">\r\n                                    <input type=\"number\" id=\"electricity-price\" class=\"ct-input\" min=\"0\" step=\"0.01\" value=\"0.12\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"ct-form-group\">\r\n                                <label for=\"units-per-cycle\" class=\"ct-label\">Units per cycle<\/label>\r\n                                <input type=\"number\" id=\"units-per-cycle\" class=\"ct-input\" min=\"0\" value=\"4\">\r\n                            <\/div>\r\n                            \r\n                            <div class=\"ct-form-group\">\r\n                                <label for=\"other-loads\" class=\"ct-label\">Other loads (vacuum pump, etc.)<\/label>\r\n                                <div class=\"ct-input-unit\" data-unit=\"kW\">\r\n                                    <input type=\"number\" id=\"other-loads\" class=\"ct-input\" min=\"0\" step=\"0.1\" value=\"2\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Results Card -->\r\n                    <div class=\"ct-results-card\">\r\n                        <h3 class=\"ct-card-title\"><i class=\"fas fa-chart-bar\"><\/i> Results<\/h3>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Average Power<\/div>\r\n                            <div class=\"ct-result-value\" id=\"avg-power\">26.5 <span class=\"ct-result-unit\">kW<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Energy per hour<\/div>\r\n                            <div class=\"ct-result-value\" id=\"energy-hour\">26.5 <span class=\"ct-result-unit\">kWh<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Energy per day<\/div>\r\n                            <div class=\"ct-result-value\" id=\"energy-day\">212 <span class=\"ct-result-unit\">kWh\/day<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Cost per hour<\/div>\r\n                            <div class=\"ct-result-value\" id=\"cost-hour\">3.18 <span class=\"ct-result-unit\">$\/h<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Cost per day<\/div>\r\n                            <div class=\"ct-result-value\" id=\"cost-day\">25.44 <span class=\"ct-result-unit\">$\/day<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Energy per cycle<\/div>\r\n                            <div class=\"ct-result-value\" id=\"energy-cycle\">0.0883 <span class=\"ct-result-unit\">kWh\/cycle<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-result-item\">\r\n                            <div class=\"ct-result-label\">Cost per unit<\/div>\r\n                            <div class=\"ct-result-value\" id=\"cost-unit\">0.0027 <span class=\"ct-result-unit\">$\/unit<\/span><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-chart-container\">\r\n                            <canvas id=\"powerChart\"><\/canvas>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ct-action-buttons\">\r\n                            <button class=\"ct-action-btn primary\" id=\"download-btn\">\r\n                                <i class=\"fas fa-download\"><\/i> Download Report\r\n                            <\/button>\r\n                            <button class=\"ct-action-btn secondary\" id=\"copy-btn\">\r\n                                <i class=\"fas fa-copy\"><\/i> Copy Values\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"ct-calculations-section\">\r\n                <h3 class=\"ct-section-title\"><i class=\"fas fa-square-root-alt\"><\/i> Calculations & Formulas<\/h3>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>1) Instantaneous average power during operation (kW)<\/p>\r\n                    <p>P_avg = P_heater \u00d7 D + P_standby + P_other<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>2) Energy consumption per hour (kWh)<\/p>\r\n                    <p>E_hour = P_avg (kW) \u00d7 1 hour = P_avg kWh<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>3) Energy per day (kWh\/day)<\/p>\r\n                    <p>E_day = P_avg \u00d7 H<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>4) Electricity cost<\/p>\r\n                    <p>Cost_hour = E_hour \u00d7 Price<\/p>\r\n                    <p>Cost_day = E_day \u00d7 Price<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>5) Energy per cycle (kWh\/cycle)<\/p>\r\n                    <p>E_cycle = P_avg \u00d7 (T_c \/ 3600)<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-formula\">\r\n                    <p>6) Cost per unit (if units_per_cycle provided)<\/p>\r\n                    <p>Cost_per_unit = (E_cycle \u00d7 Price) \/ units_per_cycle<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-example\">\r\n                    <div class=\"ct-example-title\">Example Calculation<\/div>\r\n                    <p>Heater power = 30 kW<\/p>\r\n                    <p>Duty cycle = 80% \u2192 D = 0.8<\/p>\r\n                    <p>Standby = 0.5 kW<\/p>\r\n                    <p>Other loads = 2 kW (vacuum pump)<\/p>\r\n                    <p>Operation hours H = 8 h\/day<\/p>\r\n                    <p>Electricity price = $0.12\/kWh<\/p>\r\n                    <p>Cycle time = 12 s, Units per cycle = 4<\/p>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"ct-templates-section\">\r\n                <h3 class=\"ct-section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Common Industry Scenarios<\/h3>\r\n                \r\n                <div class=\"ct-template-cards\">\r\n                    <div class=\"ct-template-card\" data-template=\"thin-gauge\">\r\n                        <h4>Thin-Gauge Thermoforming<\/h4>\r\n                        <p>High-speed production with multiple heaters and quick cycle times.<\/p>\r\n                        <button class=\"ct-btn-small apply-template\">Apply Values<\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ct-template-card\" data-template=\"thick-gauge\">\r\n                        <h4>Thick-Gauge Thermoforming<\/h4>\r\n                        <p>Longer cycle times with higher heater power requirements.<\/p>\r\n                        <button class=\"ct-btn-small apply-template\">Apply Values<\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ct-template-card\" data-template=\"twin-sheet\">\r\n                        <h4>Twin-Sheet Forming<\/h4>\r\n                        <p>Dual heating systems with additional vacuum requirements.<\/p>\r\n                        <button class=\"ct-btn-small apply-template\">Apply Values<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"ct-tips-section\">\r\n                <h3 class=\"ct-section-title\"><i class=\"fas fa-lightbulb\"><\/i> Energy Saving Tips<\/h3>\r\n                \r\n                <div class=\"ct-tip\">\r\n                    <div class=\"ct-tip-icon\">\r\n                        <i class=\"fas fa-thermometer-half\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-tip-content\">\r\n                        <h4>Optimize Heater Control<\/h4>\r\n                        <p>Implement PID controllers to maintain precise temperature with minimal overshoot, reducing duty cycle by 10-20%.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-tip\">\r\n                    <div class=\"ct-tip-icon\">\r\n                        <i class=\"fas fa-power-off\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-tip-content\">\r\n                        <h4>Standby Power Reduction<\/h4>\r\n                        <p>Use smart power management to reduce standby consumption during breaks by up to 80%.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-tip\">\r\n                    <div class=\"ct-tip-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-tip-content\">\r\n                        <h4>Improve Insulation<\/h4>\r\n                        <p>Upgrading oven insulation can reduce heat loss by 15-30%, directly lowering heater power requirements.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"ct-faq-section\">\r\n                <h3 class=\"ct-section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h3>\r\n                \r\n                <div class=\"ct-faq-item\">\r\n                    <div class=\"ct-faq-question\">\r\n                        <span>How to estimate heater duty cycle?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-faq-answer\">\r\n                        <p>The duty cycle represents the percentage of time heaters are actually powered during a cycle. For precise measurement, use a power logger. For estimation: timed observation (e.g., heaters are on 45s of a 60s cycle = 75% duty) or consult machine specifications.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-faq-item\">\r\n                    <div class=\"ct-faq-question\">\r\n                        <span>How to account for non-heating loads?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-faq-answer\">\r\n                        <p>Include vacuum pumps, hydraulics, drives, and control systems in \"Other loads\". Typical values: vacuum pumps 1.5-5 kW, hydraulic pumps 2-7 kW, servo drives 0.5-3 kW. Check motor nameplates or power supply ratings for exact values.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ct-faq-item\">\r\n                    <div class=\"ct-faq-question\">\r\n                        <span>How does cycle time affect energy use?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ct-faq-answer\">\r\n                        <p>Shorter cycles increase hourly energy use (more cycles\/hour) but may reduce per-unit energy if heaters can maintain temperature efficiently. Optimal cycle time balances production rate with thermal efficiency.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"ct-cta-section\">\r\n                <h3 class=\"ct-cta-title\">Need a Custom Energy Analysis?<\/h3>\r\n                <p>Our engineers can perform a detailed assessment of your production line and identify specific energy-saving opportunities.<\/p>\r\n                \r\n                <div class=\"ct-cta-buttons\">\r\n                    <a href=\"#\" class=\"ct-cta-btn\">Request Energy Audit<\/a>\r\n                    <a href=\"#\" class=\"ct-cta-btn outline\">View Efficient Machines<\/a>\r\n                <\/div>\r\n            <\/section>\r\n        <\/main>\r\n        \r\n        <script type=\"application\/ld+json\">\r\n            {\r\n                \"@context\": \"https:\/\/schema.org\",\r\n                \"@type\": \"SoftwareApplication\",\r\n                \"name\": \"Energy Consumption Estimator\",\r\n                \"url\": \"https:\/\/yourdomain.com\/tools\/energy-consumption-estimator\",\r\n                \"description\": \"Estimate kWh and electricity cost for thermoforming machines. Input heater power, cycle time and operation hours to calculate energy and cost.\",\r\n                \"applicationCategory\": \"Engineering\",\r\n                \"provider\": {\r\n                    \"@type\": \"Organization\",\r\n                    \"name\": \"Thermoforming Energy Solutions\",\r\n                    \"url\": \"https:\/\/yourdomain.com\"\r\n                },\r\n                \"featureList\": \"Estimate kWh per hour; Calculate cost per hour\/day; Compute cost per unit; Export report\"\r\n            }\r\n        <\/script>\r\n        \r\n        <script>\r\n            (function() {\r\n                \/\/ DOM Elements\r\n                const advancedToggle = document.querySelector('.ct-advanced-toggle');\r\n                const advancedFields = document.querySelector('.ct-advanced-fields');\r\n                const faqQuestions = document.querySelectorAll('.ct-faq-question');\r\n                const applyTemplateBtns = document.querySelectorAll('.apply-template');\r\n                \r\n                \/\/ Input Elements\r\n                const heaterPowerInput = document.getElementById('heater-power');\r\n                const cycleTimeInput = document.getElementById('cycle-time');\r\n                const operationHoursInput = document.getElementById('operation-hours');\r\n                const standbyPowerInput = document.getElementById('standby-power');\r\n                const dutyCycleInput = document.getElementById('duty-cycle');\r\n                const electricityPriceInput = document.getElementById('electricity-price');\r\n                const unitsPerCycleInput = document.getElementById('units-per-cycle');\r\n                const otherLoadsInput = document.getElementById('other-loads');\r\n                \r\n                \/\/ Result Elements\r\n                const avgPowerResult = document.getElementById('avg-power');\r\n                const energyHourResult = document.getElementById('energy-hour');\r\n                const energyDayResult = document.getElementById('energy-day');\r\n                const costHourResult = document.getElementById('cost-hour');\r\n                const costDayResult = document.getElementById('cost-day');\r\n                const energyCycleResult = document.getElementById('energy-cycle');\r\n                const costUnitResult = document.getElementById('cost-unit');\r\n                \r\n                \/\/ Chart Element\r\n                const powerChartCtx = document.getElementById('powerChart').getContext('2d');\r\n                let powerChart;\r\n                \r\n                \/\/ Event Listeners\r\n                advancedToggle.addEventListener('click', toggleAdvancedFields);\r\n                faqQuestions.forEach(question => {\r\n                    question.addEventListener('click', toggleFaqAnswer);\r\n                });\r\n                applyTemplateBtns.forEach(btn => {\r\n                    btn.addEventListener('click', applyTemplate);\r\n                });\r\n                \r\n                \/\/ Input change listeners for real-time calculation\r\n                const inputElements = [\r\n                    heaterPowerInput, cycleTimeInput, operationHoursInput, \r\n                    standbyPowerInput, dutyCycleInput, electricityPriceInput,\r\n                    unitsPerCycleInput, otherLoadsInput\r\n                ];\r\n                \r\n                inputElements.forEach(input => {\r\n                    input.addEventListener('input', debounce(calculateEnergy, 300));\r\n                });\r\n                \r\n                \/\/ Download and Copy buttons\r\n                document.getElementById('download-btn').addEventListener('click', downloadReport);\r\n                document.getElementById('copy-btn').addEventListener('click', copyValues);\r\n                \r\n                \/\/ Initialize calculator\r\n                calculateEnergy();\r\n                \r\n                \/\/ Functions\r\n                function toggleAdvancedFields() {\r\n                    advancedToggle.classList.toggle('active');\r\n                    advancedFields.classList.toggle('show');\r\n                }\r\n                \r\n                function toggleFaqAnswer() {\r\n                    const faqItem = this.parentElement;\r\n                    const answer = faqItem.querySelector('.ct-faq-answer');\r\n                    \r\n                    this.classList.toggle('active');\r\n                    answer.classList.toggle('show');\r\n                }\r\n                \r\n                function applyTemplate() {\r\n                    const template = this.parentElement.getAttribute('data-template');\r\n                    let values;\r\n                    \r\n                    switch(template) {\r\n                        case 'thin-gauge':\r\n                            values = {\r\n                                heaterPower: 25,\r\n                                cycleTime: 8,\r\n                                operationHours: 16,\r\n                                standbyPower: 0.8,\r\n                                dutyCycle: 70,\r\n                                electricityPrice: 0.14,\r\n                                unitsPerCycle: 6,\r\n                                otherLoads: 3\r\n                            };\r\n                            break;\r\n                        case 'thick-gauge':\r\n                            values = {\r\n                                heaterPower: 45,\r\n                                cycleTime: 45,\r\n                                operationHours: 8,\r\n                                standbyPower: 1.2,\r\n                                dutyCycle: 85,\r\n                                electricityPrice: 0.12,\r\n                                unitsPerCycle: 1,\r\n                                otherLoads: 5\r\n                            };\r\n                            break;\r\n                        case 'twin-sheet':\r\n                            values = {\r\n                                heaterPower: 60,\r\n                                cycleTime: 30,\r\n                                operationHours: 10,\r\n                                standbyPower: 1.5,\r\n                                dutyCycle: 75,\r\n                                electricityPrice: 0.13,\r\n                                unitsPerCycle: 2,\r\n                                otherLoads: 8\r\n                            };\r\n                            break;\r\n                    }\r\n                    \r\n                    heaterPowerInput.value = values.heaterPower;\r\n                    cycleTimeInput.value = values.cycleTime;\r\n                    operationHoursInput.value = values.operationHours;\r\n                    standbyPowerInput.value = values.standbyPower;\r\n                    dutyCycleInput.value = values.dutyCycle;\r\n                    electricityPriceInput.value = values.electricityPrice;\r\n                    unitsPerCycleInput.value = values.unitsPerCycle;\r\n                    otherLoadsInput.value = values.otherLoads;\r\n                    \r\n                    calculateEnergy();\r\n                }\r\n                \r\n                function calculateEnergy() {\r\n                    \/\/ Get input values\r\n                    const heaterPower = parseFloat(heaterPowerInput.value) || 0;\r\n                    const cycleTime = parseFloat(cycleTimeInput.value) || 0;\r\n                    const operationHours = parseFloat(operationHoursInput.value) || 0;\r\n                    const standbyPower = parseFloat(standbyPowerInput.value) || 0;\r\n                    const dutyCycle = (parseFloat(dutyCycleInput.value) || 100) \/ 100;\r\n                    const electricityPrice = parseFloat(electricityPriceInput.value) || 0;\r\n                    const unitsPerCycle = parseFloat(unitsPerCycleInput.value) || 0;\r\n                    const otherLoads = parseFloat(otherLoadsInput.value) || 0;\r\n                    \r\n                    \/\/ Calculate average power\r\n                    const avgPower = heaterPower * dutyCycle + standbyPower + otherLoads;\r\n                    \r\n                    \/\/ Calculate energy values\r\n                    const energyHour = avgPower;\r\n                    const energyDay = avgPower * operationHours;\r\n                    const energyCycle = avgPower * (cycleTime \/ 3600);\r\n                    \r\n                    \/\/ Calculate cost values\r\n                    const costHour = energyHour * electricityPrice;\r\n                    const costDay = energyDay * electricityPrice;\r\n                    const costUnit = unitsPerCycle > 0 ? (energyCycle * electricityPrice) \/ unitsPerCycle : 0;\r\n                    \r\n                    \/\/ Update results\r\n                    avgPowerResult.innerHTML = `${avgPower.toFixed(1)} <span class=\"ct-result-unit\">kW<\/span>`;\r\n                    energyHourResult.innerHTML = `${energyHour.toFixed(1)} <span class=\"ct-result-unit\">kWh<\/span>`;\r\n                    energyDayResult.innerHTML = `${energyDay.toFixed(1)} <span class=\"ct-result-unit\">kWh\/day<\/span>`;\r\n                    costHourResult.innerHTML = `${costHour.toFixed(2)} <span class=\"ct-result-unit\">$\/h<\/span>`;\r\n                    costDayResult.innerHTML = `${costDay.toFixed(2)} <span class=\"ct-result-unit\">$\/day<\/span>`;\r\n                    energyCycleResult.innerHTML = `${energyCycle.toFixed(5)} <span class=\"ct-result-unit\">kWh\/cycle<\/span>`;\r\n                    costUnitResult.innerHTML = `${costUnit.toFixed(5)} <span class=\"ct-result-unit\">$\/unit<\/span>`;\r\n                    \r\n                    \/\/ Update chart\r\n                    updateChart(heaterPower * dutyCycle, standbyPower, otherLoads);\r\n                }\r\n                \r\n                function updateChart(heaterPower, standbyPower, otherLoads) {\r\n                    const totalPower = heaterPower + standbyPower + otherLoads;\r\n                    \r\n                    if (powerChart) {\r\n                        powerChart.destroy();\r\n                    }\r\n                    \r\n                    powerChart = new Chart(powerChartCtx, {\r\n                        type: 'doughnut',\r\n                        data: {\r\n                            labels: ['Heater Power', 'Standby Power', 'Other Loads'],\r\n                            datasets: [{\r\n                                data: [heaterPower, standbyPower, otherLoads],\r\n                                backgroundColor: [\r\n                                    'rgba(113, 27, 225, 0.8)',\r\n                                    'rgba(255, 107, 0, 0.8)',\r\n                                    'rgba(73, 80, 87, 0.8)'\r\n                                ],\r\n                                borderColor: [\r\n                                    'rgba(113, 27, 225, 1)',\r\n                                    'rgba(255, 107, 0, 1)',\r\n                                    'rgba(73, 80, 87, 1)'\r\n                                ],\r\n                                borderWidth: 1\r\n                            }]\r\n                        },\r\n                        options: {\r\n                            responsive: true,\r\n                            maintainAspectRatio: false,\r\n                            plugins: {\r\n                                legend: {\r\n                                    position: 'bottom',\r\n                                },\r\n                                tooltip: {\r\n                                    callbacks: {\r\n                                        label: function(context) {\r\n                                            const label = context.label || '';\r\n                                            const value = context.raw || 0;\r\n                                            const percentage = Math.round((value \/ totalPower) * 100);\r\n                                            return `${label}: ${value.toFixed(1)} kW (${percentage}%)`;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            },\r\n                            cutout: '70%'\r\n                        }\r\n                    });\r\n                }\r\n                \r\n                function downloadReport() {\r\n                    const { jsPDF } = window.jspdf;\r\n                    const doc = new jsPDF();\r\n                    \r\n                    \/\/ Add title\r\n                    doc.setFontSize(20);\r\n                    doc.setTextColor(113, 27, 225);\r\n                    doc.text('Energy Consumption Report', 105, 20, { align: 'center' });\r\n                    \r\n                    \/\/ Add date\r\n                    doc.setFontSize(10);\r\n                    doc.setTextColor(73, 80, 87);\r\n                    doc.text(`Generated on: ${new Date().toLocaleDateString()}`, 105, 30, { align: 'center' });\r\n                    \r\n                    \/\/ Add input parameters\r\n                    doc.setFontSize(12);\r\n                    doc.setTextColor(0, 0, 0);\r\n                    doc.text('Input Parameters:', 20, 45);\r\n                    \r\n                    doc.text(`Heater Power: ${heaterPowerInput.value} kW`, 20, 55);\r\n                    doc.text(`Cycle Time: ${cycleTimeInput.value} s`, 20, 65);\r\n                    doc.text(`Operation Hours: ${operationHoursInput.value} h\/day`, 20, 75);\r\n                    doc.text(`Standby Power: ${standbyPowerInput.value} kW`, 20, 85);\r\n                    doc.text(`Duty Cycle: ${dutyCycleInput.value}%`, 20, 95);\r\n                    doc.text(`Electricity Price: $${electricityPriceInput.value}\/kWh`, 20, 105);\r\n                    doc.text(`Units per Cycle: ${unitsPerCycleInput.value}`, 20, 115);\r\n                    doc.text(`Other Loads: ${otherLoadsInput.value} kW`, 20, 125);\r\n                    \r\n                    \/\/ Add results\r\n                    doc.setFontSize(12);\r\n                    doc.setTextColor(0, 0, 0);\r\n                    doc.text('Results:', 120, 45);\r\n                    \r\n                    doc.text(`Average Power: ${avgPowerResult.textContent}`, 120, 55);\r\n                    doc.text(`Energy per Hour: ${energyHourResult.textContent}`, 120, 65);\r\n                    doc.text(`Energy per Day: ${energyDayResult.textContent}`, 120, 75);\r\n                    doc.text(`Cost per Hour: ${costHourResult.textContent}`, 120, 85);\r\n                    doc.text(`Cost per Day: ${costDayResult.textContent}`, 120, 95);\r\n                    doc.text(`Energy per Cycle: ${energyCycleResult.textContent}`, 120, 105);\r\n                    doc.text(`Cost per Unit: ${costUnitResult.textContent}`, 120, 115);\r\n                    \r\n                    \/\/ Add chart image (simplified representation)\r\n                    doc.setFontSize(10);\r\n                    doc.setTextColor(73, 80, 87);\r\n                    doc.text('Power Distribution:', 20, 145);\r\n                    doc.rect(20, 150, 170, 50);\r\n                    doc.text('Heater Power', 40, 165);\r\n                    doc.text('Standby Power', 90, 165);\r\n                    doc.text('Other Loads', 140, 165);\r\n                    \r\n                    \/\/ Add footer\r\n                    doc.setFontSize(8);\r\n                    doc.setTextColor(113, 27, 225);\r\n                    doc.text('Generated by Thermoforming Energy Solutions', 105, 290, { align: 'center' });\r\n                    \r\n                    \/\/ Save the PDF\r\n                    doc.save('energy-consumption-report.pdf');\r\n                }\r\n                \r\n                function copyValues() {\r\n                    const results = {\r\n                        'Average Power': avgPowerResult.textContent.trim(),\r\n                        'Energy per Hour': energyHourResult.textContent.trim(),\r\n                        'Energy per Day': energyDayResult.textContent.trim(),\r\n                        'Cost per Hour': costHourResult.textContent.trim(),\r\n                        'Cost per Day': costDayResult.textContent.trim(),\r\n                        'Energy per Cycle': energyCycleResult.textContent.trim(),\r\n                        'Cost per Unit': costUnitResult.textContent.trim()\r\n                    };\r\n                    \r\n                    let textToCopy = 'Energy Consumption Estimator Results:\\n\\n';\r\n                    for (const [key, value] of Object.entries(results)) {\r\n                        textToCopy += `${key}: ${value}\\n`;\r\n                    }\r\n                    \r\n                    navigator.clipboard.writeText(textToCopy).then(() => {\r\n                        alert('Results copied to clipboard!');\r\n                    });\r\n                }\r\n                \r\n                function debounce(func, wait) {\r\n                    let timeout;\r\n                    return function() {\r\n                        const context = this;\r\n                        const args = arguments;\r\n                        clearTimeout(timeout);\r\n                        timeout = setTimeout(() => {\r\n                            func.apply(context, args);\r\n                        }, wait);\r\n                    };\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\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>Thermoforming Energy Consumption Estimator \u2014 kWh &#038; Cost Calculator Energy Consumption Estimator Quickly estimate machine energy use (kWh) and electricity cost from heater power, cycle time and operation hours. Calculate Now Use this tool for production cost estimation, bid pricing, and energy-saving retrofit evaluation in thermoforming processes. Input Parameters Heater power Cycle time Operation hours [&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-2679","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/2679","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=2679"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/2679\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/media?parent=2679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}