@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#070b0c;--surface:#101719;--line:#273438;--text:#f6faf8;--muted:#9aa9a7;--lime:#c4ff59;--lime2:#86f8b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.scroll-meter{position:fixed;z-index:100;top:0;left:0;width:0;height:2px;background:var(--lime);box-shadow:0 0 18px var(--lime)}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(7,11,12,.75);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{text-decoration:none;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.9px;white-space:nowrap}.logo>span:last-child span{color:var(--lime)}.logo-mark{color:var(--lime);font-size:27px;margin-right:8px}.nav-action{padding:12px 17px;background:var(--lime);border-radius:999px;color:#0b1508;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}.nav-action span{margin-left:8px}.hero{min-height:850px;min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:125px 0 100px;isolation:isolate}.hero-content{position:relative;z-index:3}.hero-glow{position:absolute;inset:-20% -20% 0 25%;background:radial-gradient(ellipse at 65% 45%,rgba(116,232,118,.17),transparent 47%),radial-gradient(ellipse at 80% 80%,rgba(0,187,179,.09),transparent 50%);pointer-events:none}.eyebrow,.section-label,.form-kicker{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--lime)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-left:10px;box-shadow:0 0 0 6px rgba(196,255,89,.1);animation:dot 2s infinite}.hero-title,h2,h3{font-family:Manrope,system-ui,sans-serif}.hero-title{font-size:clamp(52px,8vw,112px);line-height:1.04;letter-spacing:-.075em;margin:28px 0 25px;max-width:900px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#c4ff59,#87f4c8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{font-size:clamp(16px,1.7vw,20px);line-height:1.75;color:#b5c5c0;max-width:525px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:33px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;border-radius:12px;padding:18px 23px;font-weight:800;transition:transform .3s,box-shadow .3s}.button-primary{background:var(--lime);color:#0d1809}.button-primary:hover{transform:translateY(-3px);box-shadow:0 15px 55px rgba(196,255,89,.22)}.quiet-link{font-size:14px;color:#d6e3dd;text-decoration:none;border-bottom:1px solid #62716b;padding-bottom:5px}.hero-proof{display:flex;gap:25px;flex-wrap:wrap;margin-top:58px;color:#8eaaa1;font-size:12px}.hero-energy{position:absolute;right:-8%;top:22%;width:min(60vw,740px);aspect-ratio:1;z-index:1;opacity:.8;pointer-events:none;transform:translate3d(0,var(--parallax,0px),0)}.energy-ring{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(166,252,171,.2);box-shadow:0 0 100px rgba(105,255,167,.045),inset 0 0 80px rgba(105,255,167,.035)}.ring-one{animation:spin 24s linear infinite;border-top-color:rgba(196,255,89,.65);border-left-color:transparent}.ring-two{inset:24%;animation:spin 16s linear infinite reverse;border-right-color:rgba(196,255,89,.8);border-bottom-color:transparent}.energy-core{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;font-size:clamp(60px,10vw,135px);color:var(--lime);text-shadow:0 0 70px rgba(196,255,89,.7);background:radial-gradient(circle,rgba(115,244,148,.2),transparent 75%);animation:breathe 4s ease-in-out infinite}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.28em;color:#71847c}.scroll-cue span{display:block;text-align:center;margin-top:8px;font-size:20px;animation:down 2s infinite}.section{padding:125px 0}.statement{border-top:1px solid #1c2a29}.statement-title{font-size:clamp(40px,6vw,78px);line-height:1.1;letter-spacing:-.065em;margin:22px 0 75px}.statement-title span,.form-intro h2 span{color:var(--lime)}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #3c4b48;padding-top:25px}.step>span{color:var(--lime);font-size:12px;letter-spacing:.15em}.step h3{font-size:23px;letter-spacing:-.04em;margin:28px 0 8px}.step p{color:var(--muted);line-height:1.7;font-size:15px}.promo{padding-top:60px}.promo-panel{position:relative;overflow:hidden;border:1px solid #394e37;border-radius:26px;padding:clamp(30px,7vw,78px);background:radial-gradient(ellipse at 85% 10%,rgba(173,255,96,.13),transparent 55%),#111915}.promo-panel h2{font-size:clamp(42px,7vw,82px);line-height:1.07;letter-spacing:-.065em;margin:22px 0 36px}.promo-panel h2 span{color:var(--lime)}.promo-values{display:flex;align-items:center;gap:clamp(12px,4vw,48px);flex-wrap:wrap}.promo-value{display:flex;flex-direction:column;gap:10px}.promo-value>span{font-size:13px;letter-spacing:.16em;color:#a7c0ae}.promo-value strong{font-family:Manrope;font-size:clamp(52px,8vw,94px);letter-spacing:-.07em;line-height:1.1}.promo-separator{color:var(--lime);font-size:36px}.promo-total{font-size:18px;margin-top:35px}.promo-terms{font-size:12px;color:#a9b7ab;line-height:1.7;max-width:660px;margin-bottom:27px}.promo-terms a{text-underline-offset:4px}.form-section{border-top:1px solid #1b2928}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,6vw,90px);align-items:start}.form-intro{position:sticky;top:130px}.form-intro h2{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.06em;margin:20px 0}.form-intro>p:not(.section-label){color:var(--muted);font-size:17px;line-height:1.7}.form-assurance{border-left:2px solid var(--lime);padding-left:16px;color:#9db4a8;font-size:13px;line-height:1.8;margin-top:45px}.form-card{border:1px solid #2b3b3b;background:#11191a;border-radius:24px;padding:clamp(20px,3.5vw,42px);box-shadow:0 30px 100px rgba(0,0,0,.15)}.form-card-head{margin-bottom:25px}.form-card h3{font-size:25px;letter-spacing:-.045em;margin:10px 0}.form-card-head p,.muted{color:var(--muted);font-size:13px}.form-card form{display:grid;gap:19px}.form-card fieldset{border:0;margin:0;padding:0;min-width:0}.form-card legend{font-size:13px;font-weight:700;margin-bottom:11px;color:#dce9e2}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice{position:relative;flex:1;min-width:120px}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:block;text-align:center;border:1px solid #354544;border-radius:11px;padding:14px 10px;font-size:14px;font-weight:700;cursor:pointer;background:#0b1213;transition:background .2s,border-color .2s,transform .2s}.choice input:checked+span{background:#263c2c;border-color:var(--lime);color:var(--lime)}.choice input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}.choice span:hover{border-color:#7aa77b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-card label:not(.choice):not(.check){display:block;color:#dce9e2;font-size:13px;font-weight:700;line-height:1.5}.form-card input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.form-card textarea{display:block;width:100%;margin-top:9px;border:1px solid #354544;background:#0a1112;color:#fff;border-radius:11px;padding:15px 14px;min-height:52px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;font-size:16px}.form-card input:focus,.form-card textarea:focus{border-color:var(--lime)!important;box-shadow:0 0 0 4px rgba(196,255,89,.1);background:#101c19!important}.form-card input::placeholder,.form-card textarea::placeholder{color:#7c8f88}.form-card hr{width:100%;border:0;border-top:1px solid #2c3b3a;margin:5px 0}.check{display:flex;align-items:flex-start;gap:12px;color:#bdcfc5;font-size:12px;line-height:1.7}.check input{accent-color:var(--lime);width:20px;height:20px;flex:none;margin:2px 0 0}.check a{color:#e5ffb8;text-underline-offset:3px}.submit{width:100%;cursor:pointer;font-size:15px;min-height:57px}.form-foot{color:#8ea49a;font-size:12px;line-height:1.6;margin:0}.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.notice{border-radius:10px;padding:14px;margin:15px 0}.success{color:#d9ffcb;background:#23402b}.error{color:#ffd8d8;background:#4a2020}.footer{border-top:1px solid #263431;padding:55px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer-logo{font-weight:800;font-family:Manrope;font-size:19px;color:var(--lime)}.footer p{max-width:510px;color:#8fa49b;line-height:1.7;font-size:13px}.footer nav{display:flex;flex-wrap:wrap;gap:18px;align-content:start}.footer nav a{font-size:13px;text-decoration:none;color:#c4d6ca}.footer-bottom{font-size:11px;color:#71887b;padding-top:30px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translate3d(0,40px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.js-motion .step:nth-child(2){transition-delay:.12s}.js-motion .step:nth-child(3){transition-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.1);opacity:.7}}@keyframes dot{50%{box-shadow:0 0 0 12px rgba(196,255,89,0)}}@keyframes down{50%{transform:translateY(7px)}}@media(max-width:900px){.hero-energy{right:-28%;top:25%;width:85vw;opacity:.33}.form-layout{grid-template-columns:1fr}.form-intro{position:static}.three-steps{gap:20px}}@media(max-width:600px){html{scroll-padding-top:72px}.container{width:calc(100% - 36px)}.nav{min-height:65px}.logo{font-size:15px;letter-spacing:-.7px}.logo-mark{font-size:23px;margin-right:4px}.nav-action{font-size:11px;padding:11px 12px}.nav-action span{margin-left:2px}.hero{min-height:760px;min-height:100svh;padding:120px 0 95px}.hero-title{font-size:clamp(47px,12.1vw,72px);letter-spacing:-.07em}.hero-copy{font-size:16px;max-width:390px}.hero-energy{width:120vw;right:-55%;top:23%;opacity:.27}.hero-proof{gap:11px;font-size:11px;margin-top:42px}.hero-actions{gap:19px}.button{padding:16px 19px}.section{padding:85px 0}.statement-title{margin-bottom:45px}.three-steps{grid-template-columns:1fr;gap:25px}.step h3{margin-top:15px}.promo{padding-top:20px}.promo-panel{border-radius:19px;padding:29px 22px}.promo-values{gap:15px}.promo-value strong{font-size:54px}.promo-separator{font-size:25px}.promo-total{font-size:15px}.form-card{padding:23px 18px;border-radius:18px}.form-grid{grid-template-columns:1fr;gap:18px}.form-intro h2{font-size:40px}.footer-grid{flex-direction:column}.footer nav{gap:14px}.scroll-cue{bottom:22px}}@media(max-width:360px){.logo{font-size:13px}.nav-action{font-size:10px;padding:10px}.promo-value strong{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}}
/* Interactive energy and customer selection */
/* Strong premium glow on selection – no appearing icons or symbols */
#leadForm .choice{position:relative;isolation:isolate;overflow:visible;--fx-color:#c4ff59}
#leadForm .choice.fx-electric{--fx-color:#c4ff59}
#leadForm .choice.fx-gas{--fx-color:#ffad61}
#leadForm .choice.fx-private{--fx-color:#92ffc1}
#leadForm .choice.fx-business{--fx-color:#72bcff}
#leadForm .choice>span:not(.choice-fx){position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:11px}
#leadForm .choice input:checked+span{border-color:var(--fx-color);background:#192721;color:#fff;box-shadow:0 0 0 1px var(--fx-color),0 0 20px color-mix(in srgb,var(--fx-color) 38%,transparent),inset 0 0 22px color-mix(in srgb,var(--fx-color) 12%,transparent)}
#leadForm .choice .choice-fx{position:absolute;inset:-4px;border-radius:15px;pointer-events:none;z-index:1;opacity:0;box-shadow:0 0 14px 3px var(--fx-color),0 0 38px 8px color-mix(in srgb,var(--fx-color) 45%,transparent),0 0 70px 12px color-mix(in srgb,var(--fx-color) 24%,transparent)}
#leadForm .choice.fx-play .choice-fx{animation:escGlowWave .85s cubic-bezier(.18,.7,.2,1) both}
#leadForm .choice.fx-play>span:not(.choice-fx){animation:escGlowSurface .85s ease-out both}
@keyframes escGlowWave{0%{opacity:0;transform:scale(.94)}18%{opacity:1;transform:scale(1.015)}42%{opacity:.4;transform:scale(1.035)}60%{opacity:1;transform:scale(1.015)}100%{opacity:0;transform:scale(1.06)}}
@keyframes escGlowSurface{0%,100%{filter:brightness(1)}20%{filter:brightness(1.75)}45%{filter:brightness(1.15)}63%{filter:brightness(1.65)}}
@media(prefers-reduced-motion:reduce){#leadForm .choice.fx-play .choice-fx,#leadForm .choice.fx-play>span:not(.choice-fx){animation:none!important}}


/* Emoji watermarks: decorative only, behind label text */
#leadForm .choice.fx-electric{--emoji:"⚡"}
#leadForm .choice.fx-gas{--emoji:"🔥"}
#leadForm .choice.fx-private{--emoji:"🏠"}
#leadForm .choice.fx-business{--emoji:"🏢"}
#leadForm .choice[data-choice-emoji] > span:not(.choice-fx){isolation:isolate;overflow:hidden}
#leadForm .choice[data-choice-emoji] > span:not(.choice-fx)::before{content:var(--emoji);position:absolute;left:13px;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:39px;line-height:1;opacity:.14;z-index:-1;pointer-events:none;filter:saturate(.8)}
#leadForm .choice[data-choice-emoji] input:checked + span::before{opacity:.22}
/* Contact method animations */
#leadForm .choice.fx-mail{--fx-color:#9befff}
#leadForm .choice.fx-phone{--fx-color:#baff79}
.esc-flyer{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;font-size:38px;line-height:1;filter:drop-shadow(0 0 15px #9befff);will-change:transform,opacity;animation:escFly 1.4s cubic-bezier(.25,.5,.15,1) forwards}
@keyframes escFly{0%{transform:translate3d(var(--start-x),var(--start-y),0) rotate(-24deg) scale(.65);opacity:0}12%{opacity:1}65%{opacity:1}100%{transform:translate3d(calc(var(--start-x) + 90vw),calc(var(--start-y) - 75vh),0) rotate(-35deg) scale(1.35);opacity:0}}
.esc-ringing-phone{position:fixed;left:var(--phone-x);top:var(--phone-y);z-index:9999;pointer-events:none;font-size:44px;line-height:1;filter:drop-shadow(0 0 16px #c4ff59);animation:escRing 1.1s ease-in-out forwards}
@keyframes escRing{0%{transform:translate(-50%,-50%) rotate(0) scale(.6);opacity:0}15%{opacity:1}22%,38%,54%,70%{transform:translate(-50%,-50%) rotate(18deg) scale(1.1)}30%,46%,62%,78%{transform:translate(-50%,-50%) rotate(-18deg) scale(1.1)}100%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.esc-flyer,.esc-ringing-phone{animation:none!important;display:none!important}}
