{"id":15591,"date":"2026-07-08T09:13:02","date_gmt":"2026-07-08T09:13:02","guid":{"rendered":"https:\/\/alfatherm.com\/energy-management-rjesenja\/"},"modified":"2026-09-10T12:40:02","modified_gmt":"2026-09-10T12:40:02","slug":"energy-management-solutions","status":"publish","type":"page","link":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/","title":{"rendered":"Energy Management Solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15591\" class=\"elementor elementor-15591 elementor-14764\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d25f193 e-con-full e-flex e-con e-parent\" data-id=\"d25f193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9066037 elementor-widget elementor-widget-html\" data-id=\"9066037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     ALFA THERM \u2014 ENERGY MANAGEMENT\n     Kompletan sadrzaj HTML widgeta: HEADER + SADRZAJ + FOOTER\n     ============================================================ -->\n\n<!-- Body klase koje tema (Stal\/Qode) ocekuje. Elementor Canvas ih ne\n     ispisuje, pa ih dodajemo rucno \u2014 bez njih temin CSS\/JS ne prepoznaje\n     header. Skripta se izvrsava odmah pri parsiranju. -->\n<script>\n(function () {\n    var c = document.body && document.body.classList;\n    if (!c) return;\n    [\n        'qodef-header--standard',\n        'qodef-header-appearance--sticky',\n        'qodef-mobile-header--standard',\n        'qodef-header-standard--right',\n        'qodef-drop-down-second--full-width',\n        'qodef-drop-down-second--animate-height',\n        'qodef-content-grid-1300',\n        'qodef-search--on-side',\n        'qodef-back-to-top--enabled'\n    ].forEach(function (n) { c.add(n); });\n})();\n<\/script>\n\n<style>\n\/* ------------------------------------------------------------------\n   Tamni skin headera.\n   Tema odabir svijetlog\/tamnog skina veze uz postavku stranice koju\n   Elementor Canvas ne ispisuje, pa header padne na svijetli skin:\n   bijeli logotip i bijeli tekst na bijeloj podlozi (vidi se samo\n   naranasti znak). Ovdje prisilno biramo tamnu varijantu.\n   ------------------------------------------------------------------ *\/\n#qodef-page-header,\n#qodef-page-header .qodef-header-sticky {\n    background-color: #ffffff !important;\n}\n\/* Logotip: prikazi samo tamnu (glavnu) varijantu *\/\n#qodef-page-header .qodef-header-logo-image.qodef--dark,\n#qodef-page-header .qodef-header-logo-image.qodef--light,\n#qodef-page-mobile-header .qodef-header-logo-image.qodef--dark,\n#qodef-page-mobile-header .qodef-header-logo-image.qodef--light {\n    display: none !important;\n}\n#qodef-page-header .qodef-header-logo-image.qodef--main,\n#qodef-page-mobile-header .qodef-header-logo-image.qodef--main {\n    display: block !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\/* Tekst izbornika *\/\n#qodef-page-header .qodef-header-navigation > ul > li > a,\n#qodef-page-header .qodef-header-navigation > ul > li > a .qodef-menu-item-text,\n#qodef-page-mobile-header #qodef-mobile-header-navigation-menu > li > a {\n    color: #19355c !important;\n}\n#qodef-page-header .qodef-header-navigation > ul > li > a:hover,\n#qodef-page-header .qodef-header-navigation > ul > li > a:hover .qodef-menu-item-text,\n#qodef-page-header .qodef-header-navigation > ul > li.current-menu-ancestor > a .qodef-menu-item-text,\n#qodef-page-mobile-header #qodef-mobile-header-navigation-menu > li > a:hover {\n    color: #ef5230 !important;\n}\n\/* Prekidac jezika u naranastoj boji, kao na ostatku sajta *\/\n#qodef-page-header .wpml-ls-menu-item > a .qodef-menu-item-text {\n    color: #ef5230 !important;\n}\n\/* Strelica podizbornika i ikona pretrage *\/\n#qodef-page-header .qodef-menu-arrow,\n#qodef-page-header .qodef-search-opener {\n    color: #19355c !important;\n}\n\/* Padajuci izbornik: bijela podloga, tamni tekst *\/\n#qodef-page-header .qodef-drop-down-second-inner {\n    background-color: #ffffff !important;\n}\n#qodef-page-header .sub-menu li > a,\n#qodef-page-header .sub-menu li > a .qodef-menu-item-text {\n    color: #19355c !important;\n}\n#qodef-page-header .sub-menu li > a:hover,\n#qodef-page-header .sub-menu li > a:hover .qodef-menu-item-text,\n#qodef-page-header .sub-menu li.current-menu-item > a .qodef-menu-item-text {\n    color: #ef5230 !important;\n}\n\/* Naranasti kvadrat s otvaracem bocnog panela, desno u headeru *\/\n#qodef-page-header .widget_stal_core_side_area_opener .qodef-side-area-opener {\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 86px;\n    height: 86px;\n    background-color: #ef5230 !important;\n    transition: background-color 0.3s ease;\n}\n#qodef-page-header .widget_stal_core_side_area_opener .qodef-side-area-opener:hover {\n    background-color: #d94426 !important;\n}\n#qodef-page-header .widget_stal_core_side_area_opener .qodef-line {\n    background-color: #ffffff !important;\n}\n\/* Bocni panel dok tema jos nije primijenila svoje stilove *\/\n#qodef-side-area { z-index: 9999; }\n\n\/* Hamburger linije u mobilnom headeru *\/\n#qodef-page-mobile-header .qodef-line {\n    background-color: #19355c !important;\n}\n<\/style>\n\n<header id=\"qodef-page-header\">\n\t\t<div id=\"qodef-page-header-inner\">\n\t\t<a itemprop=\"url\" class=\"qodef-header-logo-link qodef-height--not-set \" href=\"https:\/\/alfatherm.com\/en\/\" style=\";color:#ffffff;\" rel=\"home\">\n\t<img decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" class=\"qodef-header-logo-image qodef--main\" alt=\"logo main\"><img decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" class=\"qodef-header-logo-image qodef--dark\" alt=\"logo dark\"><img decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-w.png\" class=\"qodef-header-logo-image qodef--light\" alt=\"logo main\"><\/a>\t<nav class=\"qodef-header-navigation\" role=\"navigation\" aria-label=\"Top Menu\">\n\t\t<ul id=\"qodef-main-navigation-menu\" class=\"menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-5713\"><a href=\"https:\/\/alfatherm.com\/en\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Home<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-6186 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/about-us-alfatherm-hvac\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">About us<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7137\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#alfatherm\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Alfa Therm<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7138\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#management\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Quality Management<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7139\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#responsibility\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Social Responsibility<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7140\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#clients\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Our Clients<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-6228 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-systems-bms-energy-management\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Services<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7184\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-procject-designs\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Design<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7190\"><a href=\"https:\/\/alfatherm.com\/en\/installation\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Installation<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7183\"><a href=\"https:\/\/alfatherm.com\/en\/building-management-system\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Building Management System<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7202\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-service-and-maintenance\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Service and Maintenance<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15246 current_page_item menu-item-15406\"><a href=\"https:\/\/alfatherm.com\/en\/energy-management\/\" aria-current=\"page\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Energy Management<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6279\"><a href=\"https:\/\/alfatherm.com\/en\/alfatherm-projects-hvac-bms-energy-managent\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Projects<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12420\"><a href=\"https:\/\/alfatherm.com\/en\/sustainability\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Sustainability<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7671 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Career<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7335\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">ATH Team<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7387\"><a href=\"https:\/\/alfatherm.com\/en\/connected-by-values\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Connected by values<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-9346\"><a target=\"_blank\" href=\"https:\/\/www.careers-page.com\/alfa-therm\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Open positions!<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6219\"><a href=\"https:\/\/alfatherm.com\/en\/engineeringnews\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">News<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6171\"><a href=\"https:\/\/alfatherm.com\/en\/contact\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Contact<\/span><\/span><\/a><\/li>\n<li class=\"menu-item wpml-ls-slot-50 wpml-ls-item wpml-ls-item-hr wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-50-hr\"><a title=\"Switch to Hrvatski\" href=\"https:\/\/alfatherm.com\/energy-management\/\" aria-label=\"Switch to Hrvatski\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\"><span class=\"wpml-ls-native\" lang=\"hr\">Hrvatski<\/span><\/span><\/span><\/a><\/li>\n<\/ul>\t<\/nav>\n<div class=\"qodef-widget-holder\">\n\t<div id=\"stal_core_search_opener-2\" class=\"widget widget_stal_core_search_opener qodef-header-widget-area-one\" data-area=\"header-widget-one\">\t\t\t<div class=\"qodef-search-opener-holder \">\n\t\t\t<form action=\"https:\/\/alfatherm.com\/en\/\" class=\"qodef-on-side-search-form\" method=\"get\">\n    <div class=\"qodef-form-holder\">\n        <div class=\"qodef-form-holder-inner\">\n            <div class=\"qodef-field-holder\">\n                <input type=\"text\" placeholder=\"Type here\" name=\"s\" class=\"qodef-search-field\" autocomplete=\"off\" required=\"\">\n            <\/div>\n            <button class=\"qodef-onside-btn\" type=\"submit\">\n                <span class=\"qodef-onside-btn-icon\"><\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/form>\t\t\t<a style=\"color: #101010;\" class=\"qodef-search-opener \" href=\"javascript:void(0)\">\n                <span class=\"qodef-search-opener-inner\">\n                    <span class=\"qodef-icon-ionicons ion-ios-search\"><\/span>\t                                <\/span>\n\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div><div id=\"stal_core_side_area_opener-2\" class=\"widget widget_stal_core_side_area_opener qodef-header-widget-area-one\" data-area=\"header-widget-one\">\t\t\t<a itemprop=\"url\" class=\"qodef-side-area-opener qodef-side-area-opener--predefined\" href=\"#\">\n\t\t\t\t<span class=\"qodef-lines\"><span class=\"qodef-line qodef-line-1\"><\/span><span class=\"qodef-line qodef-line-2\"><\/span><span class=\"qodef-line qodef-line-3\"><\/span><span class=\"qodef-line qodef-line-4\"><\/span><span class=\"qodef-line qodef-line-5\"><\/span><\/span>\t\t\t<\/a>\n\t\t\t<\/div><\/div>\n\t<\/div>\n\t<div class=\"qodef-header-sticky\">\n    <div class=\"qodef-header-sticky-inner \">\n        <a itemprop=\"url\" class=\"qodef-header-logo-link qodef-height--not-set \" href=\"https:\/\/alfatherm.com\/en\/\" style=\";color:#ffffff;\" rel=\"home\">\n\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" class=\"qodef-header-logo-image qodef--main\" alt=\"logo main\"><img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" class=\"qodef-header-logo-image qodef--dark\" alt=\"logo dark\"><img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-w.png\" class=\"qodef-header-logo-image qodef--light\" alt=\"logo main\"><\/a>\t<nav class=\"qodef-header-navigation\" role=\"navigation\" aria-label=\"Top Menu\">\n\t\t<ul id=\"qodef-sticky-navigation-menu\" class=\"menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-5713\"><a href=\"https:\/\/alfatherm.com\/en\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Home<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-6186 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/about-us-alfatherm-hvac\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">About us<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7137\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#alfatherm\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Alfa Therm<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7138\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#management\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Quality Management<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7139\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#responsibility\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Social Responsibility<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7140\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#clients\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Our Clients<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-6228 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-systems-bms-energy-management\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Services<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7184\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-procject-designs\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Design<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7190\"><a href=\"https:\/\/alfatherm.com\/en\/installation\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Installation<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7183\"><a href=\"https:\/\/alfatherm.com\/en\/building-management-system\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Building Management System<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7202\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-service-and-maintenance\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Service and Maintenance<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15246 current_page_item menu-item-15406\"><a href=\"https:\/\/alfatherm.com\/en\/energy-management\/\" aria-current=\"page\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Energy Management<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6279\"><a href=\"https:\/\/alfatherm.com\/en\/alfatherm-projects-hvac-bms-energy-managent\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Projects<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12420\"><a href=\"https:\/\/alfatherm.com\/en\/sustainability\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Sustainability<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7671 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Career<\/span><\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7335\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">ATH Team<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7387\"><a href=\"https:\/\/alfatherm.com\/en\/connected-by-values\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Connected by values<\/span><\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-9346\"><a target=\"_blank\" href=\"https:\/\/www.careers-page.com\/alfa-therm\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Open positions!<\/span><\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6219\"><a href=\"https:\/\/alfatherm.com\/en\/engineeringnews\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">News<\/span><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6171\"><a href=\"https:\/\/alfatherm.com\/en\/contact\/\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\">Contact<\/span><\/span><\/a><\/li>\n<li class=\"menu-item wpml-ls-slot-50 wpml-ls-item wpml-ls-item-hr wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-50-hr\"><a title=\"Switch to Hrvatski\" href=\"https:\/\/alfatherm.com\/energy-management\/\" aria-label=\"Switch to Hrvatski\"><span class=\"qodef-menu-item-inner\"><span class=\"qodef-menu-item-text\"><span class=\"wpml-ls-native\" lang=\"hr\">Hrvatski<\/span><\/span><\/span><\/a><\/li>\n<\/ul>\t<\/nav>\n        <div class=\"qodef-widget-holder\">\n            <div id=\"stal_core_side_area_opener-4\" class=\"widget widget_stal_core_side_area_opener qodef-sticky-right\">\t\t\t<a itemprop=\"url\" class=\"qodef-side-area-opener qodef-side-area-opener--predefined\" href=\"#\">\n\t\t\t\t<span class=\"qodef-lines\"><span class=\"qodef-line qodef-line-1\"><\/span><span class=\"qodef-line qodef-line-2\"><\/span><span class=\"qodef-line qodef-line-3\"><\/span><span class=\"qodef-line qodef-line-4\"><\/span><span class=\"qodef-line qodef-line-5\"><\/span><\/span>\t\t\t<\/a>\n\t\t\t<\/div>        <\/div>\n\n            <\/div>\n<\/div><\/header><header id=\"qodef-page-mobile-header\">\n\t\t<div id=\"qodef-page-mobile-header-inner\">\n\t\t<a itemprop=\"url\" class=\"qodef-mobile-header-logo-link \" href=\"https:\/\/alfatherm.com\/en\/\" style=\";\" rel=\"home\">\n\t<img decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" class=\"qodef-header-logo-image qodef--main\" alt=\"logo main\">\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-w.png\" class=\"qodef-header-logo-image qodef--dark\" alt=\"logo dark\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"96\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-w.png\" class=\"qodef-header-logo-image qodef--light\" alt=\"logo light\"><\/a><a id=\"qodef-mobile-header-opener\" href=\"#\">\n\t<span class=\"qodef-lines\">\n\t\t<span class=\"qodef-line qodef-line-1\"><\/span>\n\t\t<span class=\"qodef-line qodef-line-2\"><\/span>\n\t\t<span class=\"qodef-line qodef-line-3\"><\/span>\n\t\t<span class=\"qodef-line qodef-line-4\"><\/span>\n\t\t<span class=\"qodef-line qodef-line-5\"><\/span>\n\t<\/span>\n<\/a>\t<nav id=\"qodef-mobile-header-navigation\" class=\"qodef-m\" role=\"navigation\" aria-label=\"Mobile Menu\">\n\t\t<div class=\"qodef-m-inner\"><ul id=\"qodef-mobile-header-navigation-menu\" class=\"qodef-content-grid\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-5713\"><a href=\"https:\/\/alfatherm.com\/en\/\"><span class=\"qodef-menu-item-inner\">Home<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-6186 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/about-us-alfatherm-hvac\/\"><span class=\"qodef-menu-item-inner\">About us<\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7137\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#alfatherm\"><span class=\"qodef-menu-item-inner\">Alfa Therm<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7138\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#management\"><span class=\"qodef-menu-item-inner\">Quality Management<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7139\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#responsibility\"><span class=\"qodef-menu-item-inner\">Social Responsibility<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7140\"><a href=\"https:\/\/alfatherm.com\/en\/about-us\/#clients\"><span class=\"qodef-menu-item-inner\">Our Clients<\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-6228 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-systems-bms-energy-management\/\"><span class=\"qodef-menu-item-inner\">Services<\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7184\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-procject-designs\/\"><span class=\"qodef-menu-item-inner\">Design<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7190\"><a href=\"https:\/\/alfatherm.com\/en\/installation\/\"><span class=\"qodef-menu-item-inner\">Installation<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7183\"><a href=\"https:\/\/alfatherm.com\/en\/building-management-system\/\"><span class=\"qodef-menu-item-inner\">Building Management System<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7202\"><a href=\"https:\/\/alfatherm.com\/en\/hvac-service-and-maintenance\/\"><span class=\"qodef-menu-item-inner\">Service and Maintenance<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15246 current_page_item menu-item-15406\"><a href=\"https:\/\/alfatherm.com\/en\/energy-management\/\" aria-current=\"page\"><span class=\"qodef-menu-item-inner\">Energy Management<\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6279\"><a href=\"https:\/\/alfatherm.com\/en\/alfatherm-projects-hvac-bms-energy-managent\/\"><span class=\"qodef-menu-item-inner\">Projects<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12420\"><a href=\"https:\/\/alfatherm.com\/en\/sustainability\/\"><span class=\"qodef-menu-item-inner\">Sustainability<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7671 qodef-menu-item--narrow\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\">Career<\/span><\/a><span class=\"qodef-menu-arrow\"><\/span>\n<div class=\"qodef-drop-down-second\"><div class=\"qodef-drop-down-second-inner\"><ul class=\"sub-menu\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7335\"><a href=\"https:\/\/alfatherm.com\/en\/ath-team-careers\/\"><span class=\"qodef-menu-item-inner\">ATH Team<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7387\"><a href=\"https:\/\/alfatherm.com\/en\/connected-by-values\/\"><span class=\"qodef-menu-item-inner\">Connected by values<\/span><\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-9346\"><a target=\"_blank\" href=\"https:\/\/www.careers-page.com\/alfa-therm\"><span class=\"qodef-menu-item-inner\">Open positions!<\/span><\/a><\/li>\n<\/ul><\/div><\/div>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6219\"><a href=\"https:\/\/alfatherm.com\/en\/engineeringnews\/\"><span class=\"qodef-menu-item-inner\">News<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6171\"><a href=\"https:\/\/alfatherm.com\/en\/contact\/\"><span class=\"qodef-menu-item-inner\">Contact<\/span><\/a><\/li>\n<li class=\"menu-item wpml-ls-slot-50 wpml-ls-item wpml-ls-item-hr wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-50-hr\"><a title=\"Switch to Hrvatski\" href=\"https:\/\/alfatherm.com\/energy-management\/\" aria-label=\"Switch to Hrvatski\"><span class=\"qodef-menu-item-inner\"><span class=\"wpml-ls-native\" lang=\"hr\">Hrvatski<\/span><\/span><\/a><\/li>\n<\/ul><\/div>\t<\/nav>\n\t<\/div>\n\t<\/header>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\">\n<style>\n\n\/* Full-bleed: ukloni bocni razmak Elementor kontejnera da tamne sekcije idu od ruba do ruba *\/\n.elementor-element-d25f193 {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n}\n\/* KLJU\u010cNO: box-sizing za cijeli widget. Tema ga ina\u010de postavlja globalno,\n   ali WP Rocket \"Remove Unused CSS\" i sli\u010dni alati znaju izbaciti taj reset.\n   Bez njega kartice s height:100% + padding prerastu svoj grid red i\n   redovi se preklope (kartice \"jedna preko druge\"). *\/\n.custom-em-wrapper,\n.custom-em-wrapper *,\n.custom-em-wrapper *::before,\n.custom-em-wrapper *::after {\n    box-sizing: border-box !important;\n}\n.custom-em-wrapper {\n    font-family: 'Inter', sans-serif;\n    color: #334155;\n    line-height: 1.7;\n    background-color: #ffffff;\n}\n.custom-em-wrapper h2 {\n    font-size: 2.75rem;\n    color: #1e293b;\n    margin-bottom: 1.5rem;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}\n.custom-em-wrapper h3 {\n    font-size: 2.25rem;\n    color: #1e293b;\n    margin-bottom: 1.25rem;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n}\n.custom-em-wrapper h4 {\n    font-size: 1.25rem;\n    color: #1e293b;\n    margin-bottom: 0.75rem;\n    font-weight: 600;\n}\n.custom-em-wrapper p {\n    font-size: 1.05rem;\n    margin-bottom: 1.25rem;\n    color: #64748b;\n}\n.custom-em-text-orange {\n    color: #ef5230;\n}\n.custom-em-bg-dark {\n    background-color: #19355c;\n    color: #fff;\n}\n.custom-em-bg-dark h2, .custom-em-bg-dark h3, .custom-em-bg-dark h4 {\n    color: #fff;\n}\n.custom-em-bg-dark p {\n    color: #cbd5e1;\n}\n\/* Kartice u The challenge sekciji: efekt mutnog stakla kao u \"Nas pristup\" \u2014 grafika se nazire zamucena iza kartice *\/\n.custom-em-bg-dark .custom-em-card.challenge-card {\n    background: rgba(255, 255, 255, 0.04) !important;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n.custom-em-bg-dark .custom-em-card.challenge-card.is-visible:hover {\n    background: rgba(255, 255, 255, 0.06) !important;\n}\n.custom-em-bg-light {\n    background-color: #f8fafc;\n}\n.custom-em-section {\n    padding: 6rem 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.custom-em-section p {\n    line-height: 1.7;\n}\n.custom-em-section-full {\n    padding: 0;\n}\n.custom-em-grid-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n}\n.custom-em-wrapper .custom-em-grid-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n}\n.custom-em-wrapper .custom-em-grid-4 {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1.5rem;\n}\n.custom-em-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #ef5230;\n    color: #fff !important;\n    padding: 0.875rem 2rem;\n    border-radius: 6px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    border: 1px solid #ef5230;\n    text-align: center;\n    font-size: 1rem;\n}\n.custom-em-btn .btn-arrow {\n    display: inline-block;\n    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    margin-left: 0.5rem;\n}\n.custom-em-btn:hover {\n    background-color: #d94426;\n    border-color: #d94426;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(239, 82, 48, 0.3);\n}\n.custom-em-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}\n.custom-em-btn-outline {\n    background-color: transparent;\n    color: #ef5230 !important;\n    border: 1px solid #ef5230;\n}\n.custom-em-btn-outline:hover {\n    background-color: #ef5230;\n    color: #fff !important;\n}\n.custom-em-stats-bar {\n    display: flex;\n    justify-content: space-between;\n    padding: 3rem 0;\n    border-top: 1px solid #e2e8f0;\n    border-bottom: 1px solid #e2e8f0;\n    margin: 4rem 0;\n}\n.custom-em-stat-item {\n    text-align: center;\n    flex: 1;\n}\n.custom-em-stat-num {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #19355c;\n    line-height: 1;\n    margin-bottom: 0.5rem;\n}\n.custom-em-stat-label {\n    font-size: 0.875rem;\n    color: #64748b;\n    text-transform: uppercase;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n}\n.custom-em-card {\n    background: #fff;\n    padding: 2rem;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    height: 100%;\n}\n.custom-em-card:hover {\n    border-color: #ef5230;\n    box-shadow: 0 15px 30px -5px rgba(239, 82, 48, 0.15), 0 0 15px rgba(239, 82, 48, 0.1);\n    transform: translateY(-8px);\n}\n.custom-step-card {\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    cursor: pointer;\n}\n.custom-step-card .step-number {\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n.custom-step-card.light-step:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 30px -5px rgba(239, 82, 48, 0.15), 0 0 15px rgba(239, 82, 48, 0.1);\n    border-color: #ef5230 !important;\n}\n.custom-step-card.light-step:hover .step-number {\n    color: #cbd5e1 !important;\n    transform: translateY(-15px) scale(1.1);\n}\n.custom-step-card.dark-step:hover {\n    transform: translateY(-12px) !important;\n    box-shadow: 0 20px 40px -10px rgba(25, 53, 92, 0.6), 0 0 20px rgba(16, 208, 160, 0.2) !important;\n    border-color: #10d0a0 !important;\n}\n.custom-step-card.dark-step:hover .step-number {\n    color: #cbd5e1 !important;\n    transform: translateY(-15px) scale(1.1);\n    text-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n.custom-em-fade-in-up {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n.custom-em-fade-in-up.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n.custom-em-bg-dark .custom-em-card.is-visible:hover {\n    transform: translateY(-8px) scale(1.02);\n    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(16, 208, 160, 0.1);\n    border-color: rgba(255,255,255,0.2) !important;\n    background: rgba(255,255,255,0.05) !important;\n}\n.custom-em-package {\n    background: #fff;\n    padding: 2.5rem 2rem;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n.custom-em-package:hover {\n    border-color: #ef5230;\n    box-shadow: 0 15px 30px -5px rgba(239, 82, 48, 0.15), 0 0 15px rgba(239, 82, 48, 0.1);\n    transform: translateY(-8px);\n}\n.custom-em-package.featured {\n    border: 2px solid #ef5230;\n    box-shadow: 0 20px 40px -10px rgba(239, 82, 48, 0.1);\n}\n.custom-em-package.featured:hover {\n    box-shadow: 0 25px 50px -12px rgba(239, 82, 48, 0.25), 0 0 20px rgba(239, 82, 48, 0.15);\n    transform: translateY(-10px);\n}\n.custom-em-package-title {\n    font-size: 1.5rem;\n    color: #1e293b;\n    font-weight: 700;\n    margin-bottom: 0.5rem;\n}\n.custom-em-package-subtitle {\n    color: #ef5230;\n    font-weight: 600;\n    text-transform: uppercase;\n    font-size: 0.75rem;\n    margin-bottom: 1.5rem;\n    letter-spacing: 0.1em;\n}\n.custom-em-package-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 2rem 0;\n    flex-grow: 1;\n}\n.custom-em-package-list li {\n    margin-bottom: 0.75rem;\n    padding-left: 1.5rem;\n    position: relative;\n    color: #475569;\n    font-size: 0.95rem;\n}\n.custom-em-package-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0.6rem;\n    width: 6px;\n    height: 6px;\n    background-color: #ef5230;\n    border-radius: 50%;\n}\n.custom-em-badge {\n    display: inline-block;\n    background: #f1f5f9;\n    color: #475569;\n    padding: 0.25rem 1rem;\n    border-radius: 4px;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-size: 0.75rem;\n}\n.custom-em-image-container {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n}\n.custom-em-image-container img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n@media (max-width: 1024px) {\n    .custom-em-grid-2 {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n    }\n    .custom-em-grid-3 {\n        grid-template-columns: 1fr;\n    }\n    .custom-em-grid-4 {\n        grid-template-columns: 1fr 1fr;\n    }\n    .custom-em-section {\n        padding: 5rem 1.5rem;\n    }\n}\n@media (max-width: 768px) {\n    .custom-em-grid-4 {\n        grid-template-columns: 1fr;\n    }\n    .custom-em-grid-3 {\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        gap: 1.5rem;\n        padding-bottom: 1.5rem;\n        -webkit-overflow-scrolling: touch;\n    }\n    .custom-em-grid-3 > div {\n        min-width: 80vw;\n        scroll-snap-align: center;\n    }\n    .carousel-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(4px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: none;\n        display: none; \/* JS will set to flex if scrollable *\/\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        z-index: 10;\n        color: #94a3b8;\n        transition: all 0.3s ease;\n    }\n    .carousel-arrow:hover {\n        background: rgba(255, 255, 255, 0.8);\n        color: #0f172a;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    }\n    .carousel-arrow:active {\n        transform: translateY(-50%) scale(0.9);\n    }\n    .carousel-arrow.left-arrow {\n        left: 0px;\n    }\n    .carousel-arrow.right-arrow {\n        right: 0px;\n    }\n    .custom-em-stats-bar {\n        flex-direction: column;\n        gap: 2rem;\n    }\n}\n.hero-btn-outline {\n    background-color: transparent;\n    color: #fff !important;\n    border: 1px solid #fff;\n}\n.hero-btn-outline:hover {\n    background-color: #fff;\n    color: #0f172a !important;\n}\n.calendly-inline-widget {\n    height: 800px !important;\n}\n@media (max-width: 768px) {\n    .custom-em-hero-section h1 {\n        font-size: 2.5rem !important;\n    }\n    .calendly-inline-widget {\n        height: 1050px !important;\n    }\n}\n.custom-em-flow-container {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    margin-top: 3rem;\n}\n.custom-em-flow-line {\n    position: absolute;\n    top: 40px;\n    left: 12.5%;\n    right: 12.5%;\n    height: 2px;\n    background: #e2e8f0;\n    z-index: 0;\n}\n.custom-em-flow-item {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n}\n.custom-em-flow-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 1.5rem;\n    background: #fff;\n    border: 2px solid #e2e8f0;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ef5230;\n    font-size: 1.5rem;\n    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    position: relative;\n}\n.custom-em-flow-item:hover .custom-em-flow-icon-wrapper {\n    background: #ef5230;\n    color: #fff;\n    border-color: #ef5230;\n    transform: scale(1.1) translateY(-5px);\n    box-shadow: 0 15px 30px -5px rgba(239, 82, 48, 0.3);\n}\n.custom-em-flow-step-num {\n    position: absolute;\n    top: -5px;\n    right: -5px;\n    width: 24px;\n    height: 24px;\n    background: #19355c;\n    color: #fff;\n    border-radius: 50%;\n    font-size: 0.75rem;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 2px solid #fff;\n}\n@media (max-width: 991px) {\n    .custom-em-flow-container {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n    }\n    .custom-em-flow-line {\n        top: 0;\n        bottom: 0;\n        left: 50%;\n        width: 2px;\n        height: 100%;\n        transform: translateX(-50%);\n    }\n}\n<\/style>\n\n<div class=\"custom-em-wrapper\">\n    <!-- Hero Section -->\n    <section class=\"custom-em-hero-section\" style=\"position: relative; background: #0f172a; color: white; padding: 6rem 0 5rem 0; overflow: hidden; min-height: 45vh; display: flex; align-items: center;\">\n        <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;\">\n            <img decoding=\"async\" fetchpriority=\"high\" class=\"custom-em-hero-img\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop\" srcset=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=800&auto=format&fit=crop 800w, https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1280&auto=format&fit=crop 1280w, https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1600&auto=format&fit=crop 1600w, https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop 2070w\" sizes=\"100vw\" alt=\"Modern Office Building\" style=\"width: 100%; height: 120%; object-fit: cover; opacity: 0.6; position: absolute; top: -10%; left: 0; transform-origin: center; will-change: transform; filter: contrast(1.1) saturate(1.2);\" referrerPolicy=\"no-referrer\">\n            <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.7) 50%, rgba(15, 23, 42, 0.3) 100%);\"><\/div>\n        <\/div>\n        \n        <div class=\"custom-em-section\" style=\"position: relative; z-index: 2; width: 100%; padding-top: 2rem; padding-bottom: 2rem;\">\n            <div style=\"max-width: 800px;\">\n                <div class=\"custom-em-badge\" style=\"display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 0.7rem; font-weight: 600; margin-bottom: 0.75rem; background: rgba(239, 82, 48, 0.15); color: #fff; border: 1px solid rgba(239, 82, 48, 0.5);\">Energy management<\/div>\n                \n                <h1 style=\"color: #fff; font-size: 3rem; line-height: 1.1; font-weight: 700; margin-bottom: 0.5rem; letter-spacing: -0.02em;\">Less consumption. Lower costs.<br><span style=\"color: #ef5230;\">Full control.<\/span><\/h1>\n                \n                <h3 style=\"color: #fff; font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; margin-top: 0.5rem;\">with our professional energy management solution.<\/h3>\n                \n                <p style=\"color: #cbd5e1; font-size: 0.9375rem; line-height: 1.5; max-width: 600px; margin-bottom: 1.5rem;\">Turn your facility into a smart, cost-optimised energy system with our advanced energy management solutions.<\/p>\n                \n                <div style=\"display: flex; gap: 0.75rem; flex-wrap: wrap;\">\n                    <a href=\"#Paketi\" class=\"custom-em-btn\" style=\"border-radius: 50px; padding: 0.6rem 1.25rem; font-size: 0.875rem;\">Explore packages <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n                    <a href=\"#Sastanak\" class=\"custom-em-btn custom-em-btn-outline hero-btn-outline\" style=\"border-radius: 50px; padding: 0.6rem 1.25rem; font-size: 0.875rem;\">Book a meeting <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"custom-em-section\" style=\"padding-top: 0; padding-bottom: 0; margin-top: -4rem; position: relative; z-index: 3;\">\n        <!-- Stats Bar -->\n        <div class=\"custom-em-stats-bar\" style=\"background: #fff; box-shadow: 0 20px 50px -12px rgba(0,0,0,0.1); border-radius: 16px; border: none; padding: 3rem 2rem;\">\n            <div class=\"custom-em-stat-item custom-em-fade-in-up\" style=\"transition-delay: 0.1s;\">\n                <div class=\"custom-em-stat-num\"><span class=\"animate-number\" data-target=\"40\">0<\/span><\/div>\n                <div class=\"custom-em-stat-label\">Years of experience<\/div>\n            <\/div>\n            <div class=\"custom-em-stat-item custom-em-fade-in-up\" style=\"transition-delay: 0.2s;\">\n                <div class=\"custom-em-stat-num\"><span class=\"animate-number\" data-target=\"3000\">0<\/span>+<\/div>\n                <div class=\"custom-em-stat-label\">Projects<\/div>\n            <\/div>\n            <div class=\"custom-em-stat-item custom-em-fade-in-up\" style=\"transition-delay: 0.3s;\">\n                <div class=\"custom-em-stat-num\"><span class=\"animate-number\" data-target=\"250\">0<\/span>+<\/div>\n                <div class=\"custom-em-stat-label\">Specialists<\/div>\n            <\/div>\n            <div class=\"custom-em-stat-item custom-em-fade-in-up\" style=\"transition-delay: 0.4s;\">\n                <div class=\"custom-em-stat-num\"><span class=\"animate-number\" data-target=\"70\">0<\/span>+<\/div>\n                <div class=\"custom-em-stat-label\">Engineers<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Challenge Section -->\n    <section class=\"custom-em-bg-dark\" style=\"position: relative; overflow: hidden; background: linear-gradient(180deg, #0f172a 0%, #19355c 100%);\">\n        <!-- Subtle backdrop graphic (identicne boje kao \"Nas pristup\", druga grafika) -->\n        <div style=\"position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;\" aria-hidden=\"true\">\n            <!-- Aurora glow top-right, identican kao u \"Nas pristup\" -->\n            <div style=\"position: absolute; top: -25%; right: -15%; width: 60%; height: 80%; background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.18) 0%, rgba(16, 208, 160, 0.12) 30%, rgba(0,0,0,0) 65%); filter: blur(40px);\"><\/div>\n            <!-- Izometrijska mreza, identicna kao u \"Nas pristup\" -->\n            <svg style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.45;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <pattern id=\"challenge-grid-pattern\" width=\"48\" height=\"48\" patternUnits=\"userSpaceOnUse\">\n                        <path d=\"M 48 0 L 0 0 0 48\" fill=\"none\" stroke=\"rgba(16, 208, 160, 0.22)\" stroke-width=\"0.5\"\/>\n                    <\/pattern>\n                <\/defs>\n                <rect width=\"100%\" height=\"100%\" fill=\"url(#challenge-grid-pattern)\"\/>\n            <\/svg>\n            <!-- Rastuca krivulja troskova preko cijele sirine, isti stil kao u \"Nas pristup\" samo u suprotnom smjeru; dovoljno visoka da prolazi iza kartica -->\n            <div style=\"position: absolute; left: 0; bottom: 0; width: 100%; height: 55%; opacity: 0.55;\">\n                <svg style=\"display: block; width: 100%; height: 100%;\" viewBox=\"0 0 1400 220\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <defs>\n                        <linearGradient id=\"challenge-curve-fill\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n                            <stop offset=\"0%\" stop-color=\"#10d0a0\" stop-opacity=\"0.4\"\/>\n                            <stop offset=\"100%\" stop-color=\"#10d0a0\" stop-opacity=\"0\"\/>\n                        <\/linearGradient>\n                    <\/defs>\n                    <g stroke=\"#10d0a0\" stroke-width=\"1\" stroke-dasharray=\"3 5\" opacity=\"0.4\" vector-effect=\"non-scaling-stroke\">\n                        <line x1=\"120\" y1=\"200\" x2=\"120\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"290\" y1=\"185\" x2=\"290\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"460\" y1=\"165\" x2=\"460\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"630\" y1=\"150\" x2=\"630\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"800\" y1=\"105\" x2=\"800\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"970\" y1=\"125\" x2=\"970\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"1140\" y1=\"70\" x2=\"1140\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                        <line x1=\"1310\" y1=\"30\" x2=\"1310\" y2=\"220\" vector-effect=\"non-scaling-stroke\"\/>\n                    <\/g>\n                    <path d=\"M 0 205 L 120 200 L 290 185 L 460 165 L 630 150 L 800 105 L 970 125 L 1140 70 L 1310 30 L 1400 50 L 1400 220 L 0 220 Z\"\n                          fill=\"url(#challenge-curve-fill)\"\/>\n                    <path d=\"M 0 205 L 120 200 L 290 185 L 460 165 L 630 150 L 800 105 L 970 125 L 1140 70 L 1310 30 L 1400 50\"\n                          fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\" vector-effect=\"non-scaling-stroke\"\/>\n                <\/svg>\n                <!-- Tocke kao HTML krugovi da se ne deformiraju rastezanjem SVG-a -->\n                <div style=\"position: absolute; left: 8.571%; top: 90.909%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 20.714%; top: 84.091%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 32.857%; top: 75%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 45%; top: 68.182%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 57.143%; top: 47.727%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 69.286%; top: 56.818%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 81.429%; top: 31.818%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n                <div style=\"position: absolute; left: 93.571%; top: 13.636%; width: 18px; height: 18px; border-radius: 50%; background: #0f172a; border: 2px solid #10d0a0; transform: translate(-50%, -50%); box-sizing: border-box;\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"custom-em-section\" style=\"position: relative; z-index: 1;\">\n            <div style=\"max-width: 800px; margin-bottom: 4rem;\">\n                <div class=\"custom-em-badge\" style=\"background: rgba(255,255,255,0.1); color: #fff;\">The challenge<\/div>\n                <h3>How much control do you really have over your energy costs?<\/h3>\n                <p>Commercial buildings spend 40\u201360% of their total electricity on HVAC systems. Without active management, those losses go unnoticed.<\/p>\n            <\/div>\n            \n            <div class=\"custom-em-grid-4\">\n                <div class=\"custom-em-card custom-em-fade-in-up challenge-card\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.1s;\">\n                    <h4 style=\"color: #fff;\">High consumption<\/h4>\n                    <p>Energy is wasted where there is no clear monitoring or system optimisation.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up challenge-card\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.2s;\">\n                    <h4 style=\"color: #fff;\">Unplanned downtime<\/h4>\n                    <p>Critical faults without early warning disrupt business continuity.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up challenge-card\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.3s;\">\n                    <h4 style=\"color: #fff;\">Equipment wear<\/h4>\n                    <p>Higher maintenance costs and a significantly shorter lifespan of installed systems.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up challenge-card\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.4s;\">\n                    <h4 style=\"color: #fff;\">Lost profit<\/h4>\n                    <p>Rising operating costs cut directly into your profit margins.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Solutions Section -->\n    <section class=\"custom-em-bg-light\">\n        <div class=\"custom-em-section\">\n            <div style=\"text-align: center; max-width: 800px; margin: 0 auto 4rem auto;\">\n                <div class=\"custom-em-badge\">The solution<\/div>\n                <h3>Full control of your energy<\/h3>\n                <p>Our approach delivers measurable savings through intelligent resource management and technology.<\/p>\n            <\/div>\n            \n            <div class=\"custom-em-grid-3\">\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"transition-delay: 0.1s;\">\n                    <h4>Systematic monitoring<\/h4>\n                    <p>Continuous real-time data collection and tracking of consumption patterns.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"transition-delay: 0.2s;\">\n                    <h4>Consumption analysis<\/h4>\n                    <p>In-depth insight into how energy is used, and where the inefficiencies are.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"transition-delay: 0.3s;\">\n                    <h4>Optimizacija<\/h4>\n                    <p>Immediate adjustment of energy use based on live data.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"transition-delay: 0.4s;\">\n                    <h4>Cost reduction<\/h4>\n                    <p>Substantial operational savings through smart resource management.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"transition-delay: 0.5s;\">\n                    <h4>Sustainability<\/h4>\n                    <p>A stronger long-term market position through responsible energy management.<\/p>\n                <\/div>\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"background: #19355c; border: none; transition-delay: 0.6s;\">\n                    <h4 style=\"color: #fff;\">Learn more<\/h4>\n                    <p style=\"color: #cbd5e1;\">Find out how we can optimise your facility.<\/p>\n                    <a href=\"#Sastanak\" style=\"color: #ef5230; font-weight: 600; text-decoration: none;\">Get in touch<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Approach Section (Energy Next-Gen redesign) -->\n    <section class=\"em-approach-nextgen\" style=\"position: relative; overflow: hidden; background: linear-gradient(180deg, #0f172a 0%, #19355c 100%); color: #fff;\">\n\n        <style>\n            .em-approach-nextgen .em-approach-bg {\n                position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;\n            }\n            .em-approach-nextgen .em-approach-grid {\n                position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.45;\n            }\n            .em-approach-nextgen .em-approach-aurora {\n                position: absolute; top: -25%; right: -15%; width: 60%; height: 80%;\n                background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.18) 0%, rgba(16, 208, 160, 0.12) 30%, rgba(0,0,0,0) 65%);\n                filter: blur(40px);\n            }\n            .em-approach-nextgen .em-approach-curve {\n                position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; opacity: 0.55;\n            }\n            @media (max-width: 768px) {\n                .em-approach-nextgen .em-approach-curve { height: 25%; opacity: 0.4; }\n            }\n            .em-approach-nextgen .em-step-icon {\n                display: inline-flex; align-items: center; justify-content: center;\n                width: 56px; height: 56px; border-radius: 14px;\n                background: linear-gradient(135deg, #10d0a0 0%, #0eb88c 100%);\n                margin-bottom: 1.25rem;\n                box-shadow: 0 8px 20px -4px rgba(16, 208, 160, 0.45);\n                transition: transform 0.3s ease, box-shadow 0.3s ease;\n            }\n            .em-approach-nextgen .em-step-card {\n                transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n            }\n            .em-approach-nextgen .em-step-card:hover {\n                transform: translateY(-6px);\n                box-shadow: 0 25px 45px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(16, 208, 160, 0.35);\n                border-color: rgba(16, 208, 160, 0.3);\n            }\n            .em-approach-nextgen .em-step-card:hover .em-step-icon {\n                transform: scale(1.08) rotate(-4deg);\n                box-shadow: 0 12px 28px -4px rgba(16, 208, 160, 0.6);\n            }\n            .em-approach-nextgen .em-beacon {\n                display: inline-flex; align-items: center; justify-content: center;\n                width: 72px; height: 72px; border-radius: 50%;\n                background: rgba(16, 208, 160, 0.12);\n                border: 1.5px solid rgba(16, 208, 160, 0.5);\n                margin-bottom: 1.5rem; position: relative;\n            }\n            .em-approach-nextgen .em-beacon-pulse {\n                position: absolute; inset: -2px; border-radius: 50%;\n                border: 1.5px solid #10d0a0; opacity: 0;\n                animation: em-beacon-ring 2.6s ease-out infinite;\n            }\n            .em-approach-nextgen .em-beacon-pulse-2 { animation-delay: 1.3s; }\n            @keyframes em-beacon-ring {\n                0%   { transform: scale(1);    opacity: 0.7; }\n                100% { transform: scale(1.75); opacity: 0; }\n            }\n        <\/style>\n\n        <!-- Decorative backdrop layer -->\n        <div class=\"em-approach-bg\" aria-hidden=\"true\">\n\n            <!-- Aurora glow top-right -->\n            <div class=\"em-approach-aurora\"><\/div>\n\n            <!-- Isometric grid pattern -->\n            <svg class=\"em-approach-grid\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <pattern id=\"em-grid-pattern\" width=\"48\" height=\"48\" patternUnits=\"userSpaceOnUse\">\n                        <path d=\"M 48 0 L 0 0 0 48\" fill=\"none\" stroke=\"rgba(16, 208, 160, 0.22)\" stroke-width=\"0.5\"\/>\n                    <\/pattern>\n                <\/defs>\n                <rect width=\"100%\" height=\"100%\" fill=\"url(#em-grid-pattern)\"\/>\n            <\/svg>\n\n            <!-- Energy curve bottom -->\n            <svg class=\"em-approach-curve\" viewBox=\"0 0 1400 220\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <linearGradient id=\"em-curve-fill\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n                        <stop offset=\"0%\" stop-color=\"#10d0a0\" stop-opacity=\"0.4\"\/>\n                        <stop offset=\"100%\" stop-color=\"#10d0a0\" stop-opacity=\"0\"\/>\n                    <\/linearGradient>\n                <\/defs>\n                <g stroke=\"#10d0a0\" stroke-width=\"1\" stroke-dasharray=\"3 5\" opacity=\"0.4\">\n                    <line x1=\"90\" y1=\"30\" x2=\"90\" y2=\"220\"\/>\n                    <line x1=\"260\" y1=\"70\" x2=\"260\" y2=\"220\"\/>\n                    <line x1=\"430\" y1=\"125\" x2=\"430\" y2=\"220\"\/>\n                    <line x1=\"600\" y1=\"105\" x2=\"600\" y2=\"220\"\/>\n                    <line x1=\"770\" y1=\"150\" x2=\"770\" y2=\"220\"\/>\n                    <line x1=\"940\" y1=\"165\" x2=\"940\" y2=\"220\"\/>\n                    <line x1=\"1110\" y1=\"185\" x2=\"1110\" y2=\"220\"\/>\n                    <line x1=\"1280\" y1=\"200\" x2=\"1280\" y2=\"220\"\/>\n                <\/g>\n                <path d=\"M 0 50 L 90 30 L 260 70 L 430 125 L 600 105 L 770 150 L 940 165 L 1110 185 L 1280 200 L 1400 205 L 1400 220 L 0 220 Z\"\n                      fill=\"url(#em-curve-fill)\"\/>\n                <path d=\"M 0 50 L 90 30 L 260 70 L 430 125 L 600 105 L 770 150 L 940 165 L 1110 185 L 1280 200 L 1400 205\"\n                      fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n                <g fill=\"#0f172a\" stroke=\"#10d0a0\" stroke-width=\"2\">\n                    <circle cx=\"90\" cy=\"30\" r=\"6\"\/>\n                    <circle cx=\"260\" cy=\"70\" r=\"6\"\/>\n                    <circle cx=\"430\" cy=\"125\" r=\"6\"\/>\n                    <circle cx=\"600\" cy=\"105\" r=\"6\"\/>\n                    <circle cx=\"770\" cy=\"150\" r=\"6\"\/>\n                    <circle cx=\"940\" cy=\"165\" r=\"6\"\/>\n                    <circle cx=\"1110\" cy=\"185\" r=\"6\"\/>\n                    <circle cx=\"1280\" cy=\"200\" r=\"6\"\/>\n                <\/g>\n            <\/svg>\n        <\/div>\n\n        <!-- Content layer -->\n        <div class=\"custom-em-section\" style=\"position: relative; z-index: 2;\">\n            <div style=\"text-align: center; max-width: 800px; margin: 0 auto 4rem auto;\">\n                <div class=\"custom-em-badge\" style=\"background: rgba(16, 208, 160, 0.15); color: #10d0a0; border: 1px solid rgba(16, 208, 160, 0.35);\">Our approach<\/div>\n                <h2 style=\"color: #fff;\">One partner. One complete solution.<\/h2>\n                <p style=\"font-size: 1.1rem; color: #cbd5e1;\">We create measurable value at every stage of a building's life cycle, from design to ongoing system optimisation.<\/p>\n            <\/div>\n\n            <div style=\"position: relative; padding-bottom: 2rem;\">\n                <div style=\"background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 3rem 2rem 6rem 2rem; text-align: center; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.4); position: relative; overflow: hidden;\">\n\n                    <!-- Inner glow behind title -->\n                    <div style=\"position: absolute; top: -40%; left: 50%; transform: translateX(-50%); width: 80%; height: 180%; background: radial-gradient(ellipse, rgba(16, 208, 160, 0.14) 0%, rgba(0,0,0,0) 55%); pointer-events: none;\"><\/div>\n\n                    <!-- Pulse beacon icon above title -->\n                    <div class=\"em-beacon\">\n                        <span class=\"em-beacon-pulse em-beacon-pulse-1\"><\/span>\n                        <span class=\"em-beacon-pulse em-beacon-pulse-2\"><\/span>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"position: relative; z-index: 2;\">\n                            <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3 style=\"color: #fff; font-size: 2rem; margin-bottom: 0.5rem; margin-top: 0; position: relative; z-index: 2;\">Energy Management<\/h3>\n                    <p style=\"color: #cbd5e1; font-size: 1.1rem; max-width: 600px; margin: 0 auto; position: relative; z-index: 2;\">Continuous optimisation and monitoring for maximum savings and sustainability.<\/p>\n                <\/div>\n\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; margin-top: -4rem; padding: 0 1.5rem; position: relative; z-index: 3;\">\n\n                    <!-- Step 1: Design -->\n                    <div class=\"custom-step-card em-step-card dark-step\" style=\"background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border-radius: 12px; padding: 2rem; text-align: center; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1);\">\n                        <div class=\"em-step-icon\">\n                            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h4 style=\"color: #fff; margin-bottom: 1rem; font-size: 1.25rem;\">Design<\/h4>\n                        <p style=\"font-size: 0.95rem; color: #cbd5e1; margin: 0;\">Tailored solutions built around the specific needs of your facility.<\/p>\n                    <\/div>\n\n                    <!-- Step 2: Installation -->\n                    <div class=\"custom-step-card em-step-card dark-step\" style=\"background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border-radius: 12px; padding: 2rem; text-align: center; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1);\">\n                        <div class=\"em-step-icon\">\n                            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M2 18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v2z\"\/>\n                                <path d=\"M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5\"\/>\n                                <path d=\"M4 15v-3a6 6 0 0 1 6-6\"\/>\n                                <path d=\"M14 6a6 6 0 0 1 6 6v3\"\/>\n                                <line x1=\"6\" y1=\"15\" x2=\"6\" y2=\"19\"\/>\n                                <line x1=\"18\" y1=\"15\" x2=\"18\" y2=\"19\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h4 style=\"color: #fff; margin-bottom: 1rem; font-size: 1.25rem;\">Installation<\/h4>\n                        <p style=\"font-size: 0.95rem; color: #cbd5e1; margin: 0;\">Expert, precise implementation of all mechanical systems.<\/p>\n                    <\/div>\n\n                    <!-- Step 3: Building Management System -->\n                    <div class=\"custom-step-card em-step-card dark-step\" style=\"background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border-radius: 12px; padding: 2rem; text-align: center; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1);\">\n                        <div class=\"em-step-icon\">\n                            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n                                <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/>\n                                <line x1=\"9\" y1=\"2\" x2=\"9\" y2=\"4\"\/>\n                                <line x1=\"15\" y1=\"2\" x2=\"15\" y2=\"4\"\/>\n                                <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"22\"\/>\n                                <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"22\"\/>\n                                <line x1=\"20\" y1=\"9\" x2=\"22\" y2=\"9\"\/>\n                                <line x1=\"20\" y1=\"14\" x2=\"22\" y2=\"14\"\/>\n                                <line x1=\"2\" y1=\"9\" x2=\"4\" y2=\"9\"\/>\n                                <line x1=\"2\" y1=\"14\" x2=\"4\" y2=\"14\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h4 style=\"color: #fff; margin-bottom: 1rem; font-size: 1.25rem;\">Building Management System<\/h4>\n                        <p style=\"font-size: 0.95rem; color: #cbd5e1; margin: 0;\">Smart control and system integration for maximum efficiency.<\/p>\n                    <\/div>\n\n                    <!-- Step 4: Service and maintenance -->\n                    <div class=\"custom-step-card em-step-card dark-step\" style=\"background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border-radius: 12px; padding: 2rem; text-align: center; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1);\">\n                        <div class=\"em-step-icon\">\n                            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h4 style=\"color: #fff; margin-bottom: 1rem; font-size: 1.25rem;\">Service and maintenance<\/h4>\n                        <p style=\"font-size: 0.95rem; color: #cbd5e1; margin: 0;\">Reliable support and lasting protection for your investment.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Energy Management Highlight -->\n    <section class=\"custom-em-bg-light\">\n        <div class=\"custom-em-section\">\n            <div style=\"background: #fff; padding: 3rem; border-radius: 12px; border: 1px solid #e2e8f0; display: flex; align-items: flex-start; gap: 4rem; flex-wrap: wrap;\">\n                <div style=\"flex: 1; min-width: 300px;\">\n                    <h3 style=\"margin-top: 0; font-size: 2.5rem; margin-bottom: 1.5rem;\">Energy Management<\/h3>\n                    <p style=\"font-size: 1.1rem; line-height: 1.6; color: #475569; margin-bottom: 2rem;\">Built on nearly 40 years of experience, Energy Management brings a new level of transparency, efficiency and long-term sustainability to your business.<\/p>\n                    <a href=\"https:\/\/alfatherm.com\/en\/hvac-procject-designs\/\" class=\"custom-em-btn\">Learn more <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n                <\/div>\n                <div style=\"flex: 1; min-width: 300px;\">\n                    <div class=\"custom-em-grid-2\" style=\"gap: 2.5rem;\">\n                        <div>\n                            <h4 style=\"margin-top: 0; font-size: 1.1rem;\">Lower consumption<\/h4>\n                            <p style=\"font-size: 0.9rem;\">Optimisation and lower operating costs.<\/p>\n                        <\/div>\n                        <div>\n                            <h4 style=\"margin-top: 0; font-size: 1.1rem;\">Fault detection<\/h4>\n                            <p style=\"font-size: 0.9rem;\">Downtime and costs prevented early.<\/p>\n                        <\/div>\n                        <div>\n                            <h4 style=\"margin-top: 0; font-size: 1.1rem;\">Extended lifespan<\/h4>\n                            <p style=\"font-size: 0.9rem;\">Greater equipment reliability.<\/p>\n                        <\/div>\n                        <div>\n                            <h4 style=\"margin-top: 0; font-size: 1.1rem;\">Environmental responsibility<\/h4>\n                            <p style=\"font-size: 0.9rem;\">Alignment with ESG standards.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Paketi Section -->\n    <section id=\"Paketi\" class=\"custom-em-section\">\n        <div style=\"text-align: center; max-width: 800px; margin: 0 auto 4rem auto;\">\n            <div class=\"custom-em-badge\">Packages<\/div>\n            <h3>Choose your path to efficiency<\/h3>\n            <p>We help you choose the approach that best matches the operational demands of your facility.<\/p>\n        <\/div>\n        \n        <div class=\"custom-em-grid-3\">\n            <!-- Basic -->\n            <div class=\"custom-em-package custom-em-fade-in-up\" style=\"transition-delay: 0.1s;\">\n                <div class=\"custom-em-package-subtitle\">Entry level<\/div>\n                <h4 class=\"custom-em-package-title\">Alfa Basic<\/h4>\n                <p style=\"font-size: 0.9rem;\">Accurate data and dependable tools for confident energy decisions.<\/p>\n                <ul class=\"custom-em-package-list\">\n                    <li>Continuous production monitoring<\/li>\n                    <li>Consumption comparison across sites<\/li>\n                    <li>Basic alerting<\/li>\n                <\/ul>\n                <div style=\"background: #f8fafc; padding: 1rem; border-radius: 6px; margin-bottom: 1.5rem; font-size: 0.85rem; font-weight: 600; color: #1e293b;\">\n                    For companies with an in-house EM team\n                <\/div>\n                <a href=\"#Sastanak\" class=\"custom-em-btn custom-em-btn-outline\">Book a meeting <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n            <\/div>\n            \n            <!-- Standard -->\n            <div class=\"custom-em-package featured custom-em-fade-in-up\" style=\"transition-delay: 0.3s;\">\n                <div class=\"custom-em-package-subtitle\">Standard service<\/div>\n                <h4 class=\"custom-em-package-title\">Alfa Standard<\/h4>\n                <p style=\"font-size: 0.9rem;\">Integrated energy management combining technology, analytics and expert support.<\/p>\n                <ul class=\"custom-em-package-list\">\n                    <li>Everything in Basic<\/li>\n                    <li>Detailed performance measurement<\/li>\n                    <li>Expert consulting<\/li>\n                    <li>Advanced alerting<\/li>\n                <\/ul>\n                <div style=\"background: #fff5f2; padding: 1rem; border-radius: 6px; margin-bottom: 1.5rem; font-size: 0.85rem; font-weight: 600; color: #ef5230;\">\n                    For companies without an in-house EM team\n                <\/div>\n                <a href=\"#Sastanak\" class=\"custom-em-btn\">Book a meeting <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n            <\/div>\n            \n            <!-- Expert -->\n            <div class=\"custom-em-package custom-em-fade-in-up\" style=\"transition-delay: 0.5s;\">\n                <div class=\"custom-em-package-subtitle\">Advanced service<\/div>\n                <h4 class=\"custom-em-package-title\">Alfa Expert<\/h4>\n                <p style=\"font-size: 0.9rem;\">Advanced optimisation models with financing covered from the savings.<\/p>\n                <ul class=\"custom-em-package-list\">\n                    <li>Battery storage systems (BESS)<\/li>\n                    <li>Real-time control<\/li>\n                    <li>Virtual power plants<\/li>\n                    <li>Guaranteed return on investment<\/li>\n                <\/ul>\n                <div style=\"background: #19355c; padding: 1rem; border-radius: 6px; margin-bottom: 1.5rem; font-size: 0.85rem; font-weight: 600; color: #fff;\">\n                    No capital investment\n                <\/div>\n                <a href=\"#Sastanak\" class=\"custom-em-btn custom-em-btn-outline\">Book a meeting <span class=\"btn-arrow\">&rarr;<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Processs Section -->\n    <section class=\"custom-em-bg-light\">\n        <div class=\"custom-em-section\">\n            <div style=\"text-align: center; margin-bottom: 4rem;\">\n                <div class=\"custom-em-badge\">Process<\/div>\n                <h3>How we do it<\/h3>\n                <p style=\"max-width: 600px; margin: 0 auto; color: #64748b;\">Our approach rests on precise data, advanced technology and human expertise.<\/p>\n            <\/div>\n            \n            <div class=\"custom-em-flow-container\">\n                <div class=\"custom-em-flow-line\"><\/div>\n                \n                <div class=\"custom-em-flow-item custom-em-fade-in-up\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"custom-em-flow-icon-wrapper\">\n                        <div class=\"custom-em-flow-step-num\">1<\/div>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14\"\/><\/svg>\n                    <\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Sensor installation<\/h4>\n                    <p style=\"font-size: 0.95rem; color: #64748b;\">Accurate measurement at the key points of the system.<\/p>\n                <\/div>\n                \n                <div class=\"custom-em-flow-item custom-em-fade-in-up\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"custom-em-flow-icon-wrapper\">\n                        <div class=\"custom-em-flow-step-num\">2<\/div>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5V19A9 3 0 0 0 21 19V5\"\/><path d=\"M3 12A9 3 0 0 0 21 12\"\/><\/svg>\n                    <\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Data collection<\/h4>\n                    <p style=\"font-size: 0.95rem; color: #64748b;\">Centralised monitoring through advanced platforms.<\/p>\n                <\/div>\n                \n                <div class=\"custom-em-flow-item custom-em-fade-in-up\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"custom-em-flow-icon-wrapper\">\n                        <div class=\"custom-em-flow-step-num\">3<\/div>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n                    <\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Analytics and AI<\/h4>\n                    <p style=\"font-size: 0.95rem; color: #64748b;\">Using Siemens analytical and predictive tools.<\/p>\n                <\/div>\n                \n                <div class=\"custom-em-flow-item custom-em-fade-in-up\" style=\"transition-delay: 0.4s;\">\n                    <div class=\"custom-em-flow-icon-wrapper\">\n                        <div class=\"custom-em-flow-step-num\">4<\/div>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                    <\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Expert team<\/h4>\n                    <p style=\"font-size: 0.95rem; color: #64748b;\">Human expertise that interprets the data.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Siemens Building X Section -->\n    <section class=\"custom-em-bg-dark\">\n        <style>\n            @keyframes pulse {\n                0% { box-shadow: 0 0 0 0 rgba(239, 82, 48, 0.4); }\n                70% { box-shadow: 0 0 0 20px rgba(239, 82, 48, 0); }\n                100% { box-shadow: 0 0 0 0 rgba(239, 82, 48, 0); }\n            }\n            .siemens-module-icon {\n                width: 80px;\n                height: 80px;\n                background: #10d0a0; \/* Teal color matching the images *\/\n                border-radius: 16px;\n                margin: 0 auto 1.5rem;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #0f172a;\n                flex-direction: column;\n                box-shadow: 0 10px 25px -5px rgba(16, 208, 160, 0.3);\n            }\n            .regional-partner-banner {\n                background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\n                border: 1px solid rgba(255,255,255,0.1);\n                border-radius: 24px;\n                padding: 3rem;\n                margin-bottom: 4rem;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 3rem;\n                align-items: center;\n                position: relative;\n                overflow: hidden;\n            }\n            .map-container {\n                position: absolute;\n                top: 0;\n                right: 0;\n                width: 65%;\n                height: 100%;\n                z-index: 0;\n                background: #0b182b; \/* Darker than the #19355c background *\/\n            }\n            \/* Inline SVG karta regije \u2014 bez vanjskog tile servisa i bez API kljuca *\/\n            .map-container .ath-map-svg {\n                position: absolute;\n                inset: 0;\n                width: 100%;\n                height: 100%;\n                display: block;\n            }\n            @media (max-width: 768px) {\n                \/* Na uskim ekranima karta ide punom sirinom i povlaci se u pozadinu *\/\n                .map-container { width: 100%; opacity: 0.5; }\n            }\n            @media (prefers-reduced-motion: reduce) {\n                .map-container .ath-map-svg animate { display: none; }\n            }\n            .map-blend-overlay {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                z-index: 1;\n                background: linear-gradient(to right, #19355c 35%, transparent 75%),\n                            radial-gradient(circle at 75% 50%, transparent 25%, #19355c 80%);\n                pointer-events: none;\n            }\n\n            \/* Calculator Styles *\/\n            .calc-input {\n                width: 100%;\n                padding: 1rem 1.25rem;\n                border-radius: 12px;\n                border: 1px solid #cbd5e1;\n                font-size: 1.1rem;\n                font-family: inherit;\n                transition: all 0.2s;\n                background: #f8fafc;\n                color: #0f172a;\n            }\n            .calc-input:focus {\n                outline: none;\n                border-color: #10d0a0;\n                box-shadow: 0 0 0 3px rgba(16, 208, 160, 0.2);\n                background: #fff;\n            }\n            .calc-container {\n                display: flex; gap: 2rem; flex-wrap: wrap; background: #fff; padding: 3rem; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; box-sizing: border-box;\n            }\n            .calc-output {\n                flex: 1; min-width: 300px; background: #0f172a; border-radius: 16px; padding: 3rem; color: #fff; display: flex; flex-direction: column; justify-content: center; gap: 2rem; position: relative; overflow: hidden; box-sizing: border-box;\n            }\n            .calc-input-col {\n                flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 2rem; box-sizing: border-box;\n            }\n            .calc-tooltip {\n                position: relative;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                margin-left: 0.5rem;\n                color: #94a3b8;\n                cursor: help;\n                vertical-align: middle;\n            }\n            .calc-tooltip:hover {\n                color: #10d0a0;\n            }\n            .calc-tooltip::after {\n                content: attr(data-tooltip);\n                position: absolute;\n                bottom: 100%;\n                left: 50%;\n                transform: translateX(-50%);\n                margin-bottom: 8px;\n                padding: 0.5rem 0.75rem;\n                background: #1e293b;\n                color: #fff;\n                font-size: 0.75rem;\n                font-weight: 400;\n                line-height: 1.4;\n                white-space: normal;\n                width: max-content;\n                max-width: 250px;\n                border-radius: 6px;\n                opacity: 0;\n                visibility: hidden;\n                transition: all 0.2s ease;\n                z-index: 10;\n                pointer-events: none;\n                text-align: center;\n                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            }\n            .calc-tooltip::before {\n                content: '';\n                position: absolute;\n                bottom: 100%;\n                left: 50%;\n                transform: translateX(-50%);\n                margin-bottom: 2px;\n                border-width: 6px;\n                border-style: solid;\n                border-color: #1e293b transparent transparent transparent;\n                opacity: 0;\n                visibility: hidden;\n                transition: all 0.2s ease;\n                z-index: 10;\n                pointer-events: none;\n            }\n            .calc-tooltip:hover::after,\n            .calc-tooltip:hover::before {\n                opacity: 1;\n                visibility: visible;\n            }\n            .calc-res-value {\n                font-size: 2.2rem; font-weight: 700; line-height: 1;\n            }\n            @media (max-width: 768px) {\n                .calc-container {\n                    flex-direction: column;\n                    padding: 1.5rem;\n                    gap: 1.5rem;\n                }\n                .calc-input-col, .calc-output {\n                    min-width: 0;\n                    width: 100%;\n                    box-sizing: border-box;\n                }\n                .calc-output {\n                    padding: 1.5rem;\n                }\n                .calc-res-value {\n                    font-size: 1.8rem;\n                }\n            }\n            .calc-range {\n                -webkit-appearance: none;\n                width: 100%;\n                height: 8px;\n                border-radius: 4px;\n                background: #e2e8f0;\n                outline: none;\n                margin: 1rem 0;\n            }\n            .calc-range::-webkit-slider-thumb {\n                -webkit-appearance: none;\n                appearance: none;\n                width: 24px;\n                height: 24px;\n                border-radius: 50%;\n                background: #10d0a0;\n                cursor: pointer;\n                box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n                transition: transform 0.1s;\n            }\n            .calc-range::-webkit-slider-thumb:hover {\n                transform: scale(1.1);\n            }\n        <\/style>\n\n        <div class=\"custom-em-section\">\n            \n            <!-- Regional Partner Banner -->\n            <div class=\"regional-partner-banner\">\n                \n                <!-- Karta regije (inline SVG, Zagreb i Sarajevo kao pulsirajuce tocke) -->\n                <div class=\"map-container\">\n                    <svg class=\"ath-map-svg\" viewBox=\"0 0 800 600\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                      <defs>\n                        <pattern id=\"ath-map-grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n                          <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(16,208,160,0.10)\" stroke-width=\"0.5\"\/>\n                        <\/pattern>\n                      <\/defs>\n                      <rect width=\"800\" height=\"600\" fill=\"#0b182b\"\/>\n                      <rect width=\"800\" height=\"600\" fill=\"url(#ath-map-grid)\"\/>\n                      <g fill=\"rgba(255,255,255,0.035)\" stroke=\"rgba(16,208,160,0.20)\" stroke-width=\"0.7\" stroke-linejoin=\"round\" fill-rule=\"evenodd\">\n                        <path d=\"M 607.9 6.8 L 597.7 31.6 L 591.3 39.0 L 590.0 50.2 L 573.5 53.1 L 562.2 40.1 L 546.0 43.0 L 537.5 40.5 L 521.7 41.7 L 515.1 56.3 L 499.0 65.8 L 496.8 66.7 L 485.3 60.9 L 478.6 68.0 L 455.3 71.8 L 450.2 75.0 L 447.3 88.4 L 406.8 89.4 L 401.5 86.9 L 388.1 75.6 L 378.4 72.5 L 369.1 50.6 L 374.1 32.1 L 380.4 21.6 L 395.1 22.5 L 406.7 18.6 L 420.5 7.3 L 423.6 -5.1 L 442.0 -20.2 L 456.3 -20.7 L 457.6 -14.1 L 465.2 -14.3 L 469.5 -21.5 L 477.5 -27.1 L 485.5 -14.8 L 491.5 -12.5 L 490.8 -1.7 L 492.7 -0.9 L 497.5 -2.8 L 503.5 -0.2 L 507.9 -8.9 L 516.3 -13.4 L 527.0 -13.8 L 540.9 -9.0 L 546.5 -15.5 L 557.9 -16.2 L 570.1 -15.1 L 580.6 -10.7 L 586.1 -2.0 L 607.9 6.8 Z\"\/>\n                        <path d=\"M 354.4 168.1 L 346.2 165.9 L 342.6 169.0 L 342.2 175.8 L 335.4 175.9 L 329.8 181.6 L 317.3 186.3 L 315.5 190.0 L 318.6 195.6 L 318.0 206.8 L 302.2 214.7 L 305.4 219.0 L 302.5 223.9 L 304.8 230.6 L 300.7 232.2 L 288.6 228.7 L 281.8 230.0 L 272.4 219.2 L 264.0 229.8 L 248.1 228.1 L 243.3 233.0 L 232.2 230.1 L 230.6 227.7 L 243.1 221.8 L 236.7 212.9 L 230.9 209.8 L 231.6 199.7 L 226.9 199.3 L 232.9 187.7 L 224.0 185.6 L 222.2 182.6 L 223.1 179.2 L 234.9 170.3 L 235.8 166.8 L 271.6 174.2 L 286.0 161.6 L 309.0 160.1 L 322.8 155.1 L 330.8 157.2 L 331.7 149.6 L 336.6 145.8 L 344.6 146.1 L 348.7 159.6 L 354.4 168.1 Z\"\/>\n                        <path d=\"M 558.3 268.9 L 565.2 271.0 L 569.9 275.8 L 581.4 278.4 L 589.2 285.7 L 606.2 276.0 L 615.6 282.0 L 616.2 284.1 L 608.6 285.8 L 606.4 288.8 L 607.6 295.4 L 615.0 303.7 L 611.6 306.2 L 610.4 313.2 L 603.0 317.2 L 600.8 330.4 L 608.6 349.4 L 626.4 364.8 L 624.9 370.1 L 615.0 382.3 L 604.9 384.7 L 603.6 396.9 L 607.7 405.4 L 603.0 414.1 L 595.4 412.4 L 566.8 418.7 L 565.0 414.1 L 568.8 410.7 L 574.9 394.6 L 559.6 389.9 L 560.1 385.3 L 553.1 380.6 L 545.6 370.4 L 536.6 365.7 L 534.8 360.6 L 527.3 364.2 L 527.3 373.7 L 521.1 378.4 L 520.8 383.8 L 515.6 385.5 L 512.4 379.4 L 484.8 365.7 L 468.2 349.7 L 467.1 344.8 L 469.7 341.8 L 477.9 343.1 L 479.8 338.4 L 469.3 319.7 L 482.1 318.4 L 483.5 315.1 L 464.4 298.2 L 464.5 289.2 L 474.0 267.0 L 468.9 263.7 L 459.2 266.3 L 463.2 260.1 L 461.6 250.4 L 464.7 246.9 L 471.7 248.6 L 475.3 248.3 L 475.8 245.9 L 459.1 234.7 L 461.7 227.8 L 455.5 222.6 L 456.7 219.3 L 452.2 208.4 L 455.0 202.6 L 462.6 197.5 L 470.7 198.3 L 484.8 188.2 L 509.9 190.8 L 530.9 214.5 L 533.7 213.6 L 534.5 230.6 L 544.2 239.4 L 563.8 249.8 L 558.0 258.0 L 565.6 264.5 L 558.2 266.8 L 558.3 268.9 Z\"\/>\n                        <path d=\"M 846.8 231.6 L 856.9 241.1 L 869.9 244.6 L 870.8 240.1 L 875.6 241.3 L 889.4 234.5 L 897.0 233.5 L 903.9 236.4 L 909.7 243.1 L 903.5 267.9 L 882.0 273.0 L 884.0 260.1 L 879.2 259.0 L 875.4 263.4 L 876.9 269.9 L 871.9 284.4 L 875.3 283.8 L 865.1 300.3 L 865.6 318.6 L 862.5 332.7 L 847.2 330.9 L 840.0 328.0 L 833.0 318.3 L 826.9 320.2 L 813.7 316.4 L 799.4 307.8 L 762.8 317.2 L 746.1 331.2 L 732.5 336.8 L 687.6 329.6 L 679.0 331.4 L 636.8 325.0 L 624.0 327.3 L 621.8 320.7 L 628.6 313.0 L 614.2 303.0 L 606.1 292.0 L 608.6 285.8 L 614.8 284.9 L 615.6 282.0 L 606.2 276.0 L 589.2 285.7 L 581.4 278.4 L 569.9 275.8 L 565.2 271.0 L 558.3 268.9 L 558.2 266.8 L 565.6 264.5 L 558.0 258.0 L 563.8 249.8 L 544.2 239.4 L 534.5 230.6 L 533.7 213.6 L 530.9 214.5 L 511.2 191.9 L 522.4 188.4 L 526.9 190.4 L 533.1 183.5 L 544.8 183.8 L 548.3 181.3 L 551.2 174.7 L 554.3 173.4 L 556.6 161.4 L 564.1 155.5 L 564.0 150.3 L 570.6 139.6 L 571.0 134.6 L 585.1 112.8 L 585.3 106.0 L 597.5 92.1 L 610.9 89.7 L 633.2 69.5 L 644.6 75.6 L 655.5 75.5 L 677.0 80.9 L 693.8 79.3 L 707.1 92.7 L 714.7 91.0 L 718.7 86.1 L 731.1 80.6 L 760.5 75.5 L 766.6 62.2 L 783.7 58.4 L 795.0 65.2 L 810.0 97.6 L 831.7 130.2 L 840.9 138.7 L 848.0 159.4 L 848.2 171.0 L 842.1 200.2 L 844.6 219.8 L 841.0 222.7 L 846.8 231.6 Z\"\/>\n                        <path d=\"M 467.1 344.8 L 468.2 349.7 L 484.8 365.7 L 498.7 370.9 L 512.4 379.4 L 515.7 384.1 L 509.2 389.8 L 503.3 389.4 L 504.0 401.1 L 498.5 403.9 L 492.1 405.7 L 489.6 396.6 L 486.5 397.0 L 470.8 423.0 L 474.2 428.8 L 473.4 440.2 L 466.8 435.7 L 454.5 418.6 L 443.5 411.3 L 444.0 407.6 L 438.6 408.2 L 435.3 403.0 L 439.8 396.2 L 436.5 388.5 L 436.2 375.8 L 443.1 374.1 L 445.2 362.3 L 452.7 355.7 L 460.1 358.8 L 456.9 345.2 L 467.1 344.8 Z\"\/>\n                        <path d=\"M 566.8 418.7 L 595.4 412.4 L 609.8 426.8 L 618.8 431.3 L 627.5 447.5 L 624.4 469.1 L 618.3 470.4 L 615.8 479.0 L 610.7 481.2 L 585.0 481.7 L 576.0 491.7 L 567.4 496.3 L 560.2 494.2 L 556.8 496.4 L 541.7 497.3 L 540.4 494.4 L 532.2 494.3 L 521.6 473.7 L 519.9 459.8 L 522.8 456.8 L 524.3 440.6 L 531.6 439.9 L 533.8 428.7 L 545.7 423.0 L 555.2 427.1 L 559.6 420.3 L 566.8 418.7 Z\"\/>\n                        <path d=\"M 515.6 385.5 L 520.8 383.8 L 521.1 378.4 L 527.3 373.7 L 527.3 364.2 L 534.8 360.6 L 536.6 365.7 L 545.6 370.4 L 553.1 380.6 L 560.1 385.3 L 559.6 389.9 L 574.9 394.6 L 568.8 410.7 L 565.0 414.1 L 566.8 418.7 L 559.6 420.3 L 555.2 427.1 L 545.7 423.0 L 533.8 428.7 L 531.6 439.9 L 525.4 440.3 L 521.5 420.1 L 511.2 413.5 L 503.7 401.6 L 503.3 389.4 L 509.2 389.8 L 515.6 385.5 Z\"\/>\n                        <path d=\"M -45.4 203.0 L -40.9 205.7 L -23.6 199.8 L -13.1 203.2 L -4.5 197.5 L 1.1 188.7 L -0.2 182.0 L 13.6 171.3 L 15.1 183.6 L 22.8 191.8 L 30.3 193.8 L 28.5 198.7 L 35.9 208.8 L 38.9 207.8 L 38.0 197.6 L 48.5 181.1 L 48.8 169.6 L 50.7 168.3 L 55.9 169.1 L 60.2 179.9 L 77.4 176.5 L 83.4 184.6 L 86.1 183.1 L 81.6 169.1 L 83.7 161.9 L 88.2 160.6 L 91.5 164.1 L 98.1 165.0 L 96.8 157.9 L 99.1 145.7 L 109.0 146.8 L 114.9 151.2 L 121.8 151.1 L 127.7 141.3 L 132.4 138.8 L 154.8 138.2 L 171.3 132.2 L 170.7 141.3 L 180.6 155.6 L 235.8 166.8 L 234.9 170.3 L 223.1 179.2 L 222.2 182.6 L 224.0 185.6 L 232.9 187.7 L 226.9 199.3 L 231.6 199.7 L 230.9 209.8 L 236.7 212.9 L 243.1 221.8 L 236.6 223.4 L 239.3 221.0 L 232.8 212.3 L 225.9 216.0 L 215.0 212.3 L 207.6 220.4 L 182.4 230.6 L 186.8 226.0 L 184.9 225.9 L 175.8 231.9 L 173.7 244.2 L 180.7 256.2 L 186.3 260.5 L 180.4 270.6 L 176.0 268.5 L 174.7 275.1 L 180.9 304.5 L 193.3 317.9 L 230.1 342.6 L 240.2 365.3 L 248.9 393.5 L 271.2 418.9 L 297.6 436.5 L 331.1 436.2 L 339.6 438.6 L 339.0 446.4 L 329.0 454.2 L 328.4 460.3 L 355.9 476.0 L 379.1 485.5 L 394.7 497.9 L 414.9 508.2 L 436.2 532.2 L 437.3 538.6 L 431.3 554.2 L 420.1 547.8 L 411.2 528.9 L 391.4 525.6 L 385.6 522.4 L 382.3 516.6 L 376.1 516.0 L 371.7 519.1 L 360.8 536.8 L 354.6 558.2 L 357.8 564.2 L 367.3 567.5 L 379.6 578.2 L 382.1 599.0 L 378.9 603.3 L 372.7 602.2 L 358.6 609.7 L 356.2 614.3 L 355.6 630.8 L 344.5 639.4 L 335.0 655.8 L 321.0 656.0 L 317.7 650.9 L 317.6 643.3 L 320.0 638.7 L 325.2 636.5 L 329.6 616.7 L 340.9 611.9 L 341.5 602.1 L 337.2 597.6 L 333.6 579.7 L 319.7 544.9 L 315.2 541.5 L 302.9 540.5 L 288.5 531.2 L 288.3 518.5 L 280.7 507.4 L 262.7 511.3 L 267.8 504.1 L 261.4 499.4 L 250.3 499.4 L 242.5 481.7 L 237.2 475.8 L 216.7 472.8 L 210.0 475.4 L 200.0 466.1 L 190.8 462.7 L 167.4 436.1 L 156.1 428.1 L 148.9 416.4 L 134.6 408.7 L 126.5 409.1 L 129.9 406.8 L 129.2 402.3 L 113.8 386.9 L 109.8 379.3 L 101.7 377.5 L 101.9 363.9 L 93.5 346.0 L 90.3 326.3 L 87.9 320.7 L 82.0 316.4 L 68.7 311.7 L 50.1 298.9 L 28.0 292.8 L 19.0 297.3 L -4.0 324.8 L -25.6 331.2 L -26.0 325.5 L -17.8 312.7 L -19.5 307.9 L -32.9 309.5 L -50.5 297.9 L -52.9 287.6 L -45.0 275.4 L -46.6 268.8 L -57.3 263.2 L -61.7 254.5 L -62.0 251.5 L -59.3 250.0 L -53.0 250.5 L -43.0 244.3 L -40.2 235.8 L -55.1 214.2 L -54.5 209.7 L -45.4 203.0 Z M 184.6 323.4 L 185.4 318.2 L 180.9 321.4 L 184.6 323.4 Z M 96.6 383.8 L 97.7 392.1 L 94.1 389.4 L 85.5 390.5 L 85.4 386.6 L 95.1 385.9 L 96.6 383.8 Z M 245.8 505.4 L 242.8 505.2 L 243.0 502.2 L 246.8 503.5 L 245.8 505.4 Z M 166.4 718.6 L 161.7 717.4 L 162.0 714.1 L 166.4 718.6 Z M 314.8 640.9 L 300.4 664.2 L 294.7 681.6 L 295.5 688.1 L 300.2 692.9 L 297.9 694.8 L 303.0 702.9 L 295.4 714.3 L 295.3 722.2 L 281.1 721.0 L 269.6 716.4 L 259.3 703.4 L 254.4 700.3 L 240.0 698.6 L 203.1 675.6 L 191.2 674.3 L 182.5 662.3 L 187.3 649.9 L 195.1 642.9 L 202.2 650.9 L 208.4 648.2 L 213.1 642.5 L 218.6 642.5 L 239.5 653.7 L 250.5 650.6 L 269.7 650.3 L 281.7 643.8 L 295.5 644.6 L 311.5 637.2 L 317.2 638.4 L 314.8 640.9 Z M 64.5 495.6 L 71.8 516.8 L 65.0 529.6 L 67.7 543.4 L 61.6 589.9 L 58.4 591.4 L 40.3 585.9 L 36.5 600.9 L 32.9 603.6 L 23.1 602.9 L 13.4 587.8 L 12.6 572.7 L 14.8 559.6 L 18.5 559.1 L 18.9 553.2 L 13.0 548.9 L 15.6 528.2 L 10.7 516.7 L 3.8 508.4 L 5.2 493.8 L 11.1 497.5 L 19.9 497.3 L 30.4 491.8 L 47.5 474.6 L 63.8 488.0 L 61.2 492.8 L 64.5 495.6 Z M 16.0 595.3 L 13.5 600.6 L 11.2 592.6 L 16.0 595.3 Z M 7.8 486.8 L 4.4 489.1 L 9.3 482.2 L 7.8 486.8 Z\"\/>\n                        <path d=\"M 590.8 49.4 L 595.9 49.3 L 600.0 58.8 L 607.2 62.0 L 609.8 66.6 L 617.6 68.1 L 622.2 78.3 L 610.9 89.7 L 597.5 92.1 L 585.3 106.0 L 585.1 112.8 L 571.0 134.6 L 570.6 139.6 L 564.0 150.3 L 564.1 155.5 L 556.6 161.4 L 554.3 173.4 L 544.8 183.8 L 536.3 182.7 L 526.9 190.4 L 522.4 188.4 L 511.2 191.9 L 484.8 188.2 L 470.7 198.3 L 462.6 197.5 L 455.9 202.7 L 444.9 204.1 L 435.3 212.6 L 415.3 212.4 L 408.7 211.2 L 400.3 203.7 L 387.8 198.7 L 369.3 177.9 L 354.4 168.1 L 348.7 159.6 L 344.6 146.1 L 336.6 145.8 L 343.3 139.1 L 351.7 136.9 L 353.4 129.7 L 350.2 123.5 L 352.1 120.4 L 351.3 112.6 L 358.9 109.6 L 361.1 104.1 L 359.6 99.5 L 350.4 95.4 L 357.5 90.7 L 365.7 95.2 L 377.5 93.3 L 376.0 85.2 L 380.9 74.6 L 388.1 75.6 L 406.8 89.4 L 447.3 88.4 L 450.2 75.0 L 455.3 71.8 L 478.6 68.0 L 485.3 60.9 L 496.8 66.7 L 499.0 65.8 L 515.1 56.3 L 521.7 41.7 L 537.5 40.5 L 546.0 43.0 L 562.2 40.1 L 573.5 53.1 L 590.8 49.4 Z\"\/>\n                        <path d=\"M 832.0 729.3 L 828.9 726.4 L 832.1 724.7 L 832.0 729.3 Z M 526.8 632.2 L 527.4 638.4 L 534.3 645.1 L 533.1 649.0 L 523.1 647.0 L 520.1 640.2 L 515.9 643.1 L 518.3 634.7 L 522.9 634.9 L 524.8 627.3 L 526.8 632.2 Z M 538.5 663.1 L 542.9 668.3 L 539.3 667.0 L 535.5 670.6 L 527.1 660.5 L 530.2 656.5 L 538.5 663.1 Z M 530.0 620.1 L 524.4 621.5 L 526.0 611.9 L 530.3 607.4 L 530.0 620.1 Z M 533.0 635.1 L 530.9 635.7 L 527.3 627.0 L 530.6 628.5 L 533.0 635.1 Z M 504.3 575.4 L 505.2 578.5 L 496.2 573.8 L 486.2 557.1 L 494.3 554.2 L 497.9 556.8 L 494.6 562.6 L 499.2 573.4 L 504.3 575.4 Z M 644.9 601.2 L 649.5 609.0 L 674.8 617.9 L 681.1 641.0 L 694.2 646.1 L 692.1 653.8 L 684.6 651.7 L 678.4 646.4 L 671.2 631.8 L 654.8 629.0 L 653.4 623.1 L 638.0 609.7 L 628.6 605.8 L 624.7 607.6 L 621.9 605.9 L 638.2 597.2 L 644.9 601.2 Z M 660.2 592.7 L 655.4 593.8 L 652.4 587.6 L 660.2 592.7 Z M 664.8 590.3 L 662.8 591.0 L 668.2 584.4 L 664.8 590.3 Z M 697.9 609.2 L 692.3 610.4 L 693.3 608.0 L 688.9 605.0 L 689.9 600.0 L 697.9 609.2 Z M 702.1 510.4 L 696.7 512.4 L 691.2 508.6 L 695.7 500.5 L 699.8 500.9 L 702.0 504.0 L 702.1 510.4 Z M 650.6 656.7 L 645.0 656.4 L 647.7 653.2 L 650.6 656.7 Z M 629.6 748.3 L 629.1 750.6 L 623.6 746.7 L 625.3 738.2 L 631.5 745.3 L 629.6 748.3 Z M 803.2 785.9 L 801.6 788.8 L 798.8 779.1 L 805.2 767.5 L 802.4 777.4 L 805.6 785.2 L 803.2 785.9 Z M 796.6 708.0 L 792.4 708.7 L 791.1 701.2 L 797.5 705.7 L 796.6 708.0 Z M 793.7 720.2 L 793.9 717.7 L 804.8 711.1 L 810.6 712.7 L 793.7 720.2 Z M 734.6 707.5 L 730.8 709.5 L 726.8 702.1 L 733.7 695.4 L 736.3 697.8 L 734.6 707.5 Z M 723.3 702.2 L 720.0 706.3 L 716.0 704.0 L 721.5 698.0 L 723.3 702.2 Z M 731.9 737.7 L 729.9 740.4 L 727.2 739.5 L 728.8 733.5 L 731.9 737.7 Z M 727.7 723.0 L 722.5 718.5 L 724.0 716.9 L 728.7 720.7 L 727.7 723.0 Z M 788.4 662.8 L 797.5 665.0 L 798.1 668.2 L 789.3 671.7 L 778.1 667.5 L 780.6 664.4 L 788.4 662.8 Z M 754.9 677.8 L 752.9 678.0 L 753.5 675.9 L 757.3 672.2 L 768.5 670.1 L 762.3 675.7 L 754.9 677.8 Z M 747.8 716.8 L 742.9 716.9 L 753.7 709.1 L 756.4 710.9 L 747.8 716.8 Z M 773.1 727.6 L 767.6 731.5 L 765.1 729.6 L 765.0 727.1 L 767.9 727.9 L 769.3 724.8 L 773.1 727.6 Z M 684.5 675.3 L 681.6 677.9 L 683.0 669.9 L 685.4 669.6 L 684.5 675.3 Z M 687.8 687.6 L 685.4 689.2 L 685.0 683.6 L 687.6 680.7 L 689.7 684.2 L 687.8 687.6 Z M 692.0 718.2 L 691.8 722.4 L 683.2 723.9 L 684.5 719.3 L 687.4 720.9 L 692.0 718.2 Z M 709.2 679.7 L 707.9 685.2 L 707.6 678.9 L 709.2 679.7 Z M 711.2 665.6 L 710.0 669.1 L 699.0 654.8 L 702.8 653.3 L 705.5 657.3 L 709.7 657.8 L 711.2 665.6 Z M 722.4 674.1 L 720.8 677.5 L 718.2 677.0 L 711.4 670.0 L 722.4 674.1 Z M 699.8 709.9 L 698.2 704.7 L 701.6 708.5 L 699.8 709.9 Z M 757.6 641.1 L 753.6 644.1 L 749.1 639.7 L 753.3 633.8 L 747.2 621.9 L 754.2 620.4 L 760.4 623.7 L 760.3 636.5 L 757.6 641.1 Z M 771.0 581.0 L 770.2 584.3 L 776.0 589.6 L 778.8 596.3 L 774.3 594.9 L 776.7 599.2 L 773.4 600.4 L 760.5 597.5 L 758.2 594.5 L 765.2 588.2 L 761.1 588.4 L 756.7 593.7 L 747.1 588.1 L 749.9 583.3 L 757.4 582.4 L 760.6 578.6 L 768.3 578.1 L 771.0 581.0 Z M 740.5 520.8 L 735.7 522.3 L 730.4 517.7 L 735.5 515.9 L 740.5 520.8 Z M 730.0 545.3 L 726.6 554.9 L 722.7 554.1 L 722.1 550.2 L 719.4 553.7 L 714.2 552.5 L 714.0 544.4 L 721.4 544.1 L 723.6 546.8 L 730.5 542.4 L 730.0 545.3 Z M 728.5 683.6 L 724.5 684.0 L 724.7 679.9 L 731.1 680.9 L 728.5 683.6 Z M 691.5 699.2 L 687.4 698.8 L 689.8 694.7 L 691.5 699.2 Z M 831.3 761.9 L 827.2 762.8 L 825.9 760.4 L 827.7 754.6 L 825.9 749.2 L 834.3 740.2 L 847.7 735.6 L 840.7 751.4 L 841.6 754.8 L 836.4 755.7 L 831.3 761.9 Z M 663.3 782.3 L 670.0 782.6 L 676.5 779.2 L 677.8 782.2 L 674.1 784.3 L 680.2 785.7 L 681.0 790.0 L 684.4 791.4 L 699.8 788.0 L 731.6 794.1 L 742.3 791.9 L 742.9 802.6 L 744.9 803.6 L 754.9 798.8 L 760.8 798.8 L 767.2 793.7 L 764.0 807.6 L 760.7 808.9 L 703.1 813.3 L 700.9 812.4 L 699.3 805.3 L 689.0 801.7 L 652.3 796.7 L 651.4 782.3 L 653.0 780.7 L 655.7 783.4 L 658.4 776.1 L 663.3 782.3 Z M 767.2 448.8 L 778.2 455.3 L 780.0 466.5 L 767.6 475.6 L 768.6 489.1 L 758.3 502.9 L 755.3 504.2 L 747.6 497.7 L 722.1 492.7 L 716.0 489.3 L 702.9 496.9 L 689.6 491.9 L 672.9 504.3 L 659.5 503.0 L 658.7 507.0 L 664.4 514.3 L 662.4 517.8 L 663.9 521.3 L 670.8 521.8 L 678.4 526.3 L 683.9 536.2 L 676.2 528.9 L 665.8 524.6 L 658.0 526.2 L 657.7 528.6 L 668.1 538.1 L 669.5 543.0 L 667.2 546.2 L 662.5 543.1 L 655.3 532.0 L 645.3 529.8 L 643.6 532.1 L 645.6 538.0 L 655.8 546.6 L 653.8 548.5 L 644.0 544.9 L 640.5 532.4 L 623.0 522.3 L 621.1 517.3 L 624.1 511.7 L 611.8 517.0 L 610.2 542.3 L 620.5 555.3 L 626.5 568.3 L 637.2 579.5 L 641.2 589.4 L 633.9 593.4 L 634.2 584.9 L 627.1 580.9 L 624.1 582.3 L 620.6 584.9 L 622.6 589.7 L 625.9 597.3 L 630.2 596.9 L 619.1 604.3 L 609.2 606.1 L 638.0 617.2 L 642.9 624.5 L 651.4 626.5 L 656.2 633.9 L 668.1 638.0 L 671.8 668.2 L 668.3 670.0 L 648.5 650.9 L 628.9 659.2 L 633.6 663.7 L 635.7 673.0 L 644.1 675.1 L 648.0 682.5 L 634.2 688.2 L 628.0 680.3 L 617.9 674.8 L 615.8 677.1 L 629.9 713.5 L 629.1 724.5 L 634.1 734.8 L 626.6 730.6 L 618.1 717.1 L 615.5 716.7 L 610.9 717.4 L 605.9 728.5 L 605.9 734.9 L 603.3 733.3 L 601.0 731.4 L 601.1 721.5 L 588.7 704.3 L 583.4 706.3 L 580.7 719.6 L 567.7 701.5 L 567.5 695.2 L 572.3 689.5 L 571.7 685.3 L 567.2 677.2 L 557.0 670.4 L 555.3 664.8 L 549.0 660.5 L 549.3 657.0 L 556.1 651.3 L 560.2 642.2 L 570.9 643.4 L 577.9 635.2 L 608.7 646.7 L 620.9 654.5 L 624.0 655.0 L 622.9 650.0 L 632.5 648.8 L 635.1 645.6 L 631.3 642.2 L 620.4 640.2 L 603.0 629.2 L 598.7 633.6 L 583.8 630.6 L 563.1 635.5 L 557.1 626.6 L 555.9 632.7 L 550.8 634.2 L 547.9 632.1 L 542.8 617.6 L 533.8 609.3 L 533.4 605.7 L 533.8 602.8 L 538.7 602.1 L 547.9 604.5 L 549.6 603.1 L 548.1 597.3 L 533.9 598.5 L 520.8 585.1 L 513.7 581.2 L 509.1 569.2 L 501.1 560.3 L 506.6 562.9 L 511.5 562.0 L 513.9 555.5 L 517.2 555.2 L 514.2 545.5 L 528.7 537.9 L 535.0 519.8 L 541.1 517.1 L 544.5 510.0 L 541.7 497.3 L 556.8 496.4 L 560.2 494.2 L 567.4 496.3 L 576.0 491.7 L 585.0 481.7 L 593.0 480.1 L 606.0 482.4 L 615.8 479.0 L 618.3 470.4 L 633.9 471.0 L 637.5 467.4 L 654.1 467.3 L 670.0 463.2 L 671.8 459.5 L 691.3 458.0 L 694.6 464.2 L 702.1 469.1 L 705.1 466.9 L 711.3 468.6 L 722.2 475.4 L 744.6 470.5 L 750.5 471.5 L 759.4 467.4 L 757.3 449.5 L 762.1 447.3 L 767.2 448.8 Z\"\/>\n                        <path d=\"M 451.9 -21.5 L 442.0 -20.2 L 423.6 -5.1 L 420.5 7.3 L 406.7 18.6 L 395.1 22.5 L 380.4 21.6 L 372.8 37.1 L 369.8 30.4 L 355.5 24.5 L 348.1 28.2 L 335.0 27.2 L 325.3 20.1 L 320.0 20.4 L 303.6 13.1 L 297.3 14.9 L 290.3 11.4 L 287.3 26.1 L 281.5 27.6 L 277.5 37.1 L 269.0 35.4 L 263.9 38.5 L 256.4 38.4 L 250.5 36.9 L 247.9 31.1 L 229.4 14.0 L 224.9 14.3 L 202.8 -9.8 L 198.5 -9.8 L 192.9 -15.3 L 180.7 -36.4 L 185.8 -46.6 L 173.0 -59.8 L 168.0 -73.2 L 171.6 -72.3 L 175.9 -65.3 L 187.3 -79.3 L 196.4 -81.7 L 203.9 -80.1 L 207.0 -85.7 L 213.9 -87.0 L 216.3 -91.4 L 222.1 -94.4 L 224.7 -93.0 L 229.8 -99.9 L 264.0 -112.8 L 259.2 -119.7 L 260.3 -121.6 L 271.4 -119.2 L 274.3 -109.9 L 278.9 -107.2 L 289.8 -112.0 L 290.3 -120.5 L 301.4 -116.8 L 305.4 -107.0 L 321.3 -102.2 L 330.5 -97.6 L 332.9 -93.7 L 344.5 -96.6 L 347.8 -94.4 L 350.3 -91.2 L 348.6 -87.4 L 341.5 -81.3 L 359.5 -60.1 L 374.3 -68.9 L 369.7 -81.5 L 381.1 -78.3 L 392.2 -70.1 L 404.3 -73.6 L 405.7 -68.5 L 399.6 -63.7 L 401.1 -61.0 L 409.7 -52.3 L 418.0 -55.7 L 429.7 -47.8 L 440.5 -45.5 L 441.9 -37.6 L 450.8 -28.2 L 451.9 -21.5 Z\"\/>\n                        <path d=\"M 838.5 434.5 L 832.8 433.5 L 818.3 437.2 L 806.1 427.5 L 779.6 434.8 L 775.2 442.6 L 768.9 444.0 L 767.2 448.8 L 758.2 448.3 L 756.5 451.2 L 759.7 459.8 L 759.4 467.4 L 750.5 471.5 L 744.6 470.5 L 722.2 475.4 L 711.3 468.6 L 705.1 466.9 L 702.1 469.1 L 690.0 457.9 L 671.8 459.5 L 670.0 463.2 L 654.1 467.3 L 637.5 467.4 L 633.9 471.0 L 623.8 470.2 L 627.5 447.5 L 620.5 433.1 L 609.8 426.8 L 599.7 414.9 L 603.0 414.1 L 607.3 407.7 L 603.6 396.9 L 604.9 384.7 L 615.0 382.3 L 624.9 370.1 L 626.4 364.8 L 606.3 345.7 L 600.8 330.4 L 603.0 317.2 L 610.4 313.2 L 611.6 306.2 L 615.0 303.7 L 628.6 313.0 L 621.8 320.7 L 624.0 327.3 L 636.8 325.0 L 679.0 331.4 L 687.6 329.6 L 732.5 336.8 L 746.1 331.2 L 762.8 317.2 L 799.4 307.8 L 813.7 316.4 L 826.9 320.2 L 833.0 318.3 L 840.0 328.0 L 847.2 330.9 L 862.5 332.7 L 861.6 346.7 L 857.5 353.2 L 851.4 351.0 L 843.5 352.8 L 834.9 364.9 L 833.2 390.0 L 827.5 392.5 L 816.2 406.1 L 825.6 412.9 L 838.5 434.5 Z\"\/>\n                        <path d=\"M 60.1 120.6 L 64.2 108.4 L 60.0 104.8 L 65.3 104.7 L 69.4 101.6 L 78.8 106.0 L 82.8 112.9 L 88.4 114.8 L 87.7 120.1 L 95.5 114.6 L 98.5 103.1 L 116.8 105.0 L 121.3 112.7 L 123.9 113.0 L 134.7 111.0 L 152.3 101.1 L 172.0 98.9 L 173.0 92.7 L 184.5 97.7 L 193.1 95.7 L 196.7 97.6 L 198.3 103.7 L 206.9 107.7 L 208.6 96.6 L 207.7 93.9 L 202.0 92.5 L 204.4 81.9 L 196.2 70.2 L 198.5 64.9 L 222.1 52.2 L 226.8 38.2 L 234.7 41.9 L 236.8 40.7 L 239.4 37.8 L 240.6 26.4 L 247.9 31.1 L 250.5 36.9 L 263.9 38.5 L 269.0 35.4 L 277.5 37.1 L 281.5 27.6 L 287.3 26.1 L 290.3 11.4 L 297.3 14.9 L 303.6 13.1 L 320.0 20.4 L 325.3 20.1 L 335.0 27.2 L 348.1 28.2 L 355.5 24.5 L 369.8 30.4 L 372.8 37.1 L 369.1 50.6 L 380.9 74.6 L 376.0 85.2 L 377.5 93.3 L 365.7 95.2 L 357.5 90.7 L 350.4 95.4 L 359.6 99.5 L 361.1 104.1 L 358.9 109.6 L 351.3 112.6 L 352.1 135.9 L 343.3 139.1 L 334.2 146.9 L 330.8 157.2 L 322.8 155.1 L 309.0 160.1 L 286.0 161.6 L 271.6 174.2 L 184.4 157.5 L 180.6 155.6 L 170.7 141.3 L 171.3 132.2 L 154.8 138.2 L 132.4 138.8 L 127.7 141.3 L 123.2 149.8 L 119.0 151.5 L 112.0 150.1 L 109.0 146.8 L 99.1 145.7 L 97.5 139.5 L 94.7 138.3 L 85.6 146.5 L 74.9 141.2 L 73.5 136.9 L 62.3 133.8 L 63.6 130.7 L 60.1 120.6 Z\"\/>\n                        <path d=\"M 473.4 440.2 L 474.2 428.8 L 470.8 423.0 L 488.6 395.9 L 492.1 405.7 L 503.7 401.6 L 511.2 413.5 L 523.1 423.0 L 525.5 437.4 L 522.8 456.8 L 519.9 459.8 L 521.6 473.7 L 530.9 493.0 L 540.4 494.4 L 544.5 510.0 L 541.1 517.1 L 535.0 519.8 L 528.7 537.9 L 514.2 545.5 L 517.2 555.2 L 513.9 555.5 L 509.8 563.4 L 501.1 560.3 L 494.8 542.0 L 479.4 532.8 L 472.5 521.9 L 477.5 523.7 L 478.3 522.0 L 473.2 507.7 L 478.4 492.7 L 477.5 465.2 L 483.2 453.1 L 483.3 444.8 L 473.4 440.2 Z\"\/>\n                      <\/g>\n                      <g fill=\"rgba(16,208,160,0.10)\" stroke=\"rgba(16,208,160,0.55)\" stroke-width=\"1.2\" stroke-linejoin=\"round\" fill-rule=\"evenodd\">\n                        <path d=\"M 230.6 227.7 L 232.2 230.1 L 243.3 233.0 L 245.7 231.7 L 248.1 228.1 L 252.0 230.0 L 264.0 229.8 L 266.4 228.3 L 270.9 219.9 L 272.4 219.2 L 275.8 224.4 L 281.8 230.0 L 284.1 230.6 L 288.6 228.7 L 295.2 231.6 L 300.7 232.2 L 304.8 230.6 L 302.5 223.9 L 302.7 221.9 L 305.4 219.0 L 302.2 214.7 L 309.6 210.7 L 316.8 208.5 L 318.0 206.8 L 319.0 199.5 L 318.6 195.6 L 315.7 191.9 L 316.2 188.1 L 317.3 186.3 L 332.7 179.9 L 335.4 175.9 L 342.2 175.8 L 343.3 174.8 L 342.6 169.0 L 346.2 165.9 L 354.4 168.1 L 364.1 173.2 L 369.3 177.9 L 372.2 183.1 L 376.1 187.1 L 381.0 190.0 L 384.9 193.8 L 387.8 198.7 L 391.8 201.5 L 397.0 202.1 L 400.3 203.7 L 401.7 206.5 L 408.7 211.2 L 431.9 213.4 L 439.3 210.8 L 444.9 204.1 L 447.2 204.6 L 455.0 202.6 L 454.5 206.6 L 452.2 208.4 L 456.7 219.3 L 455.5 222.6 L 457.0 225.2 L 461.7 227.8 L 459.3 230.7 L 459.1 234.7 L 462.9 238.4 L 472.9 242.6 L 475.8 245.9 L 475.8 247.3 L 475.3 248.3 L 467.6 248.6 L 464.7 246.9 L 464.4 249.5 L 461.6 250.4 L 463.2 260.1 L 462.5 262.9 L 461.5 263.9 L 459.4 263.4 L 459.2 266.3 L 456.5 266.6 L 452.1 265.5 L 450.0 263.6 L 448.3 257.0 L 444.7 254.0 L 437.4 253.5 L 428.8 250.6 L 422.6 251.5 L 416.7 250.1 L 411.6 254.0 L 409.0 253.9 L 402.3 248.8 L 395.9 251.4 L 388.4 248.8 L 383.6 249.3 L 380.0 248.3 L 371.3 242.1 L 365.9 246.8 L 355.0 245.6 L 345.0 258.0 L 339.3 254.3 L 333.8 247.3 L 327.9 245.7 L 323.7 247.9 L 321.5 272.5 L 327.6 277.5 L 334.7 286.0 L 337.0 287.0 L 341.7 305.0 L 345.3 310.3 L 357.5 322.7 L 362.7 330.5 L 378.3 345.8 L 385.2 348.5 L 386.3 349.9 L 387.1 358.0 L 402.1 375.3 L 401.8 378.0 L 399.4 379.2 L 388.6 369.0 L 380.2 363.5 L 370.7 353.0 L 357.9 348.8 L 349.2 344.2 L 338.1 346.4 L 332.0 345.6 L 330.2 342.7 L 330.2 337.6 L 311.6 322.9 L 298.4 307.5 L 295.7 302.5 L 302.5 300.7 L 310.4 301.6 L 301.9 295.1 L 289.7 282.1 L 286.1 276.0 L 286.6 260.3 L 284.4 253.7 L 275.0 245.3 L 271.6 240.8 L 264.7 238.1 L 261.6 238.4 L 259.7 241.7 L 258.4 249.0 L 247.0 268.3 L 242.6 268.2 L 232.8 252.1 L 228.1 229.8 L 230.6 227.7 Z M 360.0 375.8 L 367.8 377.5 L 373.5 376.7 L 378.7 377.7 L 382.7 380.4 L 373.8 379.8 L 368.4 381.7 L 362.0 379.5 L 360.0 375.8 Z M 382.9 368.4 L 361.2 368.6 L 355.8 367.4 L 348.5 363.3 L 354.6 362.4 L 360.3 363.3 L 362.0 365.6 L 382.9 368.4 Z M 365.7 360.0 L 353.3 359.1 L 350.4 357.3 L 351.5 353.3 L 367.8 355.4 L 370.2 357.5 L 365.7 360.0 Z M 300.3 314.0 L 300.9 316.0 L 295.7 312.1 L 293.3 308.4 L 300.3 314.0 Z M 282.5 259.9 L 277.3 261.2 L 274.2 257.1 L 270.0 256.5 L 267.4 253.9 L 266.9 252.7 L 270.5 249.8 L 272.5 245.2 L 282.5 259.9 Z M 283.4 272.9 L 284.5 275.5 L 277.0 272.2 L 276.2 270.5 L 277.5 267.6 L 280.2 267.8 L 283.4 272.9 Z M 298.5 297.9 L 297.4 299.5 L 286.9 289.0 L 285.7 285.6 L 279.7 276.5 L 284.4 281.2 L 286.2 281.7 L 300.6 297.0 L 298.5 297.9 Z M 298.5 322.1 L 299.0 323.6 L 296.2 323.0 L 284.8 307.8 L 298.5 322.1 Z M 306.2 319.1 L 308.9 323.5 L 306.3 322.6 L 301.9 317.0 L 306.2 319.1 Z M 269.0 278.8 L 268.6 281.0 L 266.1 278.1 L 261.6 264.5 L 261.2 262.1 L 262.8 259.8 L 262.7 257.4 L 260.5 249.9 L 262.4 248.7 L 263.5 248.6 L 265.0 256.7 L 268.1 260.3 L 267.5 266.3 L 269.0 278.8 Z M 400.3 388.9 L 406.1 392.9 L 389.2 387.7 L 392.9 387.1 L 400.3 388.9 Z M 435.2 400.9 L 435.3 403.0 L 438.6 408.2 L 409.4 387.3 L 399.4 385.0 L 385.6 377.5 L 376.6 374.8 L 384.0 374.2 L 405.2 384.2 L 402.8 381.6 L 405.9 380.5 L 408.5 381.3 L 410.2 384.6 L 422.1 393.4 L 429.6 398.6 L 435.2 400.9 Z\"\/>\n                        <path d=\"M 473.6 265.7 L 471.2 276.6 L 465.3 286.6 L 463.9 296.5 L 465.3 299.9 L 473.2 304.4 L 483.5 315.1 L 483.5 317.0 L 482.1 318.4 L 471.8 318.0 L 469.3 319.7 L 479.5 334.9 L 479.2 341.2 L 477.9 343.1 L 474.1 341.3 L 471.6 341.4 L 469.7 341.8 L 467.1 344.8 L 462.3 345.7 L 457.9 344.3 L 456.9 345.2 L 456.4 346.9 L 460.5 355.0 L 460.1 358.8 L 458.1 359.2 L 456.2 356.1 L 452.7 355.7 L 445.2 362.3 L 443.0 368.5 L 443.1 374.1 L 437.4 375.0 L 435.5 377.5 L 436.5 388.5 L 439.8 396.2 L 435.2 400.9 L 429.6 398.6 L 422.1 393.4 L 410.2 384.6 L 408.5 381.3 L 405.9 380.5 L 402.8 381.6 L 399.4 379.2 L 401.8 378.0 L 402.1 375.3 L 387.1 358.0 L 386.3 349.9 L 385.2 348.5 L 378.3 345.8 L 362.7 330.5 L 357.5 322.7 L 345.3 310.3 L 341.7 305.0 L 337.0 287.0 L 334.7 286.0 L 327.6 277.5 L 321.5 272.5 L 323.7 247.9 L 325.2 246.5 L 327.9 245.7 L 333.8 247.3 L 339.3 254.3 L 345.0 258.0 L 355.0 245.6 L 365.9 246.8 L 371.3 242.1 L 380.0 248.3 L 383.6 249.3 L 388.4 248.8 L 395.9 251.4 L 402.3 248.8 L 409.0 253.9 L 411.6 254.0 L 416.7 250.1 L 422.6 251.5 L 428.8 250.6 L 437.4 253.5 L 444.7 254.0 L 448.3 257.0 L 450.0 263.6 L 452.1 265.5 L 456.5 266.6 L 460.7 266.2 L 468.9 263.7 L 473.6 265.7 Z\"\/>\n                      <\/g>\n                      <g fill=\"#10d0a0\">\n                        <circle cx=\"331.9\" cy=\"209.7\" r=\"6\">\n                          <animate attributeName=\"r\" values=\"6;9;6\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                          <animate attributeName=\"opacity\" values=\"1;0.45;1\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"331.9\" cy=\"209.7\" r=\"6\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"1.5\" opacity=\"0\">\n                          <animate attributeName=\"r\" values=\"6;26\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                          <animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"434.2\" cy=\"326.0\" r=\"6\">\n                          <animate attributeName=\"r\" values=\"6;9;6\" dur=\"2.6s\" repeatCount=\"indefinite\"\/>\n                          <animate attributeName=\"opacity\" values=\"1;0.45;1\" dur=\"2.6s\" repeatCount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"434.2\" cy=\"326.0\" r=\"6\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"1.5\" opacity=\"0\">\n                          <animate attributeName=\"r\" values=\"6;26\" dur=\"2.6s\" repeatCount=\"indefinite\"\/>\n                          <animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.6s\" repeatCount=\"indefinite\"\/>\n                        <\/circle>\n                      <\/g>\n                    <\/svg>\n                <\/div>\n                <div class=\"map-blend-overlay\"><\/div>\n\n                <div style=\"flex: 1; min-width: 300px; z-index: 2; position: relative;\">\n                    <div class=\"custom-em-badge\" style=\"background: rgba(16, 208, 160, 0.15); color: #10d0a0; margin-bottom: 1.5rem; border: 1px solid rgba(16, 208, 160, 0.3);\">Exclusive partnership<\/div>\n                    <h3 style=\"color: #fff; font-size: 2.5rem; margin-bottom: 1.5rem; line-height: 1.2;\">SIEMENS Building X<\/h3>\n                    <p style=\"font-size: 1.1rem; color: #cbd5e1; line-height: 1.7; margin-bottom: 1.5rem;\">\n                        We are proud to be <strong style=\"color: #fff;\">the only authorised partner in the region<\/strong> for the most advanced building management platform available.\n                    <\/p>\n                    <p style=\"font-size: 1.1rem; color: #cbd5e1; line-height: 1.7;\">\n                        Our mission is to empower companies across the region through smart energy management, using our local expertise to build the smarter, greener buildings of the future.\n                    <\/p>\n                <\/div>\n\n                <!-- Spacer to keep flex layout balanced -->\n                <div style=\"flex: 1; min-width: 300px; position: relative; z-index: 2; pointer-events: none;\">\n                <\/div>\n\n                <!-- Decorative glow -->\n                <div style=\"position: absolute; top: 50%; right: 10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(16, 208, 160, 0.08) 0%, rgba(0,0,0,0) 70%); transform: translateY(-50%); z-index: 1; pointer-events: none;\"><\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-bottom: 3rem;\">\n                <h4 style=\"color: #fff; font-size: 1.5rem;\">The modules we use for Energy Management:<\/h4>\n            <\/div>\n            \n            <div class=\"custom-em-grid-4\" style=\"max-width: 1200px; margin: 0 auto;\">\n                <!-- Operations Manager -->\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.1s; text-align: center;\">\n                    <div class=\"siemens-module-icon\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <rect x=\"4\" y=\"10\" width=\"6\" height=\"10\" rx=\"1\" ry=\"1\"\/>\n                            <rect x=\"12\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\" ry=\"1\"\/>\n                            <path d=\"M6 14h2\"\/><path d=\"M6 17h2\"\/>\n                            <path d=\"M15 8h2\"\/><path d=\"M15 12h2\"\/><path d=\"M15 16h2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4 style=\"color: #fff; font-size: 1.25rem; margin-bottom: 0.5rem;\">Operations Manager<\/h4>\n                    <p style=\"font-size: 0.9rem; color: #cbd5e1;\">Centralised operations management and real-time oversight of every system.<\/p>\n                <\/div>\n                \n                <!-- Data Visualizer -->\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.2s; text-align: center;\">\n                    <div class=\"siemens-module-icon\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"4 4 4 20 20 20\"\/>\n                            <polyline points=\"6 16 10 12 14 15 20 8\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4 style=\"color: #fff; font-size: 1.25rem; margin-bottom: 0.5rem;\">Data Visualizer<\/h4>\n                    <p style=\"font-size: 0.9rem; color: #cbd5e1;\">Advanced data visualisation that makes decisions and trends easier to read.<\/p>\n                <\/div>\n\n                <!-- Energy Manager Essential -->\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.3s; text-align: center;\">\n                    <div class=\"siemens-module-icon\">\n                        <span style=\"font-weight: 700; font-size: 16px; margin-bottom: 2px; font-family: 'Inter', sans-serif;\">kWh<\/span>\n                        <svg width=\"28\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4 style=\"color: #fff; font-size: 1.25rem; margin-bottom: 0.5rem;\">Energy Manager Essential<\/h4>\n                    <p style=\"font-size: 0.9rem; color: #cbd5e1;\">The core module for tracking, analysing and optimising energy use in your facility.<\/p>\n                <\/div>\n\n                <!-- Comfort AI -->\n                <div class=\"custom-em-card custom-em-fade-in-up\" style=\"background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); transition-delay: 0.4s; text-align: center;\">\n                    <div class=\"siemens-module-icon\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z\"\/>\n                            <path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4 style=\"color: #fff; font-size: 1.25rem; margin-bottom: 0.5rem;\">Comfort AI<\/h4>\n                    <p style=\"font-size: 0.9rem; color: #cbd5e1;\">AI-driven automation and control of HVAC systems for maximum savings and occupant comfort.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ROI Calculator Section -->\n    <section id=\"Kalkulator\" class=\"custom-em-section\">\n        <div style=\"text-align: center; margin-bottom: 4rem;\">\n            <div class=\"custom-em-badge\">ROI calculator<\/div>\n            <h2>Calculate your return on investment<\/h2>\n            <p style=\"font-size: 1.1rem; color: #64748b; max-width: 600px; margin: 0 auto;\">See how quickly an energy management system pays for itself through lower costs.<\/p>\n        <\/div>\n        \n        <div class=\"calc-container\">\n            <!-- Inputs -->\n            <div class=\"calc-input-col\">\n                <div>\n                    <label style=\"display: flex; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                        Average monthly energy consumption (kWh)\n                        <span class=\"calc-tooltip\" data-tooltip=\"Enter your facility's average monthly electricity consumption in kilowatt-hours.\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                        <\/span>\n                    <\/label>\n                    <input type=\"number\" id=\"calc-kwh\" class=\"calc-input\" value=\"33500\" min=\"0\" step=\"500\">\n                <\/div>\n                \n                <div>\n                    <label style=\"display: flex; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                        Average energy price (\u20ac\/kWh)\n                        <span class=\"calc-tooltip\" data-tooltip=\"Enter the average price you pay per kilowatt-hour, including network charges and fees.\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                        <\/span>\n                    <\/label>\n                    <input type=\"number\" id=\"calc-price-kwh\" class=\"calc-input\" value=\"0.15\" min=\"0.01\" step=\"0.01\">\n                <\/div>\n\n                <div style=\"margin-bottom: 1rem; padding: 0.75rem; background: #f8fafc; border-radius: 6px; border: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center;\">\n                    <span style=\"font-size: 0.9rem; color: #64748b; font-weight: 600;\">Indicative monthly cost:<\/span>\n                    <span id=\"calc-monthly-cost-display\" style=\"font-weight: 700; color: #0f172a; font-size: 1.1rem;\">\u20ac5,025<\/span>\n                <\/div>\n                \n                <div>\n                    <label style=\"display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                        <span style=\"display: flex; align-items: center;\">\n                            Expected savings\n                            <span class=\"calc-tooltip\" data-tooltip=\"The percentage by which you expect consumption to fall after the system is implemented (typically 15\u201330%).\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                            <\/span>\n                        <\/span>\n                        <span id=\"calc-savings-val\" style=\"color: #10d0a0; font-weight: 700; font-size: 1.2rem;\">20%<\/span>\n                    <\/label>\n                    <input type=\"range\" id=\"calc-savings\" class=\"calc-range\" min=\"10\" max=\"50\" value=\"20\" step=\"1\">\n                    <div style=\"display: flex; justify-content: space-between; font-size: 0.85rem; color: #64748b;\">\n                        <span>10%<\/span>\n                        <span>50%<\/span>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <label style=\"display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                        <span style=\"display: flex; align-items: center;\">\n                            Energy share of operating costs\n                            <span class=\"calc-tooltip\" data-tooltip=\"What share of total operating costs (OPEX) goes to energy. Used to estimate the gain in profit margin.\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                            <\/span>\n                        <\/span>\n                        <span id=\"calc-opex-val\" style=\"color: #10d0a0; font-weight: 700; font-size: 1.2rem;\">15%<\/span>\n                    <\/label>\n                    <input type=\"range\" id=\"calc-opex\" class=\"calc-range\" min=\"1\" max=\"50\" value=\"15\" step=\"1\">\n                    <div style=\"display: flex; justify-content: space-between; font-size: 0.85rem; color: #64748b;\">\n                        <span>1%<\/span>\n                        <span>50%<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div>\n                    <label style=\"display: flex; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                        Estimated system investment (\u20ac)\n                        <span class=\"calc-tooltip\" data-tooltip=\"Total cost of introducing the energy management system (hardware, software, installation).\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                        <\/span>\n                    <\/label>\n                    <input type=\"number\" id=\"calc-invest\" class=\"calc-input\" value=\"15000\" min=\"0\" step=\"500\">\n                    <p style=\"font-size: 0.85rem; color: #64748b; margin-top: 0.5rem;\">*Indicative calculation. Accuracy depends on the size and complexity of the facility.<\/p>\n                <\/div>\n\n                <div style=\"margin-top: 1.5rem;\">\n                    <button id=\"toggle-advanced-calc\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border: 1px solid #cbd5e1; color: #334155; padding: 0.85rem 1rem; border-radius: 8px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 0.75rem; width: 100%; justify-content: center; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.02);\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg>\n                        <span>Advanced calculator options<\/span>\n                        <svg id=\"advanced-chevron\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transition: transform 0.3s; margin-left: auto;\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"advanced-calc-options\" style=\"display: none; margin-top: 1rem; padding: 1.5rem; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; gap: 1.5rem; flex-direction: column; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\">\n                    <div>\n                        <label style=\"display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                            <span style=\"display: flex; align-items: center;\">\n                                Expected annual energy price increase\n                                <span class=\"calc-tooltip\" data-tooltip=\"Average annual rise in energy prices. It increases long-term savings, since you avoid paying the higher price.\">\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                                <\/span>\n                            <\/span>\n                            <span id=\"calc-growth-val\" style=\"color: #10d0a0; font-weight: 700; font-size: 1.2rem;\">0%<\/span>\n                        <\/label>\n                        <input type=\"range\" id=\"calc-growth\" class=\"calc-range\" min=\"0\" max=\"20\" value=\"0\" step=\"1\">\n                    <\/div>\n                    <div>\n                        <label style=\"display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                            <span style=\"display: flex; align-items: center;\">\n                                EU co-financing \/ incentives\n                                <span class=\"calc-tooltip\" data-tooltip=\"The share of the investment covered by grants or incentives. It lowers your real cost and shortens the payback period.\">\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                                <\/span>\n                            <\/span>\n                            <span id=\"calc-subsidy-val\" style=\"color: #10d0a0; font-weight: 700; font-size: 1.2rem;\">0%<\/span>\n                        <\/label>\n                        <input type=\"range\" id=\"calc-subsidy\" class=\"calc-range\" min=\"0\" max=\"80\" value=\"0\" step=\"5\">\n                    <\/div>\n                    <div>\n                        <label style=\"display: flex; align-items: center; font-weight: 600; margin-bottom: 0.5rem; color: #0f172a;\">\n                            Annual equipment maintenance cost (\u20ac)\n                            <span class=\"calc-tooltip\" data-tooltip=\"Annual maintenance cost of your existing energy systems. Smart management reduces faults and maintenance spend.\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                            <\/span>\n                        <\/label>\n                        <input type=\"number\" id=\"calc-maint\" class=\"calc-input\" value=\"0\" min=\"0\" step=\"100\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Outputs -->\n            <div class=\"calc-output\">\n                <!-- Decorative background element -->\n                <div style=\"position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(16, 208, 160, 0.15) 0%, rgba(0,0,0,0) 70%); border-radius: 50%; pointer-events: none;\"><\/div>\n                \n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; position: relative; z-index: 2;\">\n                    <div>\n                        <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;\">Annual savings<\/div>\n                        <div class=\"calc-res-value\" style=\"color: #10d0a0;\" id=\"res-annual\">\u20ac12,000<\/div>\n                    <\/div>\n                    <div>\n                        <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;\">Margin gain<\/div>\n                        <div class=\"calc-res-value\" style=\"color: #10d0a0;\" id=\"res-margin\">+3.0%<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"height: 1px; background: rgba(255,255,255,0.1); width: 100%; position: relative; z-index: 2;\"><\/div>\n                \n                <div style=\"position: relative; z-index: 2;\">\n                    <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;\">Return on investment (ROI)<\/div>\n                    <div style=\"display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap;\">\n                        <div class=\"calc-res-value\" style=\"color: #fff;\" id=\"res-roi\">1.3 yrs<\/div>\n                        <div style=\"font-size: 1rem; color: #94a3b8;\" id=\"res-roi-months\">(15 months)<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Eco Impact -->\n                <div style=\"margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); position: relative; z-index: 2;\">\n                    <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem;\">Environmental impact (annual)<\/div>\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\">\n                        <div style=\"display: flex; flex-direction: column; align-items: flex-start;\">\n                            <div class=\"calc-res-value\" style=\"color: #10d0a0; font-size: 1.5rem;\" id=\"res-co2\">18.5 t<\/div>\n                            <div style=\"font-size: 0.85rem; color: #94a3b8; margin-bottom: 0.75rem;\">CO\u2082 reduction<\/div>\n                            <div style=\"background: rgba(16, 208, 160, 0.1); padding: 0.5rem; border-radius: 50%;\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/><\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"display: flex; flex-direction: column; align-items: flex-start;\">\n                            <div class=\"calc-res-value\" style=\"color: #10d0a0; font-size: 1.5rem;\" id=\"res-trees\">830<\/div>\n                            <div style=\"font-size: 0.85rem; color: #94a3b8; margin-bottom: 0.75rem;\">Equivalent in trees<\/div>\n                            <div style=\"background: rgba(16, 208, 160, 0.1); padding: 0.5rem; border-radius: 50%;\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10d0a0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m8 14-6 6h20l-6-6\"\/><path d=\"m10 8-4 6h12l-4-6\"\/><path d=\"m12 2-2 6h4z\"\/><path d=\"M12 22v-2\"\/><\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Advanced Outputs -->\n                <div id=\"advanced-outputs\" style=\"display: none; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); position: relative; z-index: 2;\">\n                    <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;\">Five-year projection<\/div>\n                    <div style=\"display: grid; grid-template-columns: 1fr; gap: 1rem;\">\n                        <div>\n                            <div class=\"calc-res-value\" style=\"color: #fff; font-size: 1.8rem;\" id=\"res-5yr-savings\">\u20ac65,000<\/div>\n                            <div style=\"font-size: 0.85rem; color: #94a3b8;\">Net financial impact (savings \u2212 investment)<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart -->\n                <div style=\"margin-top: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); position: relative; z-index: 2;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;\">\n                        <div style=\"font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px;\">12-month projection<\/div>\n                        <div style=\"display: flex; gap: 1rem; font-size: 0.75rem; color: #cbd5e1;\">\n                            <div style=\"display: flex; align-items: center; gap: 0.4rem;\"><div style=\"width: 12px; height: 12px; background: #10d0a0; border-radius: 2px;\"><\/div> New cost<\/div>\n                            <div style=\"display: flex; align-items: center; gap: 0.4rem;\"><div style=\"width: 12px; height: 12px; background: rgba(255,255,255,0.15); border-radius: 2px;\"><\/div> Savings<\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"monthly-chart\" style=\"display: flex; align-items: flex-end; justify-content: space-between; height: 180px; position: relative;\">\n                        <!-- Grid line -->\n                        <div style=\"position: absolute; bottom: 25px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2);\"><\/div>\n                        <!-- Bars injected via JS -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section id=\"Sastanak\" class=\"custom-em-section\" style=\"text-align: center;\">\n        <div style=\"max-width: 800px; margin: 0 auto;\">\n            <div class=\"custom-em-badge\">Contact<\/div>\n            <h2>Let's start the conversation<\/h2>\n            <p style=\"font-size: 1.25rem; margin-bottom: 4rem;\">Alfa Therm brings precision, innovation and expertise to every detail. Book a slot and discover the potential of your facility.<\/p>\n            \n            <div style=\"background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.05);\">\n                <div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/energy-alfatherm\/30min?primary_color=ef5230&hide_event_type_details=1&hide_gdpr_banner=1\" style=\"min-width:320px;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n    \/* =========================================================\n       Pomo\u0107ne funkcije\n       ========================================================= *\/\n    var supportsIO = 'IntersectionObserver' in window;\n\n    \/\/ Lijeno u\u010ditavanje vanjskog resursa tek kad se element pribli\u017ei viewportu\n    function lazyLoad(targetEl, rootMargin, callback) {\n        if (!targetEl) return;\n        if (!supportsIO) { callback(); return; }\n        var obs = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    obs.disconnect();\n                    callback();\n                }\n            });\n        }, { rootMargin: rootMargin });\n        obs.observe(targetEl);\n    }\n\n    function debounce(fn, wait) {\n        var t;\n        return function() {\n            clearTimeout(t);\n            t = setTimeout(fn, wait);\n        };\n    }\n\n    \/* =========================================================\n       0) Prisilni razmaci u grid sekcijama (The solution, Paketi, The challenge,\n       Siemens moduli). Inline stilovi s \"important\" prioritetom\n       pobje\u0111uju SVAKI vanjski CSS (temu, plugine, Elementor), pa\n       razmak izme\u0111u kartica ne mo\u017ee nestati bez obzira na okolinu.\n       ========================================================= *\/\n    function enforceGridSpacing() {\n        var mobile = window.innerWidth <= 768;\n        var tablet = window.innerWidth <= 1024;\n\n        document.querySelectorAll('.custom-em-wrapper .custom-em-grid-3').forEach(function(g) {\n            if (mobile) {\n                \/\/ Karusel prikaz \u2014 CSS iz media querya preuzima, \u010distimo inline\n                ['display', 'grid-template-columns', 'row-gap', 'column-gap'].forEach(function(p) {\n                    g.style.removeProperty(p);\n                });\n                g.style.setProperty('column-gap', '1.5rem', 'important');\n                return;\n            }\n            g.style.setProperty('display', 'grid', 'important');\n            g.style.setProperty('grid-template-columns', tablet ? '1fr' : 'repeat(3, 1fr)', 'important');\n            g.style.setProperty('row-gap', '2rem', 'important');\n            g.style.setProperty('column-gap', '2rem', 'important');\n        });\n\n        document.querySelectorAll('.custom-em-wrapper .custom-em-grid-4').forEach(function(g) {\n            g.style.setProperty('display', 'grid', 'important');\n            g.style.setProperty('grid-template-columns', mobile ? '1fr' : (tablet ? '1fr 1fr' : 'repeat(4, 1fr)'), 'important');\n            g.style.setProperty('row-gap', '1.5rem', 'important');\n            g.style.setProperty('column-gap', '1.5rem', 'important');\n        });\n    }\n    enforceGridSpacing();\n    window.addEventListener('resize', debounce(enforceGridSpacing, 150));\n\n    \/* =========================================================\n       1) Calendly \u2014 lijeno u\u010ditavanje widgeta\n       Skripta (~60 KB) + iframe se u\u010ditavaju tek kad je sekcija\n       #Sastanak ~600px od viewporta. Visina je rezervirana u CSS-u\n       (800px \/ 1050px) pa nema pomicanja layouta (CLS = 0).\n       ========================================================= *\/\n    var calendlySection = document.getElementById('Sastanak');\n    lazyLoad(calendlySection, '600px 0px', function() {\n        if (document.querySelector('script[src*=\"assets.calendly.com\"]')) return;\n        var s = document.createElement('script');\n        s.src = 'https:\/\/assets.calendly.com\/assets\/external\/widget.js';\n        s.async = true;\n        document.head.appendChild(s);\n    });\n\n    \/* =========================================================\n       2) Karta regije\n       Nema JS-a \u2014 karta je inline SVG (vidi .map-container gore).\n       Nema vanjskog tile servisa, API klju\u010da ni mre\u017enih zahtjeva.\n       ========================================================= *\/\n\n    \/* =========================================================\n       3) Karusel strelice (mobilni prikaz .custom-em-grid-3)\n       ========================================================= *\/\n    var carousels = document.querySelectorAll('.custom-em-grid-3');\n    carousels.forEach(function(carousel) {\n        var wrapper = document.createElement('div');\n        wrapper.className = 'carousel-wrapper';\n        wrapper.style.position = 'relative';\n\n        carousel.parentNode.insertBefore(wrapper, carousel);\n        wrapper.appendChild(carousel);\n\n        var leftBtn = document.createElement('button');\n        leftBtn.className = 'carousel-arrow left-arrow';\n        leftBtn.type = 'button';\n        leftBtn.setAttribute('aria-label', 'Previous card');\n        leftBtn.innerHTML = '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>';\n\n        var rightBtn = document.createElement('button');\n        rightBtn.className = 'carousel-arrow right-arrow';\n        rightBtn.type = 'button';\n        rightBtn.setAttribute('aria-label', 'Next card');\n        rightBtn.innerHTML = '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>';\n\n        wrapper.appendChild(leftBtn);\n        wrapper.appendChild(rightBtn);\n\n        leftBtn.addEventListener('click', function() {\n            carousel.scrollBy({ left: -carousel.clientWidth * 0.8, behavior: 'smooth' });\n        });\n        rightBtn.addEventListener('click', function() {\n            carousel.scrollBy({ left: carousel.clientWidth * 0.8, behavior: 'smooth' });\n        });\n\n        var updateButtons = function() {\n            if (window.innerWidth > 768 || carousel.scrollWidth <= carousel.clientWidth) {\n                leftBtn.style.display = 'none';\n                rightBtn.style.display = 'none';\n                return;\n            }\n            leftBtn.style.display = carousel.scrollLeft > 10 ? 'flex' : 'none';\n            rightBtn.style.display = carousel.scrollLeft < carousel.scrollWidth - carousel.clientWidth - 10 ? 'flex' : 'none';\n        };\n\n        carousel.addEventListener('scroll', updateButtons, { passive: true });\n        window.addEventListener('resize', debounce(updateButtons, 150));\n        setTimeout(updateButtons, 100);\n    });\n\n    \/* =========================================================\n       4) Animacija brojeva (stats bar)\n       ========================================================= *\/\n    (function animateNumbers() {\n        var elements = document.querySelectorAll('.animate-number');\n        if (!elements.length) return;\n\n        var run = function(el) {\n            var target = parseInt(el.getAttribute('data-target'), 10) || 0;\n            var duration = 2000;\n            var startTime = performance.now();\n            el.textContent = '0';\n\n            var updateNumber = function(currentTime) {\n                var progress = Math.min((currentTime - startTime) \/ duration, 1);\n                var easeProgress = progress * (2 - progress); \/\/ ease-out quad\n                el.textContent = Math.floor(easeProgress * target);\n                if (progress < 1) {\n                    requestAnimationFrame(updateNumber);\n                } else {\n                    el.textContent = target;\n                }\n            };\n            requestAnimationFrame(updateNumber);\n        };\n\n        if (!supportsIO) { elements.forEach(run); return; }\n\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    run(entry.target);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.1 });\n\n        elements.forEach(function(el) {\n            el.textContent = '0';\n            observer.observe(el);\n        });\n    })();\n\n    \/* =========================================================\n       5) Fade-in animacije pri skrolanju\n       ========================================================= *\/\n    (function fadeIns() {\n        var fadeElements = document.querySelectorAll('.custom-em-fade-in-up');\n        if (!fadeElements.length) return;\n\n        if (!supportsIO) {\n            fadeElements.forEach(function(el) { el.classList.add('is-visible'); });\n            return;\n        }\n\n        var fadeObserver = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    fadeObserver.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.1 });\n\n        fadeElements.forEach(function(el) { fadeObserver.observe(el); });\n    })();\n\n    \/* =========================================================\n       6) Hero paralaksa (suptilni zoom + pomak pri skrolanju)\n       ========================================================= *\/\n    (function heroParallax() {\n        var heroImg = document.querySelector('.custom-em-hero-img');\n        if (!heroImg) return;\n        var ticking = false;\n        window.addEventListener('scroll', function() {\n            if (!ticking) {\n                window.requestAnimationFrame(function() {\n                    var scrollY = window.scrollY;\n                    if (scrollY < window.innerHeight) {\n                        var scale = 1 + (scrollY * 0.0003);\n                        var translateY = scrollY * 0.15;\n                        heroImg.style.transform = 'translate3d(0, ' + translateY + 'px, 0) scale(' + scale + ')';\n                    }\n                    ticking = false;\n                });\n                ticking = true;\n            }\n        }, { passive: true });\n    })();\n\n    \/* =========================================================\n       7) ROI kalkulator\n       ========================================================= *\/\n    (function initCalculator() {\n        var kwhInput = document.getElementById('calc-kwh');\n        var savingsInput = document.getElementById('calc-savings');\n        var opexInput = document.getElementById('calc-opex');\n        var investInput = document.getElementById('calc-invest');\n        var priceKwhInput = document.getElementById('calc-price-kwh');\n        var monthlyCostDisplay = document.getElementById('calc-monthly-cost-display');\n\n        var growthInput = document.getElementById('calc-growth');\n        var subsidyInput = document.getElementById('calc-subsidy');\n        var maintInput = document.getElementById('calc-maint');\n\n        if (!kwhInput || !savingsInput || !opexInput || !investInput) return;\n\n        function updateSliderBackground(slider) {\n            var min = parseFloat(slider.min) || 0;\n            var max = parseFloat(slider.max) || 100;\n            var val = parseFloat(slider.value) || 0;\n            var percentage = ((val - min) \/ (max - min)) * 100;\n            slider.style.background = 'linear-gradient(to right, #10d0a0 0%, #10d0a0 ' + percentage + '%, #e2e8f0 ' + percentage + '%, #e2e8f0 100%)';\n        }\n\n        var savingsValDisplay = document.getElementById('calc-savings-val');\n        var opexValDisplay = document.getElementById('calc-opex-val');\n        var growthValDisplay = document.getElementById('calc-growth-val');\n        var subsidyValDisplay = document.getElementById('calc-subsidy-val');\n\n        var resAnnual = document.getElementById('res-annual');\n        var resMargin = document.getElementById('res-margin');\n        var resRoi = document.getElementById('res-roi');\n        var resRoiMonths = document.getElementById('res-roi-months');\n\n        var resCo2 = document.getElementById('res-co2');\n        var resTrees = document.getElementById('res-trees');\n        var res5yrSavings = document.getElementById('res-5yr-savings');\n\n        \/\/ Formatteri kreirani jednom, ne pri svakom izra\u010dunu\n        var currencyFmt = new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'EUR', maximumFractionDigits: 0 });\n        var numberFmt = new Intl.NumberFormat('en-GB');\n        var formatCurrency = function(val) { return currencyFmt.format(val); };\n\n        var chartContainer = document.getElementById('monthly-chart');\n        if (chartContainer) {\n            var barsHTML = '<div style=\"position: absolute; bottom: 25px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2);\"><\/div>';\n            var profile = [1.05, 1.0, 0.95, 0.85, 0.8, 0.9, 1.0, 1.05, 0.95, 0.9, 1.0, 1.1];\n\n            for (var i = 1; i <= 12; i++) {\n                var heightMultiplier = profile[i - 1] * 90;\n                barsHTML += '' +\n                    '<div style=\"display: flex; flex-direction: column; align-items: center; width: 7%; height: 100%; justify-content: flex-end; position: relative; z-index: 1;\">' +\n                        '<div style=\"width: 100%; height: calc(' + heightMultiplier + '% - 25px); display: flex; flex-direction: column; justify-content: flex-end;\">' +\n                            '<div class=\"bar-savings\" style=\"width: 100%; background: rgba(255,255,255,0.15); border-radius: 3px 3px 0 0; transition: height 0.3s ease;\"><\/div>' +\n                            '<div class=\"bar-new-cost\" style=\"width: 100%; background: #10d0a0; transition: height 0.3s ease; box-shadow: 0 0 10px rgba(16, 208, 160, 0.2);\"><\/div>' +\n                        '<\/div>' +\n                        '<div style=\"height: 25px; display: flex; align-items: flex-end; font-size: 0.75rem; color: #94a3b8; padding-bottom: 2px;\">' + i + '<\/div>' +\n                    '<\/div>';\n            }\n            chartContainer.innerHTML = barsHTML;\n        }\n\n        var savingsBars = document.querySelectorAll('.bar-savings');\n        var newCostBars = document.querySelectorAll('.bar-new-cost');\n\n        \/\/ Napredne opcije \u2014 toggle\n        var toggleBtn = document.getElementById('toggle-advanced-calc');\n        var advancedOptions = document.getElementById('advanced-calc-options');\n        var advancedOutputs = document.getElementById('advanced-outputs');\n        var advancedChevron = document.getElementById('advanced-chevron');\n        var advancedVisible = false;\n\n        if (toggleBtn) {\n            toggleBtn.addEventListener('click', function() {\n                advancedVisible = !advancedVisible;\n                advancedOptions.style.display = advancedVisible ? 'flex' : 'none';\n                advancedOutputs.style.display = advancedVisible ? 'block' : 'none';\n                advancedChevron.style.transform = advancedVisible ? 'rotate(180deg)' : 'rotate(0deg)';\n                calculate();\n            });\n        }\n\n        function calculate() {\n            updateSliderBackground(savingsInput);\n            updateSliderBackground(opexInput);\n            if (growthInput) updateSliderBackground(growthInput);\n            if (subsidyInput) updateSliderBackground(subsidyInput);\n\n            \/\/ Negativne i neispravne vrijednosti tretiraj kao 0 (min atribut ne sprje\u010dava ru\u010dni unos)\n            var num = function(el) {\n                var v = parseFloat(el && el.value);\n                return Number.isFinite(v) ? Math.max(0, v) : 0;\n            };\n            var kwh = num(kwhInput);\n            var priceKwh = priceKwhInput ? num(priceKwhInput) : 0.15;\n            var cost = kwh * priceKwh;\n\n            if (monthlyCostDisplay) {\n                monthlyCostDisplay.innerText = formatCurrency(cost);\n            }\n\n            var savingsPct = num(savingsInput);\n            var opexPct = num(opexInput);\n            var invest = num(investInput);\n\n            var growthPct = num(growthInput);\n            var subsidyPct = num(subsidyInput);\n            var maintCost = num(maintInput);\n\n            savingsValDisplay.innerText = savingsPct + '%';\n            opexValDisplay.innerText = opexPct + '%';\n            if (growthValDisplay) growthValDisplay.innerText = growthPct + '%';\n            if (subsidyValDisplay) subsidyValDisplay.innerText = subsidyPct + '%';\n\n            var monthlySavings = cost * (savingsPct \/ 100);\n            var annualSavings = monthlySavings * 12;\n\n            \/\/ Margin gain: (udio energije u OPEX-u) \u00d7 (u\u0161teda energije)\n            var marginIncrease = (opexPct \/ 100) * (savingsPct \/ 100) * 100;\n            resMargin.innerText = '+' + marginIncrease.toFixed(1) + '%';\n\n            resAnnual.innerText = formatCurrency(annualSavings);\n\n            \/\/ A\u017euriraj visine stupaca u 12-mjese\u010dnom grafu\n            savingsBars.forEach(function(bar) { bar.style.height = savingsPct + '%'; });\n            newCostBars.forEach(function(bar) { bar.style.height = (100 - savingsPct) + '%'; });\n\n            \/\/ Ekolo\u0161ki utjecaj\n            var annualKwhSaved = priceKwh > 0 ? annualSavings \/ priceKwh : 0;\n            var co2SavedTons = (annualKwhSaved * 0.234) \/ 1000; \/\/ ~0.234 kg CO2 po kWh\n            var treesPlanted = Math.round(co2SavedTons * 45);   \/\/ ~45 stabala po toni CO2\n\n            if (resCo2) resCo2.innerText = co2SavedTons.toFixed(1) + ' t';\n            if (resTrees) resTrees.innerText = numberFmt.format(treesPlanted);\n\n            \/\/ Napredni izra\u010duni\n            var actualInvest = invest * (1 - (subsidyPct \/ 100));\n\n            \/\/ Petogodi\u0161nja projekcija\n            var total5yrSavings = 0;\n            var currentAnnualCost = cost * 12;\n            var currentAnnualSavings = annualSavings;\n\n            for (var y = 0; y < 5; y++) {\n                \/\/ Neto godi\u0161nja u\u0161teda = u\u0161teda na energiji \u2212 tro\u0161ak odr\u017eavanja sustava\n                total5yrSavings += currentAnnualSavings - maintCost;\n                currentAnnualCost = currentAnnualCost * (1 + (growthPct \/ 100));\n                currentAnnualSavings = currentAnnualCost * (savingsPct \/ 100);\n            }\n\n            var net5yrImpact = total5yrSavings - actualInvest;\n            if (res5yrSavings) res5yrSavings.innerText = formatCurrency(net5yrImpact);\n\n            \/\/ Neto godi\u0161nja u\u0161teda nakon oduzimanja tro\u0161ka odr\u017eavanja sustava\n            var netAnnualSavings = annualSavings - maintCost;\n\n            if (netAnnualSavings > 0 && actualInvest > 0) {\n                var roiYears = actualInvest \/ netAnnualSavings;\n                var roiMonths = Math.round(roiYears * 12);\n                resRoi.innerText = roiYears.toFixed(1) + ' yrs';\n                resRoiMonths.innerText = '(' + roiMonths + ' months)';\n            } else if (actualInvest <= 0 && invest > 0) {\n                resRoi.innerText = '0 yrs';\n                resRoiMonths.innerText = '(Covered by incentives)';\n            } else if (netAnnualSavings <= 0 && actualInvest > 0) {\n                resRoi.innerText = '\u221e';\n                resRoiMonths.innerText = '(Savings do not cover maintenance)';\n            } else {\n                resRoi.innerText = '-';\n                resRoiMonths.innerText = '';\n            }\n        }\n\n        [kwhInput, savingsInput, opexInput, investInput, priceKwhInput, growthInput, subsidyInput, maintInput].forEach(function(el) {\n            if (el) el.addEventListener('input', calculate);\n        });\n\n        calculate(); \/\/ Po\u010detni izra\u010dun\n    })();\n\n});\n<\/script>\n\n\n<footer data-wpr-lazyrender=\"1\" id=\"qodef-page-footer\">\n\t\t<div id=\"qodef-page-footer-top-area\">\n\t\t<div id=\"qodef-page-footer-top-area-inner\" class=\"qodef-content-grid\">\n\t\t\t<div class=\"qodef-grid qodef-layout--columns qodef-responsive--custom qodef-col-num--4 qodef-col-num--1024--2 qodef-col-num--768--2 qodef-col-num--680--1 qodef-col-num--480--1\">\n\t\t\t\t<div class=\"qodef-grid-inner clear\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"media_image-2\" class=\"widget widget_media_image\" data-area=\"footer_top_area_column_1\"><a href=\"https:\/\/alfatherm.com\/en\/\"><img loading=\"lazy\" loading=\"lazy\" width=\"250\" height=\"48\" src=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-300x58.png\" class=\"image wp-image-11  attachment-250x48 size-250x48\" alt=\"Alfa Therm\" style=\"max-width: 100%; height: auto;\" decoding=\"async\" srcset=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo-300x58.png 300w, https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png 500w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\"><\/a><\/div><div id=\"stal_core_separator-2\" class=\"widget widget_stal_core_separator\" data-area=\"footer_top_area_column_1\"><div class=\"qodef-shortcode qodef-m  qodef-separator clear \">\n\t<div class=\"qodef-m-line\" style=\"border-color: rgba(255,255,255,0);margin-top: 10px\"><\/div>\n<\/div><\/div><div id=\"text-10\" class=\"widget widget_text\" data-area=\"footer_top_area_column_1\">\t\t\t<div class=\"textwidget\"><p><span style=\"color: #19355c;\">Through trusted engineering solutions, we improve quality of life and create a legacy for future generations.<\/span><\/p>\n<\/div>\n\t\t<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"custom_html-4\" class=\"widget_text widget widget_custom_html\" data-area=\"footer_top_area_column_2\"><h5 class=\"qodef-widget-title\">Bosnia and Herzegovina<\/h5><div class=\"textwidget custom-html-widget\"><div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack qodef-alignment--top\" style=\"margin-bottom: 23px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d;line-height: 1.625em\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\" style=\"top: 5px;\">\t        <span class=\"qodef-icon-ionicons ion-ios-pin qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px;\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\"><b>MOSTAR<\/b><br>\nALFA THERM d.o.o.<br>\nBi\u0161\u0107e polje b.b., 88000 Mostar<\/span>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t<\/p>\n<\/div><\/div>\n<div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack\" style=\"margin-bottom: 23px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-call qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">+387 36 312 930 <br><br>\n+387 36 324 868\n<\/span>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t<\/p>\n\n<\/div><\/div>\n<div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack\" style=\"margin-bottom: 22px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-chatboxes qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">alfatherm@alfatherm.com<br><br>\nmarketing@alfatherm.com\n<\/span>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t<\/p>\n\n<\/div><\/div><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"custom_html-5\" class=\"widget_text widget widget_custom_html\" data-area=\"footer_top_area_column_3\"><h5 class=\"qodef-widget-title\">Croatia<\/h5><div class=\"textwidget custom-html-widget\"><div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack qodef-alignment--top\" style=\"margin-bottom: 23px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d;line-height: 1.625em\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\" style=\"top: 5px;\">\t        <span class=\"qodef-icon-ionicons ion-ios-pin qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px;\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\"><b>METKOVI\u0106<\/b><br>\nALFA THERM d.o.o.<br>\nMostarska 12, 20350 Metkovi\u0107<\/span>\n\t\t\t<\/span>\n\t\t\t<\/p>\n<p class=\"qodef-e-title\" style=\"color: #1b375d;line-height: 1.625em\">\n<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-call qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">+385 20 685 661 <\/span>\n\t\t\t<\/span>\n\n<\/p>\n<br><br>\n\n<p class=\"qodef-e-title\" style=\"color: #1b375d;line-height: 1.625em\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\" style=\"top: 5px;\">\t        <span class=\"qodef-icon-ionicons ion-ios-pin qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px;\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\"><b>SAMOBOR<\/b><br>\nDobri\u0161e Cesari\u0107a 18,<br>\n10430 Samobor<\/span>\n\t\t\t<\/span>\n\t\t\t<\/p>\n\n<\/div><\/div>\n<div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack\" style=\"margin-bottom: 23px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-call qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">+385 1 424 2209 <\/span>\n\t\t\t<\/span>\n\t\t\t<\/p>\n\n<\/div><\/div><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"custom_html-6\" class=\"widget_text widget widget_custom_html\" data-area=\"footer_top_area_column_4\"><h5 class=\"qodef-widget-title\">Service Unit<\/h5><div class=\"textwidget custom-html-widget\"><div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack\" style=\"margin-bottom: 23px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-call qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">+387 36 318 009 <br><br>\n+387 63 318 009\n<\/span>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t<\/p>\n\n<\/div><\/div>\n<div class=\"widget widget_stal_core_icon_list_item\" data-area=\"footer_top_area_column_3\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack\" style=\"margin-bottom: 22px\">\n\t<p class=\"qodef-e-title\" style=\"color: #1b375d\">\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--normal\">\t        <span class=\"qodef-icon-ionicons ion-ios-chatboxes qodef-icon qodef-e\" style=\"color: #ef5230;font-size: 25px\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">servis@alfatherm.com<\/span>\n\t\t\t<\/span>\n<\/p>\n<\/div><\/div><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"qodef-page-footer-bottom-area\">\n\t\t<div id=\"qodef-page-footer-bottom-area-inner\" class=\"qodef-content-grid\">\n\t\t\t<div class=\"qodef-grid qodef-layout--columns qodef-responsive--custom qodef-col-num--2 qodef-col-num--768--1 qodef-col-num--680--1 qodef-col-num--480--1\">\n\t\t\t\t<div class=\"qodef-grid-inner clear\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"text-12\" class=\"widget widget_text\" data-area=\"footer_bottom_area_column_1\">\t\t\t<div class=\"textwidget\"><p><span style=\"font-size: 14px;\">Alfa Therm d.o.o. Mostar \u00a9 \u2013 <a href=\"https:\/\/alfatherm.com\/en\/privacy-policy\">Privacy Policy<\/a> | <a href=\"https:\/\/www.webstudio.ba\/\" target=\"_blank\" rel=\"noopener\">WEB: WEB Studio<\/a><\/span><\/p>\n<\/div>\n\t\t<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"qodef-grid-item\">\n\t\t\t\t\t\t\t<div id=\"stal_core_icon-11\" class=\"widget widget_stal_core_icon\" data-area=\"footer_bottom_area_column_2\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-color=\"#ef5230\" data-hover-background-color=\"#ffffff\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 10px 0px 0;width: 40px;height: 40px;line-height: 40px;background-color: #ef5230;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/www.facebook.com\/ALFA-THERM-100083150509432\/\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-facebook qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div><div id=\"stal_core_icon-3\" class=\"widget widget_stal_core_icon\" data-area=\"footer_bottom_area_column_2\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-color=\"#ef5230\" data-hover-background-color=\"#ffffff\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 10px 0px 0;width: 40px;height: 40px;line-height: 40px;background-color: #ef5230;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/www.instagram.com\/alfa.therm\/\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-instagram qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div><div id=\"stal_core_icon-4\" class=\"widget widget_stal_core_icon\" data-area=\"footer_bottom_area_column_2\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-color=\"#ef5230\" data-hover-background-color=\"#ffffff\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 0px 0px 0;width: 40px;height: 40px;line-height: 40px;background-color: #ef5230;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/ba.linkedin.com\/company\/alfa-therm\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-linkedin qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/footer>\n\n<a id=\"qodef-back-to-top\" href=\"#\">\n    <span class=\"qodef-back-to-top-icon\">\n\t\t<span class=\"qodef-icon-elegant-icons arrow_carrot-up\"><\/span>    <\/span>\n<\/a>\n\n\n<div id=\"qodef-side-area\">\n\t\t<a id=\"qodef-side-area-close\" class=\"qodef-side-area-close--predefined\" href=\"javascript:void(0)\">\n\t\t\t<span class=\"qodef-lines\"><span class=\"qodef-line qodef-line-1\"><\/span><span class=\"qodef-line qodef-line-2\"><\/span><span class=\"qodef-line qodef-line-3\"><\/span><span class=\"qodef-line qodef-line-4\"><\/span><span class=\"qodef-line qodef-line-5\"><\/span><\/span>\t\t<\/a>\n\t\t<div id=\"qodef-side-area-inner\">\n\t\t\t<div id=\"text-15\" class=\"widget widget_text\" data-area=\"side-area\"><h3 class=\"qodef-widget-title\">Alfa Therm d.o.o. Mostar<\/h3>\t\t\t<div class=\"textwidget\"><p>Through trusted engineering solutions, we improve quality of life and create a legacy for future generations.<\/p>\n<\/div>\n\t\t<\/div><div id=\"stal_core_separator-14\" class=\"widget widget_stal_core_separator\" data-area=\"side-area\"><div class=\"qodef-shortcode qodef-m  qodef-separator clear \">\n\t<div class=\"qodef-m-line\" style=\"border-color: rgba(255,255,255,0);border-style: solid;margin-top: 20px\"><\/div>\n<\/div><\/div><div id=\"custom_html-3\" class=\"widget_text widget widget_custom_html\" data-area=\"side-area\"><div class=\"textwidget custom-html-widget\"><div class=\"qodef-e-content qodef-grid qodef-layout--template \">\n\t\t\t<div class=\"qodef-grid-inner clear\">\n\t\t\t\t<div class=\"qodef-grid-item qodef-col--6\"><div class=\"qodef-icon-list-item qodef-icon--icon-pack qodef-alignment--top\" style=\"margin-bottom: 22px;\">\n\t<p class=\"qodef-e-title\" style=\"line-height: 1.625em\">\n\t\t\t\t\t<span class=\"qodef-e-title-inner\">\n\t\t\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" style=\"width: 26px;height: 26px;line-height: 26px; top: 5px;\">\t        <span class=\"qodef-icon-ionicons ion-ios-add qodef-icon qodef-e\"><\/span>    <\/span>\t\t\t\t<span class=\"qodef-e-title-text\">Bi\u0161\u0107e Polje b.b. 88000 Mostar<\/span>\n\t\t\t<\/span>\n\t\t\t<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"qodef-grid-item qodef-col--6 \">\n\t\t\t\t\t<p style=\"margin: 0px 0;\"><a href=\"tel:0038736312930\">+387 36 312 930<\/a><\/p>\n<p style=\"margin: 0px 0 22px;\"><a href=\"tel:0038736324868\">+387 36 324 868<\/a><\/p>\n<p style=\"margin: 0px 0;\"><a href=\"mailto:alfatherm@alfatherm.com\">alfatherm@alfatherm.com<\/a><\/p>\n\t\t\t\t\t<p style=\"margin: 0px 0;\"><a href=\"mailto:marketing@alfatherm.com\">marketing@alfatherm.com<\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n<\/div><\/div>\t\t<\/div>\n\t\t<div class=\"qodef-side-area-bottom\">\n\t\t\t<div id=\"stal_core_icon-2\" class=\"widget widget_stal_core_icon\" data-area=\"side-area-bottom\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-background-color=\"#000000\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 10px 20px 0;width: 40px;height: 40px;line-height: 40px;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/www.facebook.com\/ALFA-THERM-100083150509432\/\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-facebook qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div><div id=\"stal_core_icon-10\" class=\"widget widget_stal_core_icon\" data-area=\"side-area-bottom\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-background-color=\"#000000\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 10px 20px 0;width: 40px;height: 40px;line-height: 40px;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/ba.linkedin.com\/company\/alfa-therm\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-linkedin qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div><div id=\"stal_core_icon-21\" class=\"widget widget_stal_core_icon\" data-area=\"side-area-bottom\"><span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--default qodef-layout--square\" data-hover-background-color=\"#000000\" data-hover-border-color=\"#ffffff\" style=\"margin: 0 0px 20px 0;width: 40px;height: 40px;line-height: 40px;border-color: #ef5230\">\n\t\t\t<a itemprop=\"url\" href=\"https:\/\/www.instagram.com\/alfa.therm\/\" target=\"_blank\">\n            <span class=\"qodef-icon-ionicons ion-logo-instagram qodef-icon qodef-e\" style=\"color: #ffffff;font-size: 20px\"><\/span>            <\/a>\n\t<\/span><\/div>\t\t<\/div>\n\t<\/div>\n\n<script>\n\/* ================================================================\n   Rezervna logika za header i footer.\n   Aktivira se SAMO ako temin JS (stal-main.js) nije ucitan \u2014 tada\n   hamburger, sticky header i \"natrag na vrh\" nemaju tko pokrenuti.\n   Ako je temin JS prisutan (window.qodefGlobal), ova skripta ne\n   radi nista i sve ostaje na temi, bez dvostrukog vezanja klikova.\n   ================================================================ *\/\n(function () {\n    function init() {\n        var themeJsPresent = typeof window.qodefGlobal !== 'undefined';\n\n        var sideArea = document.getElementById('qodef-side-area');\n        \/\/ Ako panel nekim slucajem nije na stranici, sakrij otvarace da klik ne bude mrtav\n        if (!sideArea) {\n            document.querySelectorAll('.widget_stal_core_side_area_opener').forEach(function (el) {\n                el.style.display = 'none';\n            });\n        }\n\n        if (themeJsPresent) return;\n\n        \/\/ --- Bocni panel (otvara se naranastim gumbom u headeru) ---\n        if (sideArea) {\n            var openers = document.querySelectorAll('.qodef-side-area-opener');\n            var closeBtn = document.getElementById('qodef-side-area-close');\n            var isOpen = false;\n\n            \/\/ Osnovno pozicioniranje ako temin CSS za panel nije primijenjen\n            var cs = window.getComputedStyle(sideArea);\n            if (cs.position !== 'fixed') {\n                sideArea.style.cssText +=\n                    ';position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100%;' +\n                    'background:#19355c;color:#fff;padding:60px 40px;overflow-y:auto;' +\n                    'transform:translateX(100%);transition:transform .4s ease;z-index:9999;';\n                sideArea.querySelectorAll('a').forEach(function (a) {\n                    if (!a.id) a.style.color = '#fff';\n                });\n                if (closeBtn) {\n                    closeBtn.style.cssText +=\n                        ';position:absolute;top:24px;right:32px;width:24px;height:24px;';\n                    closeBtn.querySelectorAll('.qodef-line').forEach(function (l) {\n                        l.style.backgroundColor = '#fff';\n                    });\n                }\n            }\n\n            var setSide = function (open) {\n                isOpen = open;\n                document.body.classList.toggle('qodef-side-area--opened', open);\n                if (sideArea.style.transform !== '') {\n                    sideArea.style.transform = open ? 'translateX(0)' : 'translateX(100%)';\n                }\n            };\n            setSide(false);\n\n            openers.forEach(function (o) {\n                o.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    setSide(!isOpen);\n                });\n            });\n            if (closeBtn) {\n                closeBtn.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    setSide(false);\n                });\n            }\n            document.addEventListener('keydown', function (e) {\n                if (e.key === 'Escape' && isOpen) setSide(false);\n            });\n        }\n\n        \/\/ --- Mobilni izbornik ---\n        var opener = document.getElementById('qodef-mobile-header-opener');\n        var mobileNav = document.getElementById('qodef-mobile-header-navigation');\n        if (opener && mobileNav) {\n            mobileNav.style.display = 'none';\n            opener.addEventListener('click', function (e) {\n                e.preventDefault();\n                var open = mobileNav.style.display === 'none';\n                mobileNav.style.display = open ? 'block' : 'none';\n                opener.classList.toggle('qodef--opened', open);\n            });\n\n            \/\/ Podizbornici: prvi dodir otvara, drugi vodi na link\n            mobileNav.querySelectorAll('.menu-item-has-children').forEach(function (li) {\n                var sub = li.querySelector('.qodef-drop-down-second');\n                var link = li.querySelector('a');\n                if (!sub || !link) return;\n                sub.style.display = 'none';\n                link.addEventListener('click', function (ev) {\n                    if (sub.style.display === 'none') {\n                        ev.preventDefault();\n                        sub.style.display = 'block';\n                    }\n                });\n            });\n        }\n\n        \/\/ --- Sticky header ---\n        var sticky = document.querySelector('.qodef-header-sticky');\n        if (sticky) {\n            var shown = false;\n            var onScroll = function () {\n                var should = window.scrollY > 600;\n                if (should !== shown) {\n                    shown = should;\n                    sticky.classList.toggle('qodef--sticky-animation', should);\n                    sticky.style.transform = should ? 'translateY(0)' : '';\n                    sticky.style.opacity = should ? '1' : '';\n                    sticky.style.visibility = should ? 'visible' : '';\n                }\n            };\n            window.addEventListener('scroll', onScroll, { passive: true });\n            onScroll();\n        }\n\n        \/\/ --- Natrag na vrh ---\n        var toTop = document.getElementById('qodef-back-to-top');\n        if (toTop) {\n            var toggleTop = function () {\n                toTop.classList.toggle('qodef--on', window.scrollY > 600);\n            };\n            window.addEventListener('scroll', toggleTop, { passive: true });\n            toggleTop();\n            toTop.addEventListener('click', function (e) {\n                e.preventDefault();\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About us Alfa Therm Quality Management Social Responsibility Our Clients Services Design Installation Building Management System Service and Maintenance Energy Management Projects Sustainability Career ATH Team Connected by values Open positions! News Contact Hrvatski Home About us Alfa Therm Quality Management Social Responsibility Our Clients Services Design Installation Building Management System Service and Maintenance [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","footnotes":""},"class_list":["post-15591","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Energy Management Solutions - Alfa Therm<\/title>\n<meta name=\"description\" content=\"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alfatherm.com\/en\/energy-management-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Energy Management Solutions - Alfa Therm\" \/>\n<meta property=\"og:description\" content=\"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alfatherm.com\/en\/energy-management-solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Alfa Therm\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-10T12:40:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/\",\"url\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/\",\"name\":\"Energy Management Solutions - Alfa Therm\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\",\"datePublished\":\"2026-07-08T09:13:02+00:00\",\"dateModified\":\"2026-09-10T12:40:02+00:00\",\"description\":\"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/energy-management-solutions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/alfa-therm-trusted-engineering-solutions-2\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Energy Management Solutions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/\",\"name\":\"Alfa Therm\",\"description\":\"Cjelovita termoenergetska rje\u0161enja\",\"publisher\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/#\\\/schema\\\/person\\\/43a4039130a8c3abb916afb0654ae1bf\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/alfatherm.com\\\/en\\\/#\\\/schema\\\/person\\\/43a4039130a8c3abb916afb0654ae1bf\",\"name\":\"mox-alfa2024\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\",\"url\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\",\"width\":500,\"height\":96,\"caption\":\"mox-alfa2024\"},\"logo\":{\"@id\":\"https:\\\/\\\/alfatherm.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo.png\"},\"sameAs\":[\"https:\\\/\\\/alfatherm.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Energy Management Solutions - Alfa Therm","description":"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/","og_locale":"en_US","og_type":"article","og_title":"Energy Management Solutions - Alfa Therm","og_description":"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.","og_url":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/","og_site_name":"Alfa Therm","article_modified_time":"2026-09-10T12:40:02+00:00","og_image":[{"url":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/","url":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/","name":"Energy Management Solutions - Alfa Therm","isPartOf":{"@id":"https:\/\/alfatherm.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/#primaryimage"},"image":{"@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/#primaryimage"},"thumbnailUrl":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","datePublished":"2026-07-08T09:13:02+00:00","dateModified":"2026-09-10T12:40:02+00:00","description":"Upravljanje energijom kroz energetske audite, optimizaciju sustava, BMS, analitiku i kontinuirano pra\u0107enje potro\u0161nje za ve\u0107u energetsku u\u010dinkovitost i ni\u017ee tro\u0161kove.","breadcrumb":{"@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alfatherm.com\/en\/energy-management-solutions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/#primaryimage","url":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","contentUrl":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/alfatherm.com\/en\/energy-management-solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alfatherm.com\/en\/alfa-therm-trusted-engineering-solutions-2\/"},{"@type":"ListItem","position":2,"name":"Energy Management Solutions"}]},{"@type":"WebSite","@id":"https:\/\/alfatherm.com\/en\/#website","url":"https:\/\/alfatherm.com\/en\/","name":"Alfa Therm","description":"Cjelovita termoenergetska rje\u0161enja","publisher":{"@id":"https:\/\/alfatherm.com\/en\/#\/schema\/person\/43a4039130a8c3abb916afb0654ae1bf"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alfatherm.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/alfatherm.com\/en\/#\/schema\/person\/43a4039130a8c3abb916afb0654ae1bf","name":"mox-alfa2024","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","url":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","contentUrl":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png","width":500,"height":96,"caption":"mox-alfa2024"},"logo":{"@id":"https:\/\/alfatherm.com\/wp-content\/uploads\/2024\/05\/logo.png"},"sameAs":["https:\/\/alfatherm.com"]}]}},"_links":{"self":[{"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/pages\/15591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/comments?post=15591"}],"version-history":[{"count":8,"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/pages\/15591\/revisions"}],"predecessor-version":[{"id":15652,"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/pages\/15591\/revisions\/15652"}],"wp:attachment":[{"href":"https:\/\/alfatherm.com\/en\/wp-json\/wp\/v2\/media?parent=15591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}