{"id":10137,"date":"2025-12-06T16:24:38","date_gmt":"2025-12-06T16:24:38","guid":{"rendered":"https:\/\/yoomeyoo.org\/?page_id=10137"},"modified":"2026-01-24T08:35:54","modified_gmt":"2026-01-24T08:35:54","slug":"calculate-my-savings","status":"publish","type":"page","link":"https:\/\/yoomeyoo.org\/fr\/calculate-my-savings\/","title":{"rendered":"Calculer mes \u00e9conomies"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10137\" class=\"elementor elementor-10137\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf9e16 e-flex e-con-boxed e-con e-parent\" data-id=\"cbf9e16\" data-element_type=\"container\" id=\"page_wrapper\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" step=\"1\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f1db885 e-con-full e-flex e-con e-child\" data-id=\"f1db885\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37d055a elementor-widget elementor-widget-html\" data-id=\"37d055a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\/* CSS hi\u1ec3n th\u1ecb b\u01b0\u1edbc hi\u1ec7n t\u1ea1i *\/-->\n<style>\n    .step-page { display: none; }\n#page_wrapper[step=\"1\"] #step-1,\n#page_wrapper[step=\"2\"] #step-2,\n#page_wrapper[step=\"3\"] #step-3,\n#page_wrapper[step=\"4\"] #step-4,\n#page_wrapper[step=\"5\"] #step-5,\n#page_wrapper[step=\"6\"] #step-6 {\n    display: block;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f2b378 elementor-widget elementor-widget-html\" data-id=\"7f2b378\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n--primary: #001256;\r\n--primary-hover: #000c3c;\r\n--border: #001256;\r\n--text-main: #1e293b;\r\n--text-sub: #64748b;\r\n--white: #ffffff;\r\n--bg-selected: #fffaf5;\r\n--bg-light: #f8fafc;\r\n}\r\n\r\n\/* C\u1ea5u tr\u00fac Layout T\u1ed5ng th\u1ec3 *\/\r\n#page_wrapper {\r\nfont-family: 'Inter', system-ui, -apple-system, sans-serif;\r\ncolor: var(--text-main);\r\nline-height: 1.5;\r\n}\r\n\r\n\/* Typography [cite: 6, 8, 57, 59, 129, 131, 196, 198, 279, 281, 370, 372] *\/\r\n.page-title { font-size: 28px; font-weight: 700; margin-bottom: 8px; letter-spacing: -0.02em; }\r\n.page-subtitle { font-size: 16px; color: var(--text-sub); margin-bottom: 32px; }\r\n\r\n\/* Radio Card & Dotted Style [cite: 11, 27, 38, 61, 81, 111, 133, 144, 237] *\/\r\n.options-group { display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px; }\r\n.radio-card {\r\ndisplay: block;\r\ncursor: pointer;\r\nbackground: var(--white);\r\nborder: 1px solid var(--border);\r\nborder-radius: 16px;\r\npadding: 20px;\r\nmargin-bottom: 12px;\r\ntransition: all 0.2s ease;\r\n}\r\n\r\n.radio-card input[type=\"radio\"] { display: none; }\r\n\r\n\/* Hi\u1ec7u \u1ee9ng n\u00e9t \u0111\u1ee9t khi \u0111\u01b0\u1ee3c ch\u1ecdn [cite: 335] *\/\r\n.radio-card:has(> input:checked) {\r\nborder: 2px dotted var(--primary);\r\nbackground-color: var(--bg-selected);\r\n}\r\n\r\n.card-inner { display: flex; justify-content: space-between; align-items: center; }\r\n\r\n\/* Dot Indicator \u1edf ph\u00eda cu\u1ed1i [cite: 139, 168] *\/\r\n.radio-circle {\r\nwidth: 24px; height: 24px;\r\nborder: 1px solid var(--border);\r\nborder-radius: 50%;\r\ndisplay: flex; align-items: center; justify-content: center;\r\nflex-shrink: 0;\r\n}\r\n\r\n.radio-card input:checked ~ .card-inner .radio-circle {\r\nborder-color: var(--primary);\r\nborder-width: 2px;\r\n}\r\n\r\n.radio-card input:checked ~ .card-inner .radio-circle::after {\r\ncontent: \"\"; width: 12px; height: 12px;\r\nbackground: var(--primary); border-radius: 50%;\r\n}\r\n\r\n\/* C\u1ea5u tr\u00fac Nested cho kWp Grid v\u00e0 Manual Input [cite: 25, 77, 112] *\/\r\n.nested-options {\r\nmax-height: 0; overflow: hidden;\r\ntransition: max-height 0.3s ease-out;\r\n}\r\n\r\n.radio-card:has(> input:checked) .nested-options {\r\nmax-height: 250px;\r\nmargin-top: 15px; padding-top: 15px;\r\nborder-top: 1px solid var(--border);\r\n}\r\n\r\n.kwp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }\r\n.kwp-item {\r\nborder: 1px solid var(--border); padding: 10px;\r\nborder-radius: 8px; text-align: center; font-weight: 600; cursor: pointer;\r\n}\r\n.kwp-item:has(input:checked) { background: var(--primary); color: var(--white); border-color: var(--primary); }\r\n.kwp-item input { display: none; }\r\n\r\n\/* Manual Input Style [cite: 30, 31, 86, 87] *\/\r\n.manual-input-wrapper { display: flex; align-items: center; gap: 8px; justify-content: center; }\r\n.manual-input {\r\nborder: none; border-bottom: 2px solid var(--primary);\r\nwidth: 70px; font-size: 20px; text-align: center; outline: none;\r\nbackground: transparent; font-weight: 700; color: var(--primary);\r\n}\r\n\r\n\/* Trang K\u1ebft qu\u1ea3 Page 5 [cite: 273, 283, 293, 330] *\/\r\n.result-card-primary {\r\nbackground: var(--bg-light); border: 1px solid var(--border);\r\npadding: 30px; border-radius: 16px; text-align: center; margin-bottom: 24px;\r\n}\r\n.cost-comparison { display: flex; justify-content: center; align-items: center; gap: 40px; margin: 20px 0; }\r\n.cost-item { display: flex; flex-direction: column; }\r\n.cost-value { font-size: 24px; font-weight: 600; color: var(--text-sub); }\r\n.cost-label { font-size: 14px; color: var(--text-sub); }\r\n.cost-separator { font-size: 24px; color: var(--border); }\r\n\r\n.savings-highlight { border-top: 1px solid var(--border); padding-top: 20px; margin-top: 10px; }\r\n.savings-value { font-size: 42px; font-weight: 800; color: var(--primary); }\r\n\r\n.indicators-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 30px; }\r\n.indicator-box { background: var(--white); border: 1px solid var(--border); padding: 15px; border-radius: 12px; }\r\n.indicator-box h4 { font-size: 14px; color: var(--text-sub); margin-bottom: 8px; }\r\n.reduction-val { font-size: 20px; font-weight: 700; color: var(--text-main); }\r\n\r\n\/* H\u1ec7 th\u1ed1ng & T\u1ef1 tr\u1ecb [cite: 305, 312] *\/\r\n.system-details { display: flex; gap: 20px; padding: 20px; background: var(--white); border: 1px solid var(--border); border-radius: 12px; font-size: 14px; margin-bottom: 30px; }\r\n.detail-column { flex: 1; }\r\n.detail-column h3 { font-size: 16px; margin-bottom: 12px; color: var(--text-main); }\r\n.note-text { font-style: italic; color: var(--text-sub); margin-top: 8px; font-size: 12px; }\r\n\r\n\/* Bi\u1ec3u m\u1eabu Li\u00ean h\u1ec7 Page 7 [cite: 382, 417] *\/\r\n.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }\r\n.form-group { display: flex; flex-direction: column; }\r\n.form-group label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; color: var(--text-main); }\r\n.form-group input { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 15px; outline: none; transition: border-color 0.2s; }\r\n.form-group input:focus { border-color: var(--primary); }\r\n\r\n.checkbox-container { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--text-sub); margin-bottom: 30px; cursor: pointer; }\r\n.checkbox-container input { margin-top: 4px; }\r\n\r\n\/* Buttons & Footer [cite: 316, 391, 397, 413, 420] *\/\r\n.action-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; }\r\n.btn-primary { background: var(--primary); color: var(--white); border: none; padding: 15px 30px; border-radius: 8px; cursor: pointer; font-weight: 600; transition: background 0.2s; }\r\n.btn-primary:hover { background: var(--primary-hover); }\r\n.btn-primary:disabled { background: #cbd5e1; cursor: not-allowed; }\r\n.btn-secondary { background: none; border: 1px solid var(--border); padding: 15px 24px; border-radius: 8px; cursor: pointer; color: var(--text-sub); font-weight: 600; }\r\n\r\n\/* Tech Note [cite: 138, 164] *\/\r\n.tech-note { margin-top: 12px; font-size: 13px; background: #f1f5f9; padding: 12px; border-left: 4px solid var(--primary); border-radius: 4px; color: var(--text-main); line-height: 1.4; }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98a1e6b elementor-widget elementor-widget-html\" data-id=\"98a1e6b\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.25\/jspdf.plugin.autotable.min.js\"><\/script>\n<script>\n\/**\n * script.js\n * Manages application state, UI updates, and data collection for PDF.\n *\/\nconst EnergyApp = {\n    state: {\n        annual_consumption_kwh: 4500, \/\/ Default baseline [cite: 12]\n        pv_kwp: 5,                    \/\/ Default baseline [cite: 12]\n        grid_type: 'Tri 400+N',       \/\/ Default baseline [cite: 12]\n        ev_count: '1',                \/\/ Default baseline [cite: 12]\n        heating_type: 'Chaudi\u00e8re mazout', \/\/ Default baseline [cite: 12]\n        postal_code: '4610',          \/\/ Default baseline [cite: 12]\n        \n        \/\/ Calculated values\n        cost_without_panels: 0,\n        cost_with_panels: 0,\n        cost_with_battery: 0,\n        savings: 0\n    },\n\n    init() {\n        this.wrapper = document.getElementById('page_wrapper');\n        if (!this.wrapper) return;\n        this.bindEvents();\n        this.goToStep('1');\n    },\n\n    bindEvents() {\n        \/\/ Navigation Logic\n        document.addEventListener('click', (e) => {\n            const btn = e.target.closest('.change-step');\n            if (btn) {\n                e.preventDefault();\n                const nextStep = btn.getAttribute('data-step');\n                this.saveInputs();\n                this.goToStep(nextStep);\n            }\n        });\n\n        \/\/ PDF Form Validation & Submission\n        const pdfForm = document.getElementById('pdf-form');\n        const submitBtn = document.getElementById('submit-pdf');\n\n        if (pdfForm && submitBtn) {\n            const validateForm = () => {\n                const isValid = pdfForm.checkValidity(); \n                submitBtn.disabled = !isValid;\n            };\n\n            pdfForm.addEventListener('input', validateForm);\n            pdfForm.addEventListener('change', validateForm);\n            validateForm(); \/\/ Check on load\n\n            pdfForm.addEventListener('submit', (e) => {\n                e.preventDefault();\n                this.handlePDFSubmission();\n            });\n        }\n    },\n\n    saveInputs() {\n        const currentStep = this.wrapper.getAttribute('step');\n\n        \/\/ Step 1: Consumption\n        if (currentStep === \"1\") {\n            const radio = document.querySelector('input[name=\"pv_status\"]:checked');\n            if (radio) {\n                this.state.annual_consumption_kwh = (radio.value === 'different') \n                    ? parseFloat(document.querySelector('.manual-input')?.value || 0) \n                    : parseFloat(radio.value);\n            }\n        }\n\n        \/\/ Step 3: Grid Type\n        if (currentStep === \"3\") {\n            const selectedGrid = document.querySelector('input[name=\"grid_type\"]:checked');\n            if (selectedGrid) {\n                const label = selectedGrid.closest('.grid-card')?.querySelector('.label-primary')?.innerText;\n                this.state.grid_type = label || selectedGrid.value;\n            }\n        }\n\n        \/\/ Step 4: Usage Profile\n        if (currentStep === \"4\") {\n            const evInput = document.querySelector('input[name=\"ev_count\"]:checked');\n            const heatInput = document.querySelector('input[name=\"heating_type\"]:checked');\n            \n            if (evInput) this.state.ev_count = evInput.value;\n            if (heatInput) this.state.heating_type = heatInput.value;\n        }\n    },\n\n    goToStep(num) {\n        if (!num) return;\n        this.wrapper.setAttribute('step', num);\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n\n        if (num === \"5\") this.renderPage5();\n        if (num === \"7\") this.renderPage7();\n    },\n\n    renderPage5() {\n        const s = this.state;\n        const consumption = s.annual_consumption_kwh;\n\n        \/\/ --- DYNAMIC CALCULATION LOGIC ---\n        \/\/ 1. Bill without panels (approx 0.45\u20ac\/kWh) [cite: 12]\n        s.cost_without_panels = consumption * 0.45;\n\n        \/\/ 2. Bill with panels (approx 60% reduction without battery)\n        s.cost_with_panels = s.cost_without_panels * 0.40;\n\n        \/\/ 3. Bill with LoopXCell Battery (Optimization)\n        \/\/ Adjust savings based on profile (EV\/Heat pump increases self-consumption potential)\n        let efficiencyFactor = 0.05; \/\/ Base bill remains (5% of original)\n        if (s.ev_count !== '0') efficiencyFactor += 0.02; \/\/ EVs draw more grid\n        \n        s.cost_with_battery = s.cost_without_panels * efficiencyFactor;\n\n        \/\/ 4. Total Savings\n        s.savings = s.cost_with_panels - s.cost_with_battery; \n        \/\/ Note: The UI shows savings between \"With Panels\" and \"With Battery\" based on your screenshot\n\n        \/\/ --- UPDATE UI ---\n        this.setHTML('cost-without', `\u20ac ${Math.round(s.cost_with_panels).toLocaleString()}`);\n        this.setHTML('cost-with', `\u20ac ${Math.round(s.cost_with_battery).toLocaleString()}`);\n        this.setHTML('savings-amount', `\u20ac ${Math.round(s.savings).toLocaleString()} \/ year`);\n        \n        \/\/ Static indicators for demo\n        this.setHTML('grid-reduction', `-45%`);\n        this.setHTML('injection-reduction', `-85%`);\n        this.setHTML('total-cap', `14.4 kWh`);\n        this.setHTML('active-cap', `9.6 kWh`);\n        this.setHTML('avg-autonomy', `Up to 11 h`);\n        this.setHTML('crit-autonomy', `Up to 17 h`);\n    },\n\n    renderPage7() {\n        const list = document.getElementById('analysis-list-dynamic');\n        if (list) {\n            list.innerHTML = `\n                <li>Annual cost breakdown: <strong>\u20ac ${Math.round(this.state.savings).toLocaleString()} saved<\/strong><\/li>\n                <li>Technical assumptions: <strong>${this.state.pv_kwp} kWp<\/strong> system<\/li>\n                <li>Notes for <strong>${this.state.grid_type}<\/strong> connection<\/li>\n            `;\n        }\n    },\n\n    async handlePDFSubmission() {\n        const submitBtn = document.getElementById('submit-pdf');\n        const formData = new FormData(document.getElementById('pdf-form'));\n        \n        \/\/ Collect all data for the PDF\n        const clientData = {\n            fname: formData.get('first_name'),\n            lname: formData.get('last_name'),\n            email: formData.get('email'),\n            pcode: formData.get('postal_code'),\n            ...this.state \/\/ Spreads consumption, costs, grid type, etc.\n        };\n\n        if (submitBtn) {\n            submitBtn.innerText = \"Generating...\";\n            submitBtn.disabled = true;\n            submitBtn.style.cursor = \"wait\";\n        }\n        \n        try {\n            if (typeof PDFGenerator === 'undefined') {\n                throw new Error(\"PDF Library not loaded.\");\n            }\n            await PDFGenerator.generate(clientData);\n            \n            if (submitBtn) {\n                submitBtn.innerText = \"PDF Downloaded!\";\n                submitBtn.disabled = false;\n                submitBtn.style.cursor = \"pointer\";\n                \/\/ Reset text after 3 seconds\n                setTimeout(() => submitBtn.innerText = \"Receive my PDF analysis\", 3000);\n            }\n        } catch (err) {\n            console.error(\"PDF Error:\", err);\n            if (submitBtn) {\n                submitBtn.innerText = \"Error, try again\";\n                submitBtn.disabled = false;\n                submitBtn.style.background = \"#ef4444\"; \n            }\n        }\n    },\n\n    setHTML(id, val) {\n        const el = document.getElementById(id);\n        if (el) el.innerHTML = val;\n    }\n};\n\ndocument.addEventListener('DOMContentLoaded', () => EnergyApp.init());\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce9a41 elementor-widget elementor-widget-html\" data-id=\"1ce9a41\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.25\/jspdf.plugin.autotable.min.js\"><\/script>\r\n\r\n<script>\r\n\/**\r\n * pdf.js\r\n * Generates the PDF based on the LoopXcell Energy\/LoopXCell template.\r\n *\/\r\nconst PDFGenerator = {\r\n    async generate(data) {\r\n        const { jsPDF } = window.jspdf;\r\n        const doc = new jsPDF();\r\n        const brandColor = [255, 107, 0]; \/\/ LoopXCell Orange [cite: 145]\r\n        const darkBlue = [30, 41, 59];    \/\/ Cover background\r\n\r\n        \/\/ Helper for formatting currency\r\n        const fmtMoney = (amount) => `EUR ${Math.round(amount).toLocaleString()}`;\r\n\r\n        \/\/ --- PAGE 1: COVER PAGE [cite: 1-9] ---\r\n        doc.setFillColor(...darkBlue);\r\n        doc.rect(0, 0, 210, 297, 'F');\r\n        \r\n        doc.setTextColor(255, 255, 255);\r\n        doc.setFontSize(32);\r\n        doc.text(\"Your Energy Estimation\", 20, 60); \r\n        \r\n        doc.setFontSize(16);\r\n        doc.text(`Attention to: ${data.fname} ${data.lname}`, 20, 80); \r\n        doc.text(\"Configuration of your intelligent battery\", 20, 95); \r\n        doc.text(`Date: ${new Date().toLocaleDateString('en-GB')}`, 20, 105); \r\n        \r\n        doc.setFontSize(10);\r\n        doc.text(\"Proudly produced by LoopXCell Energy.\", 105, 280, { align: \"center\" }); \r\n\r\n        \/\/ --- PAGE 2: HOME DETAILS [cite: 10-12] ---\r\n        doc.addPage();\r\n        doc.setTextColor(0, 0, 0);\r\n        doc.setFontSize(20);\r\n        doc.text(\"Your Home in Detail\", 20, 25); \r\n        \r\n        const configTable = [\r\n            [\"Postal Code\", data.pcode], \r\n            [\"Annual Consumption\", `${data.annual_consumption_kwh.toLocaleString()} kWh`], \r\n            [\"PV Installation\", `${data.pv_kwp} kWp`], \r\n            [\"Grid Connection\", data.grid_type], \r\n            [\"Electric Vehicles\", data.ev_count],\r\n            [\"Heating System\", data.heating_type || \"Not specified\"]\r\n        ];\r\n\r\n        doc.autoTable({\r\n            startY: 35,\r\n            head: [['Characteristic', 'Details']],\r\n            body: configTable,\r\n            headStyles: { fillColor: brandColor },\r\n            theme: 'striped'\r\n        });\r\n\r\n        \/\/ --- PAGE 3: PROFITABILITY OVERVIEW [cite: 37, 216] ---\r\n        \/\/ Using calculated values from script.js state\r\n        doc.setFontSize(20);\r\n        const roiY = doc.lastAutoTable.finalY + 25;\r\n        doc.text(\"Overview of Profitability\", 20, roiY); \r\n        \r\n        const savings15Years = data.savings * 15;\r\n\r\n        const roiTable = [\r\n            [\"Bill without panels (est.)\", `${fmtMoney(data.cost_without_panels)} \/ year`], \r\n            [\"Bill with panels (no battery)\", `${fmtMoney(data.cost_with_panels)} \/ year`], \r\n            [\"Bill with LoopXCell Battery\", `${fmtMoney(data.cost_with_battery)} \/ year`], \r\n            [\"Annual Savings\", `${fmtMoney(data.savings)} \/ year`], \r\n            [\"Cumulative Gains (15 years)\", fmtMoney(savings15Years)], \r\n            [\"Equivalent bank interest\", \"9%\"] \r\n        ];\r\n\r\n        doc.autoTable({\r\n            startY: roiY + 10,\r\n            body: roiTable,\r\n            styles: { fontSize: 11, cellPadding: 3 },\r\n            columnStyles: { \r\n                0: { cellWidth: 100 },\r\n                1: { fontStyle: 'bold', textColor: brandColor } \r\n            }\r\n        });\r\n\r\n        \/\/ --- PAGE 4: AUTONOMY (UPSELL) [cite: 128-131] ---\r\n        doc.addPage();\r\n        doc.setFontSize(20);\r\n        doc.text(\"Need more autonomy during outages?\", 20, 25); \r\n        doc.setFontSize(11);\r\n        doc.text(\"Upgrade your capacity for critical loads:\", 20, 35);\r\n\r\n        \/\/ Standard upsell data from LoopXcell document [cite: 131]\r\n        const autonomyTable = [\r\n            [\"4.8 kWh\", \"Included\", \"Up to 6 h\"], \r\n            [\"9.6 kWh\", \"+ 1 060 EUR\", \"Up to 11 h\"], \r\n            [\"14.4 kWh\", \"+ 2 120 EUR\", \"Up to 17 h\"] \r\n        ];\r\n\r\n        doc.autoTable({\r\n            startY: 40,\r\n            head: [['Capacity', 'Investment', 'Autonomy Estimate']], \r\n            body: autonomyTable,\r\n            headStyles: { fillColor: [51, 65, 85] }, \/\/ Dark grey\/blue header\r\n            styles: { halign: 'center' },\r\n            columnStyles: { 0: { halign: 'left' } }\r\n        });\r\n\r\n        \/\/ Footer for inner pages\r\n        const pageCount = doc.internal.getNumberOfPages();\r\n        for (let i = 2; i <= pageCount; i++) {\r\n            doc.setPage(i);\r\n            doc.setFontSize(10);\r\n            doc.setTextColor(150);\r\n            doc.text(`LoopXCell Estimation - Page ${i}`, 105, 290, { align: \"center\" });\r\n        }\r\n\r\n        doc.save(`LoopXCell_Estimate_${data.lname}.pdf`);\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<div class=\"elementor-element elementor-element-e7582e2 e-con-full step-page e-flex e-con e-child\" data-id=\"e7582e2\" data-element_type=\"container\" id=\"step-1\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4b92a85 e-con-full e-flex e-con e-child\" data-id=\"4b92a85\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04c7c54 elementor-widget elementor-widget-heading\" data-id=\"04c7c54\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Annual electricity consumption<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6639c50 elementor-widget elementor-widget-text-editor\" data-id=\"6639c50\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Select the option that best matches your household<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a235744 energy-group-container e-con-full e-flex e-con e-child\" data-id=\"a235744\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9add40c e-con-full e-flex e-con e-child\" data-id=\"9add40c\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f459578 elementor-widget elementor-widget-html\" data-id=\"f459578\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n   document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Select all cards that should act like radio buttons\n    const cards = document.querySelectorAll('.wp-energy-card');\n\n    cards.forEach(card => {\n        card.addEventListener('click', function() {\n            \/\/ 1. Find the parent container to scope the \"radio\" group\n            \/\/ This prevents clicking a card in one section from de-selecting a card in another\n            const group = this.closest('.energy-group-container') || document.body;\n            \n            \/\/ 2. Remove 'is-active' from all other cards in the same group\n            group.querySelectorAll('.wp-energy-card').forEach(c => {\n                c.classList.remove('is-active');\n            });\n\n            \/\/ 3. Add 'is-active' to the clicked card\n            this.classList.add('is-active');\n            \n            \/\/ 4. Optional: Log the value for form submission\n            console.log(\"Selected:\", this.getAttribute('data-value'));\n        });\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-835a0ee elementor-widget elementor-widget-html\" data-id=\"835a0ee\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* Container for the card *\/\n.wp-energy-card {\n    display: flex;\n    align-items: center;\n    padding: 15px 25px;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-bottom: 15px;\n    font-family: sans-serif;\n    \n    \/* DEFAULT: Dotted border, white background *\/\n    background-color: #ffffff;\n    border: 2px dotted #cccccc; \n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n\/* ACTIVE STATE: Dotted border stays, but background fills *\/\n.wp-energy-card.is-active {\n    background-color: #f0f7ff; \/* Light blue fill *\/\n    border-color: #0073aa;     \/* WordPress Blue *\/\n}\n\n.wp-energy-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(0,0,0,0.1);\n    transform: scale(1.03);\n}\n\n\/* Image styling *\/\n.wp-energy-card img {\n    width: 60px;\n    height: auto;\n    margin-right: 20px;\n}\n\n\/* Text layout *\/\n.wp-energy-card-content {\n    flex-grow: 1;\n}\n\n.wp-energy-card-title {\n    display: block;\n    font-weight: bold;\n    font-size: 1.1em;\n    color: #333;\n}\n\n.wp-energy-card-subtitle {\n    display: block;\n    font-size: 0.9em;\n    color: #666;\n}\n\n\/* The Radio-style circle *\/\n.wp-energy-circle {\n    width: 22px;\n    height: 22px;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    position: relative;\n}\n\n.wp-energy-card.is-active .wp-energy-circle {\n    border-color: #0073aa;\n}\n\n.wp-energy-card.is-active .wp-energy-circle::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background: #0073aa;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d94aba1 e-con-full e-grid e-con e-child\" data-id=\"d94aba1\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6061674 elementor-widget elementor-widget-html\" data-id=\"6061674\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card is-active\" data-value=\"1-person\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/one-people.png\" alt=\"1 person\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">1 personne<\/span>\n            <span class=\"wp-energy-card-subtitle\">3,000 kWh \/ year<\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c39aa9 elementor-widget elementor-widget-html\" data-id=\"1c39aa9\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card\" data-value=\"2-people\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/two-people.png\" alt=\"2 people\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">2 personnes<\/span>\n            <span class=\"wp-energy-card-subtitle\">4,500 kWh \/ year <\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f54ddce elementor-widget elementor-widget-html\" data-id=\"f54ddce\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card\" data-value=\"3-people\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/three-people.png\" alt=\"3 people\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">3 personnes<\/span>\n            <span class=\"wp-energy-card-subtitle\">5,500 kWh \/ year <\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3d7e5 elementor-widget elementor-widget-html\" data-id=\"0e3d7e5\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card\" data-value=\"4-person\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/four-people.png\" alt=\"1 person\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">4 personne<\/span>\n            <span class=\"wp-energy-card-subtitle\">6,000 kWh \/ year <\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c39a3b elementor-widget elementor-widget-html\" data-id=\"6c39a3b\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card\" data-value=\"5-people\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/five-people.png\" alt=\"5 people\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">5 personnes<\/span>\n            <span class=\"wp-energy-card-subtitle\">7,500 kWh \/ year <\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37fc78a elementor-widget elementor-widget-html\" data-id=\"37fc78a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-energy-card\" data-value=\"6-people\">\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/six-people.png\" alt=\"2 people\">\n        <div class=\"wp-energy-card-content\">\n            <span class=\"wp-energy-card-title\">6 personnes<\/span>\n            <span class=\"wp-energy-card-subtitle\">9,000 kWh \/ year <\/span>\n        <\/div>\n        <div class=\"wp-energy-circle\"><\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b95a102 e-con-full e-flex e-con e-child\" data-id=\"b95a102\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79571a6 elementor-widget elementor-widget-text-editor\" data-id=\"79571a6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>My situation is different:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7195a elementor-widget elementor-widget-html\" data-id=\"4e7195a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.wp-input-card {\r\n    display: flex;\r\n    align-items: center;\r\n    background: #ffffff;\r\n    padding: 12px 24px;\r\n    border-radius: 100px; \/* Matches your cards *\/\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); \/* Soft shadow *\/\r\n    border: 2px dotted #cccccc; \/* Consistent dotted border *\/\r\n    max-width: 500px;\r\n    margin: 20px 0;\r\n    position: relative;\r\n}\r\n\r\n\/* Floating Icon Styling *\/\r\n.input-icon {\r\n    width: 60px;\r\n    flex-shrink: 0;\r\n    margin-right: 15px;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.input-icon img {\r\n    width: 100%;\r\n    height: auto;\r\n    \/* Adjust positioning if icon needs to overlap top border *\/\r\n    transform: translateY(-5px); \r\n}\r\n\r\n\/* Wrapper for the input and the unit label *\/\r\n.input-field-wrapper {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #ffffff;\r\n    border: 1px solid #e0e0e0; \/* Internal border for the input box *\/\r\n    border-radius: 12px;\r\n    padding: 8px 15px;\r\n}\r\n\r\n\/* The actual text input *\/\r\n.custom-input {\r\n    border: none !important;\r\n    outline: none !important;\r\n    width: 100%;\r\n    font-size: 18px;\r\n    color: #333;\r\n    padding: 5px 0;\r\n    font-family: inherit;\r\n}\r\n\r\n\/* Unit Label (kWh\/an) *\/\r\n.input-unit {\r\n    color: #888;\r\n    font-size: 14px;\r\n    margin-left: 10px;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* Focus state for the inner box *\/\r\n.input-field-wrapper:focus-within {\r\n    border-color: #0073aa; \/* WordPress Blue *\/\r\n    box-shadow: 0 0 0 1px #0073aa;\r\n}\r\n\r\n\/* Remove arrows from number input *\/\r\n.custom-input::-webkit-outer-spin-button,\r\n.custom-input::-webkit-inner-spin-button {\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}<\/style>\r\n<div class=\"wp-input-card\">\r\n    <div class=\"input-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/yoomeyoo.org\/wp-content\/uploads\/2026\/01\/MIX-1.png\" alt=\"Meter\">\r\n    <\/div>\r\n\r\n    <div class=\"input-field-wrapper\">\r\n        <input type=\"number\" placeholder=\"Ex: 10 000\" class=\"custom-input\">\r\n        <span class=\"input-unit\">kWh\/an<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4df8ab1 e-con-full e-flex e-con e-child\" data-id=\"4df8ab1\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8c7e644 change-step e-flex e-con-boxed e-con e-child\" data-id=\"8c7e644\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"2\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a05a33d elementor-widget elementor-widget-heading\" data-id=\"a05a33d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Next step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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<div class=\"elementor-element elementor-element-c69e549 e-con-full step-page e-flex e-con e-child\" data-id=\"c69e549\" data-element_type=\"container\" id=\"step-2\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0cd28d2 e-con-full e-flex e-con e-child\" data-id=\"0cd28d2\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39b4edf elementor-widget elementor-widget-heading\" data-id=\"39b4edf\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Photovoltaic system<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9991b6c elementor-widget elementor-widget-text-editor\" data-id=\"9991b6c\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Do you have solar panels installed?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99c6caa energy-group-container e-flex e-con-boxed e-con e-child\" data-id=\"99c6caa\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce5bfa1 elementor-widget elementor-widget-html\" data-id=\"ce5bfa1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\r\n    <input type=\"radio\" name=\"pv_status\" value=\"no\" required>\r\n    <div class=\"card-inner\">\r\n        <div class=\"card-content\">\r\n            <span class=\"label-primary\">No solar panels installed<\/span>\r\n            <br\/>\r\n            <span class=\"label-secondary\">PV production = 0<\/span>\r\n        <\/div>\r\n        <div class=\"radio-circle\"><\/div>\r\n    <\/div>\r\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a77055 elementor-widget elementor-widget-html\" data-id=\"9a77055\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card has-nested\">\r\n    <input type=\"radio\" name=\"pv_status\" value=\"know_power\" id=\"know-power-radio\" required>\r\n    <div class=\"card-inner\">\r\n        <div class=\"card-content\">\r\n            <span class=\"label-primary\">Yes \u2013 I know the installed power<\/span> \r\n        <\/div>\r\n        <div class=\"radio-circle\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"nested-options\">\r\n        <div class=\"kwp-grid\">\r\n            <label class=\"kwp-item\">\r\n                <input type=\"radio\" name=\"pv_kwp\" value=\"3\"> <span>3 kWp<\/span>\r\n            <\/label>\r\n            <label class=\"kwp-item\">\r\n                <input type=\"radio\" name=\"pv_kwp\" value=\"5\"> <span>5 kWp<\/span>\r\n            <\/label>\r\n            <label class=\"kwp-item\">\r\n                <input type=\"radio\" name=\"pv_kwp\" value=\"10\"><span>10 kWp<\/span>\r\n            <\/label>\r\n            <label class=\"kwp-item\">\r\n                <input type=\"radio\" name=\"pv_kwp\" value=\"15\"><span>15 kWp<\/span>\r\n            <\/label>\r\n        <\/div>\r\n    <\/div>\r\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb2af52 elementor-widget elementor-widget-html\" data-id=\"eb2af52\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\r\n    <input type=\"radio\" name=\"pv_status\" value=\"unknown\">\r\n    <div class=\"card-inner\">\r\n        <div class=\"card-content\">\r\n            <span class=\"label-primary\">I don\u2019t know the installed power<\/span>\r\n            <br\/>\r\n            <span class=\"label-secondary\">System applies default conservative assumption<\/span>\r\n        <\/div>\r\n        <div class=\"radio-circle\"><\/div>\r\n    <\/div>\r\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e03900d elementor-widget elementor-widget-html\" data-id=\"e03900d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card has-nested has-input\">\r\n    <input type=\"radio\" name=\"pv_status\" value=\"different\" id=\"status-different\" required>\r\n    <div class=\"card-inner\">\r\n        <div class=\"card-content\">\r\n            <span class=\"label-primary\">My situation is different<\/span>\r\n        <\/div>\r\n        <div class=\"radio-circle\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"nested-options\">\r\n        <div class=\"manual-input-wrapper\">\r\n            <input type=\"number\" step=\"0.1\" placeholder=\"___\" class=\"manual-input\" min=\"0.5\" max=\"50\">\r\n            <span class=\"unit-text\">kWp<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e27d21 e-con-full e-flex e-con e-child\" data-id=\"2e27d21\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ce5b1ca change-step e-flex e-con-boxed e-con e-child\" data-id=\"ce5b1ca\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"1\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da724c2 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"da724c2\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5252d6 elementor-widget elementor-widget-heading\" data-id=\"e5252d6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Back<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59a5b65 e-con-full change-step e-flex e-con e-child\" data-id=\"59a5b65\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"3\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fc2c3e elementor-widget elementor-widget-heading\" data-id=\"4fc2c3e\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Next step<\/h2>\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<div class=\"elementor-element elementor-element-d0e5b28 e-con-full step-page e-flex e-con e-child\" data-id=\"d0e5b28\" data-element_type=\"container\" id=\"step-3\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8c8a79f e-con-full e-flex e-con e-child\" data-id=\"8c8a79f\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42b2acf elementor-widget elementor-widget-heading\" data-id=\"42b2acf\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Electrical connection type <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f84c68 elementor-widget elementor-widget-text-editor\" data-id=\"6f84c68\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Select the electrical connection of your home<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9105f7 energy-group-container e-flex e-con-boxed e-con e-child\" data-id=\"d9105f7\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fb75cf8 e-con-full options-group e-flex e-con e-child\" data-id=\"fb75cf8\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c3bd1 elementor-widget elementor-widget-html\" data-id=\"92c3bd1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"grid-card\">\r\n            <input type=\"radio\" name=\"grid_type\" value=\"single_phase_230\" required>\r\n            <div class=\"card-inner\">\r\n                <div class=\"text-content\">\r\n                    <span class=\"label-primary\">Single-phase 230 V<\/span>\r\n                    <span class=\"label-secondary\">1 phase + 1 neutral<\/span>\r\n                <\/div>\r\n                <div class=\"radio-circle\"><\/div>\r\n            <\/div>\r\n        <\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-983b560 elementor-widget elementor-widget-html\" data-id=\"983b560\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"grid-card\">\n            <input type=\"radio\" name=\"grid_type\" value=\"three_phase_230_no_neutral\">\n            <div class=\"card-inner\">\n                <div class=\"text-content\">\n                    <span class=\"label-primary\">Three-phase 3\u00d7230 V (no neutral)<\/span>\n                    <span class=\"label-secondary\">3 phases \u2013 no neutral<\/span>\n                    \n                    <div class=\"tech-note\">\n                        LoopXCell is currently the only battery system capable of supplying all three phases on a 3\u00d7230 V network, allowing the entire home to be powered without grid modification.\n                    <\/div>\n                <\/div>\n                <div class=\"radio-circle\"><\/div>\n            <\/div>\n        <\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0b719a elementor-widget elementor-widget-html\" data-id=\"b0b719a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <label class=\"grid-card\">\r\n            <input type=\"radio\" name=\"grid_type\" value=\"three_phase_400_with_neutral\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"text-content\">\r\n                    <span class=\"label-primary\">Three-phase 3\u00d7400 V + N<\/span>\r\n                    <span class=\"label-secondary\">3 phases + neutral<\/span>\r\n                <\/div>\r\n                <div class=\"radio-circle\"><\/div>\r\n            <\/div>\r\n        <\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d50b5 e-con-full e-flex e-con e-child\" data-id=\"e5d50b5\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3b3f623 change-step e-flex e-con-boxed e-con e-child\" data-id=\"3b3f623\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"2\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52b20ff elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"52b20ff\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a7ecb elementor-widget elementor-widget-heading\" data-id=\"74a7ecb\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Back<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32b12ba e-con-full change-step e-flex e-con e-child\" data-id=\"32b12ba\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"4\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0aa97 elementor-widget elementor-widget-heading\" data-id=\"7e0aa97\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Next step<\/h2>\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<div class=\"elementor-element elementor-element-b09142a e-con-full step-page e-flex e-con e-child\" data-id=\"b09142a\" data-element_type=\"container\" id=\"step-4\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c6f0d8f e-con-full e-flex e-con e-child\" data-id=\"c6f0d8f\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81cce94 elementor-widget elementor-widget-heading\" data-id=\"81cce94\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Usage profile<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba442e0 elementor-widget elementor-widget-text-editor\" data-id=\"ba442e0\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Select the options that apply to your home<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c717e32 energy-group-container e-con-full e-flex e-con e-child\" data-id=\"c717e32\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae4c5e6 elementor-widget elementor-widget-text-editor\" data-id=\"ae4c5e6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Do you have an electric vehicle?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c159b4 energy-group-container e-flex e-con-boxed e-con e-child\" data-id=\"6c159b4\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-551d225 elementor-widget elementor-widget-html\" data-id=\"551d225\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\r\n    <input type=\"radio\" name=\"ev_count\" value=\"0\" required> <div class=\"card-inner\">\r\n        <div class=\"card-content\">\r\n            <span class=\"label-primary\">No electric vehicle<\/span> <\/div>\r\n        <div class=\"radio-circle\"><\/div>\r\n    <\/div>\r\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a0b975 elementor-widget elementor-widget-html\" data-id=\"3a0b975\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\n    <input type=\"radio\" name=\"ev_count\" value=\"1\">\n    <div class=\"card-inner\">\n        <div class=\"card-content\">\n            <span class=\"label-primary\">1 electric vehicle<\/span>\n        <\/div>\n        <div class=\"radio-circle\"><\/div>\n    <\/div>\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aca8455 elementor-widget elementor-widget-html\" data-id=\"aca8455\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\n    <input type=\"radio\" name=\"ev_count\" value=\"2+\">\n    <div class=\"card-inner\">\n        <div class=\"card-content\">\n            <span class=\"label-primary\">2 or more electric vehicles<\/span>\n        <\/div>\n        <div class=\"radio-circle\"><\/div>\n    <\/div>\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e705ab5 energy-group-container e-con-full e-flex e-con e-child\" data-id=\"e705ab5\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd16dc8 elementor-widget elementor-widget-text-editor\" data-id=\"dd16dc8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What is your main heating system?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbe9342 energy-group-container e-flex e-con-boxed e-con e-child\" data-id=\"dbe9342\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3005d6c elementor-widget elementor-widget-html\" data-id=\"3005d6c\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\n    <input type=\"radio\" name=\"heating_type\" value=\"gas_oil\" required>\n    <div class=\"card-inner\">\n        <div class=\"card-content\">\n            <span class=\"label-primary\">Gas or oil boiler<\/span>\n        <\/div>\n        <div class=\"radio-circle\"><\/div>\n    <\/div>\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ca1db0 elementor-widget elementor-widget-html\" data-id=\"3ca1db0\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\n    <input type=\"radio\" name=\"heating_type\" value=\"heat_pump\">\n    <div class=\"card-inner\">\n        <div class=\"card-content\">\n            <span class=\"label-primary\">Heat pump<\/span>\n        <\/div>\n        <div class=\"radio-circle\"><\/div>\n    <\/div>\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e514146 elementor-widget elementor-widget-html\" data-id=\"e514146\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<label class=\"radio-card\">\n    <input type=\"radio\" name=\"heating_type\" value=\"electric\">\n    <div class=\"card-inner\">\n        <div class=\"card-content\">\n            <span class=\"label-primary\">Electric heating<\/span>\n        <\/div>\n        <div class=\"radio-circle\"><\/div>\n    <\/div>\n<\/label>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d819053 e-con-full e-flex e-con e-child\" data-id=\"d819053\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1048d5e change-step e-flex e-con-boxed e-con e-child\" data-id=\"1048d5e\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"3\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-749d847 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"749d847\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-845b81c elementor-widget elementor-widget-heading\" data-id=\"845b81c\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Back<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a54f11 e-con-full change-step e-flex e-con e-child\" data-id=\"9a54f11\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97648f1 elementor-widget elementor-widget-heading\" data-id=\"97648f1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Next step<\/h2>\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<div class=\"elementor-element elementor-element-cb0cd64 e-con-full step-page e-flex e-con e-child\" data-id=\"cb0cd64\" data-element_type=\"container\" id=\"step-5\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ed53e8d e-con-full e-flex e-con e-child\" data-id=\"ed53e8d\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a767da elementor-widget elementor-widget-heading\" data-id=\"4a767da\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your estimated energy savings <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf0375 elementor-widget elementor-widget-text-editor\" data-id=\"2bf0375\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Based on the information you provided<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae61c06 e-flex e-con-boxed e-con e-child\" data-id=\"ae61c06\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce68774 elementor-widget elementor-widget-html\" data-id=\"ce68774\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"result-card-primary\">\r\n        <p class=\"metric-label\">Annual electricity cost<\/p> <div class=\"cost-comparison\">\r\n            <div class=\"cost-item\">\r\n                <span class=\"cost-value\" id=\"cost-without\">\u20ac 0<\/span>\r\n                <span class=\"cost-label\">Without battery<\/span> <\/div>\r\n            <div class=\"cost-separator\">\u2192<\/div>\r\n            <div class=\"cost-item\">\r\n                <span class=\"cost-value\" id=\"cost-with\">\u20ac 0<\/span>\r\n                <span class=\"cost-label\">With LoopXCell<\/span> <\/div>\r\n        <\/div>\r\n        <div class=\"savings-highlight\">\r\n            <p>Estimated savings<\/p> <span class=\"savings-value\" id=\"savings-amount\">\u20ac 0 \/ year<\/span> <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fcb0ef elementor-widget elementor-widget-html\" data-id=\"9fcb0ef\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"indicators-grid\">\r\n        <div class=\"indicator-box\">\r\n            <h4>Self-consumption<\/h4> <p>Before: <strong id=\"self-before\">30-35%<\/strong><\/p> <p>With LoopXCell: <strong id=\"self-after\">65-75%<\/strong><\/p> <\/div>\r\n        <div class=\"indicator-box\">\r\n            <h4>Grid Reduction<\/h4> <p class=\"reduction-val\" id=\"grid-reduction\">- 0%<\/p> <\/div>\r\n        <div class=\"indicator-box\">\r\n            <h4>Injection Reduction<\/h4> <p class=\"reduction-val\" id=\"injection-reduction\">- 0%<\/p> <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecfa5c3 elementor-widget elementor-widget-html\" data-id=\"ecfa5c3\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"system-details\">\r\n        <div class=\"detail-column\">\r\n            <h3>System Overview<\/h3> <p>Total capacity: <span id=\"total-cap\">--<\/span> kWh<\/p> <p>Activated today: <span id=\"active-cap\">--<\/span> kWh<\/p> <p class=\"note-text\">The reserve is not billed today.<\/p> <\/div>\r\n        <div class=\"detail-column\">\r\n            <h3>Autonomy Estimate<\/h3> <p>Average: <span id=\"avg-autonomy\">--<\/span> hours<\/p> <p>Critical loads: <span id=\"crit-autonomy\">--<\/span> hours<\/p> <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd48417 e-con-full e-flex e-con e-child\" data-id=\"fd48417\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b0e8744 change-step e-flex e-con-boxed e-con e-child\" data-id=\"b0e8744\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"1\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a715cdd elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"a715cdd\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de19595 elementor-widget elementor-widget-heading\" data-id=\"de19595\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Refine my calculation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e675a1 e-con-full change-step e-flex e-con e-child\" data-id=\"2e675a1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\" data-step=\"6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce3d36f elementor-widget elementor-widget-heading\" data-id=\"ce3d36f\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Receive detailed analysis (PDF)<\/h2>\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<div class=\"elementor-element elementor-element-4178eaf e-con-full step-page e-flex e-con e-child\" data-id=\"4178eaf\" data-element_type=\"container\" id=\"step-6\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-04e4462 e-con-full e-flex e-con e-child\" data-id=\"04e4462\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7921888 elementor-widget elementor-widget-heading\" data-id=\"7921888\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Receive your detailed analysis<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1532e4b elementor-widget elementor-widget-text-editor\" data-id=\"1532e4b\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A complete breakdown of your energy savings and assumption<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78fdb97 e-flex e-con-boxed e-con e-child\" data-id=\"78fdb97\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1756706 elementor-widget elementor-widget-html\" data-id=\"1756706\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Ti\u00eau \u0111\u1ec1 c\u1ee7a kh\u1ed1i preview *\/\r\n.result-card-primary h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--text-main);\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.03em;\r\n    text-align: left;\r\n}\r\n\r\n\/* Danh s\u00e1ch \u0111\u1ed9ng hi\u1ec3n th\u1ecb qua innerHTML *\/\r\n#analysis-list-dynamic {\r\n    list-style: none; \/* Lo\u1ea1i b\u1ecf d\u1ea5u ch\u1ea5m m\u1eb7c \u0111\u1ecbnh *\/\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n\/* T\u1eebng m\u1ee5c trong danh s\u00e1ch *\/\r\n#analysis-list-dynamic li {\r\n    position: relative;\r\n    padding-left: 28px;\r\n    margin-bottom: 12px;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: var(--text-main);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* T\u1ea1o d\u1ea5u check ho\u1eb7c bullet \u0111i\u1ec3m nh\u1ea5n m\u00e0u cam *\/\r\n#analysis-list-dynamic li::before {\r\n    content: \"\u2713\"; \/* Bi\u1ec3u t\u01b0\u1ee3ng x\u00e1c nh\u1eadn chuy\u00ean nghi\u1ec7p *\/\r\n    position: absolute;\r\n    left: 0;\r\n    color: var(--primary); \/* M\u00e0u cam th\u01b0\u01a1ng hi\u1ec7u #ff6b00 *\/\r\n    font-weight: 900;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* L\u00e0m n\u1ed5i b\u1eadt c\u00e1c con s\u1ed1 \u0111\u1ed9ng \u0111\u01b0\u1ee3c render t\u1eeb JavaScript *\/\r\n#analysis-list-dynamic li strong {\r\n    color: var(--primary);\r\n    margin-left: 5px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Hi\u1ec7u \u1ee9ng cho m\u1ee5c cu\u1ed1i c\u00f9ng *\/\r\n#analysis-list-dynamic li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n<\/style>\r\n<div class=\"result-card-primary\">\r\n    <h3>What you will receive:<\/h3>\r\n    <ul id=\"analysis-list-dynamic\">\r\n        <li>Annual cost breakdown (before \/ after)<\/li>\r\n        <li>Assumptions used (PV, grid, usage)<\/li>\r\n        <li>Activated vs available capacity<\/li>\r\n        <li>Autonomy estimates & 15-year projection<\/li>\r\n        <li>Notes on electrical connection compatibility<\/li>\r\n    <\/ul>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-444e871 elementor-widget elementor-widget-html\" data-id=\"444e871\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Container ch\u00ednh c\u1ee7a bi\u1ec3u m\u1eabu *\/\r\n.analysis-form {\r\n    background: var(--white);\r\n    padding: 30px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 12px;\r\n}\r\n\r\n\/* L\u01b0\u1edbi hi\u1ec3n th\u1ecb c\u00e1c tr\u01b0\u1eddng nh\u1eadp li\u1ec7u *\/\r\n.form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \/* Chia l\u00e0m 2 c\u1ed9t *\/\r\n    gap: 20px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* Nh\u00f3m t\u1eebng tr\u01b0\u1eddng nh\u1eadp li\u1ec7u *\/\r\n.form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* Nh\u00e3n (Label) cho c\u00e1c tr\u01b0\u1eddng *\/\r\n.form-group label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n    color: var(--text-main);\r\n}\r\n\r\n\/* \u00d4 nh\u1eadp li\u1ec7u (Input) *\/\r\n.form-group input {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    outline: none;\r\n    transition: border-color 0.2s;\r\n}\r\n\r\n.form-group input:focus {\r\n    border-color: var(--primary); \/* \u0110\u1ed5i m\u00e0u vi\u1ec1n khi t\u1eadp trung v\u00e0o \u00f4 *\/\r\n}\r\n\r\n\/* Container cho Checkbox \u0111\u1ed3ng \u00fd \u0111i\u1ec1u kho\u1ea3n *\/\r\n.checkbox-container {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    font-size: 14px;\r\n    color: var(--text-sub);\r\n    margin-bottom: 30px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    padding-left: 30px;\r\n}\r\n\r\n\/* \u1ea8n checkbox m\u1eb7c \u0111\u1ecbnh v\u00e0 t\u1ea1o checkmark t\u00f9y ch\u1ec9nh *\/\r\n.checkbox-container input {\r\n    position: absolute;\r\n    opacity: 0;\r\n    cursor: pointer;\r\n    height: 0;\r\n    width: 0;\r\n}\r\n\r\n.checkmark {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 20px;\r\n    width: 20px;\r\n    background-color: var(--white);\r\n    border: 1px solid var(--border);\r\n    border-radius: 4px;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark {\r\n    background-color: var(--primary);\r\n    border-color: var(--primary);\r\n}\r\n\r\n.checkmark:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: none;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark:after {\r\n    display: block;\r\n}\r\n\r\n.checkbox-container .checkmark:after {\r\n    left: 7px;\r\n    top: 3px;\r\n    width: 5px;\r\n    height: 10px;\r\n    border: solid white;\r\n    border-width: 0 2px 2px 0;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\/* Khu v\u1ef1c h\u00e0nh \u0111\u1ed9ng (N\u00fat Back & Submit) *\/\r\n.action-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.btn-primary {\r\n    background: var(--primary);\r\n    color: var(--white);\r\n    border: none;\r\n    padding: 15px 30px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    transition: background 0.2s;\r\n}\r\n\r\n.btn-primary:disabled {\r\n    background: #cbd5e1; \/* M\u00e0u x\u00e1m khi ch\u01b0a \u0111i\u1ec1n \u0111\u1ee7 form *\/\r\n    cursor: not-allowed;\r\n    opacity: 0.7;\r\n}\r\n\r\n.btn-secondary {\r\n    background: none;\r\n    border: 1px solid var(--border);\r\n    padding: 15px 24px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    color: var(--text-sub);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* \u0110\u00e1p \u1ee9ng tr\u00ean di \u0111\u1ed9ng *\/\r\n@media (max-width: 480px) {\r\n    .form-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n<form id=\"pdf-form\" class=\"analysis-form\" action=\"\">\r\n    <div class=\"form-grid\">\r\n        <div class=\"form-group\">\r\n            <label>First name *<\/label>\r\n            <input type=\"text\" name=\"first_name\" required placeholder=\"John\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n            <label>Last name *<\/label>\r\n            <input type=\"text\" name=\"last_name\" required placeholder=\"Doe\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n            <label>Email address *<\/label>\r\n            <input type=\"email\" name=\"email\" required placeholder=\"john.doe@example.com\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n            <label>Postal code *<\/label>\r\n            <input type=\"text\" name=\"postal_code\" required placeholder=\"1000\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <label class=\"checkbox-container\">\r\n        <input type=\"checkbox\" name=\"agree_email\" required id=\"agree-checkbox\">\r\n        <span class=\"checkmark\"><\/span>\r\n        <span class=\"label-text\">I agree to receive my analysis by email<\/span>\r\n    <\/label>\r\n\r\n    <div class=\"action-footer\">\r\n        <button type=\"button\" class=\"btn-secondary change-step\" data-step=\"5\">Back to results<\/button>\r\n        <button type=\"submit\" id=\"submit-pdf\" class=\"btn-primary\" disabled>Receive my PDF analysis<\/button>\r\n    <\/div>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Annual electricity consumption Select the option that best matches your household 1 personne 3,000 kWh \/ year 2 personnes 4,500 kWh \/ year 3 personnes 5,500 kWh \/ year 4 personne 6,000 kWh \/ year 5 personnes 7,500 kWh \/ year 6 personnes 9,000 kWh \/ year My situation is different: kWh\/an Next step Photovoltaic [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10137","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/pages\/10137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/comments?post=10137"}],"version-history":[{"count":377,"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/pages\/10137\/revisions"}],"predecessor-version":[{"id":12753,"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/pages\/10137\/revisions\/12753"}],"wp:attachment":[{"href":"https:\/\/yoomeyoo.org\/fr\/wp-json\/wp\/v2\/media?parent=10137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}