Hybrid Energy \u2013 energy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --blue: #1a5276;\r\n --blue2: #2980b9;\r\n --accent: #14cedd;\r\n --green: #2471a3;\r\n --dark: #1a1a1a;\r\n --gray: #555;\r\n --light: #f4f6f8;\r\n --border: #e0e4e8;\r\n --white: #ffffff;\r\n}\r\n\r\nhtml, body { width: 100%; margin: 0; padding: 0; }\r\nbody { font-family: 'Open Sans', sans-serif; color: var(--dark); background: var(--white); }\r\na { text-decoration: none; color: inherit; }\r\n\r\n\/* \u2500\u2500\u2500 HEADER \/ NAV \u2500\u2500\u2500 *\/\r\nheader {\r\n width: 100%;\r\n background: var(--white);\r\n border-bottom: 1px solid var(--border);\r\n position: sticky;\r\n top: 0;\r\n z-index: 200;\r\n}\r\n.nav-inner {\r\n width: 100%;\r\n padding: 0 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n}\r\n.logo {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: var(--dark);\r\n letter-spacing: -.02em;\r\n}\r\n.nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 2.2rem;\r\n list-style: none;\r\n}\r\n.nav-links a {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: var(--dark);\r\n padding: .4rem 0;\r\n line-height: 30px;\r\n border-bottom: 2px solid transparent;\r\n transition: color .2s, border-color .2s;\r\n}\r\n.nav-links a:hover,\r\n.nav-links a.active { color: #14cedd; border-bottom-color: #14cedd; }\r\n.nav-search { background: none; border: none; cursor: pointer; padding: .2rem; color: var(--dark); }\r\n.nav-search:hover { color: #14cedd; }\r\n\r\n\/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n.page-banner {\r\n background: linear-gradient(105deg, #0d2b45 0%, #1a5276 50%, #2471a3 100%);\r\n padding: 5rem 0 4.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.page-banner::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: repeating-linear-gradient(\r\n 0deg, transparent, transparent 59px, rgba(255,255,255,.04) 59px, rgba(255,255,255,.04) 60px\r\n ), repeating-linear-gradient(\r\n 90deg, transparent, transparent 59px, rgba(255,255,255,.04) 59px, rgba(255,255,255,.04) 60px\r\n );\r\n}\r\n.banner-inner {\r\n width: 100%;\r\n padding: 0 3rem;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 3rem;\r\n}\r\n.banner-text { flex: 1; }\r\n.banner-tag {\r\n display: inline-block;\r\n font-size: .7rem;\r\n font-weight: 700;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: #14cedd;\r\n border: 1px solid rgba(20,206,221,.4);\r\n padding: .3rem .8rem;\r\n margin-bottom: 1.2rem;\r\n}\r\n.banner-text h1 {\r\n font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1.1;\r\n margin-bottom: 1rem;\r\n}\r\n.banner-text h1 span { color: #14cedd; }\r\n.banner-text p {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: rgba(255,255,255,.75);\r\n line-height: 1.75;\r\n max-width: 520px;\r\n margin-bottom: 2rem;\r\n}\r\n.btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .5rem;\r\n background: #14cedd;\r\n color: #0d2b45;\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n padding: .85rem 1.8rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: background .2s, transform .15s;\r\n}\r\n.btn-primary:hover { background: #0fb8c9; transform: translateY(-1px); }\r\n.btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .5rem;\r\n background: transparent;\r\n color: var(--white);\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n padding: .85rem 1.8rem;\r\n border: 1px solid rgba(255,255,255,.3);\r\n cursor: pointer;\r\n transition: border-color .2s, color .2s;\r\n}\r\n.btn-ghost:hover { border-color: #14cedd; color: #14cedd; }\r\n.btn-row { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n.banner-visual { flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\r\n.stats-strip {\r\n background: #1a5276;\r\n display: flex;\r\n}\r\n.stat-box {\r\n flex: 1;\r\n padding: 1.8rem 2rem;\r\n border-right: 1px solid rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n gap: 1.1rem;\r\n}\r\n.stat-box:last-child { border-right: none; }\r\n.stat-icon { opacity: .7; flex-shrink: 0; }\r\n.stat-num {\r\n font-size: 1.9rem;\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1;\r\n}\r\n.stat-num sub { font-size: .9rem; font-weight: 400; }\r\n.stat-lbl {\r\n font-size: .72rem;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.55);\r\n margin-top: .2rem;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 MAIN LAYOUT \u2500\u2500\u2500 *\/\r\n.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }\r\n\r\n.section-eyebrow {\r\n font-size: .72rem;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: var(--blue2);\r\n display: flex;\r\n align-items: center;\r\n gap: .6rem;\r\n margin-bottom: .8rem;\r\n}\r\n.section-eyebrow::before {\r\n content: '';\r\n display: inline-block;\r\n width: 28px;\r\n height: 2px;\r\n background: var(--blue2);\r\n}\r\n.section-title {\r\n font-size: clamp(1.7rem, 3vw, 2.4rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 1.2rem;\r\n color: var(--dark);\r\n}\r\n.section-title span { color: var(--blue2); }\r\n.section-body {\r\n font-size: .93rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.85;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTRO \u2500\u2500\u2500 *\/\r\n.intro { padding: 5rem 0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\r\n\r\n.check-list { list-style: none; margin-top: 1.5rem; display: flex; flex-direction: column; gap: .7rem; }\r\n.check-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .7rem;\r\n font-size: .88rem;\r\n color: var(--gray);\r\n}\r\n.check-list li::before {\r\n content: '';\r\n display: inline-block;\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n border-radius: 50%;\r\n background: #14cedd;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n margin-top: 1px;\r\n}\r\n\r\n.illus-box {\r\n background: linear-gradient(140deg, #0d2b45, #1a5276);\r\n border-radius: 4px;\r\n padding: 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 380px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.illus-box::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -40px;\r\n right: -40px;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 50%;\r\n background: rgba(20,206,221,.1);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HOW HYBRID WORKS DIAGRAM \u2500\u2500\u2500 *\/\r\n.diagram-section {\r\n padding: 5rem 0;\r\n background: var(--light);\r\n border-top: 1px solid var(--border);\r\n}\r\n.diagram-wrap {\r\n margin-top: 3rem;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n background: var(--border);\r\n}\r\n.source-card {\r\n background: var(--white);\r\n padding: 2.5rem 2rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: background .25s;\r\n}\r\n.source-card:hover { background: #f0fbfc; }\r\n.source-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: #14cedd;\r\n transform: scaleX(0);\r\n transition: transform .3s;\r\n}\r\n.source-card:hover::after { transform: scaleX(1); }\r\n.source-num {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: rgba(20,206,221,.18);\r\n line-height: 1;\r\n margin-bottom: .5rem;\r\n}\r\n.source-icon-wrap {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n background: #e8f9fa;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n}\r\n.source-card h3 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: .6rem;\r\n text-transform: uppercase;\r\n letter-spacing: .05em;\r\n}\r\n.source-card p {\r\n font-size: .82rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n}\r\n.arrow-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin: 2rem 0;\r\n padding: 0 2rem;\r\n}\r\n.arrow-line {\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #14cedd, transparent);\r\n position: relative;\r\n}\r\n.arrow-line::after {\r\n content: '\u25b6';\r\n position: absolute;\r\n right: -8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #14cedd;\r\n font-size: .7rem;\r\n}\r\n.hub-box {\r\n background: linear-gradient(135deg, #1a5276, #0d2b45);\r\n color: var(--white);\r\n border-radius: 50%;\r\n width: 110px;\r\n height: 110px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n border: 2px solid rgba(20,206,221,.4);\r\n text-align: center;\r\n}\r\n.hub-box span { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #14cedd; }\r\n.hub-box strong { font-size: 1.1rem; font-weight: 800; }\r\n\r\n\/* \u2500\u2500\u2500 SERVICE CARDS \u2500\u2500\u2500 *\/\r\n.services-section { padding: 5rem 0; }\r\n.section-header { text-align: center; margin-bottom: 3rem; }\r\n.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\r\n.card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n padding: 2.2rem 1.8rem;\r\n border-radius: 4px;\r\n transition: box-shadow .25s, border-color .25s, transform .25s;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.card::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 0; height: 3px;\r\n background: #14cedd;\r\n transition: width .35s;\r\n}\r\n.card:hover { box-shadow: 0 8px 32px rgba(20,206,221,.1); border-color: #a8ecf0; transform: translateY(-3px); }\r\n.card:hover::before { width: 100%; }\r\n.card-icon {\r\n width: 52px; height: 52px;\r\n background: #e6fafb;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.2rem;\r\n}\r\n.card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .7rem; color: var(--dark); }\r\n.card p { font-size: .85rem; font-weight: 300; color: var(--gray); line-height: 1.75; }\r\n.card-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n color: #14cedd;\r\n margin-top: 1.2rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n transition: gap .2s;\r\n}\r\n.card:hover .card-link { gap: .6rem; }\r\n\r\n\/* \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 *\/\r\n.process-section { padding: 5rem 0; background: var(--light); border-top: 1px solid var(--border); }\r\n.steps-row {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n margin-top: 3.5rem;\r\n position: relative;\r\n}\r\n.steps-row::before {\r\n content: '';\r\n position: absolute;\r\n top: 28px;\r\n left: calc(12.5% + 14px);\r\n width: calc(75% - 28px);\r\n height: 1px;\r\n background: var(--border);\r\n}\r\n.step-item { text-align: center; padding: 0 1rem; }\r\n.step-circle {\r\n width: 56px; height: 56px;\r\n border-radius: 50%;\r\n background: #1a5276;\r\n color: var(--white);\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.2rem;\r\n position: relative; z-index: 1;\r\n}\r\n.step-item h4 { font-size: .88rem; font-weight: 700; margin-bottom: .5rem; color: var(--dark); text-transform: uppercase; letter-spacing: .05em; }\r\n.step-item p { font-size: .8rem; font-weight: 300; color: var(--gray); line-height: 1.7; }\r\n\r\n\/* \u2500\u2500\u2500 WHY SECTION \u2500\u2500\u2500 *\/\r\n.why-section {\r\n background: linear-gradient(110deg, #0d2b45 0%, #1a5276 100%);\r\n padding: 5rem 0;\r\n}\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\r\n.why-text .section-title { color: var(--white); }\r\n.why-text .section-body { color: rgba(255,255,255,.7); }\r\n.why-text .section-eyebrow { color: #14cedd; }\r\n.why-text .section-eyebrow::before { background: #14cedd; }\r\n.reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }\r\n.reason-item {\r\n background: rgba(255,255,255,.07);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 4px;\r\n padding: 1.4rem 1.2rem;\r\n transition: background .2s;\r\n}\r\n.reason-item:hover { background: rgba(255,255,255,.12); }\r\n.reason-num { font-size: 2rem; font-weight: 800; color: rgba(20,206,221,.45); line-height: 1; margin-bottom: .4rem; }\r\n.reason-item h4 { font-size: .88rem; font-weight: 700; color: var(--white); margin-bottom: .3rem; }\r\n.reason-item p { font-size: .78rem; font-weight: 300; color: rgba(255,255,255,.55); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\r\n.cta-section { padding: 5rem 0; background: var(--light); border-top: 1px solid var(--border); }\r\n.cta-box {\r\n background: linear-gradient(105deg, #1a5276, #2471a3);\r\n border-radius: 4px;\r\n padding: 3.5rem 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n}\r\n.cta-box h2 { font-size: 1.9rem; font-weight: 800; color: var(--white); line-height: 1.2; }\r\n.cta-box h2 span { color: #14cedd; }\r\n.cta-box p { font-size: .9rem; font-weight: 300; color: rgba(255,255,255,.7); margin-top: .5rem; }\r\n\r\n\/* \u2500\u2500\u2500 OTHER SERVICES \u2500\u2500\u2500 *\/\r\n.other-section { padding: 5rem 0; }\r\n.other-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }\r\n.other-card {\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n padding: 1.6rem 1.8rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n transition: border-color .2s, background .2s;\r\n cursor: pointer;\r\n}\r\n.other-card:hover { border-color: #14cedd; background: #f0fbfc; }\r\n.other-card-name { font-size: 1rem; font-weight: 700; color: var(--dark); text-transform: uppercase; letter-spacing: .06em; }\r\n.other-card-sub { font-size: .78rem; color: var(--gray); margin-top: .2rem; }\r\n.other-card-arrow { color: #14cedd; transition: transform .2s; }\r\n.other-card:hover .other-card-arrow { transform: translateX(5px); }\r\n\r\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\nfooter {\r\n background: #111;\r\n color: rgba(255,255,255,.55);\r\n padding: 2rem;\r\n font-size: .8rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n}\r\n.footer-logo { font-size: 1.3rem; font-weight: 800; color: var(--white); }\r\nfooter a { color: rgba(255,255,255,.55); }\r\nfooter a:hover { color: var(--white); }\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n .two-col, .why-grid, .reasons { grid-template-columns: 1fr; gap: 2rem; }\r\n .cards-grid, .other-grid, .diagram-wrap { grid-template-columns: 1fr 1fr; }\r\n .steps-row { grid-template-columns: 1fr 1fr; }\r\n .steps-row::before { display: none; }\r\n .nav-inner, .container { padding: 0 1.2rem; }\r\n}\r\n@media (max-width: 560px) {\r\n .cards-grid, .other-grid, .steps-row, .diagram-wrap { grid-template-columns: 1fr; }\r\n .stats-strip { flex-direction: column; }\r\n .stat-box { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .banner-visual { display: none; }\r\n .page-banner { padding: 3rem 1.2rem; }\r\n .arrow-row { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <div class=\"nav-inner\">\r\n <a href=\"https:\/\/energylz.com\/\" class=\"logo\">energy<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/energylz.com\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/about\/\">About<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/service\/\" class=\"active\">Service<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/blog\/\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-search\" aria-label=\"Search\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><line x1=\"13.5\" y1=\"13.5\" x2=\"17\" y2=\"17\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<section class=\"page-banner\">\r\n <div class=\"banner-inner\">\r\n <div class=\"banner-text\">\r\n <div class=\"banner-tag\">Service 02<\/div>\r\n <h1>Hybrid <span>Energy<\/span><\/h1>\r\n <p>Smart integration of multiple renewable sources \u2014 solar, wind, and grid power \u2014 combined with intelligent storage management to deliver stable, cost-efficient electricity around the clock.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"https:\/\/energylz.com\/index.php\/contact\/\" class=\"btn-primary\">Get Free Consultation<\/a>\r\n <a href=\"https:\/\/energylz.com\/index.php\/about\/\" class=\"btn-ghost\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"banner-visual\">\r\n <svg width=\"340\" height=\"300\" viewBox=\"0 0 340 300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"150\" r=\"42\" fill=\"rgba(20,206,221,0.12)\" stroke=\"rgba(20,206,221,0.5)\" stroke-width=\"2\"\/>\r\n <circle cx=\"170\" cy=\"150\" r=\"24\" fill=\"rgba(20,206,221,0.2)\" stroke=\"rgba(20,206,221,0.7)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"60\" cy=\"60\" r=\"26\" fill=\"rgba(243,156,18,0.15)\" stroke=\"rgba(243,156,18,0.5)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"60\" cy=\"60\" r=\"13\" fill=\"rgba(243,156,18,0.35)\"\/>\r\n <line x1=\"60\" y1=\"26\" x2=\"60\" y2=\"18\" stroke=\"rgba(243,156,18,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"83\" y1=\"37\" x2=\"89\" y2=\"31\" stroke=\"rgba(243,156,18,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"94\" y1=\"60\" x2=\"102\" y2=\"60\" stroke=\"rgba(243,156,18,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"280\" y1=\"90\" x2=\"280\" y2=\"150\" stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"2.5\"\/>\r\n <path d=\"M280 100 C268 88 248 84 238 90 C234 92 235 98 240 97 C254 94 268 97 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <path d=\"M280 100 C290 89 293 74 288 64 C286 60 281 61 282 66 C284 78 282 90 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <path d=\"M280 100 C272 112 270 128 278 136 C280 138 284 136 283 132 C280 120 280 108 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <circle cx=\"280\" cy=\"100\" r=\"6\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n <rect x=\"140\" y=\"230\" width=\"60\" height=\"30\" rx=\"3\" fill=\"rgba(20,206,221,0.15)\" stroke=\"rgba(20,206,221,0.5)\" stroke-width=\"1.5\"\/>\r\n <rect x=\"157\" y=\"226\" width=\"26\" height=\"5\" rx=\"1\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <rect x=\"145\" y=\"236\" width=\"15\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\"\/>\r\n <rect x=\"164\" y=\"236\" width=\"15\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\"\/>\r\n <rect x=\"183\" y=\"236\" width=\"8\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\"\/>\r\n <line x1=\"83\" y1=\"75\" x2=\"135\" y2=\"135\" stroke=\"rgba(243,156,18,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"255\" y1=\"110\" x2=\"210\" y2=\"138\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"170\" y1=\"192\" x2=\"170\" y2=\"228\" stroke=\"rgba(20,206,221,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <rect x=\"25\" y=\"210\" width=\"52\" height=\"40\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"42\" y1=\"210\" x2=\"42\" y2=\"250\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"59\" y1=\"210\" x2=\"59\" y2=\"250\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"25\" y1=\"225\" x2=\"77\" y2=\"225\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"25\" y1=\"238\" x2=\"77\" y2=\"238\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"77\" y1=\"230\" x2=\"135\" y2=\"160\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"stats-strip\" style=\"display:flex\">\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"7\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><circle cx=\"18\" cy=\"18\" r=\"13\" fill=\"none\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 4\"\/><line x1=\"11\" y1=\"11\" x2=\"8\" y2=\"8\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"25\" y1=\"11\" x2=\"28\" y2=\"8\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"25\" y1=\"25\" x2=\"28\" y2=\"28\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"11\" y1=\"25\" x2=\"8\" y2=\"28\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <div><div class=\"stat-num\">3<sub>\u00d7<\/sub><\/div><div class=\"stat-lbl\">More Reliable<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M8 22 L14 14 L20 20 L26 12\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><line x1=\"28\" y1=\"26\" x2=\"8\" y2=\"26\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1\"\/><\/svg>\r\n <div><div class=\"stat-num\">40<sub>%<\/sub><\/div><div class=\"stat-lbl\">Cost Saving<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"12\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><polyline points=\"18,10 18,18 24,18\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <div><div class=\"stat-num\">24\/7<\/div><div class=\"stat-lbl\">Power Supply<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M18 6 C12 10 8 15 8 20 C8 26 12 30 18 30 C24 30 28 26 28 20 C28 15 24 10 18 6Z\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><path d=\"M14 20 C14 17 16 15 18 14 C20 15 22 17 22 20\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\/><\/svg>\r\n <div><div class=\"stat-num\">0<\/div><div class=\"stat-lbl\">CO\u2082 Emissions<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"intro\">\r\n <div class=\"container\">\r\n <div class=\"two-col\">\r\n <div>\r\n <p class=\"section-eyebrow\">Who We Are<\/p>\r\n <h2 class=\"section-title\">The Smartest Way to <span>Power Your Future<\/span><\/h2>\r\n <p class=\"section-body\">A hybrid energy system combines two or more power sources \u2014 typically solar, wind, and battery storage \u2014 with intelligent management software that automatically optimises which source supplies your load at any given moment.<\/p>\r\n <p class=\"section-body\">The result is maximum reliability at minimum cost. When the sun shines, solar powers your building and charges the batteries. When the wind picks up, turbines contribute. When neither is available, stored energy or the grid seamlessly bridges the gap \u2014 all without any manual intervention.<\/p>\r\n <ul class=\"check-list\">\r\n <li>Solar + wind + battery intelligent integration<\/li>\r\n <li>AI-driven energy management controller<\/li>\r\n <li>Seamless grid-tie and off-grid switching<\/li>\r\n <li>Real-time load balancing and peak shaving<\/li>\r\n <li>Remote monitoring and predictive maintenance<\/li>\r\n <li>Scalable from residential to industrial scale<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"illus-box\">\r\n <svg width=\"300\" height=\"300\" viewBox=\"0 0 300 300\" fill=\"none\">\r\n <circle cx=\"150\" cy=\"150\" r=\"55\" fill=\"rgba(20,206,221,0.08)\" stroke=\"rgba(20,206,221,0.35)\" stroke-width=\"1.5\" stroke-dasharray=\"6 5\"\/>\r\n <circle cx=\"150\" cy=\"150\" r=\"32\" fill=\"rgba(20,206,221,0.15)\" stroke=\"rgba(20,206,221,0.6)\" stroke-width=\"2\"\/>\r\n <circle cx=\"150\" cy=\"150\" r=\"14\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"28\" fill=\"rgba(243,156,18,0.12)\" stroke=\"rgba(243,156,18,0.45)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"14\" fill=\"rgba(243,156,18,0.3)\"\/>\r\n <line x1=\"70\" y1=\"34\" x2=\"70\" y2=\"26\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"95\" y1=\"45\" x2=\"101\" y2=\"39\" stroke=\"rgba(243,156,18,0.55)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"106\" y1=\"70\" x2=\"114\" y2=\"70\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"45\" y1=\"45\" x2=\"39\" y2=\"39\" stroke=\"rgba(243,156,18,0.55)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"34\" y1=\"70\" x2=\"26\" y2=\"70\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"230\" cy=\"70\" r=\"28\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"230\" y1=\"52\" x2=\"230\" y2=\"92\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\"\/>\r\n <path d=\"M230 60 C222 53 208 51 202 56 C200 58 201 62 205 61 C214 59 223 60 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <path d=\"M230 60 C237 54 239 45 235 40 C234 38 231 39 231 42 C232 50 231 56 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <path d=\"M230 60 C225 68 224 77 229 82 C230 83 233 82 232 79 C230 71 230 65 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <circle cx=\"230\" cy=\"60\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n <circle cx=\"150\" cy=\"245\" r=\"28\" fill=\"rgba(20,206,221,0.1)\" stroke=\"rgba(20,206,221,0.4)\" stroke-width=\"1.5\"\/>\r\n <rect x=\"136\" y=\"237\" width=\"28\" height=\"14\" rx=\"2\" fill=\"rgba(20,206,221,0.2)\" stroke=\"rgba(20,206,221,0.6)\" stroke-width=\"1\"\/>\r\n <rect x=\"143\" y=\"234\" width=\"14\" height=\"4\" rx=\"1\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <rect x=\"139\" y=\"240\" width=\"7\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.35)\"\/>\r\n <rect x=\"150\" y=\"240\" width=\"7\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.35)\"\/>\r\n <rect x=\"161\" y=\"240\" width=\"4\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\"\/>\r\n <line x1=\"95\" y1=\"90\" x2=\"124\" y2=\"122\" stroke=\"rgba(243,156,18,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"205\" y1=\"88\" x2=\"178\" y2=\"122\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"150\" y1=\"205\" x2=\"150\" y2=\"218\" stroke=\"rgba(20,206,221,0.45)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"diagram-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">Energy Flow<\/p>\r\n <h2 class=\"section-title\">How a Hybrid System Works<\/h2>\r\n <\/div>\r\n <div class=\"arrow-row\" style=\"margin-top:3rem\">\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">01<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><circle cx=\"15\" cy=\"15\" r=\"7\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"7\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"15\" y1=\"23\" x2=\"15\" y2=\"27\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"3\" y1=\"15\" x2=\"7\" y2=\"15\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"23\" y1=\"15\" x2=\"27\" y2=\"15\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"6.5\" y1=\"6.5\" x2=\"9.5\" y2=\"9.5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"20.5\" y1=\"20.5\" x2=\"23.5\" y2=\"23.5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Solar Panels<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">Generate DC electricity from sunlight during daylight hours<\/p>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0\">\r\n <svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\"><path d=\"M2 8h26M20 2l8 6-8 6\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <span style=\"font-size:.65rem;color:var(--gray);font-weight:600;letter-spacing:.08em;text-transform:uppercase\">DC Power<\/span>\r\n <\/div>\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">02<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"4\" y=\"10\" width=\"22\" height=\"14\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M10 17 L13 13 L16 17 L19 14\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><line x1=\"15\" y1=\"4\" x2=\"15\" y2=\"10\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"22\" cy=\"4\" r=\"3\" fill=\"rgba(20,206,221,0.2)\" stroke=\"#14cedd\" stroke-width=\"1.2\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Hybrid Controller<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">AI management system intelligently routes, stores, and distributes power<\/p>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0\">\r\n <svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\"><path d=\"M2 8h26M20 2l8 6-8 6\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <span style=\"font-size:.65rem;color:var(--gray);font-weight:600;letter-spacing:.08em;text-transform:uppercase\">AC Power<\/span>\r\n <\/div>\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">03<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"24\" height=\"16\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><line x1=\"10\" y1=\"8\" x2=\"10\" y2=\"24\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"17\" y1=\"8\" x2=\"17\" y2=\"24\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"3\" y1=\"14\" x2=\"27\" y2=\"14\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"3\" y1=\"19\" x2=\"27\" y2=\"19\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Your Building<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">Receives clean, stable electricity \u2014 24\/7, rain or shine<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">What's Included<\/p>\r\n <h2 class=\"section-title\">Our Hybrid Energy Services<\/h2>\r\n <\/div>\r\n <div class=\"cards-grid\">\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"8\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><circle cx=\"13\" cy=\"13\" r=\"4\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"13\" y1=\"3\" x2=\"13\" y2=\"5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"13\" y1=\"21\" x2=\"13\" y2=\"23\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"3\" y1=\"13\" x2=\"5\" y2=\"13\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"21\" y1=\"13\" x2=\"23\" y2=\"13\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <h3>Solar + Battery Systems<\/h3>\r\n <p>Pair rooftop or ground-mount PV panels with intelligent lithium battery storage for maximum self-consumption and overnight supply.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><line x1=\"13\" y1=\"8\" x2=\"13\" y2=\"22\" stroke=\"#14cedd\" stroke-width=\"1.8\"\/><path d=\"M13 11 C9 8 4 8 2 11 C1 12 2 14 4 14 C8 13 11 12 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><path d=\"M13 11 C16 8 19 6 21 8 C22 9 22 11 20 11 C17 11 15 11 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><path d=\"M13 11 C11 14 11 18 13 20 C14 21 16 20 15 18 C14 15 13 13 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"13\" cy=\"11\" r=\"2.5\" fill=\"#14cedd\"\/><\/svg>\r\n <\/div>\r\n <h3>Solar + Wind Hybrid<\/h3>\r\n <p>Combine solar PV with small or medium wind turbines. They complement each other perfectly \u2014 wind is strongest at night and in winter when solar output is lower.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><rect x=\"6\" y=\"11\" width=\"5\" height=\"6\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><rect x=\"15\" y=\"11\" width=\"5\" height=\"6\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"11\" y1=\"14\" x2=\"15\" y2=\"14\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><line x1=\"13\" y1=\"5\" x2=\"13\" y2=\"8\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><rect x=\"11\" y=\"3\" width=\"4\" height=\"3\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3>Battery Storage & UPS<\/h3>\r\n <p>Standalone battery banks for backup power, peak shaving, and demand charge reduction. Protect critical operations from grid outages with seamless UPS switching.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"22\" height=\"14\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M7 13 L10 10 L13 14 L16 11\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"21\" cy=\"6\" r=\"3\" fill=\"rgba(20,206,221,0.2)\" stroke=\"#14cedd\" stroke-width=\"1.2\"\/><\/svg>\r\n <\/div>\r\n <h3>Energy Management System<\/h3>\r\n <p>AI-powered EMS that monitors all sources in real time, predicts demand, and automatically routes power for lowest cost and highest reliability.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M13 3 L22 8 L22 18 L13 23 L4 18 L4 8 Z\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M13 9 L18 12 L18 16 L13 19 L8 16 L8 12 Z\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3>Microgrid Design<\/h3>\r\n <p>Complete islanded or grid-tied microgrid engineering for remote sites, industrial campuses, islands, and communities that need energy independence.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"9\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M9 13 C9 11 11 9 13 9 C15 9 17 11 17 13 C17 15 15 17 13 17\" stroke=\"#14cedd\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\"1\"\/><\/svg>\r\n <\/div>\r\n <h3>Grid Integration & O&M<\/h3>\r\n <p>Expert grid connection management, commissioning, and long-term O&M contracts covering all components of your hybrid system under one service agreement.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"process-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">How It Works<\/p>\r\n <h2 class=\"section-title\">From Assessment to Live System<\/h2>\r\n <\/div>\r\n <div class=\"steps-row\">\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">01<\/div>\r\n <h4>Energy Audit<\/h4>\r\n <p>We analyse your current consumption patterns, peak demand, and site conditions to identify the optimal combination of energy sources.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">02<\/div>\r\n <h4>System Design<\/h4>\r\n <p>Our engineers model the full hybrid system \u2014 sizing solar, wind, battery, and controller components for maximum performance and ROI.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">03<\/div>\r\n <h4>Installation<\/h4>\r\n <p>Certified teams install all components in parallel, coordinating civil, mechanical, and electrical works to minimise site disruption.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">04<\/div>\r\n <h4>Live & Optimise<\/h4>\r\n <p>We commission the system, connect remote monitoring, and continuously tune the EMS algorithms to maximise savings and uptime.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"why-section\">\r\n <div class=\"container\">\r\n <div class=\"why-grid\">\r\n <div class=\"why-text\">\r\n <p class=\"section-eyebrow\">Why Choose Us<\/p>\r\n <h2 class=\"section-title\">Reasons to Choose Our Company to <span style=\"color:#14cedd\">Power Your Clean Energy<\/span><\/h2>\r\n <p class=\"section-body\">We design hybrid systems that genuinely work \u2014 combining the right sources in the right proportions, backed by intelligent software and 35+ years of field experience.<\/p>\r\n <\/div>\r\n <div class=\"reasons\">\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">35+<\/div>\r\n <h4>Years of Experience<\/h4>\r\n <p>Decades of proven expertise across residential, commercial, and industrial projects worldwide.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\ud83c\udf31<\/div>\r\n <h4>Greener Atmosphere<\/h4>\r\n <p>Every hybrid installation dramatically reduces grid dependence and carbon emissions.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\u267e<\/div>\r\n <h4>Always Replenished<\/h4>\r\n <p>Hybrid systems draw from multiple renewable sources, ensuring supply even when one is unavailable.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\ud83d\udcb0<\/div>\r\n <h4>Budget Friendly<\/h4>\r\n <p>Cut electricity costs by up to 40% and protect against future utility price increases.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-box\">\r\n <div>\r\n <h2>Get a Free Consultation,<br><span>Call us<\/span><\/h2>\r\n <p>Our hybrid energy specialists are ready to design your ideal system.<\/p>\r\n <\/div>\r\n <div class=\"btn-row\">\r\n <a href=\"https:\/\/energylz.com\/index.php\/contact\/\" class=\"btn-primary\">Contact Us<\/a>\r\n <a href=\"tel:+17002300035\" class=\"btn-ghost\">+1 (700) 230-0035<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"other-section\">\r\n <div class=\"container\">\r\n <p class=\"section-eyebrow\">Explore More<\/p>\r\n <h2 class=\"section-title\">Other Services<\/h2>\r\n <div class=\"other-grid\">\r\n <a href=\"solar-power.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Solar Power<\/div>\r\n <div class=\"other-card-sub\">Photovoltaic systems & installation<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"water-turbines.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Water Turbines<\/div>\r\n <div class=\"other-card-sub\">Hydroelectric power systems<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"wind-energy.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Wind Energy<\/div>\r\n <div class=\"other-card-sub\">Onshore & offshore turbines<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">energy<\/div>\r\n <p>\u00a9 2026 energy \u2014 Renewable Energy Premium Supply & Installation Services<\/p>\r\n <p><a href=\"tel:+17002300035\">+1 (700) 230-0035<\/a><\/p>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hybrid Energy \u2013 energy energy Home About Service Blog Contact Service 02 Hybrid Energy Smart integration of multiple renewable sources \u2014 solar, wind, and grid power \u2014 combined with intelligent storage management to deliver stable, cost-efficient electricity around the clock. Get Free Consultation Learn More 3\u00d7More Reliable 40%Cost Saving 24\/7Power Supply 0CO\u2082 Emissions Who We …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2925","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>hybrid energy system installation\u2013 Smart Renewable | energy<\/title>\n<meta name=\"description\" content=\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"hybrid energy system installation\u2013 Smart Renewable | energy\" \/>\n<meta property=\"og:description\" content=\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\" \/>\n<meta property=\"og:site_name\" content=\"Energy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T09:21:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\",\"url\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\",\"name\":\"hybrid energy system installation\u2013 Smart Renewable | energy\",\"isPartOf\":{\"@id\":\"https:\/\/energylz.com\/#website\"},\"datePublished\":\"2026-05-14T09:18:56+00:00\",\"dateModified\":\"2026-05-15T09:21:45+00:00\",\"description\":\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\",\"breadcrumb\":{\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/energylz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hybrid energy system installation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/energylz.com\/#website\",\"url\":\"https:\/\/energylz.com\/\",\"name\":\"Energy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/energylz.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"hybrid energy system installation\u2013 Smart Renewable | energy","description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","og_locale":"en_US","og_type":"article","og_title":"hybrid energy system installation\u2013 Smart Renewable | energy","og_description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","og_url":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","og_site_name":"Energy","article_modified_time":"2026-05-15T09:21:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","url":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","name":"hybrid energy system installation\u2013 Smart Renewable | energy","isPartOf":{"@id":"https:\/\/energylz.com\/#website"},"datePublished":"2026-05-14T09:18:56+00:00","dateModified":"2026-05-15T09:21:45+00:00","description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","breadcrumb":{"@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/energylz.com\/"},{"@type":"ListItem","position":2,"name":"Hybrid energy system installation"}]},{"@type":"WebSite","@id":"https:\/\/energylz.com\/#website","url":"https:\/\/energylz.com\/","name":"Energy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/energylz.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2925"}],"version-history":[{"count":10,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925\/revisions"}],"predecessor-version":[{"id":2976,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925\/revisions\/2976"}],"wp:attachment":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHybrid Energy \u2013 energy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --blue: #1a5276;\r\n --blue2: #2980b9;\r\n --accent: #14cedd;\r\n --green: #2471a3;\r\n --dark: #1a1a1a;\r\n --gray: #555;\r\n --light: #f4f6f8;\r\n --border: #e0e4e8;\r\n --white: #ffffff;\r\n}\r\n\r\nhtml, body { width: 100%; margin: 0; padding: 0; }\r\nbody { font-family: 'Open Sans', sans-serif; color: var(--dark); background: var(--white); }\r\na { text-decoration: none; color: inherit; }\r\n\r\n\/* \u2500\u2500\u2500 HEADER \/ NAV \u2500\u2500\u2500 *\/\r\nheader {\r\n width: 100%;\r\n background: var(--white);\r\n border-bottom: 1px solid var(--border);\r\n position: sticky;\r\n top: 0;\r\n z-index: 200;\r\n}\r\n.nav-inner {\r\n width: 100%;\r\n padding: 0 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n}\r\n.logo {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: var(--dark);\r\n letter-spacing: -.02em;\r\n}\r\n.nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 2.2rem;\r\n list-style: none;\r\n}\r\n.nav-links a {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: var(--dark);\r\n padding: .4rem 0;\r\n line-height: 30px;\r\n border-bottom: 2px solid transparent;\r\n transition: color .2s, border-color .2s;\r\n}\r\n.nav-links a:hover,\r\n.nav-links a.active { color: #14cedd; border-bottom-color: #14cedd; }\r\n.nav-search { background: none; border: none; cursor: pointer; padding: .2rem; color: var(--dark); }\r\n.nav-search:hover { color: #14cedd; }\r\n\r\n\/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n.page-banner {\r\n background: linear-gradient(105deg, #0d2b45 0%, #1a5276 50%, #2471a3 100%);\r\n padding: 5rem 0 4.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.page-banner::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: repeating-linear-gradient(\r\n 0deg, transparent, transparent 59px, rgba(255,255,255,.04) 59px, rgba(255,255,255,.04) 60px\r\n ), repeating-linear-gradient(\r\n 90deg, transparent, transparent 59px, rgba(255,255,255,.04) 59px, rgba(255,255,255,.04) 60px\r\n );\r\n}\r\n.banner-inner {\r\n width: 100%;\r\n padding: 0 3rem;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 3rem;\r\n}\r\n.banner-text { flex: 1; }\r\n.banner-tag {\r\n display: inline-block;\r\n font-size: .7rem;\r\n font-weight: 700;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: #14cedd;\r\n border: 1px solid rgba(20,206,221,.4);\r\n padding: .3rem .8rem;\r\n margin-bottom: 1.2rem;\r\n}\r\n.banner-text h1 {\r\n font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1.1;\r\n margin-bottom: 1rem;\r\n}\r\n.banner-text h1 span { color: #14cedd; }\r\n.banner-text p {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: rgba(255,255,255,.75);\r\n line-height: 1.75;\r\n max-width: 520px;\r\n margin-bottom: 2rem;\r\n}\r\n.btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .5rem;\r\n background: #14cedd;\r\n color: #0d2b45;\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n padding: .85rem 1.8rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: background .2s, transform .15s;\r\n}\r\n.btn-primary:hover { background: #0fb8c9; transform: translateY(-1px); }\r\n.btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .5rem;\r\n background: transparent;\r\n color: var(--white);\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n padding: .85rem 1.8rem;\r\n border: 1px solid rgba(255,255,255,.3);\r\n cursor: pointer;\r\n transition: border-color .2s, color .2s;\r\n}\r\n.btn-ghost:hover { border-color: #14cedd; color: #14cedd; }\r\n.btn-row { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n.banner-visual { flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500\u2500 STATS STRIP \u2500\u2500\u2500 *\/\r\n.stats-strip {\r\n background: #1a5276;\r\n display: flex;\r\n}\r\n.stat-box {\r\n flex: 1;\r\n padding: 1.8rem 2rem;\r\n border-right: 1px solid rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n gap: 1.1rem;\r\n}\r\n.stat-box:last-child { border-right: none; }\r\n.stat-icon { opacity: .7; flex-shrink: 0; }\r\n.stat-num {\r\n font-size: 1.9rem;\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1;\r\n}\r\n.stat-num sub { font-size: .9rem; font-weight: 400; }\r\n.stat-lbl {\r\n font-size: .72rem;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.55);\r\n margin-top: .2rem;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 MAIN LAYOUT \u2500\u2500\u2500 *\/\r\n.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }\r\n\r\n.section-eyebrow {\r\n font-size: .72rem;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: var(--blue2);\r\n display: flex;\r\n align-items: center;\r\n gap: .6rem;\r\n margin-bottom: .8rem;\r\n}\r\n.section-eyebrow::before {\r\n content: '';\r\n display: inline-block;\r\n width: 28px;\r\n height: 2px;\r\n background: var(--blue2);\r\n}\r\n.section-title {\r\n font-size: clamp(1.7rem, 3vw, 2.4rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 1.2rem;\r\n color: var(--dark);\r\n}\r\n.section-title span { color: var(--blue2); }\r\n.section-body {\r\n font-size: .93rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.85;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTRO \u2500\u2500\u2500 *\/\r\n.intro { padding: 5rem 0; }\r\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\r\n\r\n.check-list { list-style: none; margin-top: 1.5rem; display: flex; flex-direction: column; gap: .7rem; }\r\n.check-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .7rem;\r\n font-size: .88rem;\r\n color: var(--gray);\r\n}\r\n.check-list li::before {\r\n content: '';\r\n display: inline-block;\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n border-radius: 50%;\r\n background: #14cedd;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n margin-top: 1px;\r\n}\r\n\r\n.illus-box {\r\n background: linear-gradient(140deg, #0d2b45, #1a5276);\r\n border-radius: 4px;\r\n padding: 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 380px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.illus-box::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -40px;\r\n right: -40px;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 50%;\r\n background: rgba(20,206,221,.1);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HOW HYBRID WORKS DIAGRAM \u2500\u2500\u2500 *\/\r\n.diagram-section {\r\n padding: 5rem 0;\r\n background: var(--light);\r\n border-top: 1px solid var(--border);\r\n}\r\n.diagram-wrap {\r\n margin-top: 3rem;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n background: var(--border);\r\n}\r\n.source-card {\r\n background: var(--white);\r\n padding: 2.5rem 2rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: background .25s;\r\n}\r\n.source-card:hover { background: #f0fbfc; }\r\n.source-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: #14cedd;\r\n transform: scaleX(0);\r\n transition: transform .3s;\r\n}\r\n.source-card:hover::after { transform: scaleX(1); }\r\n.source-num {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: rgba(20,206,221,.18);\r\n line-height: 1;\r\n margin-bottom: .5rem;\r\n}\r\n.source-icon-wrap {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n background: #e8f9fa;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n}\r\n.source-card h3 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: .6rem;\r\n text-transform: uppercase;\r\n letter-spacing: .05em;\r\n}\r\n.source-card p {\r\n font-size: .82rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n}\r\n.arrow-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin: 2rem 0;\r\n padding: 0 2rem;\r\n}\r\n.arrow-line {\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #14cedd, transparent);\r\n position: relative;\r\n}\r\n.arrow-line::after {\r\n content: '\u25b6';\r\n position: absolute;\r\n right: -8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #14cedd;\r\n font-size: .7rem;\r\n}\r\n.hub-box {\r\n background: linear-gradient(135deg, #1a5276, #0d2b45);\r\n color: var(--white);\r\n border-radius: 50%;\r\n width: 110px;\r\n height: 110px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n border: 2px solid rgba(20,206,221,.4);\r\n text-align: center;\r\n}\r\n.hub-box span { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #14cedd; }\r\n.hub-box strong { font-size: 1.1rem; font-weight: 800; }\r\n\r\n\/* \u2500\u2500\u2500 SERVICE CARDS \u2500\u2500\u2500 *\/\r\n.services-section { padding: 5rem 0; }\r\n.section-header { text-align: center; margin-bottom: 3rem; }\r\n.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\r\n.card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n padding: 2.2rem 1.8rem;\r\n border-radius: 4px;\r\n transition: box-shadow .25s, border-color .25s, transform .25s;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.card::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 0; height: 3px;\r\n background: #14cedd;\r\n transition: width .35s;\r\n}\r\n.card:hover { box-shadow: 0 8px 32px rgba(20,206,221,.1); border-color: #a8ecf0; transform: translateY(-3px); }\r\n.card:hover::before { width: 100%; }\r\n.card-icon {\r\n width: 52px; height: 52px;\r\n background: #e6fafb;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.2rem;\r\n}\r\n.card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .7rem; color: var(--dark); }\r\n.card p { font-size: .85rem; font-weight: 300; color: var(--gray); line-height: 1.75; }\r\n.card-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n color: #14cedd;\r\n margin-top: 1.2rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n transition: gap .2s;\r\n}\r\n.card:hover .card-link { gap: .6rem; }\r\n\r\n\/* \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 *\/\r\n.process-section { padding: 5rem 0; background: var(--light); border-top: 1px solid var(--border); }\r\n.steps-row {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n margin-top: 3.5rem;\r\n position: relative;\r\n}\r\n.steps-row::before {\r\n content: '';\r\n position: absolute;\r\n top: 28px;\r\n left: calc(12.5% + 14px);\r\n width: calc(75% - 28px);\r\n height: 1px;\r\n background: var(--border);\r\n}\r\n.step-item { text-align: center; padding: 0 1rem; }\r\n.step-circle {\r\n width: 56px; height: 56px;\r\n border-radius: 50%;\r\n background: #1a5276;\r\n color: var(--white);\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.2rem;\r\n position: relative; z-index: 1;\r\n}\r\n.step-item h4 { font-size: .88rem; font-weight: 700; margin-bottom: .5rem; color: var(--dark); text-transform: uppercase; letter-spacing: .05em; }\r\n.step-item p { font-size: .8rem; font-weight: 300; color: var(--gray); line-height: 1.7; }\r\n\r\n\/* \u2500\u2500\u2500 WHY SECTION \u2500\u2500\u2500 *\/\r\n.why-section {\r\n background: linear-gradient(110deg, #0d2b45 0%, #1a5276 100%);\r\n padding: 5rem 0;\r\n}\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\r\n.why-text .section-title { color: var(--white); }\r\n.why-text .section-body { color: rgba(255,255,255,.7); }\r\n.why-text .section-eyebrow { color: #14cedd; }\r\n.why-text .section-eyebrow::before { background: #14cedd; }\r\n.reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }\r\n.reason-item {\r\n background: rgba(255,255,255,.07);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 4px;\r\n padding: 1.4rem 1.2rem;\r\n transition: background .2s;\r\n}\r\n.reason-item:hover { background: rgba(255,255,255,.12); }\r\n.reason-num { font-size: 2rem; font-weight: 800; color: rgba(20,206,221,.45); line-height: 1; margin-bottom: .4rem; }\r\n.reason-item h4 { font-size: .88rem; font-weight: 700; color: var(--white); margin-bottom: .3rem; }\r\n.reason-item p { font-size: .78rem; font-weight: 300; color: rgba(255,255,255,.55); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\r\n.cta-section { padding: 5rem 0; background: var(--light); border-top: 1px solid var(--border); }\r\n.cta-box {\r\n background: linear-gradient(105deg, #1a5276, #2471a3);\r\n border-radius: 4px;\r\n padding: 3.5rem 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n}\r\n.cta-box h2 { font-size: 1.9rem; font-weight: 800; color: var(--white); line-height: 1.2; }\r\n.cta-box h2 span { color: #14cedd; }\r\n.cta-box p { font-size: .9rem; font-weight: 300; color: rgba(255,255,255,.7); margin-top: .5rem; }\r\n\r\n\/* \u2500\u2500\u2500 OTHER SERVICES \u2500\u2500\u2500 *\/\r\n.other-section { padding: 5rem 0; }\r\n.other-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }\r\n.other-card {\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n padding: 1.6rem 1.8rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n transition: border-color .2s, background .2s;\r\n cursor: pointer;\r\n}\r\n.other-card:hover { border-color: #14cedd; background: #f0fbfc; }\r\n.other-card-name { font-size: 1rem; font-weight: 700; color: var(--dark); text-transform: uppercase; letter-spacing: .06em; }\r\n.other-card-sub { font-size: .78rem; color: var(--gray); margin-top: .2rem; }\r\n.other-card-arrow { color: #14cedd; transition: transform .2s; }\r\n.other-card:hover .other-card-arrow { transform: translateX(5px); }\r\n\r\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\nfooter {\r\n background: #111;\r\n color: rgba(255,255,255,.55);\r\n padding: 2rem;\r\n font-size: .8rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n}\r\n.footer-logo { font-size: 1.3rem; font-weight: 800; color: var(--white); }\r\nfooter a { color: rgba(255,255,255,.55); }\r\nfooter a:hover { color: var(--white); }\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n .two-col, .why-grid, .reasons { grid-template-columns: 1fr; gap: 2rem; }\r\n .cards-grid, .other-grid, .diagram-wrap { grid-template-columns: 1fr 1fr; }\r\n .steps-row { grid-template-columns: 1fr 1fr; }\r\n .steps-row::before { display: none; }\r\n .nav-inner, .container { padding: 0 1.2rem; }\r\n}\r\n@media (max-width: 560px) {\r\n .cards-grid, .other-grid, .steps-row, .diagram-wrap { grid-template-columns: 1fr; }\r\n .stats-strip { flex-direction: column; }\r\n .stat-box { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .banner-visual { display: none; }\r\n .page-banner { padding: 3rem 1.2rem; }\r\n .arrow-row { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <div class=\"nav-inner\">\r\n <a href=\"https:\/\/energylz.com\/\" class=\"logo\">energy<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/energylz.com\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/about\/\">About<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/service\/\" class=\"active\">Service<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/blog\/\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/energylz.com\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-search\" aria-label=\"Search\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><line x1=\"13.5\" y1=\"13.5\" x2=\"17\" y2=\"17\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<section class=\"page-banner\">\r\n <div class=\"banner-inner\">\r\n <div class=\"banner-text\">\r\n <div class=\"banner-tag\">Service 02<\/div>\r\n <h1>Hybrid <span>Energy<\/span><\/h1>\r\n <p>Smart integration of multiple renewable sources \u2014 solar, wind, and grid power \u2014 combined with intelligent storage management to deliver stable, cost-efficient electricity around the clock.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"https:\/\/energylz.com\/index.php\/contact\/\" class=\"btn-primary\">Get Free Consultation<\/a>\r\n <a href=\"https:\/\/energylz.com\/index.php\/about\/\" class=\"btn-ghost\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"banner-visual\">\r\n <svg width=\"340\" height=\"300\" viewBox=\"0 0 340 300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"150\" r=\"42\" fill=\"rgba(20,206,221,0.12)\" stroke=\"rgba(20,206,221,0.5)\" stroke-width=\"2\"\/>\r\n <circle cx=\"170\" cy=\"150\" r=\"24\" fill=\"rgba(20,206,221,0.2)\" stroke=\"rgba(20,206,221,0.7)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"60\" cy=\"60\" r=\"26\" fill=\"rgba(243,156,18,0.15)\" stroke=\"rgba(243,156,18,0.5)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"60\" cy=\"60\" r=\"13\" fill=\"rgba(243,156,18,0.35)\"\/>\r\n <line x1=\"60\" y1=\"26\" x2=\"60\" y2=\"18\" stroke=\"rgba(243,156,18,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"83\" y1=\"37\" x2=\"89\" y2=\"31\" stroke=\"rgba(243,156,18,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"94\" y1=\"60\" x2=\"102\" y2=\"60\" stroke=\"rgba(243,156,18,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"280\" y1=\"90\" x2=\"280\" y2=\"150\" stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"2.5\"\/>\r\n <path d=\"M280 100 C268 88 248 84 238 90 C234 92 235 98 240 97 C254 94 268 97 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <path d=\"M280 100 C290 89 293 74 288 64 C286 60 281 61 282 66 C284 78 282 90 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <path d=\"M280 100 C272 112 270 128 278 136 C280 138 284 136 283 132 C280 120 280 108 280 100Z\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.45)\" stroke-width=\"1.2\"\/>\r\n <circle cx=\"280\" cy=\"100\" r=\"6\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n <rect x=\"140\" y=\"230\" width=\"60\" height=\"30\" rx=\"3\" fill=\"rgba(20,206,221,0.15)\" stroke=\"rgba(20,206,221,0.5)\" stroke-width=\"1.5\"\/>\r\n <rect x=\"157\" y=\"226\" width=\"26\" height=\"5\" rx=\"1\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <rect x=\"145\" y=\"236\" width=\"15\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\"\/>\r\n <rect x=\"164\" y=\"236\" width=\"15\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\"\/>\r\n <rect x=\"183\" y=\"236\" width=\"8\" height=\"16\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\"\/>\r\n <line x1=\"83\" y1=\"75\" x2=\"135\" y2=\"135\" stroke=\"rgba(243,156,18,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"255\" y1=\"110\" x2=\"210\" y2=\"138\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"170\" y1=\"192\" x2=\"170\" y2=\"228\" stroke=\"rgba(20,206,221,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <rect x=\"25\" y=\"210\" width=\"52\" height=\"40\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\"\/>\r\n <line x1=\"42\" y1=\"210\" x2=\"42\" y2=\"250\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"59\" y1=\"210\" x2=\"59\" y2=\"250\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"25\" y1=\"225\" x2=\"77\" y2=\"225\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"25\" y1=\"238\" x2=\"77\" y2=\"238\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\".8\"\/>\r\n <line x1=\"77\" y1=\"230\" x2=\"135\" y2=\"160\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"stats-strip\" style=\"display:flex\">\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"7\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><circle cx=\"18\" cy=\"18\" r=\"13\" fill=\"none\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 4\"\/><line x1=\"11\" y1=\"11\" x2=\"8\" y2=\"8\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"25\" y1=\"11\" x2=\"28\" y2=\"8\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"25\" y1=\"25\" x2=\"28\" y2=\"28\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"11\" y1=\"25\" x2=\"8\" y2=\"28\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <div><div class=\"stat-num\">3<sub>\u00d7<\/sub><\/div><div class=\"stat-lbl\">More Reliable<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M8 22 L14 14 L20 20 L26 12\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><line x1=\"28\" y1=\"26\" x2=\"8\" y2=\"26\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1\"\/><\/svg>\r\n <div><div class=\"stat-num\">40<sub>%<\/sub><\/div><div class=\"stat-lbl\">Cost Saving<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"12\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><polyline points=\"18,10 18,18 24,18\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <div><div class=\"stat-num\">24\/7<\/div><div class=\"stat-lbl\">Power Supply<\/div><\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <svg class=\"stat-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M18 6 C12 10 8 15 8 20 C8 26 12 30 18 30 C24 30 28 26 28 20 C28 15 24 10 18 6Z\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/><path d=\"M14 20 C14 17 16 15 18 14 C20 15 22 17 22 20\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\/><\/svg>\r\n <div><div class=\"stat-num\">0<\/div><div class=\"stat-lbl\">CO\u2082 Emissions<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"intro\">\r\n <div class=\"container\">\r\n <div class=\"two-col\">\r\n <div>\r\n <p class=\"section-eyebrow\">Who We Are<\/p>\r\n <h2 class=\"section-title\">The Smartest Way to <span>Power Your Future<\/span><\/h2>\r\n <p class=\"section-body\">A hybrid energy system combines two or more power sources \u2014 typically solar, wind, and battery storage \u2014 with intelligent management software that automatically optimises which source supplies your load at any given moment.<\/p>\r\n <p class=\"section-body\">The result is maximum reliability at minimum cost. When the sun shines, solar powers your building and charges the batteries. When the wind picks up, turbines contribute. When neither is available, stored energy or the grid seamlessly bridges the gap \u2014 all without any manual intervention.<\/p>\r\n <ul class=\"check-list\">\r\n <li>Solar + wind + battery intelligent integration<\/li>\r\n <li>AI-driven energy management controller<\/li>\r\n <li>Seamless grid-tie and off-grid switching<\/li>\r\n <li>Real-time load balancing and peak shaving<\/li>\r\n <li>Remote monitoring and predictive maintenance<\/li>\r\n <li>Scalable from residential to industrial scale<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"illus-box\">\r\n <svg width=\"300\" height=\"300\" viewBox=\"0 0 300 300\" fill=\"none\">\r\n <circle cx=\"150\" cy=\"150\" r=\"55\" fill=\"rgba(20,206,221,0.08)\" stroke=\"rgba(20,206,221,0.35)\" stroke-width=\"1.5\" stroke-dasharray=\"6 5\"\/>\r\n <circle cx=\"150\" cy=\"150\" r=\"32\" fill=\"rgba(20,206,221,0.15)\" stroke=\"rgba(20,206,221,0.6)\" stroke-width=\"2\"\/>\r\n <circle cx=\"150\" cy=\"150\" r=\"14\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"28\" fill=\"rgba(243,156,18,0.12)\" stroke=\"rgba(243,156,18,0.45)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"14\" fill=\"rgba(243,156,18,0.3)\"\/>\r\n <line x1=\"70\" y1=\"34\" x2=\"70\" y2=\"26\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"95\" y1=\"45\" x2=\"101\" y2=\"39\" stroke=\"rgba(243,156,18,0.55)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"106\" y1=\"70\" x2=\"114\" y2=\"70\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"45\" y1=\"45\" x2=\"39\" y2=\"39\" stroke=\"rgba(243,156,18,0.55)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"34\" y1=\"70\" x2=\"26\" y2=\"70\" stroke=\"rgba(243,156,18,0.65)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"230\" cy=\"70\" r=\"28\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"230\" y1=\"52\" x2=\"230\" y2=\"92\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\"\/>\r\n <path d=\"M230 60 C222 53 208 51 202 56 C200 58 201 62 205 61 C214 59 223 60 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <path d=\"M230 60 C237 54 239 45 235 40 C234 38 231 39 231 42 C232 50 231 56 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <path d=\"M230 60 C225 68 224 77 229 82 C230 83 233 82 232 79 C230 71 230 65 230 60Z\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\r\n <circle cx=\"230\" cy=\"60\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n <circle cx=\"150\" cy=\"245\" r=\"28\" fill=\"rgba(20,206,221,0.1)\" stroke=\"rgba(20,206,221,0.4)\" stroke-width=\"1.5\"\/>\r\n <rect x=\"136\" y=\"237\" width=\"28\" height=\"14\" rx=\"2\" fill=\"rgba(20,206,221,0.2)\" stroke=\"rgba(20,206,221,0.6)\" stroke-width=\"1\"\/>\r\n <rect x=\"143\" y=\"234\" width=\"14\" height=\"4\" rx=\"1\" fill=\"rgba(20,206,221,0.4)\"\/>\r\n <rect x=\"139\" y=\"240\" width=\"7\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.35)\"\/>\r\n <rect x=\"150\" y=\"240\" width=\"7\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.35)\"\/>\r\n <rect x=\"161\" y=\"240\" width=\"4\" height=\"8\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\"\/>\r\n <line x1=\"95\" y1=\"90\" x2=\"124\" y2=\"122\" stroke=\"rgba(243,156,18,0.4)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"205\" y1=\"88\" x2=\"178\" y2=\"122\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <line x1=\"150\" y1=\"205\" x2=\"150\" y2=\"218\" stroke=\"rgba(20,206,221,0.45)\" stroke-width=\"1.2\" stroke-dasharray=\"5 4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"diagram-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">Energy Flow<\/p>\r\n <h2 class=\"section-title\">How a Hybrid System Works<\/h2>\r\n <\/div>\r\n <div class=\"arrow-row\" style=\"margin-top:3rem\">\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">01<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><circle cx=\"15\" cy=\"15\" r=\"7\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"7\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"15\" y1=\"23\" x2=\"15\" y2=\"27\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"3\" y1=\"15\" x2=\"7\" y2=\"15\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"23\" y1=\"15\" x2=\"27\" y2=\"15\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"6.5\" y1=\"6.5\" x2=\"9.5\" y2=\"9.5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"20.5\" y1=\"20.5\" x2=\"23.5\" y2=\"23.5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Solar Panels<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">Generate DC electricity from sunlight during daylight hours<\/p>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0\">\r\n <svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\"><path d=\"M2 8h26M20 2l8 6-8 6\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <span style=\"font-size:.65rem;color:var(--gray);font-weight:600;letter-spacing:.08em;text-transform:uppercase\">DC Power<\/span>\r\n <\/div>\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">02<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"4\" y=\"10\" width=\"22\" height=\"14\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M10 17 L13 13 L16 17 L19 14\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><line x1=\"15\" y1=\"4\" x2=\"15\" y2=\"10\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"22\" cy=\"4\" r=\"3\" fill=\"rgba(20,206,221,0.2)\" stroke=\"#14cedd\" stroke-width=\"1.2\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Hybrid Controller<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">AI management system intelligently routes, stores, and distributes power<\/p>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0\">\r\n <svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\"><path d=\"M2 8h26M20 2l8 6-8 6\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <span style=\"font-size:.65rem;color:var(--gray);font-weight:600;letter-spacing:.08em;text-transform:uppercase\">AC Power<\/span>\r\n <\/div>\r\n <div class=\"source-card\" style=\"flex:1;background:var(--white);border:1px solid var(--border);border-radius:4px;padding:2.2rem 1.5rem;text-align:center\">\r\n <div class=\"source-num\">03<\/div>\r\n <div class=\"source-icon-wrap\" style=\"margin:0 auto .8rem\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"24\" height=\"16\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><line x1=\"10\" y1=\"8\" x2=\"10\" y2=\"24\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"17\" y1=\"8\" x2=\"17\" y2=\"24\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"3\" y1=\"14\" x2=\"27\" y2=\"14\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"3\" y1=\"19\" x2=\"27\" y2=\"19\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size:.9rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem\">Your Building<\/h3>\r\n <p style=\"font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.65\">Receives clean, stable electricity \u2014 24\/7, rain or shine<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">What's Included<\/p>\r\n <h2 class=\"section-title\">Our Hybrid Energy Services<\/h2>\r\n <\/div>\r\n <div class=\"cards-grid\">\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"8\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><circle cx=\"13\" cy=\"13\" r=\"4\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"13\" y1=\"3\" x2=\"13\" y2=\"5\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"13\" y1=\"21\" x2=\"13\" y2=\"23\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"3\" y1=\"13\" x2=\"5\" y2=\"13\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"21\" y1=\"13\" x2=\"23\" y2=\"13\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <h3>Solar + Battery Systems<\/h3>\r\n <p>Pair rooftop or ground-mount PV panels with intelligent lithium battery storage for maximum self-consumption and overnight supply.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><line x1=\"13\" y1=\"8\" x2=\"13\" y2=\"22\" stroke=\"#14cedd\" stroke-width=\"1.8\"\/><path d=\"M13 11 C9 8 4 8 2 11 C1 12 2 14 4 14 C8 13 11 12 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><path d=\"M13 11 C16 8 19 6 21 8 C22 9 22 11 20 11 C17 11 15 11 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><path d=\"M13 11 C11 14 11 18 13 20 C14 21 16 20 15 18 C14 15 13 13 13 11Z\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"13\" cy=\"11\" r=\"2.5\" fill=\"#14cedd\"\/><\/svg>\r\n <\/div>\r\n <h3>Solar + Wind Hybrid<\/h3>\r\n <p>Combine solar PV with small or medium wind turbines. They complement each other perfectly \u2014 wind is strongest at night and in winter when solar output is lower.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><rect x=\"6\" y=\"11\" width=\"5\" height=\"6\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><rect x=\"15\" y=\"11\" width=\"5\" height=\"6\" rx=\"1\" fill=\"rgba(20,206,221,0.15)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><line x1=\"11\" y1=\"14\" x2=\"15\" y2=\"14\" stroke=\"#14cedd\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><line x1=\"13\" y1=\"5\" x2=\"13\" y2=\"8\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><rect x=\"11\" y=\"3\" width=\"4\" height=\"3\" rx=\"1\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3>Battery Storage & UPS<\/h3>\r\n <p>Standalone battery banks for backup power, peak shaving, and demand charge reduction. Protect critical operations from grid outages with seamless UPS switching.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"22\" height=\"14\" rx=\"2\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M7 13 L10 10 L13 14 L16 11\" stroke=\"#14cedd\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"21\" cy=\"6\" r=\"3\" fill=\"rgba(20,206,221,0.2)\" stroke=\"#14cedd\" stroke-width=\"1.2\"\/><\/svg>\r\n <\/div>\r\n <h3>Energy Management System<\/h3>\r\n <p>AI-powered EMS that monitors all sources in real time, predicts demand, and automatically routes power for lowest cost and highest reliability.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M13 3 L22 8 L22 18 L13 23 L4 18 L4 8 Z\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M13 9 L18 12 L18 16 L13 19 L8 16 L8 12 Z\" stroke=\"#14cedd\" stroke-width=\".8\"\/><\/svg>\r\n <\/div>\r\n <h3>Microgrid Design<\/h3>\r\n <p>Complete islanded or grid-tied microgrid engineering for remote sites, industrial campuses, islands, and communities that need energy independence.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"9\" stroke=\"#14cedd\" stroke-width=\"1.5\"\/><path d=\"M9 13 C9 11 11 9 13 9 C15 9 17 11 17 13 C17 15 15 17 13 17\" stroke=\"#14cedd\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"rgba(20,206,221,0.3)\" stroke=\"#14cedd\" stroke-width=\"1\"\/><\/svg>\r\n <\/div>\r\n <h3>Grid Integration & O&M<\/h3>\r\n <p>Expert grid connection management, commissioning, and long-term O&M contracts covering all components of your hybrid system under one service agreement.<\/p>\r\n <a href=\"#\" class=\"card-link\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"process-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <p class=\"section-eyebrow\" style=\"justify-content:center\">How It Works<\/p>\r\n <h2 class=\"section-title\">From Assessment to Live System<\/h2>\r\n <\/div>\r\n <div class=\"steps-row\">\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">01<\/div>\r\n <h4>Energy Audit<\/h4>\r\n <p>We analyse your current consumption patterns, peak demand, and site conditions to identify the optimal combination of energy sources.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">02<\/div>\r\n <h4>System Design<\/h4>\r\n <p>Our engineers model the full hybrid system \u2014 sizing solar, wind, battery, and controller components for maximum performance and ROI.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">03<\/div>\r\n <h4>Installation<\/h4>\r\n <p>Certified teams install all components in parallel, coordinating civil, mechanical, and electrical works to minimise site disruption.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">04<\/div>\r\n <h4>Live & Optimise<\/h4>\r\n <p>We commission the system, connect remote monitoring, and continuously tune the EMS algorithms to maximise savings and uptime.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"why-section\">\r\n <div class=\"container\">\r\n <div class=\"why-grid\">\r\n <div class=\"why-text\">\r\n <p class=\"section-eyebrow\">Why Choose Us<\/p>\r\n <h2 class=\"section-title\">Reasons to Choose Our Company to <span style=\"color:#14cedd\">Power Your Clean Energy<\/span><\/h2>\r\n <p class=\"section-body\">We design hybrid systems that genuinely work \u2014 combining the right sources in the right proportions, backed by intelligent software and 35+ years of field experience.<\/p>\r\n <\/div>\r\n <div class=\"reasons\">\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">35+<\/div>\r\n <h4>Years of Experience<\/h4>\r\n <p>Decades of proven expertise across residential, commercial, and industrial projects worldwide.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\ud83c\udf31<\/div>\r\n <h4>Greener Atmosphere<\/h4>\r\n <p>Every hybrid installation dramatically reduces grid dependence and carbon emissions.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\u267e<\/div>\r\n <h4>Always Replenished<\/h4>\r\n <p>Hybrid systems draw from multiple renewable sources, ensuring supply even when one is unavailable.<\/p>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-num\">\ud83d\udcb0<\/div>\r\n <h4>Budget Friendly<\/h4>\r\n <p>Cut electricity costs by up to 40% and protect against future utility price increases.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-box\">\r\n <div>\r\n <h2>Get a Free Consultation,<br><span>Call us<\/span><\/h2>\r\n <p>Our hybrid energy specialists are ready to design your ideal system.<\/p>\r\n <\/div>\r\n <div class=\"btn-row\">\r\n <a href=\"https:\/\/energylz.com\/index.php\/contact\/\" class=\"btn-primary\">Contact Us<\/a>\r\n <a href=\"tel:+17002300035\" class=\"btn-ghost\">+1 (700) 230-0035<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"other-section\">\r\n <div class=\"container\">\r\n <p class=\"section-eyebrow\">Explore More<\/p>\r\n <h2 class=\"section-title\">Other Services<\/h2>\r\n <div class=\"other-grid\">\r\n <a href=\"solar-power.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Solar Power<\/div>\r\n <div class=\"other-card-sub\">Photovoltaic systems & installation<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"water-turbines.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Water Turbines<\/div>\r\n <div class=\"other-card-sub\">Hydroelectric power systems<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"wind-energy.html\" class=\"other-card\">\r\n <div>\r\n <div class=\"other-card-name\">Wind Energy<\/div>\r\n <div class=\"other-card-sub\">Onshore & offshore turbines<\/div>\r\n <\/div>\r\n <svg class=\"other-card-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4 10h12M12 6l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">energy<\/div>\r\n <p>\u00a9 2026 energy \u2014 Renewable Energy Premium Supply & Installation Services<\/p>\r\n <p><a href=\"tel:+17002300035\">+1 (700) 230-0035<\/a><\/p>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hybrid Energy \u2013 energy energy Home About Service Blog Contact Service 02 Hybrid Energy Smart integration of multiple renewable sources \u2014 solar, wind, and grid power \u2014 combined with intelligent storage management to deliver stable, cost-efficient electricity around the clock. Get Free Consultation Learn More 3\u00d7More Reliable 40%Cost Saving 24\/7Power Supply 0CO\u2082 Emissions Who We …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2925","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>hybrid energy system installation\u2013 Smart Renewable | energy<\/title>\n<meta name=\"description\" content=\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"hybrid energy system installation\u2013 Smart Renewable | energy\" \/>\n<meta property=\"og:description\" content=\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\" \/>\n<meta property=\"og:site_name\" content=\"Energy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T09:21:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\",\"url\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\",\"name\":\"hybrid energy system installation\u2013 Smart Renewable | energy\",\"isPartOf\":{\"@id\":\"https:\/\/energylz.com\/#website\"},\"datePublished\":\"2026-05-14T09:18:56+00:00\",\"dateModified\":\"2026-05-15T09:21:45+00:00\",\"description\":\"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.\",\"breadcrumb\":{\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/energylz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hybrid energy system installation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/energylz.com\/#website\",\"url\":\"https:\/\/energylz.com\/\",\"name\":\"Energy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/energylz.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"hybrid energy system installation\u2013 Smart Renewable | energy","description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","og_locale":"en_US","og_type":"article","og_title":"hybrid energy system installation\u2013 Smart Renewable | energy","og_description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","og_url":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","og_site_name":"Energy","article_modified_time":"2026-05-15T09:21:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","url":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/","name":"hybrid energy system installation\u2013 Smart Renewable | energy","isPartOf":{"@id":"https:\/\/energylz.com\/#website"},"datePublished":"2026-05-14T09:18:56+00:00","dateModified":"2026-05-15T09:21:45+00:00","description":"hybrid energy system installation, wind and battery storage for 24\/7 clean power. Cut energy costs by 40% with AI-driven management.","breadcrumb":{"@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/energylz.com\/index.php\/hybrid-energy-system-installation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/energylz.com\/"},{"@type":"ListItem","position":2,"name":"Hybrid energy system installation"}]},{"@type":"WebSite","@id":"https:\/\/energylz.com\/#website","url":"https:\/\/energylz.com\/","name":"Energy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/energylz.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2925"}],"version-history":[{"count":10,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925\/revisions"}],"predecessor-version":[{"id":2976,"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/pages\/2925\/revisions\/2976"}],"wp:attachment":[{"href":"https:\/\/energylz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}