{"id":5,"date":"2026-07-05T17:47:42","date_gmt":"2026-07-05T09:47:42","guid":{"rendered":"http:\/\/127.0.0.1:8080\/?page_id=5"},"modified":"2026-07-05T21:50:24","modified_gmt":"2026-07-05T13:50:24","slug":"home","status":"publish","type":"page","link":"https:\/\/solauraenergy.com\/","title":{"rendered":"Home"},"content":{"rendered":"    <div class=\"solar-home solar-home--video\">\r\n        <section class=\"solar-video-hero\" aria-label=\"Solar energy homepage hero\">\r\n            <video id=\"solarHeroVideo\" class=\"solar-video-hero__video\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/FPV.mp4\" autoplay muted loop playsinline preload=\"metadata\"><\/video>\r\n            <div class=\"solar-video-hero__shade\"><\/div>\r\n            <div class=\"solar-video-hero__topbar\">\r\n                <a class=\"solar-video-hero__logo\" href=\"https:\/\/solauraenergy.com\/\" aria-label=\"Solaura Energy home\"><img decoding=\"async\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/logo-png.png\" alt=\"Solaura Energy\"><\/a>\r\n                <button class=\"solar-video-hero__menu\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"solarVideoNav\"><span><\/span><span><\/span><span><\/span><\/button>\r\n            <\/div>\r\n            <nav id=\"solarVideoNav\" class=\"solar-video-nav\" aria-label=\"Main navigation\">\r\n                <a href=\"https:\/\/solauraenergy.com\/\">Home<\/a>\r\n                <div class=\"solar-video-nav__group\">\r\n                    <a href=\"https:\/\/solauraenergy.com\/#products\">Products<\/a>\r\n                    <div class=\"solar-video-nav__submenu\">\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=7\">Solar Power Systems<\/a>\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=8\">Solar Panels<\/a>\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=9\">Solar Inverters<\/a>\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=10\">Lithium Batteries<\/a>\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=11\">Solar Street Lights<\/a>\r\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=12\">Portable Solar Products<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/solauraenergy.com\/?page_id=13\">Solutions<\/a>\r\n                <a href=\"#\">Quality assurance<\/a>\r\n                <a href=\"https:\/\/solauraenergy.com\/?page_id=17\">Contact us<\/a>\r\n            <\/nav>            <button id=\"solarMuteButton\" class=\"solar-video-hero__mute\" type=\"button\" aria-label=\"Turn video sound on\" aria-pressed=\"true\"><span aria-hidden=\"true\">&#128263;<\/span><\/button>\r\n            <div class=\"solar-video-hero__content\">\r\n                <div class=\"solar-video-hero__headline\">\r\n                    <p class=\"solar-eyebrow\">POWERING A CLEANER FUTURE<\/p>\r\n                    <h1>Reliable Solar Energy<br>Solutions for Businesses<br>Worldwide<\/h1>\r\n                    <p class=\"solar-hero__copy\">From solar panels to lithium battery storage,<br>Solaura Energy helps global partners build<br>cleaner, smarter and more reliable power projects.<\/p>\r\n                <\/div>\r\n                <div class=\"solar-video-hero__cta\">\r\n                    <a class=\"solar-btn solar-btn--primary\" href=\"https:\/\/solauraenergy.com\/?page_id=17\">Request Quote<\/a>\r\n                    <a class=\"solar-btn solar-btn--secondary\" href=\"https:\/\/solauraenergy.com\/#products\">View Products<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <section class=\"solar-proof-strip\" aria-label=\"B2B solar partner proof\">\r\n            <div class=\"solar-proof-strip__track\">\r\n                <div class=\"solar-proof-strip__group\" aria-hidden=\"false\"><span>Distributors<\/span><span>Installers<\/span><span>EPC Contractors<\/span><span>Factory Projects<\/span><span>Farm Power<\/span><span>Community Lighting<\/span><span>OEM Supply<\/span><span>Wholesale Partners<\/span><\/div>\r\n                <div class=\"solar-proof-strip__group\" aria-hidden=\"true\"><span>Distributors<\/span><span>Installers<\/span><span>EPC Contractors<\/span><span>Factory Projects<\/span><span>Farm Power<\/span><span>Community Lighting<\/span><span>OEM Supply<\/span><span>Wholesale Partners<\/span><\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <section class=\"solar-overview-section solar-overview-section--about\">\n            <div class=\"solar-about-grid\">\n                <div class=\"solar-about-visual\">\n                    <div class=\"solar-about-quote\">\n                        <strong>Solaura Energy<\/strong>\n                        <p>\"Factory-backed solar supply for partners who need stable products, clear specifications and faster quotation support.\"<\/p>\n                        <a href=\"https:\/\/solauraenergy.com\/?page_id=17\">Request support<\/a>\n                    <\/div>\n                    <figure class=\"solar-about-thumb\"><img decoding=\"async\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/about-engineers-portrait.jpg\" alt=\"Solar project engineers inspecting panels\"><\/figure>\n                    <figure class=\"solar-about-wide\"><img decoding=\"async\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/about-factory-floor.jpg\" alt=\"Factory floor with energy storage equipment\"><\/figure>\n                <\/div>\n                <div class=\"solar-about-copy\">\n                    <div class=\"solar-about-kicker\"><span aria-hidden=\"true\"><\/span>ABOUT US<\/div>\n                    <h2>Clean Energy for Homes &amp; Businesses<\/h2>\n                        <p>Our mission is simple: to help you reduce energy costs, lower your carbon footprint, and gain energy independence with cutting-edge technology and expert service.<\/p>\n                    <div class=\"solar-about-action\"><a href=\"https:\/\/solauraenergy.com\/?page_id=17\" class=\"solar-project-link\"><span>STARTA PROJECT<\/span><span class=\"solar-project-link__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M5 12h12\"><\/path><path d=\"M13 7l5 5-5 5\"><\/path><\/svg><\/span><\/a><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        <section id=\"products\" class=\"solar-overview-section solar-overview-section--products\" aria-label=\"Solar products and services\">\r\n            <div class=\"solar-section-heading solar-section-heading--split\">\r\n                <div>\r\n                    <span>Products & Services<\/span>\r\n                    <h2>Core solar categories for wholesale and project supply.<\/h2>\r\n                <\/div>\r\n                <a class=\"solar-section-link\" href=\"https:\/\/solauraenergy.com\/#products\">View all products<\/a>\r\n            <\/div>\r\n            <div class=\"solar-service-grid\">\r\n                <article><small>SYS<\/small><h3>Solar Power Systems<\/h3><p>3KW, 5KW, 10KW and 15KW off-grid solutions for farms, homes, shops and remote projects.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/solar-power-system-15kw.png\" alt=\"15KW Solar Power System\"><a href=\"https:\/\/solauraenergy.com\/?page_id=7\">View category<\/a><\/article>\r\n                <article><small>PV<\/small><h3>Solar Panels<\/h3><p>300W, 380W, 450W, 550W and 700W solar panels for installers, distributors and EPC buyers.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/home-pv-750w-panel.png\" alt=\"750W half cut solar panels\"><a href=\"https:\/\/solauraenergy.com\/?page_id=8\">View category<\/a><\/article>\r\n                <article><small>INV<\/small><h3>Solar Inverters<\/h3><p>3KW, 5KW and 10KW inverter options for complete off-grid power packages.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/home-inv-10kw-inverter.png\" alt=\"10KW solar inverter\"><a href=\"https:\/\/solauraenergy.com\/?page_id=9\">View category<\/a><\/article>\r\n                <article><small>BAT<\/small><h3>Lithium Batteries<\/h3><p>2.56KWH, 5.12KWH, 10.24KWH and 15KWH lithium storage batteries for stable solar energy systems.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/home-bat-10-24kwh-battery.png\" alt=\"10.24KWH lithium battery\"><a href=\"https:\/\/solauraenergy.com\/?page_id=10\">View category<\/a><\/article>\r\n                <article><small>LED<\/small><h3>Solar Street Lights<\/h3><p>60W, 100W, 150W and 200W models for roads, communities, parks and outdoor projects.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/home-led-kt-55056b.png\" alt=\"KT-55056B solar street light\"><a href=\"https:\/\/solauraenergy.com\/?page_id=11\">View category<\/a><\/article>\r\n                <article><small>USB<\/small><h3>Portable Solar Products<\/h3><p>Solar camping lights and USB solar panels for outdoor and emergency use markets.<\/p><img decoding=\"async\" class=\"solar-service-thumb\" src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/home-usb-yd-55072.png\" alt=\"YD-55072 portable solar flood light\"><a href=\"https:\/\/solauraenergy.com\/?page_id=12\">View category<\/a><\/article>\r\n            <\/div>\r\n        <\/section>\r\n        <section class=\"solar-overview-section solar-overview-section--projects\">\n            <div class=\"solar-section-heading solar-section-heading--scenario\">\n                <span>Application Scenarios<\/span>\n                <h2>Application scenarios that help buyers choose faster.<\/h2>\n                <p>Browse real project scenes and match the right solar products for utility, water-area, rooftop and distributed power applications.<\/p>\n            <\/div>\n            <div class=\"solar-scenario-showcase\" data-solar-scenarios>\n                <div class=\"solar-scenario-showcase__media\">\n                    <img decoding=\"async\" data-scenario-image src=\"https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-mountain-solar.jpg\" alt=\"Mountain solar power station at sunrise\">\n                    <button class=\"solar-scenario-arrow solar-scenario-arrow--prev\" type=\"button\" aria-label=\"Previous application scenario\" data-scenario-prev>&lsaquo;<\/button>\n                    <button class=\"solar-scenario-arrow solar-scenario-arrow--next\" type=\"button\" aria-label=\"Next application scenario\" data-scenario-next>&rsaquo;<\/button>\n                                    <\/div>\n                <div class=\"solar-scenario-showcase__content\">\n                    <span data-scenario-kicker>Utility solar projects<\/span>\n                    <h3 data-scenario-title>Large-area solar generation for regional power supply.<\/h3>\n                    <p data-scenario-copy>100KWH to 3000KWH large commercial solar power station projects using 700W+ high-output solar panels.<\/p>\n                    <dl class=\"solar-scenario-showcase__stats\">\n                        <div><dt data-scenario-stat-one-label>Scene<\/dt><dd data-scenario-stat-one-value>100KWH-3000KWH<\/dd><\/div>\n                        <div><dt data-scenario-stat-two-label>Buyer<\/dt><dd data-scenario-stat-two-value>700W+ panels<\/dd><\/div>\n                    <\/dl>\n                    <a class=\"solar-scenario-showcase__cta\" href=\"https:\/\/solauraenergy.com\/?page_id=13\">View solutions<\/a>\n                <\/div>\n            <\/div>\n        <\/section>        <section class=\"solar-overview-section solar-overview-section--why solar-experience-section\">\n            <div class=\"solar-section-heading solar-section-heading--split solar-kinetic-heading\">\n                <div><span>Why Choose Us<\/span><h2>Built for fast-moving solar partners.<\/h2><p>Young, practical and project-ready. We turn product selection, technical comparison and quotation requests into a faster B2B buying experience.<\/p><\/div>\n                <a class=\"solar-section-link\" href=\"https:\/\/solauraenergy.com\/?page_id=17\">Request a quote<\/a>\n            <\/div>\n            <div class=\"solar-benefit-grid solar-benefit-grid--kinetic\">\n                <article><strong>01<\/strong><h3>Factory direct supply<\/h3><p>Stable sourcing for wholesale, distribution, OEM and project procurement.<\/p><span>Supply ready<\/span><\/article>\n                <article><strong>02<\/strong><h3>Complete solar mix<\/h3><p>Systems, panels, inverters, lithium batteries, street lights and portable products.<\/p><span>6 categories<\/span><\/article>\n                <article><strong>03<\/strong><h3>Fast quote flow<\/h3><p>Buyers can compare applications, select product types and send requirements quickly.<\/p><span>Inquiry first<\/span><\/article>\n                <article><strong>04<\/strong><h3>Project thinking<\/h3><p>Content is organized by use case, power demand, installation scene and buyer role.<\/p><span>B2B focused<\/span><\/article>\n                <article><strong>05<\/strong><h3>Quality path<\/h3><p>Quality assurance, factory capability and certificates can expand as the site grows.<\/p><span>Trust layer<\/span><\/article>\n                <article><strong>06<\/strong><h3>Global partner ready<\/h3><p>Built for overseas distributors, installers, EPC companies and engineering buyers.<\/p><span>Export ready<\/span><\/article>\n            <\/div>\n        <\/section>\n        <section class=\"solar-overview-section solar-overview-section--faq solar-faq-kinetic\">\n            <div class=\"solar-section-heading solar-section-heading--split\">\n                <div><span>FAQ<\/span><h2>Questions buyers ask before a solar quote.<\/h2><p>Open a question to see the practical information we need before preparing a quotation.<\/p><\/div>\n                <a class=\"solar-section-link\" href=\"https:\/\/solauraenergy.com\/?page_id=17\">Ask directly<\/a>\n            <\/div>\n            <div class=\"solar-faq-shell\">\n                <div class=\"solar-faq-orbit\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n                <div class=\"solar-faq-list\">\n                    <details open><summary><span>01<\/span>Can I request a complete off-grid solar system quotation?<\/summary><p>Yes. Please share the power capacity, application scenario, installation country and expected quantity.<\/p><\/details>\n                    <details><summary><span>02<\/span>Do you support wholesale and OEM orders?<\/summary><p>Yes. The site is designed for B2B inquiry conversion, including wholesale, distribution, OEM and project supply.<\/p><\/details>\n                    <details><summary><span>03<\/span>Which product information should I provide?<\/summary><p>Product type, quantity, target application, country, technical requirements and any project file if available.<\/p><\/details>\n                    <details><summary><span>04<\/span>Can I download a catalog later?<\/summary><p>Yes. The Download Catalog entry can be added once the latest PDF catalog is ready for global buyers.<\/p><\/details>\n                <\/div>\n            <\/div>\n        <\/section>\n        <section class=\"solar-final-cta solar-final-cta--kinetic\">\n            <div class=\"solar-panel-field\" aria-hidden=\"true\">\n                <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n                <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n                <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n            <\/div>\n            <div class=\"solar-final-cta__card\"><span>Ready to plan your solar project?<\/span><h2>Send your requirements and get a B2B quotation.<\/h2><p>Tell us the product category, quantity and application scenario. We will prepare a practical quote path for your market.<\/p><\/div>\n            <a class=\"solar-btn solar-btn--primary\" href=\"https:\/\/solauraenergy.com\/?page_id=17\">Request Quote<\/a>\n        <\/section>\r\n    <\/div>\r\n    <style id=\"solar-logo-image-fix\">\r\n    .solar-video-hero .solar-video-hero__logo {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        height: 80px !important;\r\n        line-height: 1 !important;\r\n    }\r\n    .solar-video-hero .solar-video-hero__logo img {\r\n        display: block !important;\r\n        height: 76px !important;\r\n        width: auto !important;\r\n        max-width: 460px !important;\r\n        object-fit: contain !important;\r\n    }\r\n    @media (max-width: 900px) {\r\n        .solar-video-hero .solar-video-hero__logo img {\r\n            height: 52px !important;\r\n            max-width: 300px !important;\r\n        }\r\n    }\r\n    <\/style>    <style id=\"solar-video-nav-fix\">\r\n    .solar-video-hero .solar-video-nav {\r\n        position: absolute;\r\n        z-index: 6;\r\n        top: 108px;\r\n        right: 42px;\r\n        width: min(360px, calc(100vw - 48px));\r\n        padding: 18px;\r\n        display: none;\r\n        gap: 8px;\r\n        border: 1px solid rgba(255,255,255,.22);\r\n        border-radius: 14px;\r\n        background: rgba(9,27,47,.30);\r\n        box-shadow: 0 22px 60px rgba(0,0,0,.32);\r\n        backdrop-filter: blur(14px);\r\n    }\r\n    .solar-video-hero .solar-video-nav.is-open { display: grid; }\r\n    .solar-video-hero .solar-video-nav a {\r\n        color: #fff !important;\r\n        text-decoration: none !important;\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        padding: 11px 12px;\r\n        border-radius: 8px;\r\n        display: block;\r\n    }\r\n    .solar-video-hero .solar-video-nav a:hover,\r\n    .solar-video-hero .solar-video-nav a:focus { background: rgba(255,255,255,.12); }\r\n    .solar-video-hero .solar-video-nav__group > a { color: #facc15 !important; }\r\n    .solar-video-hero .solar-video-nav__submenu {\r\n        margin: 4px 0 0 12px;\r\n        padding-left: 10px;\r\n        border-left: 1px solid rgba(255,255,255,.18);\r\n        display: grid;\r\n        gap: 2px;\r\n    }\r\n    .solar-video-hero .solar-video-nav__submenu a {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: rgba(255,255,255,.84) !important;\r\n        padding: 8px 10px;\r\n    }\r\n    .solar-video-hero .solar-video-hero__menu.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n    .solar-video-hero .solar-video-hero__menu.is-open span:nth-child(2) { opacity: 0; }\r\n    .solar-video-hero .solar-video-hero__menu.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n    @media (max-width: 900px) {\r\n        .solar-video-hero .solar-video-nav {\r\n            top: 92px;\r\n            right: 18px;\r\n            left: 18px;\r\n            width: auto;\r\n            max-height: calc(100vh - 110px);\r\n            overflow: auto;\r\n        }\r\n    }\r\n    <\/style>    <style id=\"solar-video-desktop-nav-bar\">\r\n    @media (min-width: 901px) {\r\n        .solar-video-hero .solar-video-hero__menu {\r\n            display: none !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            top: 28px !important;\r\n            right: 42px !important;\r\n            width: auto !important;\r\n            padding: 8px 10px !important;\r\n            border: 1px solid rgba(255,255,255,.18) !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(9,27,47,.30) !important;\r\n            box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;\r\n            backdrop-filter: blur(16px) saturate(130%) !important;\r\n            -webkit-backdrop-filter: blur(16px) saturate(130%) !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav > a,\r\n        .solar-video-hero .solar-video-nav__group > a {\r\n            padding: 10px 12px !important;\r\n            border-radius: 999px !important;\r\n            font-size: 14px !important;\r\n            white-space: nowrap !important;\r\n            color: rgba(255,255,255,.94) !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav > a:hover,\r\n        .solar-video-hero .solar-video-nav > a:focus,\r\n        .solar-video-hero .solar-video-nav__group > a:hover,\r\n        .solar-video-hero .solar-video-nav__group > a:focus {\r\n            background: rgba(255,255,255,.14) !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__group {\r\n            position: relative !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__group > a {\r\n            color: #facc15 !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__submenu {\r\n            position: absolute !important;\r\n            top: calc(100% + 14px) !important;\r\n            left: 0 !important;\r\n            width: 280px !important;\r\n            margin: 0 !important;\r\n            padding: 12px !important;\r\n            display: none !important;\r\n            gap: 4px !important;\r\n            border-left: 0 !important;\r\n            border: 1px solid rgba(255,255,255,.18) !important;\r\n            border-radius: 14px !important;\r\n            background: rgba(9,27,47,.20) !important;\r\n            box-shadow: 0 24px 70px rgba(0,0,0,.30) !important;\r\n            backdrop-filter: blur(18px) saturate(140%) !important;\r\n            -webkit-backdrop-filter: blur(18px) saturate(140%) !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__group:hover .solar-video-nav__submenu,\r\n        .solar-video-hero .solar-video-nav__group:focus-within .solar-video-nav__submenu,\r\n        .solar-video-hero .solar-video-nav__group.is-hovered .solar-video-nav__submenu {\r\n            display: grid !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__submenu a {\r\n            padding: 10px 11px !important;\r\n            border-radius: 9px !important;\r\n            font-size: 13px !important;\r\n            color: rgba(255,255,255,.88) !important;\r\n            white-space: nowrap !important;\r\n        }\r\n        .solar-video-hero .solar-video-nav__submenu a:hover,\r\n        .solar-video-hero .solar-video-nav__submenu a:focus {\r\n            background: rgba(255,255,255,.13) !important;\r\n            color: #fff !important;\r\n        }\r\n    }\r\n    <\/style>    <style id=\"solar-fixed-header-bar\">\n    .solar-video-hero .solar-video-hero__topbar {\n        position: fixed !important;\n        z-index: 10020 !important;\n        top: 22px !important;\n        left: 42px !important;\n        right: 42px !important;\n        height: 76px !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        padding: 0 14px 0 18px !important;\n        border: 1px solid rgba(255,255,255,.18) !important;\n        border-radius: 999px !important;\n        background: rgba(9,27,47,.30) !important;\n        box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;\n        backdrop-filter: blur(16px) saturate(130%) !important;\n        -webkit-backdrop-filter: blur(16px) saturate(130%) !important;\n    }\n    .solar-video-hero .solar-video-hero__topbar .solar-video-hero__logo { position: relative !important; z-index: 10022 !important; height: 68px !important; }\n    .solar-video-hero .solar-video-hero__topbar .solar-video-hero__logo img { height: 64px !important; }\n    @media (min-width: 901px) {\n        .solar-video-hero .solar-video-nav {\n            position: fixed !important;\n            z-index: 10021 !important;\n            top: 35px !important;\n            right: 56px !important;\n            background: transparent !important;\n            border: 0 !important;\n            box-shadow: none !important;\n            backdrop-filter: none !important;\n            -webkit-backdrop-filter: none !important;\n        }\n    }\n    @media (max-width: 900px) {\n        .solar-video-hero .solar-video-hero__topbar {\n            top: 14px !important;\n            left: 16px !important;\n            right: 16px !important;\n            height: 62px !important;\n            padding: 0 10px 0 14px !important;\n        }\n        .solar-video-hero .solar-video-hero__topbar .solar-video-hero__logo { height: 54px !important; }\n        .solar-video-hero .solar-video-hero__topbar .solar-video-hero__logo img { height: 48px !important; max-width: 230px !important; }\n        .solar-video-hero .solar-video-nav {\n            position: fixed !important;\n            z-index: 10019 !important;\n            top: 84px !important;\n            left: 16px !important;\n            right: 16px !important;\n            background: rgba(9,27,47,.30) !important;\n            backdrop-filter: blur(16px) saturate(130%) !important;\n            -webkit-backdrop-filter: blur(16px) saturate(130%) !important;\n        }\n    }\n    <\/style>    <style id=\"solar-video-home-responsive-fix\">\r\n    .solar-video-hero .solar-video-hero__mute {\r\n        inset: auto auto 270px 42px !important;\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        min-height: 40px !important;\r\n        padding: 0 !important;\r\n        font-size: 17px !important;\r\n        border-radius: 999px !important;\r\n    }\r\n    .solar-video-hero h1 {\r\n        font-size: clamp(28px, 2.8vw, 48px) !important;\r\n        line-height: 1.06 !important;\r\n    }\r\n    .solar-video-hero .solar-hero__copy {\r\n        font-size: 16px !important;\r\n        line-height: 1.58 !important;\r\n    }\r\n    .solar-video-hero .solar-eyebrow {\r\n        font-size: 12px !important;\r\n    }\r\n    @media (max-width: 900px) {\r\n        .solar-video-hero .solar-video-hero__mute {\r\n            inset: auto auto 300px 18px !important;\r\n            width: 34px !important;\r\n            height: 52px !important;\r\n            min-height: 52px !important;\r\n            font-size: 14px !important;\r\n        }\r\n        .solar-video-hero h1 {\r\n            font-size: clamp(21px, 5.6vw, 31px) !important;\r\n            line-height: 1.08 !important;\r\n        }\r\n        .solar-video-hero .solar-hero__copy {\r\n            font-size: 15px !important;\r\n            line-height: 1.55 !important;\r\n            margin-bottom: 86px !important;\r\n        }\r\n    }\r\n    <\/style>    <style id=\"solar-video-home-desktop-split\">\r\n    @media (min-width: 901px) {\r\n        .solar-video-hero .solar-video-hero__content {\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 680px) minmax(320px, 390px) !important;\r\n            align-items: end !important;\r\n            column-gap: clamp(56px, 9vw, 150px) !important;\r\n            padding-bottom: 70px !important;\r\n        }\r\n        .solar-video-hero .solar-video-hero__headline {\r\n            align-self: end !important;\r\n            max-width: 680px !important;\r\n            padding-bottom: 52px !important;\r\n        }\r\n        .solar-video-hero .solar-video-hero__cta {\r\n            align-self: end !important;\r\n            justify-self: end !important;\r\n            width: min(390px, 31vw) !important;\r\n            margin: 0 0 34px !important;\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 1fr) !important;\r\n            justify-items: stretch !important;\r\n            gap: 12px !important;\r\n        }\r\n        .solar-video-hero .solar-video-hero__cta > .solar-btn {\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            justify-self: stretch !important;\r\n            width: 100% !important;\r\n            inline-size: 100% !important;\r\n            min-width: 0 !important;\r\n            max-width: none !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n        .solar-video-hero .solar-video-hero__mute {\r\n            inset: auto auto 82px 42px !important;\r\n        }\r\n    }\r\n    <\/style>    <style id=\"solar-home-expanded-sections\">\r\n    .solar-proof-strip,\r\n    .solar-overview-section,\r\n    .solar-final-cta { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }\r\n    .solar-proof-strip { padding: 28px 0 10px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.3) 0%, #000 50%, rgba(0,0,0,.3) 100%); mask-image: linear-gradient(90deg, rgba(0,0,0,.3) 0%, #000 50%, rgba(0,0,0,.3) 100%); }\r\n    .solar-proof-strip__track { display: flex; gap: 0; width: max-content; animation: solar-marquee 34s linear infinite; will-change: transform; }\r\n    .solar-proof-strip__group { display: flex; gap: 12px; flex: 0 0 auto; padding-right: 12px; }\r\n    .solar-proof-strip span { border: 1px solid rgba(15, 43, 65, .14); background: rgba(255,255,255,.76); color: #12324a; border-radius: 999px; padding: 10px 18px; font-size: 13px; font-weight: 800; white-space: nowrap; box-shadow: 0 12px 28px rgba(6, 27, 47, .06); }\r\n    @keyframes solar-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n    .solar-overview-section { padding: 78px 0; }\r\n    .solar-section-heading { max-width: 780px; margin-bottom: 32px; }\r\n    .solar-section-heading span,\r\n    .solar-final-cta span { display: block; color: #138a55; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }\r\n    .solar-section-heading h2,\r\n    .solar-final-cta h2 { color: #082239; font-size: clamp(34px, 4vw, 56px); line-height: 1.04; margin: 0 0 16px; letter-spacing: 0; }\r\n    .solar-section-heading p,\r\n    .solar-final-cta p { color: #526579; font-size: 17px; line-height: 1.7; margin: 0; }\r\n    .solar-section-heading--split { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 32px; }\r\n    .solar-section-heading--split > div { max-width: 760px; }\r\n    .solar-section-link { color: #0f6b42; font-weight: 900; text-decoration: none !important; white-space: nowrap; }\r\n    .solar-about-grid { display: grid; grid-template-columns: 1fr .98fr; gap: 52px; align-items: start; }\n    .solar-about-visual { display: grid; grid-template-columns: 1.65fr .68fr; grid-template-rows: 300px 320px; gap: 18px; }\n    .solar-about-quote { grid-column: 1 \/ 2; grid-row: 1 \/ 2; border-radius: 8px; background: #050807; color: #fff; padding: 34px 32px 36px; display: flex; flex-direction: column; justify-content: flex-start; min-height: 300px; overflow: hidden; box-sizing: border-box; }\n    .solar-about-quote strong { color: #0ee78b; font-size: 23px; letter-spacing: -.01em; }\n    .solar-about-quote p { color: rgba(255,255,255,.9); font-size: 18px; line-height: 1.55; margin: 20px 0 24px; }\n    .solar-about-quote a { position: relative; align-self: flex-end; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: auto; margin-bottom: 0; color: #061b2f !important; background: #fff; border-radius: 999px; padding: 0 42px 0 22px; font-size: 13px; font-weight: 900; line-height: 1; text-decoration: none !important; max-width: 100%; box-sizing: border-box; overflow: hidden; transition: transform .24s ease, background .24s ease, color .24s ease, box-shadow .24s ease; }\n    .solar-about-quote a::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(14,231,139,.28), transparent); transform: translateX(-100%); transition: transform .38s ease; }\n    .solar-about-quote a::after { content: \"\\2192\"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 800; transition: transform .24s ease; }\n    .solar-about-quote a:hover, .solar-about-quote a:focus { transform: translateY(-3px); background: #0ee78b; color: #061b2f !important; box-shadow: 0 14px 28px rgba(14,231,139,.22); }\n    .solar-about-quote a:hover::before, .solar-about-quote a:focus::before { transform: translateX(100%); }\n    .solar-about-quote a:hover::after, .solar-about-quote a:focus::after { transform: translate(4px, -50%); }\n    .solar-about-thumb, .solar-about-wide { margin: 0; overflow: hidden; border-radius: 8px; background: #e7edf0; }\r\n    .solar-about-thumb { padding: 0; background: #e7edf0; box-sizing: border-box; }\n    .solar-about-thumb { grid-column: 2 \/ 3; grid-row: 1 \/ 2; }\n    .solar-about-wide { grid-column: 1 \/ 3; grid-row: 2 \/ 3; }\n    .solar-about-thumb img, .solar-about-wide img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }\n    .solar-about-thumb img { object-fit: cover; object-position: 72% center; background: transparent; }\n    .solar-about-wide img { object-position: 50% 50%; }\n    .solar-about-thumb:hover img { transform: scale(1.015); }\r\n    .solar-about-wide:hover img { transform: scale(1.04); }\n    .solar-about-copy { min-height: 594px; display: flex; flex-direction: column; align-items: flex-start; padding-top: 2px; }\n    .solar-about-kicker { display: inline-flex; align-items: center; gap: 12px; color: #132033; font-size: 15px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 28px; }\n    .solar-about-kicker span { width: 18px; height: 18px; background: #0ee78b; display: inline-block; }\n    .solar-about-copy h2 { color: #071424; font-size: clamp(50px, 5.3vw, 86px); line-height: .98; letter-spacing: 0; margin: 0 0 38px; max-width: 760px; }\n    .solar-about-copy p { color: #303840; font-size: clamp(18px, 1.45vw, 25px); line-height: 1.45; letter-spacing: 0; margin: 0; max-width: 760px; }\n    .solar-about-action { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: auto; }\n    .solar-project-link { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 58px; min-width: 260px; padding: 0 12px 0 26px; border-radius: 5px; background: #0ee78b; color: #061b2f !important; text-decoration: none !important; font-size: 13px; font-weight: 900; letter-spacing: .04em; overflow: hidden; box-shadow: 0 18px 42px rgba(8,34,57,.10); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }\n    .solar-project-link::before { content: \"\"; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.38), rgba(255,255,255,0)); transform: translateX(-82%); transition: transform .42s ease; }\n    .solar-project-link__icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 4px; background: #fff; color: #061b2f; transition: transform .28s ease, background .28s ease, color .28s ease; }\n    .solar-project-link__icon svg { width: 19px; height: 19px; display: block; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }\n    .solar-project-link:hover, .solar-project-link:focus { transform: translateY(-3px); background: #12f39a; box-shadow: 0 24px 56px rgba(8,34,57,.16); }\n    .solar-project-link:hover::before, .solar-project-link:focus::before { transform: translateX(82%); }\n    .solar-project-link:hover .solar-project-link__icon, .solar-project-link:focus .solar-project-link__icon { transform: translateX(5px); background: #061b2f; color: #fff; }    .solar-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }\r\n    .solar-service-grid article,\r\n    .solar-case-card,\r\n    .solar-benefit-grid div,\r\n    .solar-faq-list details { border: 1px solid rgba(15, 43, 65, .12); background: rgba(255,255,255,.82); border-radius: 20px; box-shadow: 0 18px 60px rgba(6, 27, 47, .08); }\r\n    .solar-service-grid article { position: relative; padding: 24px; min-height: 280px; display: grid; grid-template-columns: minmax(0, .95fr) minmax(116px, .72fr); grid-template-rows: auto auto 1fr auto; column-gap: 22px; align-items: start; transition: transform .22s ease, box-shadow .22s ease, background .28s ease, border-color .28s ease; overflow: hidden; }\r\n    .solar-service-grid article:hover { transform: translateY(-5px); background: linear-gradient(135deg, #0f8a56, #13b875); border-color: rgba(15,138,86,.42); box-shadow: 0 30px 76px rgba(15,138,86,.24); }\r\n    .solar-service-grid article::after { content: \"\"; grid-column: 2 \/ 3; grid-row: 1 \/ 5; align-self: center; justify-self: end; width: min(100%, 138px); aspect-ratio: 3 \/ 4; border-radius: 16px; border: 1px solid rgba(15, 107, 66, .14); background: linear-gradient(155deg, rgba(231,247,238,.95), rgba(255,255,255,.86) 42%, rgba(250,204,21,.16)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 18px 42px rgba(6,27,47,.08); }\r\n    .solar-service-grid article::before { content: \"\"; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); transform: translateX(-120%); transition: transform .48s ease; pointer-events: none; }\n    .solar-service-grid article > * { position: relative; z-index: 1; }\n    .solar-service-grid article:hover::before { transform: translateX(120%); }\n    .solar-service-grid article:hover small { background: rgba(255,255,255,.20); color: #fff; }\n    .solar-service-grid article:hover h3 { color: #fff; }\n    .solar-service-grid article:hover p { color: rgba(255,255,255,.82); }\n    .solar-service-grid article:hover a { color: #facc15 !important; transform: translateX(4px); }\n    .solar-service-grid article:hover::after { border-color: rgba(255,255,255,.34); background: linear-gradient(155deg, rgba(255,255,255,.34), rgba(255,255,255,.14) 48%, rgba(250,204,21,.24)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28), 0 20px 45px rgba(6,27,47,.18); }\r\n    .solar-service-grid article:has(.solar-service-thumb)::after { display: none; }\n    .solar-service-thumb { grid-column: 2 \/ 3; grid-row: 1 \/ 5; align-self: center; justify-self: end; width: min(100%, 158px); aspect-ratio: 3 \/ 4; object-fit: contain; object-position: center; padding: 8px; border-radius: 16px; border: 1px solid rgba(15, 107, 66, .14); background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,252,.92)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.78), 0 18px 42px rgba(6,27,47,.10); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease; }\n    .solar-service-grid article:hover .solar-service-thumb { transform: translateY(-4px) scale(1.04); border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.92); box-shadow: inset 0 0 0 1px rgba(255,255,255,.85), 0 24px 50px rgba(6,27,47,.18); }\r\n    .solar-service-grid small { grid-column: 1 \/ 2; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #e7f7ee; color: #0f7a4c; font-weight: 900; margin-bottom: 24px; transition: background .24s ease, color .24s ease; }\r\n    .solar-service-grid h3,\r\n    .solar-case-card h3,\r\n    .solar-benefit-grid h3 { color: #092238; margin: 0 0 12px; font-size: 22px; line-height: 1.15; }\r\n    .solar-service-grid h3 { grid-column: 1 \/ 2; max-width: 100%; transition: color .24s ease; }\r\n    .solar-service-grid p,\r\n    .solar-case-card p,\r\n    .solar-benefit-grid p { color: #5b6b7b; line-height: 1.65; margin: 0 0 22px; }\r\n    .solar-service-grid p { grid-column: 1 \/ 2; max-width: 100%; transition: color .24s ease; }\r\n    .solar-service-grid a { grid-column: 1 \/ 2; align-self: end; margin-top: 8px; color: #0f6b42; font-weight: 900; text-decoration: none !important; transition: color .24s ease, transform .24s ease; }\r\n    .solar-case-grid { display: grid; grid-template-columns: 1.35fr .82fr; gap: 18px; }\r\n    .solar-case-card { padding: 26px; overflow: hidden; }\r\n    .solar-case-card--wide { grid-row: span 2; padding: 0; }\r\n    .solar-case-card--wide img { width: 100%; aspect-ratio: 16 \/ 10; object-fit: cover; display: block; transition: transform .45s ease; }\r\n    .solar-case-card--wide:hover img { transform: scale(1.035); }\r\n    .solar-case-card--wide > div { padding: 28px; }\r\n    .solar-case-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; }\r\n    .solar-case-card dl div { border-radius: 14px; background: #f1f7f4; padding: 14px; }\r\n    .solar-case-card dt { color: #6a7a89; font-size: 12px; font-weight: 900; text-transform: uppercase; }\r\n    .solar-case-card dd { color: #092238; font-weight: 900; margin: 4px 0 0; }\r\n    .solar-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }\r\n    .solar-benefit-grid div { padding: 24px; }\r\n    .solar-benefit-grid strong { display: inline-flex; color: #0f8a56; font-size: 13px; font-weight: 900; margin-bottom: 18px; }\r\n    .solar-faq-list { display: grid; gap: 12px; max-width: 900px; }\r\n    .solar-faq-list details { padding: 0; overflow: hidden; }\r\n    .solar-faq-list summary { cursor: pointer; list-style: none; padding: 22px 24px; color: #092238; font-weight: 900; }\r\n    .solar-faq-list summary::-webkit-details-marker { display: none; }\r\n    .solar-faq-list p { padding: 0 24px 22px; margin: 0; color: #607082; line-height: 1.65; }\r\n    .solar-final-cta { margin-top: 54px; margin-bottom: 76px; padding: 42px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 24px; background: linear-gradient(135deg, rgba(8,34,57,.96), rgba(15,107,66,.92)); color: #fff; box-shadow: 0 30px 80px rgba(6, 27, 47, .18); }\r\n    .solar-final-cta h2 { color: #fff; max-width: 680px; }\r\n    .solar-final-cta p { color: rgba(255,255,255,.78); max-width: 700px; }\r\n    .solar-final-cta .solar-btn { flex: 0 0 auto; }\r\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-quote,\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-thumb,\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-wide {\n        opacity: 0;\n        transform: translateX(-72px) scale(.96);\n    }\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-kicker,\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-copy h2,\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-copy p,\n    .solar-home.is-anim-ready .solar-overview-section--about:not(.is-visible) .solar-about-action {\n        opacity: 0;\n        transform: translateX(72px);\n    }\n    .solar-overview-section--about.is-visible .solar-about-quote,\n    .solar-overview-section--about.is-visible .solar-about-thumb,\n    .solar-overview-section--about.is-visible .solar-about-wide {\n        animation: solarAboutInLeft .72s cubic-bezier(.16, 1, .3, 1) both;\n    }\n    .solar-overview-section--about.is-visible .solar-about-kicker,\n    .solar-overview-section--about.is-visible .solar-about-copy h2,\n    .solar-overview-section--about.is-visible .solar-about-copy p,\n    .solar-overview-section--about.is-visible .solar-about-action {\n        animation: solarAboutInRight .72s cubic-bezier(.16, 1, .3, 1) both;\n    }\n    .solar-overview-section--about.is-visible .solar-about-quote { animation-delay: .04s; }\n    .solar-overview-section--about.is-visible .solar-about-thumb { animation-delay: .18s; }\n    .solar-overview-section--about.is-visible .solar-about-wide { animation-delay: .32s; }\n    .solar-overview-section--about.is-visible .solar-about-kicker { animation-delay: .12s; }\n    .solar-overview-section--about.is-visible .solar-about-copy h2 { animation-delay: .26s; }\n    .solar-overview-section--about.is-visible .solar-about-copy p { animation-delay: .40s; }\n    .solar-overview-section--about.is-visible .solar-about-action { animation-delay: .54s; }\n    @keyframes solarAboutInLeft {\n        0% { opacity: 0; transform: translateX(-72px) scale(.96); filter: blur(8px); }\n        62% { opacity: 1; transform: translateX(8px) scale(1); filter: blur(0); }\n        100% { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }\n    }\n    @keyframes solarAboutInRight {\n        0% { opacity: 0; transform: translateX(72px); filter: blur(8px); }\n        62% { opacity: 1; transform: translateX(-8px); filter: blur(0); }\n        100% { opacity: 1; transform: translateX(0); filter: blur(0); }\n    }\r\n    .solar-home.is-anim-ready .solar-overview-section--products:not(.is-visible) .solar-service-grid article {\n        opacity: 0;\n        transform: translateY(82px) scale(.96);\n    }\n    .solar-overview-section--products.is-visible .solar-service-grid article {\n        animation: solarProductRiseIn .76s cubic-bezier(.16, 1, .3, 1) both;\n    }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(1) { animation-delay: .08s; }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(2) { animation-delay: .18s; }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(3) { animation-delay: .28s; }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(4) { animation-delay: .42s; }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(5) { animation-delay: .52s; }\n    .solar-overview-section--products.is-visible .solar-service-grid article:nth-child(6) { animation-delay: .62s; }\n    @keyframes solarProductRiseIn {\n        0% { opacity: 0; transform: translateY(82px) scale(.96); filter: blur(9px); }\n        62% { opacity: 1; transform: translateY(-8px) scale(1); filter: blur(0); }\n        100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\n    }\r\n    .solar-overview-section--products { min-height: calc(100vh - 96px); padding: 34px 0 42px !important; }\n    .solar-overview-section--products .solar-section-heading { margin-bottom: 24px !important; }\n    .solar-overview-section--products .solar-section-heading h2 { white-space: nowrap; font-size: clamp(34px, 4.4vw, 66px) !important; line-height: .98 !important; max-width: none !important; }\n    .solar-overview-section--products .solar-service-grid { gap: 14px !important; }\n    .solar-overview-section--products .solar-service-grid article { min-height: 238px !important; padding: 18px 20px !important; column-gap: 16px !important; grid-template-columns: minmax(0, .98fr) minmax(108px, .56fr) !important; }\n    .solar-overview-section--products .solar-service-grid small { width: 42px !important; height: 42px !important; margin-bottom: 18px !important; border-radius: 13px !important; }\n    .solar-overview-section--products .solar-service-grid h3 { font-size: 20px !important; margin-bottom: 10px !important; }\n    .solar-overview-section--products .solar-service-grid p { font-size: 15px !important; line-height: 1.48 !important; margin-bottom: 12px !important; }\n    .solar-overview-section--products .solar-service-grid a { margin-top: 4px !important; }\n    .solar-overview-section--products .solar-service-thumb { width: min(100%, 132px) !important; padding: 6px !important; }\n    @media (max-width: 980px) { .solar-overview-section--products { min-height: auto; padding: 46px 0 !important; } .solar-overview-section--products .solar-section-heading h2 { white-space: normal; font-size: clamp(34px, 9vw, 56px) !important; } }\r\n    .solar-overview-section--products .solar-section-heading h2 { font-size: clamp(28px, 3.2vw, 48px) !important; line-height: 1.02 !important; max-width: calc(100vw - 360px) !important; white-space: nowrap !important; }\n    @media (max-width: 1100px) { .solar-overview-section--products .solar-section-heading h2 { max-width: 100% !important; white-space: normal !important; } }\r\n    .solar-overview-section--products { min-height: 100vh !important; padding: 108px 0 78px !important; scroll-margin-top: 0 !important; }\n    .solar-overview-section--products .solar-section-heading { align-items: flex-end !important; margin-bottom: 44px !important; }\n    .solar-overview-section--products .solar-section-heading--split > div { max-width: none !important; flex: 1 1 auto !important; min-width: 0 !important; }\n    .solar-overview-section--products .solar-section-heading h2 { font-size: clamp(38px, 4.2vw, 64px) !important; line-height: 1.02 !important; max-width: none !important; white-space: nowrap !important; margin-bottom: 0 !important; }\n    .solar-overview-section--products .solar-section-link { align-self: flex-end !important; transform: translateY(34px) !important; margin-left: 24px !important; }\n    .solar-overview-section--products .solar-service-grid { margin-top: 18px !important; }\n    @media (max-width: 1280px) { .solar-overview-section--products .solar-section-heading h2 { font-size: clamp(34px, 3.6vw, 52px) !important; } }\n    @media (max-width: 980px) { .solar-overview-section--products { padding: 76px 0 58px !important; min-height: auto !important; } .solar-overview-section--products .solar-section-heading { display: block !important; margin-bottom: 28px !important; } .solar-overview-section--products .solar-section-heading h2 { white-space: normal !important; font-size: clamp(32px, 8vw, 48px) !important; } .solar-overview-section--products .solar-section-link { display: inline-block !important; transform: none !important; margin: 12px 0 0 !important; } .solar-overview-section--products .solar-service-grid { margin-top: 0 !important; } }\r\n    .solar-overview-section--products .solar-section-heading h2 { font-size: clamp(30px, 3.1vw, 48px) !important; line-height: 1.06 !important; max-width: 980px !important; white-space: normal !important; }\n    @media (min-width: 1400px) { .solar-overview-section--products .solar-section-heading h2 { font-size: 48px !important; } }\n    @media (min-width: 1600px) and (min-height: 1200px) {\n        .solar-overview-section--products { min-height: auto !important; }\n    }\n    @media (prefers-reduced-motion: reduce) { .solar-proof-strip__track { animation: none; } .solar-about-media img, .solar-case-card--wide img, .solar-service-grid article { transition: none; } }\n    @media (max-width: 900px) {\r\n        .solar-proof-strip, .solar-overview-section, .solar-final-cta { width: min(100% - 32px, 1180px); }\r\n        .solar-overview-section { padding: 54px 0; }\r\n        .solar-section-heading--split, .solar-final-cta { display: block; }\r\n        .solar-section-heading h2, .solar-final-cta h2 { font-size: clamp(29px, 8vw, 40px); }\r\n        .solar-about-grid, .solar-case-grid { grid-template-columns: 1fr; }\r\n        .solar-about-visual { grid-template-columns: 1fr; grid-template-rows: auto 220px 250px; gap: 14px; }\r\n        .solar-about-quote, .solar-about-thumb, .solar-about-wide { grid-column: 1 \/ 2; }\r\n        .solar-about-quote { grid-row: 1 \/ 2; min-height: auto; padding: 26px 22px; }\r\n        .solar-about-thumb { grid-row: 2 \/ 3; }\r\n        .solar-about-wide { grid-row: 3 \/ 4; }\r\n        .solar-about-copy { min-height: auto; padding-top: 18px; }\r\n        .solar-about-copy h2 { font-size: clamp(38px, 11vw, 54px); margin-bottom: 24px; }\r\n        .solar-about-copy p { font-size: 18px; }\r\n        .solar-about-action { justify-content: stretch; margin-top: 30px; }\r\n        .solar-project-link { width: 100%; min-width: 0; justify-content: space-between; }\r\n        .solar-service-grid, .solar-benefit-grid { grid-template-columns: 1fr; }\r\n        .solar-service-grid article { grid-template-columns: minmax(0, 1fr) minmax(92px, 120px); min-height: 230px; column-gap: 16px; }\r\n        .solar-service-grid article::after { width: min(100%, 112px); }\r\n        .solar-case-card--wide { grid-row: auto; }\r\n        .solar-final-cta .solar-btn { width: 100%; margin-top: 24px; }\r\n    }\r\n    .solar-video-hero .solar-video-hero__cta > .solar-btn {\n        position: relative !important;\n        isolation: isolate !important;\n        overflow: hidden !important;\n        transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease, border-color .24s ease !important;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn::before {\n        content: \"\";\n        position: absolute;\n        inset: 0 auto 0 0;\n        width: 7px;\n        background: #facc15;\n        transform: scaleY(.28);\n        transform-origin: center;\n        transition: width .28s ease, transform .28s ease, background .28s ease;\n        z-index: -1;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn:hover,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn:focus {\n        transform: translateY(-3px) !important;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn:hover::before,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn:focus::before {\n        width: 100%;\n        transform: scaleY(1);\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--primary:hover,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--primary:focus {\n        color: #061b2f !important;\n        background: #facc15 !important;\n        box-shadow: 0 22px 48px rgba(250, 204, 21, .30) !important;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--primary:hover::before,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--primary:focus::before {\n        background: #f59e0b;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--secondary:hover,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--secondary:focus {\n        color: #082239 !important;\n        background: rgba(255,255,255,.92) !important;\n        border-color: rgba(255,255,255,.96) !important;\n        box-shadow: 0 18px 42px rgba(0,0,0,.20) !important;\n    }\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--secondary:hover::before,\n    .solar-video-hero .solar-video-hero__cta > .solar-btn--secondary:focus::before {\n        background: #facc15;\n    }<\/style>    <style id=\"solar-home-nav-duplicate-fix\">\n    body.home .site-header,\n    body.home #masthead,\n    body.home .ast-primary-header-bar,\n    body.home .main-header-bar,\n    body.home .entry-header,\n    body.home .ast-above-header-wrap,\n    body.home .ast-below-header-wrap {\n        display: none !important;\n    }\n    body.home,\n    body.home .site,\n    body.home .site-content,\n    body.home #content,\n    body.home #primary,\n    body.home .entry-content,\n    body.home .solar-home {\n        margin-top: 0 !important;\n        padding-top: 0 !important;\n    }\n    body.home .solar-video-hero {\n        margin-top: 0 !important;\n    }\n    body.home .solar-video-hero > .solar-video-hero__topbar,\n    body.home .solar-video-hero > .solar-video-nav {\n        display: none !important;\n        visibility: hidden !important;\n        pointer-events: none !important;\n    }\n    <\/style>    <style id=\"solar-next-sections-kinetic\">\n    .solar-experience-section, .solar-faq-kinetic, .solar-final-cta--kinetic { position: relative; }\n    .solar-kinetic-heading p { color: #526579; font-size: 17px; line-height: 1.7; margin: 12px 0 0; max-width: 760px; }\n    .solar-benefit-grid--kinetic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; perspective: 1000px; }\n    .solar-benefit-grid--kinetic article { position: relative; isolation: isolate; min-height: 238px; padding: 26px; overflow: hidden; border-radius: 22px; border: 1px solid rgba(15,43,65,.12); background: rgba(255,255,255,.86); box-shadow: 0 18px 58px rgba(6,27,47,.08); transition: transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease; }\n    .solar-benefit-grid--kinetic article::before { content: \"\"; position: absolute; inset: auto -20% -42% -20%; height: 70%; z-index: -1; background: radial-gradient(circle at 50% 0%, rgba(14,231,139,.38), transparent 68%); transform: translateY(30%); transition: transform .35s ease, opacity .35s ease; opacity: .65; }\n    .solar-benefit-grid--kinetic article:hover { transform: translateY(-8px) rotateX(3deg); border-color: rgba(14,231,139,.34); background: linear-gradient(150deg, rgba(255,255,255,.96), rgba(231,247,238,.94)); box-shadow: 0 32px 86px rgba(15,138,86,.16); }\n    .solar-benefit-grid--kinetic article:hover::before { transform: translateY(4%); opacity: 1; }\n    .solar-benefit-grid--kinetic strong { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 16px; color: #061b2f; background: #facc15; font-size: 13px; font-weight: 900; margin-bottom: 22px; }\n    .solar-benefit-grid--kinetic h3 { color: #082239; font-size: 22px; line-height: 1.12; margin: 0 0 12px; }\n    .solar-benefit-grid--kinetic p { color: #5b6b7b; line-height: 1.65; margin: 0 0 22px; }\n    .solar-benefit-grid--kinetic article > span { display: inline-flex; margin-top: auto; padding: 8px 11px; border-radius: 999px; color: #0f6b42; background: rgba(15,107,66,.08); font-size: 12px; font-weight: 900; }\n    .solar-faq-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); }\n    .solar-faq-orbit { position: absolute; inset: -40px 0 auto auto; width: 220px; height: 220px; pointer-events: none; opacity: .55; }\n    .solar-faq-orbit span { position: absolute; inset: 22px; border: 1px solid rgba(15,138,86,.18); border-radius: 50%; animation: solarFaqOrbit 9s linear infinite; }\n    .solar-faq-orbit span:nth-child(2) { inset: 54px; animation-duration: 7s; animation-direction: reverse; }\n    .solar-faq-orbit span:nth-child(3) { inset: 88px; background: #facc15; border: 0; box-shadow: 0 0 34px rgba(250,204,21,.35); }\n    .solar-faq-list { display: grid; gap: 14px; max-width: 980px; position: relative; z-index: 1; }\n    .solar-faq-list details { border: 1px solid rgba(15,43,65,.12); border-radius: 18px; overflow: hidden; background: rgba(255,255,255,.86); box-shadow: 0 18px 56px rgba(6,27,47,.08); transition: border-color .24s ease, background .24s ease, transform .24s ease, box-shadow .24s ease; }\n    .solar-faq-list details[open] { border-color: rgba(14,231,139,.38); background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(231,247,238,.88)); box-shadow: 0 26px 70px rgba(15,138,86,.13); }\n    .solar-faq-list summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 14px; padding: 22px 24px; color: #092238; font-weight: 900; }\n    .solar-faq-list summary::-webkit-details-marker { display: none; }\n    .solar-faq-list summary span { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 999px; background: #082239; color: #facc15; font-size: 12px; }\n    .solar-faq-list summary::after { content: \"+\"; margin-left: auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; background: rgba(15,107,66,.09); color: #0f6b42; transition: transform .22s ease, background .22s ease; }\n    .solar-faq-list details[open] summary::after { content: \"-\"; transform: rotate(180deg); background: #0ee78b; color: #061b2f; }\n    .solar-faq-list p { padding: 0 24px 24px 74px; margin: 0; color: #526579; line-height: 1.7; }\n    .solar-final-cta--kinetic { min-height: 420px; overflow: hidden; align-items: center; background: radial-gradient(circle at 20% 10%, rgba(250,204,21,.18), transparent 34%), linear-gradient(135deg, #061b2f, #0d4d3a); }\n    .solar-panel-field { position: absolute; inset: -18% -8%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; transform: perspective(900px) rotateX(58deg) rotateZ(-18deg) translateY(18%); opacity: .44; }\n    .solar-panel-field span { min-height: 92px; border-radius: 10px; background: linear-gradient(145deg, rgba(40,112,160,.88), rgba(10,43,76,.88)); border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 20px 50px rgba(0,0,0,.22); animation: solarPanelPush 6.4s ease-in-out infinite; }\n    .solar-panel-field span:nth-child(3n) { animation-delay: .25s; }\n    .solar-panel-field span:nth-child(4n) { animation-delay: .55s; }\n    .solar-panel-field span:nth-child(5n) { animation-delay: .8s; }\n    .solar-final-cta__card { position: relative; z-index: 1; max-width: 760px; padding: 34px; border-radius: 22px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); }\n    .solar-final-cta--kinetic .solar-btn { position: relative; z-index: 1; background: #facc15 !important; color: #061b2f !important; box-shadow: 0 24px 60px rgba(250,204,21,.22); }\n    .solar-home.is-anim-ready .solar-overview-section--why:not(.is-visible) .solar-section-heading,\n    .solar-home.is-anim-ready .solar-overview-section--why:not(.is-visible) .solar-benefit-grid--kinetic article,\n    .solar-home.is-anim-ready .solar-overview-section--faq:not(.is-visible) .solar-section-heading,\n    .solar-home.is-anim-ready .solar-overview-section--faq:not(.is-visible) .solar-faq-list details,\n    .solar-home.is-anim-ready .solar-final-cta--kinetic:not(.is-visible) .solar-final-cta__card,\n    .solar-home.is-anim-ready .solar-final-cta--kinetic:not(.is-visible) .solar-btn { opacity: 0; transform: translateY(54px) scale(.97); }\n    .solar-overview-section--why.is-visible .solar-section-heading,\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article,\n    .solar-overview-section--faq.is-visible .solar-section-heading,\n    .solar-overview-section--faq.is-visible .solar-faq-list details,\n    .solar-final-cta--kinetic.is-visible .solar-final-cta__card,\n    .solar-final-cta--kinetic.is-visible .solar-btn { animation: solarRiseSoft .78s cubic-bezier(.16,1,.3,1) both; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(1) { animation-delay: .12s; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(2) { animation-delay: .20s; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(3) { animation-delay: .28s; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(4) { animation-delay: .38s; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(5) { animation-delay: .46s; }\n    .solar-overview-section--why.is-visible .solar-benefit-grid--kinetic article:nth-child(6) { animation-delay: .54s; }\n    .solar-overview-section--faq.is-visible .solar-faq-list details:nth-child(1) { animation-delay: .12s; }\n    .solar-overview-section--faq.is-visible .solar-faq-list details:nth-child(2) { animation-delay: .22s; }\n    .solar-overview-section--faq.is-visible .solar-faq-list details:nth-child(3) { animation-delay: .32s; }\n    .solar-overview-section--faq.is-visible .solar-faq-list details:nth-child(4) { animation-delay: .42s; }\n    .solar-final-cta--kinetic.is-visible .solar-final-cta__card { animation-delay: .18s; }\n    .solar-final-cta--kinetic.is-visible .solar-btn { animation-delay: .44s; }\n    @keyframes solarRiseSoft { 0% { opacity: 0; transform: translateY(54px) scale(.97); filter: blur(8px); } 70% { opacity: 1; transform: translateY(-6px) scale(1); filter: blur(0); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }\n    @keyframes solarPanelPush { 0%, 100% { transform: translateY(0) rotateZ(0); opacity: .72; } 50% { transform: translateY(-24px) rotateZ(1.5deg); opacity: 1; } }\n    @keyframes solarFaqOrbit { from { transform: rotate(0deg) translateX(8px) rotate(0deg); } to { transform: rotate(360deg) translateX(8px) rotate(-360deg); } }\n    @media (max-width: 900px) { .solar-benefit-grid--kinetic { grid-template-columns: 1fr; } .solar-faq-list p { padding-left: 24px; } .solar-final-cta--kinetic { display: block; padding: 28px; } .solar-final-cta__card { padding: 24px; } .solar-panel-field { grid-template-columns: repeat(3, 1fr); opacity: .30; } }\n    <\/style>    <style id=\"solar-final-cta-panel-polish\">\n    .solar-final-cta--kinetic .solar-panel-field span {\n        position: relative;\n        overflow: hidden;\n        min-height: 108px;\n        border-radius: 12px;\n        background:\n            linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px) 0 0 \/ 25% 100%,\n            linear-gradient(0deg, rgba(255,255,255,.16) 1px, transparent 1px) 0 0 \/ 100% 33.333%,\n            linear-gradient(145deg, rgba(26,98,138,.95), rgba(6,40,75,.96) 52%, rgba(10,93,78,.86));\n        border: 1px solid rgba(129, 213, 255, .28);\n        box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 -20px 38px rgba(0,0,0,.18), 0 22px 54px rgba(0,0,0,.26);\n    }\n    .solar-final-cta--kinetic .solar-panel-field span::before {\n        content: \"\";\n        position: absolute;\n        inset: 8px;\n        border-radius: 8px;\n        border: 1px solid rgba(255,255,255,.16);\n        background: linear-gradient(125deg, rgba(255,255,255,.22), transparent 36%, rgba(255,255,255,.08) 64%, transparent);\n        pointer-events: none;\n    }\n    .solar-final-cta--kinetic .solar-panel-field span::after {\n        content: \"\";\n        position: absolute;\n        left: 50%;\n        top: 8px;\n        bottom: 8px;\n        width: 2px;\n        background: rgba(255,255,255,.16);\n        box-shadow: -36px 0 rgba(255,255,255,.11), 36px 0 rgba(255,255,255,.11);\n        transform: translateX(-50%);\n        pointer-events: none;\n    }\n    .solar-final-cta--kinetic > .solar-btn {\n        position: relative !important;\n        isolation: isolate !important;\n        overflow: hidden !important;\n        color: #061b2f !important;\n        background: #facc15 !important;\n        transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease !important;\n    }\n    .solar-final-cta--kinetic > .solar-btn::before {\n        content: \"\";\n        position: absolute;\n        inset: 0 auto 0 0;\n        width: 7px;\n        z-index: -1;\n        background: #f59e0b;\n        transform: scaleY(.28);\n        transform-origin: center;\n        transition: width .28s ease, transform .28s ease;\n    }\n    .solar-final-cta--kinetic > .solar-btn:hover,\n    .solar-final-cta--kinetic > .solar-btn:focus {\n        transform: translateY(-3px) !important;\n        background: #facc15 !important;\n        color: #061b2f !important;\n        box-shadow: 0 28px 66px rgba(250,204,21,.34) !important;\n    }\n    .solar-final-cta--kinetic > .solar-btn:hover::before,\n    .solar-final-cta--kinetic > .solar-btn:focus::before {\n        width: 100%;\n        transform: scaleY(1);\n    }\n    <\/style>    <style id=\"solar-scenario-slider-polish\">\n        .solar-section-heading--scenario { margin-bottom: 28px; }\n        .solar-scenario-showcase { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 24px; align-items: stretch; padding: 18px; border-radius: 30px; background: linear-gradient(135deg, #061d31 0%, #0b5c43 58%, #11804a 100%); box-shadow: 0 24px 70px rgba(8,35,48,.16); overflow: hidden; }\n        .solar-scenario-showcase__media { position: relative; aspect-ratio: 4 \/ 3; min-height: 0; align-self: start; border-radius: 24px; overflow: visible; background: rgba(255,255,255,.08); }\n        .solar-scenario-showcase__media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; border-radius: 24px; transform: scale(1.01); transition: opacity .28s ease, transform .48s ease; }\n        .solar-scenario-showcase__media.is-changing img { opacity: .58; transform: scale(1.035); }\n        .solar-scenario-arrow { position: absolute; top: 50%; z-index: 6; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; font-size: 34px; line-height: 1; display: grid; place-items: center; padding: 0; cursor: pointer; backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); box-shadow: 0 14px 34px rgba(0,0,0,.18); transform: translateY(-50%); transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }\n        .solar-scenario-arrow:hover { background: #ffd21a; color: #061d31; border-color: rgba(255,210,26,.8); transform: translateY(-50%) scale(1.06); }\n        .solar-scenario-arrow--prev { left: 18px; }\n        .solar-scenario-arrow--next { right: -18px; font-size: 0; }\r\n        .solar-scenario-arrow--next::before { content: ''; font-size: 32px; font-weight: 800; line-height: 1; transform: translate(1px, -1px); }\n        .solar-scenario-showcase__content { min-height: 430px; border-radius: 24px; padding: 38px; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); display: flex; flex-direction: column; justify-content: center; }\n        .solar-scenario-showcase__content span { color: #ffd21a; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; font-size: 13px; margin-bottom: 16px; }\n        .solar-scenario-showcase__content h3 { color: #fff; font-size: clamp(24px, 2.3vw, 39px); line-height: 1.08; margin: 0 0 18px; letter-spacing: 0; }\n        .solar-scenario-showcase__content p { color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.7; margin: 0 0 26px; }\n        .solar-scenario-showcase__stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 0 0 28px; }\n        .solar-scenario-showcase__stats div { border-radius: 18px; padding: 18px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); }\n        .solar-scenario-showcase__stats dt { color: rgba(255,255,255,.62); font-size: 12px; font-weight: 900; text-transform: uppercase; margin-bottom: 8px; }\n        .solar-scenario-showcase__stats dd { color: #fff; font-size: 18px; font-weight: 900; margin: 0; }\n        .solar-scenario-showcase__cta { width: fit-content; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: #ffd21a; color: #061d31; font-weight: 900; text-decoration: none; box-shadow: 0 16px 34px rgba(255,210,26,.2); transition: background .2s ease, color .2s ease, transform .2s ease; }\n        .solar-scenario-showcase__cta:hover { background: #fff; color: #0b5c43; transform: translateY(-2px); }\n        @media (max-width: 980px) { .solar-scenario-showcase { grid-template-columns: 1fr; padding: 12px; } .solar-scenario-showcase__media, .solar-scenario-showcase__content { min-height: auto; } .solar-scenario-showcase__media { aspect-ratio: 4 \/ 3; overflow: hidden; } .solar-scenario-showcase__content { padding: 26px; } .solar-scenario-showcase__stats { grid-template-columns: 1fr; } .solar-scenario-arrow { width: 44px; height: 44px; font-size: 28px; } .solar-scenario-arrow--next { right: 14px; font-size: 0; } .solar-scenario-arrow--next::before { font-size: 28px; } }\r\n        \/* Scenario carousel arrow alignment override v2 *\/\n        .solar-scenario-showcase .solar-scenario-showcase__media {\n            overflow: visible !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow {\n            position: absolute !important;\n            top: 50% !important;\n            z-index: 12 !important;\n            width: 54px !important;\n            height: 54px !important;\n            min-width: 54px !important;\n            min-height: 54px !important;\n            border-radius: 999px !important;\n            transform: translateY(-50%) !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 0 !important;\n            font-size: 0 !important;\n            line-height: 0 !important;\n            overflow: hidden !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow::before {\n            content: '' !important;\n            display: block !important;\n            width: 13px !important;\n            height: 13px !important;\n            border-top: 4px solid #fff !important;\n            border-right: 4px solid #fff !important;\n            box-sizing: border-box !important;\n            position: absolute !important;\n            top: 50% !important;\n            left: 50% !important;\n            margin: 0 !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow:hover::before {\n            border-color: #061d31 !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow--prev {\n            left: 18px !important;\n            right: auto !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow--prev::before {\n            transform: translate(-50%, -50%) rotate(-135deg) !important;\n            margin: 0 !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow--next {\n            right: 140px !important;\n            left: auto !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-arrow--next::before {\n            transform: translate(-50%, -50%) rotate(45deg) !important;\n            margin: 0 !important;\n        }\n\n        @media (max-width: 980px) {\n            .solar-scenario-showcase .solar-scenario-showcase__media {\n                overflow: hidden !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow {\n            position: absolute !important;\n            top: 50% !important;\n            z-index: 12 !important;\n            width: 54px !important;\n            height: 54px !important;\n            min-width: 54px !important;\n            min-height: 54px !important;\n            border-radius: 999px !important;\n            transform: translateY(-50%) !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 0 !important;\n            font-size: 0 !important;\n            line-height: 0 !important;\n            overflow: hidden !important;\n        }\n\n            .solar-scenario-showcase .solar-scenario-arrow::before {\n            content: '' !important;\n            display: block !important;\n            width: 13px !important;\n            height: 13px !important;\n            border-top: 4px solid #fff !important;\n            border-right: 4px solid #fff !important;\n            box-sizing: border-box !important;\n            position: absolute !important;\n            top: 50% !important;\n            left: 50% !important;\n            margin: 0 !important;\n        }\n\n            .solar-scenario-showcase .solar-scenario-arrow--prev {\n                left: 14px !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow--next {\n            right: 18px !important;\n            left: auto !important;\n        }\n        }\n\n        \/* Scenario reference overlay composition v3 *\/\n        @media (min-width: 981px) {\n            .solar-scenario-showcase {\n                --scenario-panel-width: clamp(390px, 42%, 520px);\n                position: relative !important;\n                display: block !important;\n                width: 100% !important;\n                aspect-ratio: 16 \/ 9;\n                min-height: 0 !important;\n                padding: 18px !important;\n                box-sizing: border-box !important;\n                overflow: hidden !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-showcase__media {\n                position: absolute !important;\n                inset: 18px !important;\n                width: auto !important;\n                height: auto !important;\n                min-height: 0 !important;\n                aspect-ratio: auto !important;\n                align-self: auto !important;\n                overflow: hidden !important;\n                z-index: 1 !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-showcase__content {\n                position: absolute !important;\n                top: 18px !important;\n                right: 18px !important;\n                bottom: 18px !important;\n                left: auto !important;\n                width: var(--scenario-panel-width) !important;\n                min-height: 0 !important;\n                box-sizing: border-box !important;\n                z-index: 4 !important;\n                overflow: hidden !important;\n                background: linear-gradient(90deg, rgba(185, 168, 138, .62) 0%, rgba(21, 132, 84, .88) 31%, rgba(21, 145, 78, .94) 100%) !important;\n                border: 1px solid rgba(255,255,255,.24) !important;\n                backdrop-filter: blur(20px) saturate(145%) !important;\n                -webkit-backdrop-filter: blur(20px) saturate(145%) !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow--next {\n                right: calc(var(--scenario-panel-width) + 64px) !important;\n                left: auto !important;\n                background: #0b67c5 !important;\n                border-color: rgba(11,103,197,.82) !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow--next:hover {\n                background: #ffd21a !important;\n                border-color: rgba(255,210,26,.8) !important;\n            }\n        }\n\n        @media (max-width: 980px) {\n            .solar-scenario-showcase {\n                position: relative !important;\n                display: grid !important;\n                width: 100% !important;\n                aspect-ratio: auto !important;\n                min-height: 0 !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-showcase__media {\n                position: relative !important;\n                inset: auto !important;\n                width: auto !important;\n                height: auto !important;\n                min-height: 0 !important;\n                aspect-ratio: 4 \/ 3 !important;\n                overflow: hidden !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-showcase__content {\n                position: relative !important;\n                inset: auto !important;\n                width: auto !important;\n                min-height: auto !important;\n                overflow: visible !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow--prev {\n                left: 14px !important;\n            }\n\n            .solar-scenario-showcase .solar-scenario-arrow--next {\n                right: 18px !important;\n                left: auto !important;\n            }\n        }\n\n        \/* Administrator-only scenario crop editor *\/\n        .solar-scenario-showcase__media::before {\n            content: '';\n            position: absolute;\n            inset: -28px;\n            z-index: 0;\n            background-image: var(--scenario-crop-bg, none);\n            background-position: center;\n            background-size: cover;\n            filter: blur(20px) saturate(115%);\n            opacity: .72;\n            transform: scale(1.08);\n            pointer-events: none;\n        }\n\n        .solar-scenario-showcase .solar-scenario-showcase__media img {\n            z-index: 1;\n            pointer-events: none;\n            object-position: var(--scenario-crop-x, 50%) var(--scenario-crop-y, 50%);\n            transform: translate3d(var(--scenario-crop-shift-x, 0%), var(--scenario-crop-shift-y, 0%), 0) scale(var(--scenario-crop-scale, 1)) !important;\n            transform-origin: center center !important;\n            transition: opacity .22s ease, transform .22s ease, object-position .12s ease !important;\n        }\n\n        .solar-scenario-showcase .solar-scenario-showcase__media.is-changing img {\n            opacity: .58;\n            transform: translate3d(var(--scenario-crop-shift-x, 0%), var(--scenario-crop-shift-y, 0%), 0) scale(var(--scenario-crop-scale, 1)) !important;\n        }\n\n        .solar-scenario-showcase.is-crop-editing .solar-scenario-showcase__media {\n            cursor: grab;\n            touch-action: none;\n        }\n\n        .solar-scenario-showcase.is-crop-editing .solar-scenario-showcase__media.is-dragging {\n            cursor: grabbing;\n        }\n\n        .solar-scenario-crop-editor {\n            position: absolute;\n            left: 24px;\n            bottom: 24px;\n            z-index: 30;\n            width: min(360px, calc(100% - 48px));\n            box-sizing: border-box;\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 12px 16px;\n            align-items: center;\n            padding: 14px 16px;\n            border: 1px solid rgba(255,255,255,.28);\n            border-radius: 16px;\n            color: #fff;\n            background: rgba(4, 27, 47, .84);\n            box-shadow: 0 16px 40px rgba(0,0,0,.24);\n            backdrop-filter: blur(18px) saturate(135%);\n            -webkit-backdrop-filter: blur(18px) saturate(135%);\n            cursor: default;\n            user-select: none;\n        }\n\n        .solar-scenario-crop-editor__title {\n            grid-column: 1 \/ -1;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            font-size: 13px;\n        }\n\n        .solar-scenario-crop-editor__title strong { font-size: 15px; }\n        .solar-scenario-crop-editor__title span { color: rgba(255,255,255,.68); }\n        .solar-scenario-crop-editor__title span.is-saved { color: #8ee0b0; }\n        .solar-scenario-crop-editor__title span.is-error { color: #ffb2a8; }\n\n        .solar-scenario-crop-editor__zoom {\n            display: grid;\n            grid-template-columns: auto minmax(100px, 1fr) 44px;\n            gap: 10px;\n            align-items: center;\n            font-size: 13px;\n            font-weight: 800;\n        }\n\n        .solar-scenario-crop-editor__zoom input { width: 100%; accent-color: #ffd21a; cursor: pointer; }\n        .solar-scenario-crop-editor__zoom output { text-align: right; color: #ffd21a; font-weight: 900; }\n\n        .solar-scenario-crop-editor button {\n            min-height: 36px;\n            padding: 0 14px;\n            border: 1px solid rgba(255,255,255,.24);\n            border-radius: 999px;\n            color: #fff;\n            background: rgba(255,255,255,.12);\n            font-size: 12px;\n            font-weight: 800;\n            cursor: pointer;\n        }\n\n        .solar-scenario-crop-editor button:hover { color: #061d31; background: #ffd21a; border-color: #ffd21a; }\n\n        @media (max-width: 980px) {\n            .solar-scenario-crop-editor { left: 12px; bottom: 12px; width: calc(100% - 24px); grid-template-columns: 1fr; }\n            .solar-scenario-crop-editor__zoom { grid-template-columns: auto minmax(80px, 1fr) 42px; }\n        }\n<\/style>\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        var video = document.getElementById('solarHeroVideo');\r\n        var button = document.getElementById('solarMuteButton');\r\n        var menuButton = document.querySelector('.solar-video-hero__menu');\r\n        var menu = document.getElementById('solarVideoNav');\r\n        if (button && video) {\r\n            button.addEventListener('click', function () {\r\n                video.muted = !video.muted;\r\n                button.innerHTML = video.muted ? '<span aria-hidden=\"true\">&#128263;<\/span>' : '<span aria-hidden=\"true\">&#128266;<\/span>';\r\n                button.setAttribute('aria-label', video.muted ? 'Turn video sound on' : 'Mute video');\r\n                button.setAttribute('aria-pressed', video.muted ? 'true' : 'false');\r\n                if (!video.muted) {\r\n                    video.play().catch(function () {});\r\n                }\r\n            });\r\n        }\r\n        if (menuButton && menu) {\r\n            menuButton.addEventListener('click', function () {\r\n                var isOpen = menu.classList.toggle('is-open');\r\n                menuButton.classList.toggle('is-open', isOpen);\r\n                menuButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\r\n                menuButton.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');\r\n            });\r\n            document.addEventListener('click', function (event) {\r\n                if (!menu.contains(event.target) && !menuButton.contains(event.target)) {\r\n                    menu.classList.remove('is-open');\r\n                    menuButton.classList.remove('is-open');\r\n                    menuButton.setAttribute('aria-expanded', 'false');\r\n                    menuButton.setAttribute('aria-label', 'Open menu');\r\n                }\r\n            });\r\n        }\r\n        var home = document.querySelector('.solar-home');\n        var aboutSection = document.querySelector('.solar-overview-section--about');\n        if (home && aboutSection) {\n            home.classList.add('is-anim-ready');\n            if ('IntersectionObserver' in window) {\n                var aboutObserver = new IntersectionObserver(function (entries, observer) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            aboutSection.classList.add('is-visible');\n                            observer.unobserve(aboutSection);\n                        }\n                    });\n                }, { threshold: 0.34, rootMargin: '0px 0px -10% 0px' });\n                aboutObserver.observe(aboutSection);\n            } else {\n                aboutSection.classList.add('is-visible');\n            }\n        }\r\n        var productsSection = document.querySelector('.solar-overview-section--products');\n        if (home && productsSection) {\n            if ('IntersectionObserver' in window) {\n                var productsObserver = new IntersectionObserver(function (entries, observer) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            productsSection.classList.add('is-visible');\n                            observer.unobserve(productsSection);\n                        }\n                    });\n                }, { threshold: 0.18, rootMargin: '0px 0px -12% 0px' });\n                productsObserver.observe(productsSection);\n            } else {\n                productsSection.classList.add('is-visible');\n            }\n        }\r\n        var revealSections = document.querySelectorAll('.solar-overview-section--why, .solar-overview-section--faq, .solar-final-cta--kinetic');\n        if (home && revealSections.length) {\n            if ('IntersectionObserver' in window) {\n                var revealObserver = new IntersectionObserver(function (entries, observer) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('is-visible');\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.18, rootMargin: '0px 0px -10% 0px' });\n                revealSections.forEach(function (section) { revealObserver.observe(section); });\n            } else {\n                revealSections.forEach(function (section) { section.classList.add('is-visible'); });\n            }\n        }\n        document.querySelectorAll('.solar-faq-kinetic details').forEach(function (item) {\n            item.addEventListener('toggle', function () {\n                if (item.open) {\n                    document.querySelectorAll('.solar-faq-kinetic details').forEach(function (other) {\n                        if (other !== item) other.open = false;\n                    });\n                }\n            });\n        });\n        var scenarioSlider = document.querySelector('[data-solar-scenarios]');\n        if (scenarioSlider) {\n            var scenarioCropSettings = [{\"x\":99.69,\"y\":88.51,\"scale\":1.29},{\"x\":100,\"y\":48.89,\"scale\":1.1},{\"x\":87.32,\"y\":60.27,\"scale\":1.18},{\"x\":69.95,\"y\":40.73,\"scale\":1.33},{\"x\":98.59,\"y\":25.74,\"scale\":1.47}];\n            var scenarioCropEditorConfig = {\"enabled\":false,\"ajaxUrl\":\"\",\"nonce\":\"\"};\n            var scenarioItems = [\n                { image: 'https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-mountain-solar.jpg', alt: 'Mountain solar power station at sunrise', kicker: 'Utility solar projects', title: 'Large-area solar generation for regional power supply.', copy: '100KWH to 3000KWH large commercial solar power station projects using 700W+ high-output solar panels.', statOneLabel: 'Capacity', statOneValue: '100KWH-3000KWH', statTwoLabel: 'Panel', statTwoValue: '700W+ solar panels' },\n                { image: 'https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-floating-solar.jpg', alt: 'Floating solar installation over water', kicker: 'Water-area power projects', title: 'Floating and fishery solar layouts for open water sites.', copy: '100KWH to 3000KWH large commercial solar power station projects using 700W+ high-output solar panels.', statOneLabel: 'Capacity', statOneValue: '100KWH-3000KWH', statTwoLabel: 'Panel', statTwoValue: '700W+ solar panels' },\n                { image: 'https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-rooftop-solar.jpg', alt: 'Rooftop solar system on residential building', kicker: 'Rooftop solar systems', title: 'Rooftop power solutions for homes, villas and business sites.', copy: 'Suitable for 3KWH, 5KWH, 10KWH and 15KWH energy systems with 300W to 600W solar panels for rooftop applications.', statOneLabel: 'System', statOneValue: '3KWH-15KWH', statTwoLabel: 'Panel', statTwoValue: '300W-600W' },\n                { image: 'https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-fishery-solar.jpg', alt: 'Large fishery solar power project', kicker: 'Agricultural solar projects', title: 'Distributed PV supply for farm and fishery power projects.', copy: '100KWH to 3000KWH large commercial solar power station projects using 700W+ high-output solar panels.', statOneLabel: 'Capacity', statOneValue: '100KWH-3000KWH', statTwoLabel: 'Panel', statTwoValue: '700W+ solar panels' },\r\n                { image: 'https:\/\/solauraenergy.com\/wp-content\/uploads\/solar-energy\/scenario-street-lighting-v2.png', alt: 'Solar street lighting system for road and community lighting', kicker: 'Solar lighting systems', title: 'Road lighting systems for public roads and community areas.', copy: 'Suitable for lighting systems with 30W to 100W solar panels and 30W to 65W road lights. Recommended lighting area: 120 square meters.', statOneLabel: 'Solar panel', statOneValue: '30W-100W', statTwoLabel: 'Road light', statTwoValue: '30W-65W' }\n            ];\n            var scenarioIndex = 0;\n            var scenarioImage = scenarioSlider.querySelector('[data-scenario-image]');\n            var scenarioKicker = scenarioSlider.querySelector('[data-scenario-kicker]');\n            var scenarioTitle = scenarioSlider.querySelector('[data-scenario-title]');\n            var scenarioCopy = scenarioSlider.querySelector('[data-scenario-copy]');\n            var scenarioStatOneLabel = scenarioSlider.querySelector('[data-scenario-stat-one-label]');\n            var scenarioStatOneValue = scenarioSlider.querySelector('[data-scenario-stat-one-value]');\n            var scenarioStatTwoLabel = scenarioSlider.querySelector('[data-scenario-stat-two-label]');\n            var scenarioStatTwoValue = scenarioSlider.querySelector('[data-scenario-stat-two-value]');\n            var scenarioMedia = scenarioSlider.querySelector('.solar-scenario-showcase__media');\n            var scenarioCropEditor = scenarioSlider.querySelector('[data-scenario-crop-editor]');\n            var scenarioCropZoom = scenarioSlider.querySelector('[data-scenario-crop-zoom]');\n            var scenarioCropOutput = scenarioSlider.querySelector('[data-scenario-crop-output]');\n            var scenarioCropReset = scenarioSlider.querySelector('[data-scenario-crop-reset]');\n            var scenarioCropStatus = scenarioSlider.querySelector('[data-scenario-crop-status]');\n            var scenarioDragState = null;\n\n            function clampScenarioCrop(value, minimum, maximum) {\n                return Math.min(maximum, Math.max(minimum, Number(value)));\n            }\n\n            function getScenarioCrop(index) {\n                var saved = scenarioCropSettings[index] || {};\n                return {\n                    x: clampScenarioCrop(saved.x == null ? 50 : saved.x, 0, 100),\n                    y: clampScenarioCrop(saved.y == null ? 50 : saved.y, 0, 100),\n                    scale: clampScenarioCrop(saved.scale == null ? 1 : saved.scale, 1, 1.8)\n                };\n            }\n\n            function setScenarioCropStatus(message, stateClass) {\n                if (!scenarioCropStatus) return;\n                scenarioCropStatus.textContent = message;\n                scenarioCropStatus.classList.remove('is-saved', 'is-error');\n                if (stateClass) scenarioCropStatus.classList.add(stateClass);\n            }\n\n            function applyScenarioCrop(index, syncEditor) {\n                var crop = getScenarioCrop(index);\n                var item = scenarioItems[index];\n                var panOverscan = .08;\n                var displayScale = crop.scale + panOverscan;\n                var maxShift = (displayScale - 1) * 50;\n                var shiftX = ((50 - crop.x) \/ 50) * maxShift;\n                var shiftY = ((50 - crop.y) \/ 50) * maxShift;\n                scenarioCropSettings[index] = crop;\n                scenarioMedia.style.setProperty('--scenario-crop-x', crop.x.toFixed(2) + '%');\n                scenarioMedia.style.setProperty('--scenario-crop-y', crop.y.toFixed(2) + '%');\n                scenarioMedia.style.setProperty('--scenario-crop-shift-x', shiftX.toFixed(2) + '%');\n                scenarioMedia.style.setProperty('--scenario-crop-shift-y', shiftY.toFixed(2) + '%');\n                scenarioMedia.style.setProperty('--scenario-crop-scale', displayScale.toFixed(3));\n                scenarioMedia.style.setProperty('--scenario-crop-bg', 'url(\"' + item.image.replace(\/\"\/g, '%22') + '\")');\n                if (syncEditor !== false && scenarioCropZoom) {\n                    scenarioCropZoom.value = String(Math.round(crop.scale * 100));\n                    scenarioCropOutput.textContent = Math.round(crop.scale * 100) + '%';\n                }\n            }\n\n            function saveScenarioCrop(index) {\n                if (!scenarioCropEditorConfig.enabled || !scenarioCropEditorConfig.ajaxUrl) return;\n                var crop = getScenarioCrop(index);\n                var formData = new URLSearchParams();\n                formData.append('action', 'solar_save_home_scenario_crop');\n                formData.append('nonce', scenarioCropEditorConfig.nonce);\n                formData.append('index', String(index));\n                formData.append('x', crop.x.toFixed(2));\n                formData.append('y', crop.y.toFixed(2));\n                formData.append('scale', crop.scale.toFixed(3));\n                setScenarioCropStatus('\u6b63\u5728\u4fdd\u5b58\u2026');\n                fetch(scenarioCropEditorConfig.ajaxUrl, {\n                    method: 'POST',\n                    credentials: 'same-origin',\n                    headers: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8' },\n                    body: formData.toString()\n                }).then(function (response) {\n                    if (!response.ok) throw new Error('Save failed');\n                    return response.text();\n                }).then(function (responseText) {\n                    var jsonStart = responseText.indexOf('{');\n                    var jsonEnd = responseText.lastIndexOf('}');\n                    if (jsonStart < 0 || jsonEnd < jsonStart) throw new Error('Invalid save response');\n                    return JSON.parse(responseText.slice(jsonStart, jsonEnd + 1));\n                }).then(function (result) {\n                    if (!result.success) throw new Error('Save failed');\n                    setScenarioCropStatus('\u5df2\u4fdd\u5b58', 'is-saved');\n                }).catch(function () {\n                    setScenarioCropStatus('\u4fdd\u5b58\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5', 'is-error');\n                });\n            }\n\n            function renderScenario(nextIndex) {\n                scenarioIndex = (nextIndex + scenarioItems.length) % scenarioItems.length;\n                var item = scenarioItems[scenarioIndex];\n                scenarioMedia.classList.add('is-changing');\n                window.setTimeout(function () {\n                    scenarioImage.src = item.image;\n                    scenarioImage.alt = item.alt;\n                    scenarioKicker.textContent = item.kicker;\n                    scenarioTitle.textContent = item.title;\n                    scenarioCopy.textContent = item.copy;\n                    scenarioStatOneLabel.textContent = item.statOneLabel;\n                    scenarioStatOneValue.textContent = item.statOneValue;\n                    scenarioStatTwoLabel.textContent = item.statTwoLabel;\n                    scenarioStatTwoValue.textContent = item.statTwoValue;\n                    applyScenarioCrop(scenarioIndex);\n                    setScenarioCropStatus('\u62d6\u52a8\u56fe\u7247\u8c03\u6574\u4f4d\u7f6e');\n                    scenarioMedia.classList.remove('is-changing');\n                }, 130);\n            }\n\n            applyScenarioCrop(scenarioIndex);\n            if (scenarioCropEditor) {\n                scenarioSlider.classList.add('is-crop-editing');\n\n                scenarioMedia.addEventListener('pointerdown', function (event) {\n                    if (event.target.closest('[data-scenario-crop-editor], .solar-scenario-arrow')) return;\n                    var crop = getScenarioCrop(scenarioIndex);\n                    scenarioDragState = { pointerId: event.pointerId, startX: event.clientX, startY: event.clientY, cropX: crop.x, cropY: crop.y };\n                    scenarioMedia.classList.add('is-dragging');\n                    if (scenarioMedia.setPointerCapture) scenarioMedia.setPointerCapture(event.pointerId);\n                    event.preventDefault();\n                });\n\n                scenarioMedia.addEventListener('pointermove', function (event) {\n                    if (!scenarioDragState || event.pointerId !== scenarioDragState.pointerId) return;\n                    var bounds = scenarioMedia.getBoundingClientRect();\n                    var crop = getScenarioCrop(scenarioIndex);\n                    crop.x = clampScenarioCrop(scenarioDragState.cropX - ((event.clientX - scenarioDragState.startX) \/ bounds.width * 100), 0, 100);\n                    crop.y = clampScenarioCrop(scenarioDragState.cropY - ((event.clientY - scenarioDragState.startY) \/ bounds.height * 100), 0, 100);\n                    scenarioCropSettings[scenarioIndex] = crop;\n                    applyScenarioCrop(scenarioIndex, false);\n                    setScenarioCropStatus('\u677e\u5f00\u540e\u4fdd\u5b58');\n                });\n\n                scenarioMedia.addEventListener('pointerup', function (event) {\n                    if (!scenarioDragState || event.pointerId !== scenarioDragState.pointerId) return;\n                    scenarioDragState = null;\n                    scenarioMedia.classList.remove('is-dragging');\n                    saveScenarioCrop(scenarioIndex);\n                });\n\n                scenarioMedia.addEventListener('pointercancel', function () {\n                    scenarioDragState = null;\n                    scenarioMedia.classList.remove('is-dragging');\n                    applyScenarioCrop(scenarioIndex);\n                });\n\n                scenarioCropZoom.addEventListener('input', function () {\n                    var crop = getScenarioCrop(scenarioIndex);\n                    crop.scale = clampScenarioCrop(Number(scenarioCropZoom.value) \/ 100, 1, 1.8);\n                    scenarioCropSettings[scenarioIndex] = crop;\n                    scenarioCropOutput.textContent = Math.round(crop.scale * 100) + '%';\n                    applyScenarioCrop(scenarioIndex, false);\n                    setScenarioCropStatus('\u677e\u5f00\u540e\u4fdd\u5b58');\n                });\n\n                scenarioCropZoom.addEventListener('change', function () { saveScenarioCrop(scenarioIndex); });\n                scenarioCropReset.addEventListener('click', function () {\n                    scenarioCropSettings[scenarioIndex] = { x: 50, y: 50, scale: 1 };\n                    applyScenarioCrop(scenarioIndex);\n                    saveScenarioCrop(scenarioIndex);\n                });\n            }\n\n            scenarioSlider.querySelector('[data-scenario-prev]').addEventListener('click', function () { renderScenario(scenarioIndex - 1); });\n            scenarioSlider.querySelector('[data-scenario-next]').addEventListener('click', function () { renderScenario(scenarioIndex + 1); });\n        }\n\n        var productGroup = document.querySelector('.solar-video-nav__group');\r\n        if (productGroup) {\r\n            productGroup.addEventListener('mouseenter', function () {\r\n                productGroup.classList.add('is-hovered');\r\n            });\r\n            productGroup.addEventListener('mouseleave', function () {\r\n                productGroup.classList.remove('is-hovered');\r\n            });\r\n            productGroup.addEventListener('focusin', function () {\r\n                productGroup.classList.add('is-hovered');\r\n            });\r\n            productGroup.addEventListener('focusout', function () {\r\n                productGroup.classList.remove('is-hovered');\r\n            });\r\n        }\r\n    });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solauraenergy.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solauraenergy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solauraenergy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/solauraenergy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":6,"href":"https:\/\/solauraenergy.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/solauraenergy.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/solauraenergy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}