.elementor-1974 .elementor-element.elementor-element-7fbe497{--display:flex;}.elementor-1974 .elementor-element.elementor-element-4fe50cee > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1974 .elementor-element.elementor-element-4fe50cee.elementor-element{--align-self:center;}.elementor-1974 .elementor-element.elementor-element-fc20c78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1974 .elementor-element.elementor-element-267bf48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1974 .elementor-element.elementor-element-8a3b89b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1974 .elementor-element.elementor-element-c95b54c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1974 .elementor-element.elementor-element-b0c77fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1974 .elementor-element.elementor-element-267bf48{--content-width:1600px;}.elementor-1974 .elementor-element.elementor-element-8a3b89b{--width:33%;}.elementor-1974 .elementor-element.elementor-element-c95b54c{--width:33%;}.elementor-1974 .elementor-element.elementor-element-b0c77fe{--width:33%;}}@media(max-width:767px){.elementor-1974 .elementor-element.elementor-element-fc20c78{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for text-editor, class: .elementor-element-4fe50cee */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clean Energy Section</title>
    <style>
        .britegen {
            font-family: 'Segoe UI', 'Inter', 'Arial', sans-serif;
            color: #22344D;
            background: #F6F8F9;
            line-height: 1.6;
        }

        .britegen .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 32px;
        }

        .britegen .hero {
            background: #F6F8F9; /* Solid background, no orange */
            padding: 64px 0 48px 0;
            text-align: center;
        }

        .britegen .eyebrow {
            font-size: 1em;
            font-weight: 700;
            color: #FF6C23;
            text-transform: uppercase;
            letter-spacing: 0.07em;
            margin-bottom: 8px;
            display: block;
        }

        .britegen h1 {
            color: #22344D;
            font-size: 2.8em;
            font-weight: 800;
            margin-bottom: 12px;
            letter-spacing: -1px;
        }

        .britegen .lead {
            font-size: 1.15em;
            color: #495866;
            margin-bottom: 32px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .britegen .hero-cta {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 12px;
        }

        .britegen .btn {
            display: inline-block;
            padding: 12px 32px;
            border-radius: 8px;
            font-size: 1em;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.18s, color 0.18s, box-shadow 0.18s;
            cursor: pointer;
        }

        .britegen .btn-primary {
            background: #FF6C23;
            color: #fff;
            border: none;
            box-shadow: 0 4px 18px rgba(255,108,35,0.07);
        }

        .britegen .btn-primary:hover {
            background: #e55b1c;
        }

        .britegen .btn-ghost {
            background: transparent;
            color: #FF6C23;
            border: 2px solid #FF6C23;
        }

        .britegen .btn-ghost:hover {
            background: #FF6C23;
            color: #fff;
        }

        .britegen .section {
            background: #F8FAFB;
            padding: 64px 0 48px 0;
            text-align: center;
        }

        .britegen h2 {
            font-size: 2em;
            color: #22344D;
            font-weight: 700;
            margin-bottom: 40px;
        }

        .britegen .grid-3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
            justify-content: center;
        }

        .britegen .card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 1px 4px rgba(34,52,77,0.07);
            padding: 32px 28px;
            color: #22344D;
            font-size: 1em;
            font-weight: 400;
            text-align: left;
        }

        .britegen .card h3 {
            font-size: 1.12em;
            color: #22344D;
            margin-bottom: 13px;
            font-weight: 700;
        }

        .britegen .cta-bar {
            background: #FF6C23;
            color: #fff;
            padding: 30px 0;
        }

        .britegen .cta-bar-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 900px;
            margin: 0 auto;
            gap: 12px;
            font-size: 1.15em;
            padding: 0 32px;
        }

        .britegen .cta-bar .btn-accent {
            margin-left: 18px;
            background: #22344D;
            color: #fff;
            border: none;
            padding: 12px 32px;
            border-radius: 8px;
            font-size: 1em;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.18s;
        }

        .britegen .cta-bar .btn-accent:hover {
            background: #1a2e47;
        }

        .britegen .faq-list {
            margin-top: 32px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .britegen details {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 1px 6px rgba(34,52,77,0.06);
            margin-bottom: 16px;
            padding: 18px 24px;
            text-align: left;
        }

        .britegen details summary {
            cursor: pointer;
            font-weight: 600;
            color: #22344D;
            font-size: 1.07em;
            outline: none;
        }

        .britegen .faq-a {
            margin-top: 16px;
            color: #495866;
        }
    </style>
</head>
<body>
    <div id="clean-energy" class="britegen">
        <section class="hero">
            <div class="container">
                <p class="eyebrow">Smart Backup</p>
                <h1>Clean Energy</h1>
                <p class="lead">Pair storage and intelligent controls with standby power for efficient, resilient homes and businesses.</p>
                <div class="hero-cta">
                    <a class="btn btn-primary" href="https://britegenerators.com/contact-us">Get a Free Quote</a>
                    <a class="btn btn-ghost" href="tel:+12702236302">Call (270) 223-6302</a>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <h2>What We Do</h2>
                <div class="grid-3">
                    <div class="card">
                        <h3>Battery Storage</h3>
                        Store energy for outages and peak events while smoothing daily consumption.
                    </div>
                    <div class="card">
                        <h3>Load Management</h3>
                        Prioritize essential circuits and manage heavy loads for right-sized systems.
                    </div>
                    <div class="card">
                        <h3>Generator Integration</h3>
                        Hybrid setups that coordinate storage and generator runtime to save fuel.
                    </div>
                    <div class="card">
                        <h3>Monitoring & Alerts</h3>
                        App-enabled performance tracking and proactive maintenance reminders.
                    </div>
                    <div class="card">
                        <h3>Solar-Ready</h3>
                        Plan now for future PV integration with compliant interconnection hardware.
                    </div>
                    <div class="card">
                        <h3>Utility Programs</h3>
                        Guidance on incentives and interconnection where available.
                    </div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <h2>Local Expertise</h2>
                Based in Franklin, KY, we support surrounding communities with prompt scheduling and dependable follow-through. Call <a href="tel:+12702236302">(270) 223-6302</a> to check availability in your area.
            </div>
        </section>
        <aside class="cta-bar">
            <div class="container cta-bar-inner">
                <strong>Plan a hybrid system?</strong> We’ll design storage + generator for your goals.
                <a class="btn btn-accent" href="https://britegenerators.com/contact-us">Talk to an Expert</a>
            </div>
        </aside>
        <section class="section">
            <div class="container">
                <h2>Frequently Asked Questions</h2>
                <div class="faq-list">
                    <details>
                        <summary>Can storage work with my existing generator?</summary>
                        <div class="faq-a">
                            Yes, hybrid configurations can coordinate battery discharge with generator startup to optimize fuel and noise.
                        </div>
                    </details>
                    <details>
                        <summary>Do I need solar to add batteries?</summary>
                        <div class="faq-a">
                            No. Storage can operate without solar and still provide backup and load-shifting benefits.
                        </div>
                    </details>
                    <details>
                        <summary>What incentives are available?</summary>
                        <div class="faq-a">
                            Incentives vary by utility and location. We’ll outline options during your consultation.
                        </div>
                    </details>
                </div>
            </div>
        </section>
    </div>
</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc20c78 */<style>
/* Keep badge from covering the plan title */
.brite .plan{ padding-top:56px; }

/* Center the list block while keeping clean left alignment of bullets */
.brite .plan ul{
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.1em;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* (Optional) center the plan title explicitly */
.brite .plan h3{ text-align:center; }
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fbe497 */<style>
/* Keep badge from covering the plan title */
.brite .plan{ padding-top:56px; }

/* Center the list block while keeping clean left alignment of bullets */
.brite .plan ul{
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.1em;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* (Optional) center the plan title explicitly */
.brite .plan h3{ text-align:center; }
</style>/* End custom CSS */