{"id":680,"date":"2026-06-25T15:01:08","date_gmt":"2026-06-25T15:01:08","guid":{"rendered":"https:\/\/batdd.com\/shop\/?p=680"},"modified":"2026-06-25T15:38:16","modified_gmt":"2026-06-25T15:38:16","slug":"solarsystemcal","status":"publish","type":"post","link":"https:\/\/batdd.com\/shop\/2026\/06\/25\/solarsystemcal\/","title":{"rendered":"\u0e04\u0e33\u0e19\u0e27\u0e13\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e48\u0e32\u0e40\u0e0b\u0e25"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\nbody {\n    font-family: 'Sarabun', 'Inter', sans-serif;\n    background-color: #050505;\n}\n.heading-font {\n    font-family: 'Plus Jakarta Sans', 'Sarabun', sans-serif;\n}\n.glass-panel {\n    background: rgba(18, 18, 18, 0.6);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n}\n.glass-panel-glow {\n    background: rgba(22, 22, 22, 0.75);\n    backdrop-filter: blur(25px);\n    -webkit-backdrop-filter: blur(25px);\n    border: 1px solid rgba(157, 78, 221, 0.2);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n}\n.text-gradient-solar {\n    background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.text-gradient-huawei {\n    background: linear-gradient(135deg, #38bdf8 0%, #c084fc 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n}\n::-webkit-scrollbar-track {\n    background: #0a0a0a;\n}\n::-webkit-scrollbar-thumb {\n    background: #262626;\n    border-radius: 4px;\n}\n::-webkit-scrollbar-thumb:hover {\n    background: #404040;\n}\n\n@keyframes spin-slow {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n.animate-spin-slow {\n    animation: spin-slow 2s linear infinite;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e15\u0e31\u0e27\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 (Inputs)\n    const form = document.getElementById(\"solarForm\");\n    const monthlyBillInput = document.getElementById(\"monthlyBill\");\n    const regionSelect = document.getElementById(\"region\");\n    const buildingTypeSelect = document.getElementById(\"buildingType\");\n    const roofAreaInput = document.getElementById(\"roofArea\");\n    const panelWattSelect = document.getElementById(\"panelWatt\");\n    const systemTypeSelect = document.getElementById(\"systemType\");\n    const budgetInput = document.getElementById(\"budget\");\n    const recalculateBtn = document.getElementById(\"recalculateBtn\");\n    const syncIcon = document.getElementById(\"syncIcon\");\n\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 Label \u0e40\u0e25\u0e47\u0e01\u0e02\u0e49\u0e32\u0e07\u0e1a\u0e19\u0e0a\u0e48\u0e2d\u0e07 Input\n    const billDisplay = document.getElementById(\"billDisplay\");\n    const areaDisplay = document.getElementById(\"areaDisplay\");\n    const budgetDisplay = document.getElementById(\"budgetDisplay\");\n\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e14\u0e31\u0e0a\u0e19\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e35\u0e48\u0e0a\u0e48\u0e2d\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 (KPIs)\n    const kpiSystemSize = document.getElementById(\"kpiSystemSize\");\n    const kpiGeneration = document.getElementById(\"kpiGeneration\");\n    const kpiRoi = document.getElementById(\"kpiRoi\");\n    const kpiStorage = document.getElementById(\"kpiStorage\");\n\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (BATDD AI Panel)\n    const summaryBill = document.getElementById(\"summaryBill\");\n    const summaryRegion = document.getElementById(\"summaryRegion\");\n    const summarySize = document.getElementById(\"summarySize\");\n    const summaryInverter = document.getElementById(\"summaryInverter\");\n    const summaryStorage = document.getElementById(\"summaryStorage\");\n\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 (BOM)\n    const eqPanelQty = document.getElementById(\"eqPanelQty\");\n    const eqPanelSpec = document.getElementById(\"eqPanelSpec\");\n    const eqInverterType = document.getElementById(\"eqInverterType\");\n    const eqStorageCap = document.getElementById(\"eqStorageCap\");\n    const eqStorageDetail = document.getElementById(\"eqStorageDetail\");\n\n    \/\/ \u0e1c\u0e39\u0e01 Elements \u0e04\u0e30\u0e41\u0e19\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e27\u0e21\u0e41\u0e25\u0e30\u0e41\u0e16\u0e1a\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\n    const systemScoreDisplay = document.getElementById(\"systemScoreDisplay\");\n    const roofUsageText = document.getElementById(\"roofUsageText\");\n    const roofUsageBar = document.getElementById(\"roofUsageBar\");\n    const budgetUsageText = document.getElementById(\"budgetUsageText\");\n    const budgetUsageBar = document.getElementById(\"budgetUsageBar\");\n    const independenceText = document.getElementById(\"independenceText\");\n    const independenceBar = document.getElementById(\"independenceBar\");\n\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\n    function calculateSolarSystem() {\n        \/\/ \u0e14\u0e36\u0e07\u0e04\u0e48\u0e32\u0e08\u0e32\u0e01\u0e1f\u0e2d\u0e23\u0e4c\u0e21\n        const bill = parseFloat(monthlyBillInput.value) || 0;\n        const region = regionSelect.value;\n        const buildingType = buildingTypeSelect.value;\n        const roofArea = parseFloat(roofAreaInput.value) || 0;\n        const panelWatt = parseInt(panelWattSelect.value) || 550;\n        const systemType = systemTypeSelect.value;\n        const budget = parseFloat(budgetInput.value) || 0;\n\n        \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 Label \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e19\u0e37\u0e2d Input \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e08\u0e23\u0e34\u0e07\n        billDisplay.textContent = `${bill.toLocaleString()} \u0e1a\u0e32\u0e17`;\n        areaDisplay.textContent = `${roofArea.toLocaleString()} \u0e15\u0e23.\u0e21.`;\n        budgetDisplay.textContent = `\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 ${budget.toLocaleString()} \u0e1a\u0e32\u0e17`;\n\n        \/\/ 1. \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 (\u0e10\u0e32\u0e19\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 4.5 \u0e1a\u0e32\u0e17\u0e15\u0e48\u0e2d\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32)\n        const monthlyUnits = bill \/ 4.5;\n        const dailyUnits = monthlyUnits \/ 30;\n\n        \/\/ \u0e41\u0e22\u0e01\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19\/\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19 \u0e15\u0e32\u0e21\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2d\u0e32\u0e04\u0e32\u0e23\n        let dayRatio = 0.40; \/\/ \u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22 2 \u0e0a\u0e31\u0e49\u0e19\n        if (buildingType === \"residential_1story\") dayRatio = 0.50;\n        if (buildingType === \"commercial\") dayRatio = 0.70;\n        if (buildingType === \"industrial\") dayRatio = 0.85;\n\n        const dailyDaytimeUnits = dailyUnits * dayRatio;\n        const dailyNighttimeUnits = dailyUnits * (1 - dayRatio);\n\n        \/\/ 2. \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e14\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e23\u0e32\u0e22\u0e27\u0e31\u0e19 (Peak Sun Hours - PSH) \u0e15\u0e32\u0e21\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04\n        let psh = 4.2; \n        let regionName = \"\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07\";\n        if (region === \"northeast\") { psh = 4.6; regionName = \"\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e40\u0e09\u0e35\u0e22\u0e07\u0e40\u0e2b\u0e19\u0e37\u0e2d\"; }\n        if (region === \"north\") { psh = 4.1; regionName = \"\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\"; }\n        if (region === \"south\") { psh = 3.9; regionName = \"\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\"; }\n\n        \/\/ 3. \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2b\u0e32\u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 (Ideal Size kWp)\n        let idealKWp = dailyDaytimeUnits \/ psh;\n        \/\/ \u0e2b\u0e32\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a Hybrid \u0e2b\u0e23\u0e37\u0e2d Off-Grid \u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e15\u0e34\u0e21\u0e25\u0e07\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e44\u0e27\u0e49\u0e43\u0e0a\u0e49\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19\u0e14\u0e49\u0e27\u0e22\n        if (systemType === \"hybrid\") {\n            idealKWp = (dailyDaytimeUnits + (dailyNighttimeUnits * 0.8)) \/ psh;\n        } else if (systemType === \"offgrid\") {\n            idealKWp = (dailyUnits * 1.3) \/ psh; \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 Buffer \u0e01\u0e31\u0e19\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e34\u0e14\u0e2d\u0e34\u0e2a\u0e23\u0e30\n        }\n\n        \/\/ 4. \u0e04\u0e33\u0e19\u0e27\u0e13\u0e02\u0e35\u0e14\u0e08\u0e33\u0e01\u0e31\u0e14\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 (Constraints)\n        \/\/ \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e14\u0e22\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 2.5 \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e21\u0e15\u0e23\u0e15\u0e48\u0e2d\u0e41\u0e1c\u0e07\n        const maxPanelsByArea = Math.floor(roofArea \/ 2.5);\n        const maxKWpByArea = (maxPanelsByArea * panelWatt) \/ 1000;\n\n        \/\/ \u0e02\u0e35\u0e14\u0e08\u0e33\u0e01\u0e31\u0e14\u0e14\u0e49\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49 (\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e23\u0e32\u0e04\u0e32\u0e15\u0e48\u0e2d kWp \u0e23\u0e27\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07)\n        let costPerKWp = 28000; \/\/ On-Grid \u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e23\u0e17\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\n        if (systemType === \"hybrid\") costPerKWp = 42000; \/\/ \u0e23\u0e27\u0e21\u0e0a\u0e38\u0e14\u0e04\u0e25\u0e31\u0e07\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e1a\n        if (systemType === \"offgrid\") costPerKWp = 38000;\n        const maxKWpByBudget = budget \/ costPerKWp;\n\n        \/\/ \u0e2a\u0e23\u0e38\u0e1b\u0e01\u0e33\u0e25\u0e31\u0e07\u0e27\u0e31\u0e15\u0e15\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e08\u0e33\u0e01\u0e31\u0e14\n        let finalKWp = Math.min(idealKWp, maxKWpByArea, maxKWpByBudget);\n        if (finalKWp < 1.5) finalKWp = 1.5; \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e15\u0e48\u0e33\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e08\u0e19\u0e43\u0e0a\u0e49\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\n\n        \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e08\u0e39\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e1c\u0e07\u0e43\u0e2b\u0e49\u0e25\u0e07\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n        let panelQty = Math.round((finalKWp * 1000) \/ panelWatt);\n        if (panelQty > maxPanelsByArea && maxPanelsByArea > 0) panelQty = maxPanelsByArea;\n        if (panelQty < 4) panelQty = 4; \/\/ \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e33\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e15\u0e23\u0e34\u0e07\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n        finalKWp = (panelQty * panelWatt) \/ 1000;\n\n        \/\/ 5. \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e33\u0e23\u0e2d\u0e07 (Battery Storage Sizing)\n        \/\/ \u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 LiFePO4 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e41\u0e23\u0e07\u0e14\u0e31\u0e19 51.2V \u0e04\u0e27\u0e32\u0e21\u0e08\u0e38\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e33\u0e15\u0e48\u0e2d\u0e42\u0e21\u0e14\u0e39\u0e25 100Ah = 5.12 kWh\n        const batteryModuleCapacity = 5.12; \n        let batteryModules = 0;\n        let totalStorageCapacity = 0;\n\n        if (systemType === \"hybrid\" || systemType === \"offgrid\") {\n            \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e23\u0e2d\u0e1a\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19 \u0e1c\u0e19\u0e27\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e48\u0e07\u0e01\u0e33\u0e25\u0e31\u0e07\u0e44\u0e1f\n            const targetStorage = dailyNighttimeUnits \/ 0.85; \n            batteryModules = Math.round(targetStorage \/ batteryModuleCapacity);\n            \n            \/\/ \u0e08\u0e33\u0e01\u0e31\u0e14\u0e08\u0e33\u0e19\u0e27\u0e19\u0e42\u0e21\u0e14\u0e39\u0e25\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e19\u0e40\u0e1e\u0e14\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e21\u0e35\n            const maxModulesByBudget = Math.floor((budget * 0.45) \/ 45000); \n            if (batteryModules > maxModulesByBudget && maxModulesByBudget > 0) {\n                batteryModules = Math.max(1, maxModulesByBudget);\n            }\n            if (batteryModules < 1) batteryModules = 1;\n            totalStorageCapacity = batteryModules * batteryModuleCapacity;\n        }\n\n        \/\/ 6. \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e23\u0e32\u0e22\u0e1b\u0e35\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19 (Performance &#038; ROI Metrics)\n        const annualGeneration = finalKWp * psh * 365 * 0.82; \/\/ \u0e04\u0e39\u0e13\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e27\u0e21 (PR Factor)\n        let annualSavings = 0;\n\n        if (systemType === \"ongrid\") {\n            annualSavings = Math.min(annualGeneration, (dailyDaytimeUnits * 365)) * 4.5;\n        } else {\n            annualSavings = Math.min(annualGeneration, (dailyUnits * 365)) * 4.5;\n        }\n\n        const estimatedTotalCost = (finalKWp * costPerKWp) + (batteryModules * 45000);\n        let roiYears = annualSavings > 0 ? estimatedTotalCost \/ annualSavings : 0;\n        if (roiYears < 3.0) roiYears = 3.5; \/\/ \u0e04\u0e38\u0e21\u0e40\u0e23\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\n\n        \/\/ 7. \u0e41\u0e21\u0e15\u0e0a\u0e4c\u0e23\u0e38\u0e48\u0e19\u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\n        let inverterSizeDesc = \"5.0 kW \u0e0b\u0e34\u0e07\u0e40\u0e01\u0e34\u0e25\u0e40\u0e1f\u0e2a\";\n        if (finalKWp > 5.5 && finalKWp <= 9.0) inverterSizeDesc = \"8.0 kW \u0e0b\u0e34\u0e07\u0e40\u0e01\u0e34\u0e25\u0e40\u0e1f\u0e2a\";\n        else if (finalKWp > 9.0 && finalKWp <= 13.0) inverterSizeDesc = \"12.0 kW \u0e17\u0e23\u0e35\u0e40\u0e1f\u0e2a\";\n        else if (finalKWp > 13.0) inverterSizeDesc = \"15.0 kW+ Enterprise High-Voltage\";\n\n        \/\/ ==========================================\n        \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e02\u0e36\u0e49\u0e19\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 (UI UPDATE)\n        \/\/ ==========================================\n        \n        \/\/ \u0e14\u0e31\u0e0a\u0e19\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e35\u0e48\u0e0a\u0e48\u0e2d\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 (KPIs)\n        kpiSystemSize.innerHTML = `${finalKWp.toFixed(2)} <span class=\"text-xs font-medium text-gray-400\">kWp<\/span>`;\n        kpiGeneration.innerHTML = `${Math.round(annualGeneration).toLocaleString()} <span class=\"text-xs font-medium text-gray-400\">\u0e2b\u0e19\u0e48\u0e27\u0e22 (kWh)<\/span>`;\n        kpiRoi.innerHTML = `${roiYears.toFixed(1)} <span class=\"text-xs font-medium text-gray-400\">\u0e1b\u0e35<\/span>`;\n        kpiStorage.innerHTML = `${totalStorageCapacity.toFixed(2)} <span class=\"text-xs font-medium text-gray-400\">kWh<\/span>`;\n\n        \/\/ \u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e23\u0e38\u0e1b\u0e42\u0e21\u0e40\u0e14\u0e25\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 (BATDD AI Panel)\n        summaryBill.textContent = `${bill.toLocaleString()} \u0e1a\u0e32\u0e17`;\n        summaryRegion.textContent = regionName;\n        summarySize.textContent = `${finalKWp.toFixed(2)} kWp DC`;\n        summaryInverter.textContent = `Hybrid Smart Inverter \u0e02\u0e19\u0e32\u0e14 ${inverterSizeDesc.split(' ')[0]} Low-Voltage`;\n        summaryStorage.textContent = systemType === \"ongrid\" ? \"\u0e44\u0e21\u0e48\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 (On-Grid \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19)\" : `LiFePO4 \u0e02\u0e19\u0e32\u0e14 ${totalStorageCapacity.toFixed(2)} kWh 51.2V`;\n\n        \/\/ \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e08\u0e33\u0e41\u0e19\u0e01\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c\u0e08\u0e23\u0e34\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 (BOM)\n        eqPanelQty.textContent = `${panelQty} \u0e41\u0e1c\u0e07`;\n        eqPanelSpec.textContent = `\u0e41\u0e1c\u0e07\u0e25\u0e30 ${panelWatt}W`;\n        eqInverterType.textContent = inverterSizeDesc;\n        eqStorageCap.textContent = systemType === \"ongrid\" ? \"0 kWh\" : `${totalStorageCapacity.toFixed(2)} kWh`;\n        eqStorageDetail.textContent = systemType === \"ongrid\" ? \"\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e44\u0e1f\u0e14\u0e31\u0e1a\" : `\u0e02\u0e19\u0e32\u0e19 ${batteryModules} \u0e2a\u0e15\u0e23\u0e34\u0e07 (\u0e23\u0e30\u0e1a\u0e1a 51.2V 100Ah \/ \u0e40\u0e0b\u0e25\u0e25\u0e4c 3.2V 16S)`;\n\n        \/\/ \u0e04\u0e30\u0e41\u0e19\u0e19\u0e41\u0e25\u0e30\u0e41\u0e16\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\n        \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e43\u0e01\u0e25\u0e49\u0e40\u0e04\u0e35\u0e22\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2d\u0e38\u0e14\u0e21\u0e04\u0e15\u0e34\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\n        let systemScore = 98 - Math.max(0, (idealKWp - finalKWp) * 4);\n        if (systemScore > 99) systemScore = 99;\n        if (systemScore < 60) systemScore = 60;\n        systemScoreDisplay.textContent = Math.round(systemScore);\n\n        \/\/ \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e27\u0e48\u0e32\u0e07\n        const roofPercentage = Math.min(100, Math.round((panelQty * 2.5 \/ roofArea) * 100)) || 0;\n        roofUsageText.textContent = `${roofPercentage}%`;\n        roofUsageBar.style.width = `${roofPercentage}%`;\n\n        \/\/ \u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1b\u0e08\u0e23\u0e34\u0e07\n        const budgetPercentage = Math.min(100, Math.round((estimatedTotalCost \/ budget) * 100)) || 0;\n        budgetUsageText.textContent = `${budgetPercentage}%`;\n        budgetUsageBar.style.width = `${budgetPercentage}%`;\n\n        \/\/ \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e36\u0e48\u0e07\u0e1e\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e23\u0e30\u0e1a\u0e1a\n        let selfRelianceValue = 45;\n        if (systemType === \"hybrid\") selfRelianceValue = Math.min(95, 75 + (batteryModules * 6));\n        if (systemType === \"offgrid\") selfRelianceValue = 100;\n        independenceText.textContent = `${selfRelianceValue}%`;\n        independenceBar.style.width = `${selfRelianceValue}%`;\n    }\n\n    \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e2b\u0e21\u0e38\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27\u0e15\u0e2d\u0e19\u0e01\u0e14\u0e23\u0e35\u0e40\u0e1f\u0e23\u0e0a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e19\u0e27\u0e13\n    recalculateBtn.addEventListener(\"click\", () => {\n        syncIcon.classList.add(\"animate-spin-slow\");\n        calculateSolarSystem();\n        setTimeout(() => {\n            syncIcon.classList.remove(\"animate-spin-slow\");\n        }, 800);\n    });\n\n    \/\/ \u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e17\u0e31\u0e19\u0e17\u0e35 (Live Feedback)\n    form.addEventListener(\"input\", calculateSolarSystem);\n    regionSelect.addEventListener(\"change\", calculateSolarSystem);\n    buildingTypeSelect.addEventListener(\"change\", calculateSolarSystem);\n    panelWattSelect.addEventListener(\"change\", calculateSolarSystem);\n    systemTypeSelect.addEventListener(\"change\", calculateSolarSystem);\n\n    \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e23\u0e31\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 (Initial Load)\n    calculateSolarSystem();\n});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"th\" class=\"dark\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>BATDD Solar Planner PRO &#8211; \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"style.css\">\n    <script defer src=\"app.js\"><\/script>\n<\/head>\n<body class=\"text-gray-100 min-h-screen selection:bg-purple-600 selection:text-white overflow-x-hidden antialiased\">\n\n    <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-purple-600\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\n    <div class=\"absolute top-1\/3 right-1\/4 w-[500px] h-[500px] bg-emerald-600\/5 rounded-full blur-[150px] pointer-events-none\"><\/div>\n    <div class=\"absolute bottom-1\/4 left-10 w-80 h-80 bg-amber-600\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\n\n    <header class=\"sticky top-0 z-50 w-full glass-panel border-b border-white\/5 px-4 lg:px-8 py-4 flex items-center justify-between\">\n        <div class=\"flex items-center space-x-3\">\n            <div class=\"relative flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-purple-600 to-blue-500 shadow-lg shadow-purple-500\/20\">\n                <i class=\"fa-solid fa-bolt text-lg text-white animate-pulse\"><\/i>\n            <\/div>\n            <div>\n                <span class=\"heading-font font-extrabold tracking-wider text-xl text-white block\">BATDD<\/span>\n                <span class=\"text-[10px] text-emerald-400 font-semibold uppercase tracking-widest block -mt-1\">Solar Planner PRO<\/span>\n            <\/div>\n        <\/div>\n        <nav class=\"hidden md:flex items-center space-x-8 text-sm font-medium text-gray-400\">\n            <a href=\"#wizard\" class=\"hover:text-white transition-colors\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e23\u0e30\u0e1a\u0e1a<\/a>\n            <a href=\"#analytics\" class=\"hover:text-white transition-colors\">\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/a>\n            <a href=\"#equipment\" class=\"hover:text-white transition-colors\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/a>\n            <a href=\"#comparison\" class=\"hover:text-white transition-colors\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/a>\n        <\/nav>\n        <div class=\"flex items-center space-x-4\">\n            <div class=\"flex items-center space-x-2 text-xs bg-white\/5 border border-white\/10 px-3 py-1.5 rounded-full\">\n                <span class=\"w-2 h-2 rounded-full bg-emerald-500 inline-block animate-ping\"><\/span>\n                <span class=\"text-gray-300 font-medium\">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e1b\u0e01\u0e15\u0e34<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-6\">\n\n        <section id=\"hero\" class=\"relative pt-4 pb-2 text-center space-y-4 max-w-4xl mx-auto\">\n            <div class=\"inline-flex items-center space-x-2 bg-gradient-to-r from-purple-500\/10 to-blue-500\/10 border border-purple-500\/30 px-4 py-1 rounded-full text-xs font-semibold text-purple-400\">\n                <i class=\"fa-solid fa-microchip text-xs\"><\/i>\n                <span>\u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e25\u0e30\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 solar system<\/span>\n            <\/div>\n  \n            <div class=\"pt-2 flex flex-wrap justify-center gap-3\">\n                <a href=\"#wizard\" class=\"px-5 py-2.5 bg-white text-black font-bold text-xs rounded-xl hover:bg-gray-200 transition shadow-xl flex items-center space-x-2\">\n                    <span>\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e23\u0e30\u0e1a\u0e1a<\/span>\n                    <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\n                <\/a>\n                <a href=\"#comparison\" class=\"px-5 py-2.5 glass-panel text-white font-medium text-xs rounded-xl hover:bg-white\/5 transition flex items-center space-x-2\">\n                    <i class=\"fa-solid fa-layer-group text-xs text-gray-400\"><\/i>\n                    <span>\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"hero-buttons mt-4 pt-4 border-t border-white\/5 max-w-2xl mx-auto\">\n                <p class=\"text-[10px] uppercase tracking-widest text-gray-500 font-bold mb-2.5\">\ud83d\uded2 \u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e41\u0e17\u0e49\u0e40\u0e01\u0e23\u0e14\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/p>\n                <div class=\"flex flex-wrap justify-center gap-2\">\n                    <a class=\"btn primary px-4 py-2 bg-gradient-to-r from-emerald-600 to-teal-600 text-white font-semibold text-xs rounded-xl hover:brightness-110 transition shadow-md shadow-emerald-600\/10 flex items-center\" href=\"https:\/\/www.batdd.com\/shop\" target=\"_blank\">\n                        \ud83d\uded2 \u0e0b\u0e37\u0e49\u0e2d\u0e1c\u0e48\u0e32\u0e19 BATDD SHOP\n                    <\/a>\n                    <a class=\"btn shopee px-4 py-2 bg-[#EE4D2D]\/10 border border-[#EE4D2D]\/30 text-[#FF5722] font-semibold text-xs rounded-xl hover:bg-[#EE4D2D]\/20 transition flex items-center\" href=\"https:\/\/s.shopee.co.th\/gA5HYw3pg\" target=\"_blank\">\n                        <span class=\"mr-1\">\ud83d\udfe7<\/span> \u0e0b\u0e37\u0e49\u0e2d\u0e1c\u0e48\u0e32\u0e19 Shopee\n                    <\/a>\n                    <a class=\"btn lazada px-4 py-2 bg-[#1A1A3A] border border-blue-500\/30 text-blue-400 font-semibold text-xs rounded-xl hover:bg-blue-500\/10 transition flex items-center\" href=\"https:\/\/www.lazada.co.th\/shop\/batdd-com\" target=\"_blank\">\n                        <span class=\"mr-1\">\ud83d\udd35<\/span> \u0e0b\u0e37\u0e49\u0e2d\u0e1c\u0e48\u0e32\u0e19 Lazada\n                    <\/a>\n                    <a class=\"btn tiktokshop px-4 py-2 bg-white\/5 border border-white\/10 text-gray-200 font-semibold text-xs rounded-xl hover:bg-white\/10 transition flex items-center\" href=\"https:\/\/vt.tiktok.com\/ZSQKxbvPv\/?page=TikTokShop\" target=\"_blank\">\n                        <span class=\"mr-1\">\ud83d\udecd\ufe0f<\/span> \u0e0b\u0e37\u0e49\u0e2d\u0e1c\u0e48\u0e32\u0e19 TikTok Shop\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"wizard\" class=\"scroll-mt-24\">\n            <div class=\"glass-panel-glow rounded-3xl p-6 sm:p-8\">\n                <div class=\"border-b border-white\/5 pb-4 mb-6 flex flex-col md:flex-row md:items-center md:justify-between gap-4\">\n                    <div>\n                        <h2 class=\"heading-font text-lg sm:text-xl font-bold text-white flex items-center gap-2\">\n                            <i class=\"fa-solid fa-sliders text-purple-500 text-lg\"><\/i> \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e23\u0e30\u0e1a\u0e1a\n                        <\/h2>\n                        <p class=\"text-xs text-gray-400 mt-0.5\">\u0e23\u0e30\u0e1a\u0e38\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e21\u0e34\u0e15\u0e34\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e42\u0e21\u0e40\u0e14\u0e25\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e41\u0e25\u0e30\u0e40\u0e28\u0e23\u0e29\u0e10\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\n                    <\/div>\n                    <div class=\"flex items-center space-x-2 bg-black\/40 px-3 py-1.5 rounded-xl border border-white\/5 self-start\">\n                        <span class=\"text-xs font-medium text-gray-400\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/span>\n                        <span class=\"text-xs font-bold text-emerald-400\">\u0e23\u0e30\u0e1a\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 LiFePO4 51.2V<\/span>\n                    <\/div>\n                <\/div>\n\n                <form id=\"solarForm\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5\">\n                    <div class=\"space-y-1.5\">\n                        <label for=\"monthlyBill\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center justify-between\">\n                            <span>\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e25\u0e14\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19<\/span>\n                            <span class=\"text-purple-400 normal-case font-normal text-[11px]\" id=\"billDisplay\">8,500 \u0e1a\u0e32\u0e17<\/span>\n                        <\/label>\n                        <div class=\"relative rounded-xl shadow-sm\">\n                            <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n                                <span class=\"text-gray-500 text-sm\">\u0e3f<\/span>\n                            <\/div>\n                            <input type=\"number\" name=\"monthlyBill\" id=\"monthlyBill\" value=\"8500\" min=\"1000\" max=\"250000\" step=\"100\"\n                                class=\"block w-full pl-8 pr-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"region\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center gap-1.5\">\n                            <i class=\"fa-solid fa-map-location-dot text-gray-500\"><\/i> \u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 (\u0e2d\u0e34\u0e07\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e14)\n                        <\/label>\n                        <select name=\"region\" id=\"region\" \n                            class=\"block w-full px-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium cursor-pointer\">\n                            <option value=\"central\" selected>\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 (\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e23\u0e31\u0e07\u0e2a\u0e35\u0e14\u0e27\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 GHI)<\/option>\n                            <option value=\"northeast\">\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e40\u0e09\u0e35\u0e22\u0e07\u0e40\u0e2b\u0e19\u0e37\u0e2d \/ \u0e2d\u0e35\u0e2a\u0e32\u0e19 (\u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e41\u0e14\u0e14\u0e1e\u0e35\u0e04\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14)<\/option>\n                            <option value=\"north\">\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d (\u0e21\u0e35\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e01\u0e49\u0e15\u0e32\u0e21\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e15\u0e01\u0e36\u0e48\u0e07\u0e23\u0e49\u0e2d\u0e19)<\/option>\n                            <option value=\"south\">\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49 (\u0e40\u0e02\u0e15\u0e21\u0e23\u0e2a\u0e38\u0e21\u0e2a\u0e39\u0e07 \/ \u0e21\u0e35\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e07\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e2b\u0e19\u0e32\u0e41\u0e19\u0e48\u0e19)<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"buildingType\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center gap-1.5\">\n                            <i class=\"fa-solid fa-building text-gray-500\"><\/i> \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\n                        <\/label>\n                        <select name=\"buildingType\" id=\"buildingType\" \n                            class=\"block w-full px-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium cursor-pointer\">\n                            <option value=\"residential_2story\" selected>\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22 (\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e04\u0e2d\u0e19\u0e01\u0e23\u0e35\u0e15\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e40\u0e2b\u0e25\u0e47\u0e01 2 \u0e0a\u0e31\u0e49\u0e19)<\/option>\n                            <option value=\"residential_1story\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e2d\u0e32\u0e28\u0e31\u0e22 (\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \/ \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e2a\u0e39\u0e07)<\/option>\n                            <option value=\"commercial\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c \/ \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 (\u0e40\u0e19\u0e49\u0e19\u0e42\u0e2b\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1e\u0e35\u0e04\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19)<\/option>\n                            <option value=\"industrial\">\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \/ \u0e42\u0e04\u0e23\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48 (\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e07\u0e17\u0e35\u0e48)<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"roofArea\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center justify-between\">\n                            <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e27\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e48\u0e21\u0e40\u0e07\u0e32\u0e1a\u0e31\u0e07<\/span>\n                            <span class=\"text-emerald-400 font-mono text-[11px]\" id=\"areaDisplay\">75 \u0e15\u0e23.\u0e21.<\/span>\n                        <\/label>\n                        <div class=\"relative rounded-xl shadow-sm\">\n                            <input type=\"number\" name=\"roofArea\" id=\"roofArea\" value=\"75\" min=\"10\" max=\"5000\" step=\"5\"\n                                class=\"block w-full px-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium\">\n                            <div class=\"absolute inset-y-0 right-0 pr-4 flex items-center pointer-events-none\">\n                                <span class=\"text-gray-500 text-sm font-medium\">\u0e15\u0e23.\u0e21.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"panelWatt\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center gap-1.5\">\n                            <i class=\"fa-solid fa-solar-panel text-gray-500\"><\/i> \u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e27\u0e31\u0e15\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\n                        <\/label>\n                        <select name=\"panelWatt\" id=\"panelWatt\" \n                            class=\"block w-full px-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium cursor-pointer\">\n                            <option value=\"440\">\u0e41\u0e1c\u0e07 N-Type TOPCon 440W \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07<\/option>\n                            <option value=\"550\" selected>\u0e41\u0e1c\u0e07 Mono-Crystalline Bifacial 550W \u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e2a\u0e2d\u0e07\u0e14\u0e49\u0e32\u0e19<\/option>\n                            <option value=\"650\">\u0e41\u0e1c\u0e07\u0e40\u0e01\u0e23\u0e14\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 650W \u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e41\u0e19\u0e48\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e1e\u0e34\u0e40\u0e28\u0e29<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"systemType\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center gap-1.5\">\n                            <i class=\"fa-solid fa-circle-nodes text-gray-500\"><\/i> \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\n                        <\/label>\n                        <select name=\"systemType\" id=\"systemType\" \n                            class=\"block w-full px-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-medium cursor-pointer\">\n                            <option value=\"hybrid\" selected>Hybrid Smart Storage (\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e31\u0e19\u0e22\u0e49\u0e2d\u0e19 + \u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 51.2V)<\/option>\n                            <option value=\"ongrid\">On-Grid \u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e01\u0e23\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e15\u0e23\u0e07\u0e2a\u0e32\u0e22\u0e2a\u0e48\u0e07 (\u0e40\u0e19\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19)<\/option>\n                            <option value=\"offgrid\">Pure Off-Grid \u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e1f\u0e01\u0e23\u0e34\u0e14\u0e41\u0e22\u0e01\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"space-y-1.5 lg:col-span-3\">\n                        <label for=\"budget\" class=\"block text-xs font-semibold uppercase tracking-wider text-gray-400 flex items-center justify-between\">\n                            <span>\u0e40\u0e1e\u0e14\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e40\u0e07\u0e34\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e44\u0e27\u0e49<\/span>\n                            <span class=\"text-amber-400 font-medium text-[11px]\" id=\"budgetDisplay\">\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 350,000 \u0e1a\u0e32\u0e17<\/span>\n                        <\/label>\n                        <div class=\"relative rounded-xl shadow-sm\">\n                            <div class=\"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none\">\n                                <span class=\"text-gray-500 text-sm\">\u0e3f<\/span>\n                            <\/div>\n                            <input type=\"number\" name=\"budget\" id=\"budget\" value=\"350000\" min=\"50000\" max=\"2000000\" step=\"5000\"\n                                class=\"block w-full pl-9 pr-4 py-2.5 bg-black\/40 border border-white\/10 rounded-xl text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition text-sm font-semibold tracking-wide\">\n                        <\/div>\n                    <\/div>\n                <\/form>\n\n                <div class=\"mt-6 pt-4 border-t border-white\/5 flex justify-end\">\n                    <button type=\"button\" id=\"recalculateBtn\" class=\"px-5 py-2.5 bg-gradient-to-r from-purple-600 to-purple-700 text-white font-semibold text-xs rounded-xl hover:from-purple-500 hover:to-purple-600 transition shadow-lg flex items-center space-x-2\">\n                        <i id=\"syncIcon\" class=\"fa-solid fa-arrows-rotate\"><\/i>\n                        <span>\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e30\u0e1a\u0e1a\u0e43\u0e2b\u0e21\u0e48<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"analytics\" class=\"scroll-mt-24 space-y-4\">\n            <h3 class=\"heading-font text-xs font-bold tracking-widest text-gray-400 uppercase\">\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c<\/h3>\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n                <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group hover:border-white\/20 transition-all duration-300\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-purple-500\"><\/div>\n                    <div class=\"flex items-center justify-between mb-3\">\n                        <span class=\"text-xs font-semibold text-gray-400 uppercase tracking-wider\">\u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e1c\u0e07\u0e23\u0e27\u0e21<\/span>\n                        <div class=\"w-7 h-7 rounded-lg bg-purple-500\/10 flex items-center justify-center text-purple-400\">\n                            <i class=\"fa-solid fa-charging-station text-xs\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-0.5\">\n                        <div class=\"text-xl sm:text-2xl font-bold text-white tracking-tight heading-font\" id=\"kpiSystemSize\">8.80 <span class=\"text-xs font-medium text-gray-400\">kWp<\/span><\/div>\n                        <p class=\"text-[11px] text-emerald-400 flex items-center gap-1\">\n                            <i class=\"fa-solid fa-circle-check\"><\/i> \u0e02\u0e19\u0e32\u0e14\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group hover:border-white\/20 transition-all duration-300\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-emerald-500\"><\/div>\n                    <div class=\"flex items-center justify-between mb-3\">\n                        <span class=\"text-xs font-semibold text-gray-400 uppercase tracking-wider\">\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e23\u0e32\u0e22\u0e1b\u0e35<\/span>\n                        <div class=\"w-7 h-7 rounded-lg bg-emerald-500\/10 flex items-center justify-center text-emerald-400\">\n                            <i class=\"fa-solid fa-leaf text-xs\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-0.5\">\n                        <div class=\"text-xl sm:text-2xl font-bold text-white tracking-tight heading-font\" id=\"kpiGeneration\">12,848 <span class=\"text-xs font-medium text-gray-400\">\u0e2b\u0e19\u0e48\u0e27\u0e22 (kWh)<\/span><\/div>\n                        <p class=\"text-[11px] text-gray-400\">\u0e04\u0e33\u0e19\u0e27\u0e13\u0e08\u0e32\u0e01\u0e04\u0e48\u0e32\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e41\u0e2a\u0e07\u0e23\u0e32\u0e22\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group hover:border-white\/20 transition-all duration-300\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-amber-500\"><\/div>\n                    <div class=\"flex items-center justify-between mb-3\">\n                        <span class=\"text-xs font-semibold text-gray-400 uppercase tracking-wider\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e04\u0e37\u0e19\u0e17\u0e38\u0e19 \/ ROI<\/span>\n                        <div class=\"w-7 h-7 rounded-lg bg-amber-500\/10 flex items-center justify-center text-amber-400\">\n                            <i class=\"fa-solid fa-scale-balanced text-xs\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-0.5\">\n                        <div class=\"text-xl sm:text-2xl font-bold text-white tracking-tight heading-font\" id=\"kpiRoi\">4.2 <span class=\"text-xs font-medium text-gray-400\">\u0e1b\u0e35<\/span><\/div>\n                        <p class=\"text-[11px] text-amber-400\">\u0e40\u0e23\u0e48\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e14\u0e49\u0e27\u0e22\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e02\u0e31\u0e49\u0e19\u0e1a\u0e31\u0e19\u0e44\u0e14<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-panel p-5 rounded-2xl relative overflow-hidden group hover:border-white\/20 transition-all duration-300\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-blue-500\"><\/div>\n                    <div class=\"flex items-center justify-between mb-3\">\n                        <span class=\"text-xs font-semibold text-gray-400 uppercase tracking-wider\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 (LiFePO4)<\/span>\n                        <div class=\"w-7 h-7 rounded-lg bg-blue-500\/10 flex items-center justify-center text-blue-400\">\n                            <i class=\"fa-solid fa-car-battery text-xs\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-0.5\">\n                        <div class=\"text-xl sm:text-2xl font-bold text-white tracking-tight heading-font\" id=\"kpiStorage\">15.36 <span class=\"text-xs font-medium text-gray-400\">kWh<\/span><\/div>\n                        <p class=\"text-[10px] text-purple-300 font-mono\">\u0e02\u0e19\u0e32\u0e19 3 \u0e2a\u0e15\u0e23\u0e34\u0e07 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a 51.2V 100Ah<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-5\">\n            <div class=\"glass-panel p-6 rounded-3xl lg:col-span-2 space-y-4 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-64 h-64 bg-purple-500\/5 rounded-full blur-3xl pointer-events-none\"><\/div>\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"w-8 h-8 rounded-xl bg-gradient-to-tr from-purple-600 to-indigo-500 flex items-center justify-center text-white shadow-md\">\n                        <i class=\"fa-solid fa-brain text-xs\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4 class=\"heading-font font-bold text-white text-base\">\u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 BATDD AI<\/h4>\n                        <p class=\"text-[11px] text-gray-400\">\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e25\u0e01\u0e2d\u0e23\u0e34\u0e17\u0e36\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"space-y-3 text-xs sm:text-sm text-gray-300 leading-relaxed bg-black\/30 p-4 rounded-2xl border border-white\/5\">\n                    <p>\n                        \u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 <strong class=\"text-white\" id=\"summaryBill\">8,500 \u0e1a\u0e32\u0e17<\/strong> \u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 <strong class=\"text-white\" id=\"summaryRegion\">\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07<\/strong> \u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e19\u0e30\u0e19\u0e33\u0e43\u0e2b\u0e49\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e02\u0e19\u0e32\u0e14 <strong class=\"text-purple-400 font-semibold\" id=\"summarySize\">8.80 kWp DC<\/strong> \u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e41\u0e1a\u0e1a <strong class=\"text-emerald-400 font-semibold\" id=\"summaryInverter\">Hybrid Smart Inverter \u0e02\u0e19\u0e32\u0e14 8kW Low-Voltage<\/strong>\n                    <\/p>\n                    <p>\n                        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e14\u0e19\u0e49\u0e2d\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19 \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e08\u0e31\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 <strong class=\"text-blue-400 font-semibold\" id=\"summaryStorage\">LiFePO4 \u0e02\u0e19\u0e32\u0e14 15.36 kWh 51.2V<\/strong> (\u0e41\u0e23\u0e07\u0e14\u0e31\u0e19\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e1b\u0e01\u0e15\u0e34 3.2V \u0e15\u0e48\u0e2d\u0e2d\u0e19\u0e38\u0e01\u0e23\u0e21\u0e41\u0e1a\u0e1a 16S) \u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e35\u0e49\u0e08\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e0a\u0e48\u0e27\u0e07\u0e1e\u0e35\u0e04\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Active Balance \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e1a\u0e31\u0e2a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 JBD\/PACE \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\n                    <\/p>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2 pt-1 text-[11px]\">\n                        <div class=\"flex items-center space-x-2 text-gray-400\">\n                            <i class=\"fa-solid fa-circle text-[6px] text-emerald-400\"><\/i>\n                            <span>\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e33\u0e01\u0e31\u0e14\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01 (Zero Export): \u0e17\u0e33\u0e07\u0e32\u0e19<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-2 text-gray-400\">\n                            <i class=\"fa-solid fa-circle text-[6px] text-emerald-400\"><\/i>\n                            <span>\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e25\u0e47\u0e2d\u0e01\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e2a Active Balance \u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c: \u0e17\u0e33\u0e07\u0e32\u0e19<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flex items-center justify-between text-[11px] text-gray-400 bg-white\/5 px-4 py-2.5 rounded-xl border border-white\/5\">\n                    <span>\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e1a\u0e1a\u0e08\u0e33\u0e25\u0e2d\u0e07:<\/span>\n                    <span class=\"font-mono font-bold text-emerald-400\">98.4% (\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e1c\u0e25\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e49\u0e27)<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"glass-panel p-6 rounded-3xl flex flex-col justify-between space-y-4\">\n                <div>\n                    <h4 class=\"heading-font font-bold text-white text-base mb-0.5\">\u0e04\u0e30\u0e41\u0e19\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a<\/h4>\n                    <p class=\"text-[11px] text-gray-400\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e23\u0e27\u0e21\u0e08\u0e32\u0e01\u0e21\u0e34\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/p>\n                <\/div>\n\n                <div class=\"py-2 flex flex-col items-center justify-center relative\">\n                    <div class=\"w-28 h-28 rounded-full border-4 border-dashed border-purple-500\/30 flex flex-col items-center justify-center relative\">\n                        <div class=\"absolute inset-1.5 rounded-full border border-white\/5 bg-black\/40 flex flex-col items-center justify-center\">\n                            <span class=\"heading-font text-3xl font-extrabold text-white\" id=\"systemScoreDisplay\">94<\/span>\n                            <span class=\"text-[9px] text-gray-400 font-semibold uppercase tracking-wider\">\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e23\u0e30\u0e14\u0e31\u0e1a A-Tier<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"space-y-2.5\">\n                    <div>\n                        <div class=\"flex justify-between text-[11px] mb-0.5\">\n                            <span class=\"text-gray-400\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e27\u0e48\u0e32\u0e07<\/span>\n                            <span class=\"font-mono text-white font-medium\" id=\"roofUsageText\">64%<\/span>\n                        <\/div>\n                        <div class=\"w-full bg-white\/5 h-1 rounded-full overflow-hidden\">\n                            <div class=\"bg-purple-500 h-full rounded-full\" id=\"roofUsageBar\" style=\"width: 64%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"flex justify-between text-[11px] mb-0.5\">\n                            <span class=\"text-gray-400\">\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\n                            <span class=\"font-mono text-white font-medium\" id=\"budgetUsageText\">88%<\/span>\n                        <\/div>\n                        <div class=\"w-full bg-white\/5 h-1 rounded-full overflow-hidden\">\n                            <div class=\"bg-emerald-500 h-full rounded-full\" id=\"budgetUsageBar\" style=\"width: 88%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"flex justify-between text-[11px] mb-0.5\">\n                            <span class=\"text-gray-400\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e36\u0e48\u0e07\u0e1e\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07<\/span>\n                            <span class=\"font-mono text-white font-medium\" id=\"independenceText\">92%<\/span>\n                        <\/div>\n                        <div class=\"w-full bg-white\/5 h-1 rounded-full overflow-hidden\">\n                            <div class=\"bg-blue-500 h-full rounded-full\" id=\"independenceBar\" style=\"width: 92%\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <section class=\"glass-panel p-6 rounded-3xl space-y-4\">\n            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n                <div>\n                    <h4 class=\"heading-font font-bold text-white text-base\">\u0e01\u0e23\u0e32\u0e1f\u0e41\u0e2a\u0e14\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e41\u0e25\u0e30\u0e14\u0e38\u0e25\u0e22\u0e20\u0e32\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e19 (24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07)<\/h4>\n                    <p class=\"text-xs text-gray-400\">\u0e41\u0e1a\u0e1a\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e2a\u0e21\u0e14\u0e38\u0e25\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n                <\/div>\n                <div class=\"flex space-x-2 text-[10px] font-medium\">\n                    <span class=\"px-2 py-1 rounded-md bg-amber-500\/10 border border-amber-500\/20 text-amber-400 flex items-center gap-1\">\n                        <span class=\"w-1.5 h-1.5 rounded-full bg-amber-400\"><\/span> \u0e01\u0e23\u0e32\u0e1f\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\n                    <\/span>\n                    <span class=\"px-2 py-1 rounded-md bg-purple-500\/10 border border-purple-500\/20 text-purple-400 flex items-center gap-1\">\n                        <span class=\"w-1.5 h-1.5 rounded-full bg-purple-400\"><\/span> \u0e01\u0e23\u0e32\u0e1f\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"w-full bg-black\/40 border border-white\/5 rounded-2xl p-4 overflow-hidden\">\n                <div class=\"relative w-full h-56 sm:h-64\">\n                    <svg class=\"w-full h-full\" viewBox=\"0 0 1000 300\" preserveAspectRatio=\"none\">\n                        <defs>\n                            <linearGradient id=\"genGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                                <stop offset=\"0%\" stop-color=\"#f59e0b\" stop-opacity=\"0.25\"\/>\n                                <stop offset=\"100%\" stop-color=\"#f59e0b\" stop-opacity=\"0.0\"\/>\n                            <\/linearGradient>\n                            <linearGradient id=\"loadGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                                <stop offset=\"0%\" stop-color=\"#a855f7\" stop-opacity=\"0.15\"\/>\n                                <stop offset=\"100%\" stop-color=\"#a855f7\" stop-opacity=\"0.0\"\/>\n                            <\/linearGradient>\n                        <\/defs>\n                        <line x1=\"0\" y1=\"50\" x2=\"1000\" y2=\"50\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\" \/>\n                        <line x1=\"0\" y1=\"125\" x2=\"1000\" y2=\"125\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\" \/>\n                        <line x1=\"0\" y1=\"200\" x2=\"1000\" y2=\"200\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\" \/>\n                        <line x1=\"0\" y1=\"275\" x2=\"1000\" y2=\"275\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\" \/>\n                        <line x1=\"250\" y1=\"0\" x2=\"250\" y2=\"275\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"1\" \/>\n                        <line x1=\"500\" y1=\"0\" x2=\"500\" y2=\"275\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"1\" \/>\n                        <line x1=\"750\" y1=\"0\" x2=\"750\" y2=\"275\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"1\" \/>\n                        <path d=\"M 0 275 Q 200 275 350 200 T 500 40 T 650 200 T 1000 275 L 1000 275 L 0 275 Z\" fill=\"url(#genGradient)\" \/>\n                        <path d=\"M 0 275 Q 200 275 350 200 T 500 40 T 650 200 T 1000 275\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"3\" stroke-linecap=\"round\" \/>\n                        <path d=\"M 0 240 C 100 220, 150 120, 250 140 C 350 160, 450 250, 550 240 C 650 230, 750 100, 850 110 C 920 120, 960 210, 1000 250 L 1000 275 L 0 275 Z\" fill=\"url(#loadGradient)\" \/>\n                        <path d=\"M 0 240 C 100 220, 150 120, 250 140 C 350 160, 450 250, 550 240 C 650 230, 750 100, 850 110 C 920 120, 960 210, 1000 250\" fill=\"none\" stroke=\"#a855f7\" stroke-width=\"2.5\" stroke-dasharray=\"1\" \/>\n                    <\/svg>\n                    <div class=\"absolute bottom-1 left-2 text-[10px] text-gray-500 font-mono\">00:00<\/div>\n                    <div class=\"absolute bottom-1 left-1\/4 text-[10px] text-gray-500 font-mono\">06:00<\/div>\n                    <div class=\"absolute bottom-1 left-1\/2 text-[10px] text-gray-500 font-mono\">12:00 (\u0e1e\u0e35\u0e04\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c)<\/div>\n                    <div class=\"absolute bottom-1 left-3\/4 text-[10px] text-gray-500 font-mono\">18:00<\/div>\n                    <div class=\"absolute bottom-1 right-2 text-[10px] text-gray-500 font-mono\">24:00<\/div>\n                <\/div>\n            <\/div>\n            <p class=\"text-center text-[10px] text-gray-500 italic\">\n                *\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e08\u0e32\u0e01\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e35\u0e21\u0e48\u0e27\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e43\u0e19\u0e23\u0e2d\u0e1a\u0e27\u0e31\u0e19\n            <\/p>\n        <\/section>\n\n        <section id=\"equipment\" class=\"scroll-mt-24 space-y-4\">\n            <div>\n                <h4 class=\"heading-font text-lg font-bold text-white\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e02\u0e2d\u0e07\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c (BOM)<\/h4>\n                <p class=\"text-xs text-gray-400 mt-0.5\">\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e27\u0e23\u0e4c\u0e40\u0e01\u0e23\u0e14\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e44\u0e14\u0e49\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\n                <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-between space-y-3 group hover:border-purple-500\/30 transition\">\n                    <div class=\"space-y-1.5\">\n                        <div class=\"text-xs font-bold text-purple-400 uppercase tracking-wider\">\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c (PV Modules)<\/div>\n                        <h5 class=\"heading-font text-sm font-bold text-white group-hover:text-purple-300 transition\">\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c BATDD Tier-1 N-Type TOPCon<\/h5>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">\n                            \u0e41\u0e1c\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e1e\u0e34\u0e40\u0e28\u0e29 \u0e21\u0e35\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e25\u0e14\u0e17\u0e2d\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e15\u0e48\u0e33\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e30\u0e2a\u0e21 \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e1a Bifacial \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e14\u0e49\u0e32\u0e19\n                        <\/p>\n                    <\/div>\n                    <div class=\"pt-2 border-t border-white\/5 flex items-center justify-between text-xs\">\n                        <span class=\"text-gray-400\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23: <strong class=\"text-white font-mono\" id=\"eqPanelQty\">16 \u0e41\u0e1c\u0e07<\/strong><\/span>\n                        <span class=\"font-mono text-emerald-400 font-semibold\" id=\"eqPanelSpec\">\u0e41\u0e1c\u0e07\u0e25\u0e30 550W<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-between space-y-3 group hover:border-emerald-500\/30 transition\">\n                    <div class=\"space-y-1.5\">\n                        <div class=\"text-xs font-bold text-emerald-400 uppercase tracking-wider\">\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/div>\n                        <h5 class=\"heading-font text-sm font-bold text-white group-hover:text-emerald-300 transition\">\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e44\u0e2e\u0e1a\u0e23\u0e34\u0e14\u0e42\u0e27\u0e25\u0e15\u0e4c\u0e15\u0e48\u0e33\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 BATDD Pro<\/h5>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">\n                            \u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e08\u0e38\u0e14\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 (Dual MPPT) \u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e25\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e44\u0e1f\u0e44\u0e14\u0e49\u0e40\u0e23\u0e47\u0e27\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 10 \u0e21\u0e34\u0e25\u0e25\u0e34\u0e27\u0e34\u0e19\u0e32\u0e17\u0e35 \u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e08\u0e30\u0e44\u0e21\u0e48\u0e2b\u0e22\u0e38\u0e14\u0e0a\u0e30\u0e07\u0e31\u0e01\n                        <\/p>\n                    <\/div>\n                    <div class=\"pt-2 border-t border-white\/5 flex items-center justify-between text-xs\">\n                        <span class=\"text-gray-400\">\u0e23\u0e38\u0e48\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c: <strong class=\"text-white font-mono\" id=\"eqInverterType\">8.0 kW \u0e0b\u0e34\u0e07\u0e40\u0e01\u0e34\u0e25\u0e40\u0e1f\u0e2a<\/strong><\/span>\n                        <span class=\"font-mono text-purple-400 font-semibold\">Dual MPPT Tracking<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"glass-panel p-5 rounded-2xl flex flex-col justify-between space-y-3 group hover:border-blue-500\/30 transition\">\n                    <div class=\"space-y-1.5\">\n                        <div class=\"text-xs font-bold text-blue-400 uppercase tracking-wider\">\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e31\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e25\u0e34\u0e40\u0e18\u0e35\u0e22\u0e21<\/div>\n                        <h5 class=\"heading-font text-sm font-bold text-white group-hover:text-blue-300 transition\">\u0e04\u0e25\u0e31\u0e07\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e25\u0e34\u0e40\u0e18\u0e35\u0e22\u0e21 BATDD Pro LiFePO4<\/h5>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">\n                            \u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48\u0e40\u0e01\u0e23\u0e14\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 3.2V \u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07 \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e43\u0e19\u0e15\u0e39\u0e49\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 51.2V \u0e21\u0e35\u0e1a\u0e31\u0e2a\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 Active Equalization \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e43\u0e19\u0e15\u0e31\u0e27\n                        <\/p>\n                    <\/div>\n                    <div class=\"pt-2 border-t border-white\/5 flex items-center justify-between text-xs\">\n                        <span class=\"text-gray-400\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38\u0e01\u0e31\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e23\u0e27\u0e21: <strong class=\"text-white font-mono\" id=\"eqStorageCap\">15.36 kWh<\/strong><\/span>\n                        <span class=\"font-mono text-blue-400 font-semibold\" id=\"eqStorageDetail\">6000+ \u0e23\u0e2d\u0e1a\u0e0a\u0e32\u0e23\u0e4c\u0e08 (Cycles)<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"comparison\" class=\"scroll-mt-24 space-y-4\">\n            <div>\n                <h4 class=\"heading-font text-lg font-bold text-white\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e23\u0e30\u0e1a\u0e1a<\/h4>\n                <p class=\"text-xs text-gray-400 mt-0.5\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e23\u0e30\u0e1a\u0e1a<\/p>\n            <\/div>\n\n            <div class=\"glass-panel rounded-3xl overflow-hidden border border-white\/5 shadow-2xl\">\n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full text-left border-collapse\">\n                        <thead>\n                            <tr class=\"bg-white\/5 border-b border-white\/10 text-xs font-bold uppercase tracking-wider text-gray-300 heading-font\">\n                                <th class=\"p-4 sm:p-5\">\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04<\/th>\n                                <th class=\"p-4 sm:p-5\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 On-Grid Tier<\/th>\n                                <th class=\"p-4 sm:p-5 text-purple-400 bg-purple-500\/5 relative\">\n                                    \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21 Pro Hybrid <span class=\"absolute top-1 right-2 bg-purple-500 text-[9px] font-bold text-white px-1.5 py-0.5 rounded-md uppercase tracking-normal\">\u0e41\u0e19\u0e30\u0e19\u0e33<\/span>\n                                <\/th>\n                                <th class=\"p-4 sm:p-5\">\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 Enterprise Max Hybrid<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"text-xs sm:text-sm divide-y divide-white\/5 text-gray-300 font-medium\">\n                            <tr>\n                                <td class=\"p-4 sm:p-5 font-semibold text-white bg-black\/20\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-400\">5.0 kW String Inverter<\/td>\n                                <td class=\"p-4 sm:p-5 text-white font-medium bg-purple-500\/5\">8.0 kW Low-Voltage Hybrid<\/td>\n                                <td class=\"p-4 sm:p-5 text-white\">12.0 kW High-Voltage Hybrid<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 sm:p-5 font-semibold text-white bg-black\/20\">\u0e02\u0e19\u0e32\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e23\u0e27\u0e21\u0e41\u0e1c\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-400\">\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 5.50 kWp<\/td>\n                                <td class=\"p-4 sm:p-5 text-white font-medium bg-purple-500\/5\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 8.80 kWp<\/td>\n                                <td class=\"p-4 sm:p-5 text-white\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 15.40 kWp<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 sm:p-5 font-semibold text-white bg-black\/20\">\u0e0a\u0e19\u0e34\u0e14\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38\u0e41\u0e1a\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48<\/td>\n                                <td class=\"p-4 sm:p-5 text-red-400\/80\">\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a (\u0e23\u0e30\u0e1a\u0e1a\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e15\u0e23\u0e07\u0e2a\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19)<\/td>\n                                <td class=\"p-4 sm:p-5 text-emerald-400 font-mono bg-purple-500\/5\">15.36 kWh LiFePO4 (51.2V)<\/td>\n                                <td class=\"p-4 sm:p-5 text-emerald-400 font-mono\">30.72 kWh LiFePO4 (\u0e42\u0e27\u0e25\u0e15\u0e4c\u0e2a\u0e39\u0e07)<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 sm:p-5 font-semibold text-white bg-black\/20\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e15\u0e2d\u0e19\u0e44\u0e1f\u0e14\u0e31\u0e1a<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-400\">\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a (\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34)<\/td>\n                                <td class=\"p-4 sm:p-5 text-white bg-purple-500\/5 flex items-center gap-1.5\">\n                                    <i class=\"fa-solid fa-circle-check text-emerald-400 text-xs\"><\/i> \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a (&lt;10ms)\n                                <\/td>\n                                <td class=\"p-4 sm:p-5 text-white\">\n                                    <i class=\"fa-solid fa-circle-check text-emerald-400 text-xs\"><\/i> \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a (&lt;5ms)\n                                <\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 sm:p-5 font-semibold text-white bg-black\/20\">\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e2a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 BMS<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-400\">\u0e44\u0e21\u0e48\u0e21\u0e35<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-300 font-mono bg-purple-500\/5\">\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e04\u0e39\u0e48 CAN \/ RS485<\/td>\n                                <td class=\"p-4 sm:p-5 text-gray-300 font-mono\">\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 Fiber Eth Bus Trunk<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <footer class=\"border-t border-white\/5 bg-black\/80 text-gray-500 text-xs mt-12 py-8\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-4\">\n            <div class=\"flex items-center space-x-3\">\n                <div class=\"w-6 h-6 rounded-md bg-white\/5 flex items-center justify-center text-gray-400 text-xs border border-white\/10\">\n                    <i class=\"fa-solid fa-bolt text-[10px]\"><\/i>\n                <\/div>\n                <span class=\"heading-font font-bold text-gray-400 tracking-wider\">BATDD ENERGY SYSTEMS INC.<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-wrap justify-center gap-4 text-gray-400 font-medium text-[11px]\">\n                <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-code text-purple-400\"><\/i> \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e49\u0e32\u0e19 v4.12.0-PRO<\/span>\n                <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-calculator text-emerald-400\"><\/i> \u0e2d\u0e31\u0e25\u0e01\u0e2d\u0e23\u0e34\u0e17\u0e36\u0e21\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e14 v2.4<\/span>\n                <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-shield-halved text-blue-400\"><\/i> \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 IEEE 1547<\/span>\n            <\/div>\n\n            <div class=\"text-center md:text-right text-[10px] text-gray-600 space-y-0.5\">\n                <div>&copy; 2026 BATDD Solar Planner PRO. \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14.<\/div>\n                <div>\u0e04\u0e33\u0e19\u0e27\u0e13\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e43\u0e19\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>BATDD Solar Planner  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-680","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/posts\/680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/comments?post=680"}],"version-history":[{"count":4,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/posts\/680\/revisions"}],"predecessor-version":[{"id":695,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/posts\/680\/revisions\/695"}],"wp:attachment":[{"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/media?parent=680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/categories?post=680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/batdd.com\/shop\/wp-json\/wp\/v2\/tags?post=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}