@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{--lime:#00b2a9;--black:#06283f;--muted:#a0b8c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--black);color:#f5fbfd;font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff1a;background:#06283fed;position:relative;z-index:10;backdrop-filter:blur(20px)}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:1.3px;line-height:1.1}.electric{display:block;font-size:11px;letter-spacing:5.5px;font-weight:500;margin-top:5px}.brandmark{font-size:44px;color:var(--lime);line-height:1}nav{display:flex;gap:32px;font-size:14px;color:#cadde7}nav a:hover,.textlink:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#04283f;border:0;border-radius:4px;padding:17px 24px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#28c7ba;transform:translateY(-2px)}.small{font-size:14px;padding:13px 20px}.hero{position:relative;min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:70px 5% 96px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--lime);margin:0 0 30px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;font-weight:600}h1{font-size:clamp(52px,6.5vw,96px);letter-spacing:-5px;line-height:1.06}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:18px;color:#c0d3df;line-height:1.65;margin:30px 0}.actions{display:flex;align-items:center;gap:26px}.textlink{background:none;border:0;color:inherit;padding:10px 0;font-size:14px;cursor:pointer}.textlink span{margin-left:13px}.location{font-size:11px;letter-spacing:2px;color:#9bb7c7;margin-top:50px}.hero-image{position:absolute;right:0;top:0;bottom:0;width:57%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;opacity:.94;animation:equipment 1.4s ease-out}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06283f 0%,transparent 35%),linear-gradient(0deg,#06283f 0%,transparent 25%)}.image-label{position:absolute;right:11%;bottom:17%;z-index:1;display:flex;flex-direction:column;align-items:flex-end}.image-label>span{font-size:10px;letter-spacing:2px;color:#b9d4df}.image-label strong{font-size:64px;letter-spacing:-3px;font-weight:500}.image-label strong span{font-size:24px;margin-left:5px;color:var(--lime)}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;color:#9fb9c9;font-size:10px;letter-spacing:1.8px}.trust{padding:28px 5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;color:#c4dae5;font-size:14px}.trust span:before{content:'✓';color:var(--lime);margin-right:12px}.section{padding:100px 7%}.section-top{display:flex;justify-content:space-between;align-items:flex-start}.section-top>span{font-size:11px;letter-spacing:1.5px;color:#99b5c5}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:clamp(35px,4vw,58px);line-height:1.14;letter-spacing:-2.2px}.muted{color:#adc7d6;line-height:1.75;max-width:440px;margin-top:26px}.capacity{background:#0d354d;border:1px solid #31566d;border-radius:8px;padding:28px 32px}.toggle{display:flex;background:#06283f;border-radius:5px;padding:4px;gap:5px}.toggle button{flex:1;border:0;background:none;color:#c0d5df;cursor:pointer;font-size:14px;padding:12px 5px;border-radius:3px}.toggle .selected{background:var(--lime);color:#04283f}.amp{margin:25px 0 10px;font-family:Manrope;font-size:92px;letter-spacing:-6px;line-height:1.2}.amp>span:last-child{font-size:30px;color:var(--lime);letter-spacing:0;margin-left:9px}.capacity-bar{height:5px;background:#44667b;border-radius:4px;overflow:hidden}.capacity-bar div{background:var(--lime);width:100%;height:100%;transition:width .7s}.capacity p{color:#c5dce7}.capacity .fine{font-size:12px;line-height:1.6;color:#9cbbcc}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:80px}.benefits article{border-top:1px solid #31566d;padding-top:22px}.benefits article>span{color:#93b4c6;font-size:12px}h3{font-size:22px;letter-spacing:-.5px}.benefits h3{margin-top:25px}.benefits p,.service-grid p{line-height:1.65;color:#b3cddd}.services{background:#f2f8fb;color:#06283f}.services .eyebrow{color:#00766f}.services h2{margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{padding:32px;background:white;border-radius:6px;min-height:290px}.service-number{font-size:12px;color:#547285;margin-bottom:42px}.service-grid p{color:#4f6b7d;font-size:16px;min-height:106px}.tag{font-size:12px;color:#00766f;border-top:1px solid #d6e5ed;display:block;padding-top:20px}.scope-note{color:#4f6b7d;font-size:13px;margin-top:30px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:24px;padding:26px 0;border-top:1px solid #31566d}.process li:first-child{padding-top:0;border:0}.process li>span{font-size:12px;color:var(--lime);padding-top:7px}.process li p{font-size:16px;line-height:1.65;color:#aecad9;margin-bottom:0}.process .button{margin-top:20px}.timing{background:#0b3b50;border-left:3px solid var(--lime);padding:25px 32px;display:flex;gap:40px;margin-top:60px;align-items:center}.timing strong{white-space:nowrap;font-size:16px}.timing p{color:#bad4df;font-size:14px;line-height:1.65;margin:0}.faq{background:#082f46}.faq h2{margin-bottom:42px}.faq details{border-top:1px solid #31566d;padding:25px 0;max-width:940px}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'＋';color:var(--lime)}.faq details[open] summary:after{content:'−'}.faq details p{line-height:1.7;color:#b5cfdd;max-width:760px}.estimate{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--lime);color:#06283f}.estimate .eyebrow{color:#00766f}.estimate p{max-width:450px;line-height:1.7;color:#31596a}.estimate .estimate-note{font-size:13px}.estimate form{display:flex;flex-direction:column;gap:10px}.estimate label{font-size:14px;margin-top:9px;font-weight:500}.estimate input,.estimate select,.estimate textarea{padding:15px;border:1px solid #8bbebc;border-radius:4px;background:#ffffff55;color:#06283f;width:100%}.estimate textarea{resize:vertical}.estimate .button{background:#06283f;color:#f5fbfd;margin-top:10px}.estimate #result{background:#ffffff59;padding:25px;border-radius:5px}.estimate #result[hidden]{display:none}.estimate #result p{white-space:pre-line}.estimate li{margin:10px 0;font-size:14px}footer{padding:50px 5%;display:flex;align-items:center;justify-content:space-between}footer p{font-size:14px;color:#acc7d6;line-height:1.8}footer>span{font-size:12px;color:#94b1c2}@keyframes equipment{from{opacity:0;transform:translateY(20px)}to{opacity:.94;transform:translateY(0)}}@media(max-width:900px){nav{display:none}.hero{min-height:800px;align-items:start;padding-top:60px}.hero-copy{grid-column:1/3}h1{font-size:70px}.hero-image{top:310px;bottom:30px;width:100%}.hero-image img{object-position:60% 45%}.hero-image:after{background:linear-gradient(0deg,#06283f,transparent 20%),linear-gradient(180deg,#06283f,transparent 30%)}.hero .intro{max-width:400px}.image-label{bottom:10%}.location{margin-top:26px}.hero-bottom{font-size:9px}.trust{flex-wrap:wrap;gap:25px}.trust span{width:45%}.split,.estimate{gap:35px}.section{padding:70px 5%}.benefits{gap:25px}.service-grid article{padding:24px}.service-grid p{min-height:170px}.timing{display:block}.timing p{margin-top:14px}}@media(max-width:600px){header{height:74px}.brand{font-size:17px}.brandmark{font-size:37px}.electric{font-size:10px;letter-spacing:4px}.small{font-size:12px;padding:12px}.hero{min-height:850px;padding-top:45px}h1{font-size:58px;letter-spacing:-3px}.intro{font-size:16px}.actions{gap:16px;align-items:start;flex-direction:column}.hero-image{top:395px}.image-label strong{font-size:50px}.hero-bottom>span{max-width:145px;line-height:1.6}.trust{font-size:12px;gap:20px}.split,.estimate{grid-template-columns:1fr}.section-top>span{display:none}.benefits,.service-grid{grid-template-columns:1fr;gap:25px}.benefits{margin-top:40px}.benefits h3{margin-top:12px}.service-grid p{min-height:0}.service-number{margin-bottom:24px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:39px;letter-spacing:-1.5px}.capacity{padding:25px}.faq summary{font-size:16px}.timing strong{white-space:normal}footer{flex-wrap:wrap;gap:25px}footer>span{width:100%}.location{font-size:9px}#result h3{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.review-preview{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#082f46}.preview-quote{font-family:Manrope,sans-serif;font-size:30px;line-height:1.4;margin-top:10px}.testimonials-intro{padding-bottom:60px;background:radial-gradient(ellipse at top right,#0d555a 0%,#06283f 65%)}.testimonials-intro h1{font-size:clamp(52px,6.5vw,88px)}.review-section{padding-top:0}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-card{background:#0e374f;border:1px solid #31566d;padding:32px;border-radius:6px;display:flex;flex-direction:column}.review-topic{font-size:12px;letter-spacing:1.4px;color:var(--lime);margin:0 0 25px}.review-card blockquote{font-family:Manrope,sans-serif;font-size:26px;line-height:1.45;letter-spacing:-.6px;margin:0 0 22px}.review-summary{font-size:16px;color:#b4cfdd;line-height:1.75;margin:0 0 35px}.review-author{margin-top:auto;border-top:1px solid #31566d;padding-top:24px;display:flex;align-items:center;gap:14px}.review-author h2{font-size:16px;letter-spacing:0;line-height:1.4}.review-author div>span{font-size:12px;color:#adc7d6;display:block;margin-top:5px}.initials{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#075258;color:var(--lime);font-size:14px}.featured{border-color:#009e96}.review-source{font-size:12px;line-height:1.7;max-width:850px;color:#a4c1d1;margin-top:30px}.review-source a{text-decoration:underline}.review-cta{border-top:1px solid #31566d;display:flex;justify-content:space-between;align-items:center;gap:30px}nav [aria-current=page]{color:var(--lime)}@media(max-width:900px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:30px}.review-preview{gap:30px}.review-author{margin-top:10px}.testimonials-intro{padding-top:65px}}@media(max-width:600px){.review-preview{grid-template-columns:1fr}.review-cta{align-items:flex-start;flex-direction:column}.testimonials-intro h1{font-size:58px}.review-card blockquote{font-size:25px}header nav{display:none}footer:after{content:none}.review-preview .preview-quote{font-size:26px}}

.capacity{--upgrade-progress:0;box-shadow:0 0 calc(var(--upgrade-progress)*38px) rgb(0 178 169 / calc(var(--upgrade-progress)*.12));}.capacity-bar div{transition:width .08s linear}.amp{font-variant-numeric:tabular-nums}.amp>span:first-child{display:inline-block;min-width:3ch}
.featured-reviews{padding-top:0}.full-reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.full-review blockquote{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.85;letter-spacing:0}.full-review blockquote p{margin:0 0 20px}.review-stars{color:#fbbc04;font-size:24px;letter-spacing:2px;margin-bottom:24px}.review-stars span{font-size:12px;color:#b4cfdd;letter-spacing:0;margin-left:10px}.google-link{margin-top:18px;color:var(--lime);text-decoration:underline}.review-rating{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;margin-bottom:25px;border-top:1px solid #31566d;border-bottom:1px solid #31566d}.review-rating strong{font-size:32px}.review-rating strong span{color:#fbbc04;font-size:22px;margin-left:10px}.review-rating>span{font-size:13px;color:#b4cfdd}@media(max-width:800px){.full-reviews-grid{grid-template-columns:1fr}.review-rating{align-items:flex-start;flex-direction:column}.full-review blockquote{font-size:16px}}

/* Supplied Shudko Electric brand artwork. */
header{height:112px}html{scroll-padding-top:24px}.brand{flex-shrink:0;letter-spacing:normal}.brand-logo{display:block;width:190px;height:95px;object-fit:cover;object-position:center;border-radius:4px;background:#fff}footer .brand-logo{width:260px;height:130px}@media(max-width:600px){header{height:84px}html{scroll-padding-top:24px}.brand-logo{width:136px;height:68px}header .small{padding:12px 10px}footer .brand-logo{width:240px;height:120px}}

/* Logo palette: navy, teal and clean white. */
header{background:#ffffffed;border-bottom-color:#d6e5ed}header nav{color:#06283f}header nav a:hover,header nav [aria-current=page]{color:#00766f}.button{background:#00b2a9;color:#04283f}.button:hover{background:#28c7ba}.eyebrow,h1 em,.amp>span:last-child,.review-topic,.google-link,.process li>span,.trust span:before,.image-label strong span{color:#20c9bd}.services .eyebrow{color:#00766f}.toggle .selected{background:#00b2a9;color:#04283f}.estimate{background:#e0f4f2;color:#06283f}.estimate input,.estimate select,.estimate textarea{background:#fff;border-color:#8bbebc;color:#06283f}.estimate .button{background:#06283f;color:#fff}.estimate .button:hover{background:#104760}.estimate #result{background:#ffffffb3}.initials{color:#38dfce}.capacity .fine{color:#acc7d6}header .brand-logo{border-radius:0}.services .tag{color:#00766f}

/* Let the transparent artwork blend into the surrounding surface. */
.brand-logo{background:transparent;border-radius:0}footer{background:#f2f8fb;color:#06283f;border-top:1px solid #d6e5ed}footer p{color:#4f6b7d}footer>span{color:#547285}

.load-calculator{background:#f2f8fb;color:#06283f}.load-calculator .eyebrow{color:#00766f}.calculator-intro{max-width:650px;line-height:1.7;color:#4f6b7d;margin:24px 0 38px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}.load-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.load-fields label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}.load-fields input,.load-fields select{width:100%;min-width:0;background:#fff;border:1px solid #a9c6d3;color:#06283f;border-radius:4px;padding:13px;font-size:16px;min-height:48px}.load-fields input:focus,.load-fields select:focus{outline:2px solid #00766f}.load-appliances{border:0;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.load-appliances legend{font-weight:600;padding-bottom:18px}.load-appliances label{display:flex;align-items:center;gap:10px;font-size:14px}.load-appliances input{width:20px;height:20px;accent-color:#00766f}.load-result{background:#06283f;color:#fff;border-radius:8px;padding:32px}.load-result .eyebrow{color:#20c9bd;margin-bottom:16px}.load-amps{display:flex;align-items:baseline;gap:12px}.load-amps>span:first-child{font-size:64px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-2px}.load-amps>span:last-child{color:#20c9bd;font-size:20px}.load-secondary{color:#b5cfdd;font-size:14px;margin:4px 0 24px}.load-result h3{line-height:1.35}.load-result p{line-height:1.65}.load-breakdown{border-top:1px solid #31566d;padding-top:18px;margin:24px 0}.load-breakdown>div{display:flex;justify-content:space-between;gap:18px;margin:14px 0;font-size:14px;color:#c0d5df}.load-breakdown strong{white-space:nowrap;color:#fff}.load-result .button{width:100%}.load-result .load-fine{font-size:13px;color:#acc7d6;margin-bottom:0}.load-advanced,.load-method{border-top:1px solid #c6dce6;padding:22px 0}.load-advanced summary,.load-method summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.6}.load-advanced p,.load-method p{font-size:14px;line-height:1.75;color:#4f6b7d}.load-method{margin-top:38px}.load-method .textlink{color:#00766f;text-decoration:underline}.load-fields [hidden],[hidden]{display:none!important}#load-error{color:#ffe0c9}@media(max-width:900px){.calculator-layout{grid-template-columns:1fr;gap:26px}}@media(max-width:600px){.load-fields{grid-template-columns:1fr}.load-result{padding:24px}.load-appliances{grid-template-columns:1fr}.load-amps>span:first-child{font-size:54px}}

.equipment-brands{background:#fff;color:#06283f;border-top:1px solid #d6e5ed}.equipment-brands .eyebrow{color:#00766f}.section-description{font-size:16px;line-height:1.75;max-width:660px;color:#adc7d6;margin:24px 0 0}.equipment-brands .section-description{color:#4f6b7d}.equipment-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:38px}.equipment-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:136px;padding:20px 14px;border:1px solid #d6e5ed;border-radius:6px;background:#fff;transition:border-color .2s}.equipment-logo:hover{border-color:#00766f}.equipment-logo img{width:100%;max-width:155px;height:50px;object-fit:contain}.equipment-logo span{font-size:14px;color:#4f6b7d}.area-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end}.city-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;row-gap:0;list-style:none;padding:0;margin:42px 0}.city-list li{font-size:16px;line-height:1.6;color:#c4dae5;padding:12px 0;border-bottom:1px solid #31566d}.service-area .button{margin-top:10px}.utility-coordination{background:#082f46;border-top:1px solid #31566d}.utility-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.utility-card{background:#fff;border:1px solid #d6e5ed;border-radius:6px;padding:30px;color:#06283f}.utility-art{height:95px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}.utility-art img{width:100%;max-width:250px;max-height:80px;object-fit:contain}.utility-card h3{font-size:20px;line-height:1.4}.utility-card p{font-size:14px;line-height:1.7;color:#4f6b7d;margin-bottom:0}.pud-name{font-family:Manrope,sans-serif;font-size:44px;font-weight:700;color:#00766f;letter-spacing:2px}@media(max-width:900px){.equipment-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.area-heading{gap:30px}.utility-logos{gap:16px}.utility-card{padding:22px}.city-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.equipment-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.equipment-logo{min-height:120px;padding:18px 12px}.equipment-logo:last-child{grid-column:1/-1}.area-heading{grid-template-columns:1fr;gap:0}.city-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.city-list li{font-size:14px}.utility-logos{grid-template-columns:1fr}.utility-art{height:75px}.utility-card{padding:26px}}

.header-actions{display:flex;align-items:center;gap:20px}header>nav{gap:22px}header nav [aria-current=page]{color:#00766f}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;font-size:14px;font-weight:600;color:#06283f;padding:12px 0}.mobile-menu nav{position:absolute;top:100%;right:5%;display:flex;flex-direction:column;gap:0;min-width:220px;background:#fff;border:1px solid #d6e5ed;border-radius:6px;box-shadow:0 12px 28px #06283f26;padding:12px}.mobile-menu nav a{padding:12px 16px;color:#06283f}.mobile-menu nav a:hover{background:#e0f4f2}.footer-links{display:flex;gap:20px;color:#31596a;font-size:14px}.page-intro{background:radial-gradient(ellipse at top right,#0d555a 0%,#06283f 65%);padding-bottom:70px}.page-intro h1{font-size:clamp(48px,6vw,86px)}.page-intro .intro{max-width:620px}.blog-content{padding-top:65px;background:#f2f8fb;color:#06283f;min-height:420px}.blog-empty{max-width:750px;border-left:3px solid #00b2a9;padding:10px 0 10px 32px}.blog-empty .eyebrow{color:#00766f}.blog-empty h2{font-size:clamp(32px,4vw,46px)}.blog-empty p{color:#4f6b7d;line-height:1.75}.blog-empty .textlink{color:#00766f;text-decoration:underline}.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-list:has(.blog-empty){grid-template-columns:1fr}.blog-post-card{display:block;border:1px solid #d6e5ed;border-radius:6px;background:#fff;padding:30px}.blog-post-card h2{font-size:30px;letter-spacing:-1px}.blog-post-card p{line-height:1.75;color:#4f6b7d}.post-meta{color:#00766f;font-size:14px;margin:0 0 20px}.blog-article{max-width:800px;margin:auto}.blog-article h2{margin:28px 0}.blog-article #post-body p{font-size:18px;line-height:1.85;color:#31596a}.project-gallery{background:#f2f8fb;color:#06283f;padding-top:60px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{background:#fff;border:1px solid #d6e5ed;border-radius:8px;padding:36px;display:flex;flex-direction:column}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d6e5ed;padding-bottom:22px;margin-bottom:28px}.project-number{font-size:44px;font-family:Manrope,sans-serif;letter-spacing:-2px;color:#00766f}.project-city{font-size:14px;letter-spacing:1px;color:#4f6b7d}.project-card .eyebrow{color:#00766f;font-size:13px;letter-spacing:1px;margin-bottom:18px}.project-card h2{font-size:36px;letter-spacing:-1px;line-height:1.2}.project-card p,.project-card li{line-height:1.75;color:#4f6b7d}.project-card ul{padding-left:20px;margin:12px 0}.project-card li{margin-bottom:8px}.project-card .project-source{font-size:13px;border-top:1px solid #d6e5ed;padding-top:20px;margin-top:auto}.project-card .textlink{color:#00766f;text-decoration:underline}.project-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.project-cta p{color:#adc7d6;line-height:1.75}@media(max-width:1150px){header>nav{display:none}.mobile-menu{display:block}}@media(max-width:600px){.header-actions{gap:14px}.header-actions .small{font-size:11px;padding:12px 8px}.mobile-menu summary{font-size:13px}.project-grid,.blog-list{grid-template-columns:1fr}.project-card{padding:25px}.project-card h2{font-size:32px}.project-cta{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:52px}.blog-empty{padding-left:22px}.footer-links{width:100%;flex-wrap:wrap}.mobile-menu nav{right:5%;left:5%;min-width:0}}
@media(max-width:380px){header .brand-logo{width:108px;height:54px}.header-actions{gap:10px}}

.estimate #request-status{padding:16px;border:1px solid #8bbebc;border-radius:4px;font-size:16px;line-height:1.6}.estimate #request-email-fallback{overflow-wrap:anywhere;text-decoration:underline}.estimate button:disabled{opacity:.7;cursor:wait}

.jobber-request{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border-radius:8px}.jobber-request p{margin:0;font-size:16px}.jobber-request label{display:block;margin:12px 0}.jobber-request .textlink{text-align:left}.jobber-request .button{text-align:center}.jobber-request textarea{line-height:1.6}.jobber-request #copy-jobber-status{font-size:14px}
/* Compact calculator controls */
.load-calculator{background:#edf6f8;padding-top:76px;padding-bottom:76px}.load-calculator>h2{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-1.5px}.load-calculator>.eyebrow{margin-bottom:16px}.calculator-intro{margin:16px 0 28px;font-size:16px}.calculator-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:28px}.main-load-fields{gap:14px}.sqft-control,.equipment-control{border:1px solid #d3e5e9;background:#fff;border-radius:12px;padding:16px;min-width:0;margin:0}.sqft-control,.equipment-control.full-row{grid-column:1/-1}.sqft-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.sqft-heading>label,.equipment-control>legend{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:14px;font-weight:600}.equipment-control>legend{float:left;width:100%;padding:0 0 12px}.equipment-control>legend+.segments,.equipment-control .segments{clear:both}.sqft-heading>label img,.equipment-control>legend img{opacity:.75;flex-shrink:0}.sqft-stepper{display:flex;align-items:center;gap:8px;flex-shrink:0}.sqft-stepper button{border:0;background:#e7f5f3;color:#06283f;border-radius:7px;min-width:40px;height:42px;cursor:pointer;font-size:22px}.sqft-stepper button:hover{background:#c4eeea}.sqft-stepper #load-sqft{min-height:42px;padding:6px;width:74px;border:0;background:transparent;text-align:center;font-size:20px;font-weight:700;appearance:textfield;-moz-appearance:textfield}.sqft-stepper #load-sqft::-webkit-inner-spin-button,.sqft-stepper #load-sqft::-webkit-outer-spin-button{appearance:none;margin:0}.sqft-stepper>span{font-size:14px;color:#4f6b7d}.sqft-control #sqft-slider{appearance:none;-webkit-appearance:none;padding:0;width:100%;height:7px;min-height:0;margin:24px 0 14px;border:0;border-radius:5px;background:linear-gradient(to right,#007e78 var(--range-fill,10%),#dcebee var(--range-fill,10%));cursor:pointer;touch-action:pan-y}.sqft-control #sqft-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#007e78;border:4px solid #fff;box-shadow:0 0 0 1px #007e78}.sqft-control #sqft-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007e78;border:3px solid #fff;box-shadow:0 0 0 1px #007e78}.sqft-scale{display:flex;justify-content:space-between;font-size:12px;color:#527080}.segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;border-radius:9px;background:#eef4f5;padding:4px}.segments .segment-option{position:relative;display:block;margin:0;min-width:0;cursor:pointer}.segment-option>input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;inset:0;border:0}.segment-option>span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 7px;border:1px solid transparent;border-radius:7px;color:#456574;font-size:14px;font-weight:500;text-align:center;line-height:1.3;transition:background .15s,color .15s}.segment-option img{width:18px;height:18px;flex-shrink:0;opacity:.7}.segment-option input:checked+span{background:#007e78;color:#fff;font-weight:600;box-shadow:0 2px 4px #06283f14}.segment-option input:checked+span img{filter:brightness(0) invert(1);opacity:1}.segment-option input:focus-visible+span{outline:3px solid #06283f;outline-offset:2px}.segments.four-segments{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.load-appliances{gap:10px;margin:20px 0}.load-appliances legend{font-size:14px;padding-bottom:12px}.load-appliances label{background:#fff;border:1px solid #d3e5e9;border-radius:8px;min-height:44px;padding:10px;font-size:14px}.load-appliances label:has(input:checked){border-color:#78bab4;background:#e4f4f1}.load-result{padding:28px;border-radius:14px;position:sticky;top:24px}.load-result .eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:12px}.load-amps>span:first-child{font-size:64px}.load-result h3{font-size:21px;line-height:1.4}.load-result #load-advice{font-size:14px;color:#bfd4df;line-height:1.65}.load-secondary{margin-bottom:20px}.breakdown-details{border-top:1px solid #31566d;padding:16px 0;margin:20px 0 8px}.breakdown-details>summary{cursor:pointer;font-size:14px;font-weight:600;color:#d7e7ee}.load-breakdown{border:0;padding:0;margin:16px 0 0}.load-result .button{font-size:16px}.load-advanced{margin-top:4px;padding:16px 0}.load-method{margin-top:24px;padding:18px 0}@media(max-width:1000px){.calculator-layout{grid-template-columns:1fr 1fr;gap:20px}.main-load-fields{grid-template-columns:1fr}.equipment-control.full-row,.sqft-control{grid-column:auto}.sqft-heading{flex-wrap:wrap}.load-result{padding:24px}}@media(max-width:750px){.calculator-layout{grid-template-columns:1fr}.main-load-fields{grid-template-columns:1fr 1fr}.sqft-control,.equipment-control.full-row{grid-column:1/-1}.load-result{position:static}.sqft-heading{flex-wrap:nowrap}}@media(max-width:500px){.main-load-fields{grid-template-columns:1fr}.load-calculator{padding-top:56px;padding-bottom:56px}.sqft-heading{align-items:flex-start;flex-direction:column;gap:14px}.sqft-stepper{width:100%;justify-content:space-between}.service-segments{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}.load-appliances{grid-template-columns:1fr 1fr}.load-appliances label{gap:8px;font-size:14px}.load-result .load-amps>span:first-child{font-size:58px}.sqft-control,.equipment-control{padding:14px}.load-calculator>h2{letter-spacing:-1px}}
/* Smaller text-only choices */
.load-calculator .main-load-fields{gap:10px}.load-calculator .equipment-control{padding:10px 12px;border-radius:9px}.load-calculator .equipment-control>legend{padding-bottom:8px;font-size:14px}.load-calculator .segments{padding:3px;gap:3px;border-radius:7px}.load-calculator .segment-option>span{min-height:44px;padding:6px;font-size:14px;border-radius:5px}.load-calculator .segments .segment-option>input[type=radio]{position:absolute!important;appearance:none!important;-webkit-appearance:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;opacity:0!important}.load-calculator .load-appliances label{padding:8px}.load-calculator .load-appliances input{width:16px;height:16px;min-height:0;padding:0;flex-shrink:0}.load-calculator .sqft-control{padding:12px 14px}.load-calculator .sqft-stepper button{min-width:36px;height:40px}.load-calculator .sqft-stepper #load-sqft{font-size:18px}.load-calculator .load-result{padding:24px}
/* Animated equipment details, aligned to the existing hero photograph. */
.hero-image .equipment-animation{position:absolute;pointer-events:none;z-index:1;max-width:none;overflow:visible;opacity:0}.hero-image .equipment-animation.aligned{opacity:1}.hero-image .image-label{z-index:2}.breaker-led,.meter-led,.meter-spin-dot{fill:#34ef93;filter:url(#equipment-led-glow)}.breaker-led{animation:breakerLight 3.2s ease-in-out infinite}.meter-led{animation:meterLight 3.6s ease-in-out infinite}.meter-display-glow{fill:#36e5b2;opacity:.12;animation:displayLight 4.8s ease-in-out infinite}.meter-track{fill:none;stroke:#64efca;stroke-width:1;opacity:.15}.meter-spin{transform-box:view-box;transform-origin:1207px 414px;animation:meterTurn 7s linear infinite}.meter-moving-light{fill:none;stroke:#6cf7cb;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:38 439;filter:url(#equipment-led-glow);opacity:.8}.meter-spin-dot{opacity:.85}@keyframes breakerLight{0%,100%{opacity:.22}32%,55%{opacity:.95}72%{opacity:.3}}@keyframes meterLight{0%,100%{opacity:.25}40%,65%{opacity:1}}@keyframes displayLight{0%,100%{opacity:.08}50%{opacity:.23}}@keyframes meterTurn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.breaker-led,.meter-led,.meter-display-glow,.meter-spin{animation:none!important}.breaker-led,.meter-led{opacity:.7}.meter-display-glow{opacity:.12}}
/* More visible activity around the branded meter face. */
.breaker-led{animation-name:breakerBlink}.meter-spin{animation-duration:4s}.meter-moving-light{stroke:#73ffe0;stroke-width:4;stroke-dasharray:72 405;opacity:1}.meter-track{stroke:#48ddbb;stroke-width:1.5;opacity:.28}.meter-led{animation-duration:2.8s}.meter-brand rect{fill:#06283f;fill-opacity:.94;stroke:#47e4ba;stroke-width:1}.meter-brand text{fill:#fff;font-family:Manrope,'DM Sans',sans-serif;font-size:13px;font-weight:800;letter-spacing:1px}.meter-brand .meter-brand-sub{fill:#67f2c9;font-size:9px;letter-spacing:2px}@keyframes breakerBlink{0%,100%{opacity:.08}12%,42%{opacity:1}55%,78%{opacity:.08}90%{opacity:.7}}@media(prefers-reduced-motion:reduce){.breaker-led{opacity:.75;animation:none!important}.meter-spin{animation:none!important}}

/* Real SPAN product artwork, split into its body and hinged cover. */
.span-hero{background:radial-gradient(ellipse at 65% 45%,#146b71 0%,#0b3b50 35%,#06283f 72%);perspective:1400px}
.span-hero:after{pointer-events:none;z-index:0;background:linear-gradient(90deg,#06283f,transparent 26%)}
.span-stage{position:absolute;inset:30px 0 80px;z-index:1;perspective:1400px}
.span-panel{position:absolute;height:min(560px,95%);aspect-ratio:520/1670;left:59%;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;filter:drop-shadow(0 20px 22px #0008)}
.span-panel-photo,.span-cover-front,.span-cover-inside{position:absolute;inset:0;border-radius:8px;background-image:url('span-panel-product.avif');background-size:229.615% 103.473%;background-repeat:no-repeat}
.span-panel-photo{background-position:90.50% 53.33%}
.span-cover{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(-138deg);animation:spanCoverOpen 2.5s cubic-bezier(.22,.75,.25,1) 2s both}
.span-cover-front,.span-cover-inside{background-position:9.20% 53.33%;backface-visibility:hidden}
.span-cover-front{filter:brightness(.72);box-shadow:0 0 15px #0005}
.span-cover-inside{transform:rotateY(180deg)}
.span-leds{position:absolute;inset:0;pointer-events:none}
.span-led{position:absolute;left:48%;width:5px;height:5px;border-radius:50%;background:#53ffc4;box-shadow:0 0 5px #53ffc4,0 0 12px #23f4a9;animation:spanLedPulse 2.4s ease-in-out infinite}
.span-hero .image-label{right:7%;bottom:9%;z-index:2}
@keyframes spanCoverOpen{0%,12%{transform:rotateY(0deg)}100%{transform:rotateY(-138deg)}}
@keyframes spanLedPulse{0%,100%{opacity:.25;box-shadow:0 0 3px #53ffc4}40%,60%{opacity:1;box-shadow:0 0 6px #53ffc4,0 0 15px #23f4a9}}
@media(max-width:900px){.span-stage{inset:15px 0 50px}.span-panel{height:90%;left:59%}.span-hero .image-label{bottom:7%}}
@media(max-width:600px){.span-stage{inset:20px 0 45px}.span-panel{height:95%;left:59%}.span-hero .image-label>span{font-size:8px}.span-hero .image-label strong{font-size:36px}.span-led{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.span-cover{animation:none!important;transform:rotateY(-138deg)}.span-led{animation:none!important;opacity:.85}}

/* Meter/disconnect and SPAN service illustration. */
.span-stage .span-panel{left:73%;top:47%;height:86%}
.eaton-meter{position:absolute;left:17.5%;top:23%;width:28%;height:46%;z-index:1;filter:drop-shadow(0 16px 18px #0006)}
.hero-image .eaton-meter img{display:block;position:absolute;left:-16%;top:-4%;width:132%;height:110%;object-fit:fill;opacity:1;animation:none}
.meter-caption{position:absolute;bottom:calc(100% + 12px);left:50%;width:200%;transform:translateX(-50%);text-align:center;color:#d7e8ee;font:600 12px/1.5 'DM Sans',sans-serif;letter-spacing:1px}
.meter-caption small{font-size:12px;font-weight:400;color:#a8c8d6;letter-spacing:0}
.service-feeder{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.service-feeder path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.feeder-shadow{stroke:#021b2b;stroke-width:14}.feeder-conduit{stroke:#6b818d;stroke-width:10}.feeder-highlight{stroke:#b8cbd1;stroke-width:2;opacity:.5}.feeder-flow{stroke:#51f5c4;stroke-width:3;stroke-dasharray:10 85;animation:feederPower 3s linear infinite;filter:drop-shadow(0 0 4px #51f5c4)}
.feeder-caption{position:absolute;left:47%;bottom:0;color:#9dc4cf;font-size:10px;letter-spacing:1.5px}
@keyframes feederPower{to{stroke-dashoffset:-190}}
@media(max-width:600px){.span-stage .span-panel{height:86%;left:73%;top:47%}.eaton-meter{left:17.5%;width:28%;top:23%;height:46%}.meter-caption{font-size:10px}.meter-caption small{font-size:10px}.feeder-caption{font-size:8px;left:44%;bottom:0}.span-hero .image-label{right:4%;bottom:4%}.service-feeder .feeder-conduit{stroke-width:8}.service-feeder .feeder-shadow{stroke-width:11}}
@media(prefers-reduced-motion:reduce){.feeder-flow{animation:none!important;stroke-dasharray:none;opacity:.55}}

/* Selected Eaton meter-main, on the right of the SPAN panel. */
.span-stage .span-panel{left:43%;top:47%;height:86%}
.eaton-meter{left:66%;top:14%;width:25%;height:72%}
.hero-image .eaton-meter img{left:0;top:0;width:100%;height:100%;object-fit:fill}
.meter-caption{font-size:11px;bottom:calc(100% + 8px)}
.feeder-conduit{stroke:#8a959b;stroke-width:13}.feeder-shadow{stroke-width:17}.feeder-highlight{stroke:#c4cdd1;stroke-width:2;opacity:.65}
.feeder-caption{left:38%;bottom:-1%;font-size:10px;letter-spacing:1px}
.span-hero .image-label{right:5%;bottom:2%}
@media(max-width:600px){.span-stage .span-panel{left:43%;top:47%;height:86%}.eaton-meter{left:66%;top:14%;width:25%;height:72%}.meter-caption{font-size:9px}.meter-caption small{font-size:9px}.feeder-caption{left:30%;bottom:-1%;font-size:8px}.service-feeder .feeder-conduit{stroke-width:10}.service-feeder .feeder-shadow{stroke-width:14}.span-hero .image-label{right:3%;bottom:2%}}

/* Preserve equipment proportions and separate the mobile hero content. */
.eaton-meter{left:58%;width:40%}
.hero-image .eaton-meter img{left:50%;top:0;transform:translateX(-50%);width:auto;height:100%;max-width:none;object-fit:contain;object-position:center}
@media(max-width:900px){
 .hero{display:block;min-height:0;padding:52px 5% 90px}
 .hero-copy{width:100%}
 .hero .intro{max-width:620px}
 .hero-image.span-hero{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:auto;aspect-ratio:1/1.18;margin-top:40px;overflow:hidden}
 .span-stage{inset:30px 0 80px}
 .span-stage .span-panel{left:43%;top:47%;height:86%}
 .eaton-meter{left:58%;top:14%;width:40%;height:72%}
 .span-hero .image-label{right:5%;bottom:2%}
 .span-hero .image-label>span{font-size:10px;letter-spacing:1px}
 .span-hero .image-label strong{font-size:38px}
 .feeder-caption{left:32%;bottom:-2%;font-size:10px;letter-spacing:.5px}
 .hero-bottom{bottom:22px;left:5%;right:5%;font-size:9px}
}
@media(max-width:600px){
 .hero{padding-top:38px;padding-bottom:95px}
 .hero-image.span-hero{aspect-ratio:1/1.28;margin-top:32px}
 .span-stage{inset:30px 0 85px}
 .meter-caption{font-size:10px;letter-spacing:.5px}
 .meter-caption small{font-size:10px}
 .feeder-caption{font-size:9px;left:29%}
 .span-hero .image-label>span{font-size:9px}
 .span-hero .image-label strong{font-size:36px}
}

/* Match the visible equipment height without stretching either product. */
.span-stage .span-panel{height:66%;top:48%;left:43%}
@media(max-width:900px){.span-stage .span-panel{height:66%;top:48%;left:43%}}
@media(max-width:600px){.span-stage .span-panel{height:66%;top:48%;left:43%}}

/* One shared scale for both products: a wide composition with natural aspect ratios. */
.span-stage{inset:auto;left:50%;top:48%;width:92%;height:auto;aspect-ratio:1.5;transform:translate(-50%,-50%)}
.span-stage .span-panel{left:32%;top:48%;height:88%;aspect-ratio:520/1670}
.eaton-meter{left:58%;top:0;width:40%;height:98%}
.hero-image .eaton-meter img{width:auto;height:100%;max-width:none;object-fit:contain;left:50%;transform:translateX(-50%)}
.meter-caption{bottom:calc(100% + 10px)}
.feeder-caption{left:38%;bottom:-8%;font-size:10px}
@media(max-width:900px){
 .hero-image.span-hero{aspect-ratio:1.35;margin-top:54px;overflow:visible;background:none}
 .span-stage{inset:auto;left:50%;top:45%;width:92%;height:auto;aspect-ratio:1.5;transform:translate(-50%,-50%)}
 .span-stage .span-panel{left:32%;top:48%;height:88%}
 .eaton-meter{left:58%;top:0;width:40%;height:98%}
 .span-hero .image-label{bottom:0;right:4%}
 .span-hero .image-label>span{display:none}
 .span-hero .image-label strong{font-size:30px}
 .feeder-caption{left:33%;bottom:-10%;font-size:10px}
}
@media(max-width:600px){
 .hero-image.span-hero{aspect-ratio:1.12;margin-top:54px}
 .span-stage{width:100%;top:42%;aspect-ratio:1.5}
 .span-stage .span-panel{left:32%;top:48%;height:88%}
 .meter-caption,.meter-caption small{font-size:10px}
 .feeder-caption{left:32%;font-size:9px}
 .span-hero .image-label{bottom:0;right:3%}
}

/* Keep the complete equipment assembly comfortably inside the hero. */
.hero-image.span-hero .span-stage{width:min(78%,680px);top:50%}
@media(max-width:900px){.hero-image.span-hero .span-stage{width:80%;top:47%}}
@media(max-width:600px){.hero-image.span-hero .span-stage{width:82%;top:45%}}

/* Homepage estimate call action. */
.hero-copy .actions{flex-wrap:wrap;gap:16px}
.call-estimate{flex-direction:column;gap:4px;text-align:center;max-width:100%}
.call-estimate-number{font-size:14px;font-weight:500}
@media(max-width:600px){.hero-copy .actions>.button{width:100%}}

/* Redmond installation and its customer review. */
.redmond-project{background:#f2f8fb;color:#06283f;border-top:1px solid #d6e5ed}
.redmond-project .eyebrow,.redmond-project>.textlink{color:#00766f}
.redmond-project-intro{max-width:760px;color:#4f6b7d;line-height:1.75;margin:24px 0 32px}
.redmond-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}
.redmond-photo-grid figure{margin:0;min-width:0}
.redmond-photo-grid img{display:block;width:100%;height:auto;border-radius:8px}
.redmond-photo-grid figcaption{font-size:14px;line-height:1.5;padding-top:12px;color:#4f6b7d}
.redmond-project>.textlink,.redmond-review-section .textlink{font-size:16px;text-decoration:underline}
.redmond-review-section{padding-top:0;scroll-margin-top:24px}
.redmond-review-section .review-card{max-width:960px;margin:auto}
@media(max-width:700px){.redmond-photo-grid{grid-template-columns:1fr;gap:28px}}

.project-cover{display:block;width:100%;height:300px;object-fit:cover;object-position:center;border-radius:5px;margin:0 0 28px}.project-read-more{align-self:flex-start;margin-top:20px;font-size:14px;text-align:center}.project-detail-scope{color:#06283f;font-size:18px;font-weight:500;letter-spacing:normal;line-height:1.65;padding-left:24px;max-width:640px;margin:24px 0 40px}.project-detail-scope li{padding-left:4px;margin-bottom:12px}.project-detail-scope li::marker{color:#00766f}.project-photos-heading{margin-bottom:28px}@media(max-width:600px){.project-cover{height:280px}.project-read-more{width:100%}}

.bellevue-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.bellevue-photo-grid{grid-template-columns:1fr}}

/* Logo electrician, meter on the left and SPAN on the right. */
.hero-image.span-hero .span-stage{width:min(86%,720px)}
.hero-image.span-hero .span-stage .eaton-meter{left:30%;top:28%;width:32%;height:66%}
.hero-image.span-hero .span-stage .span-panel{left:85%;top:61%;height:66%}
.hero-image.span-hero .span-cover{transform-origin:right center;animation-name:spanCoverOpenRight;transform:rotateY(170deg)}
.hero-image.span-hero .feeder-caption{left:48%;bottom:-9%;white-space:nowrap}
.hero-electrician{position:absolute;left:0;top:6%;width:36%;height:81%;z-index:3;pointer-events:none}
.hero-image .hero-electrician .electrician-character{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;animation:none;max-width:none}
.stripper-spin{position:absolute;left:9%;top:19%;width:25%;aspect-ratio:1;transform-origin:50% 50%;animation:stripperTwirl 2.8s ease-in-out infinite;z-index:2}
.hero-image .stripper-spin img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;animation:none}
@keyframes stripperTwirl{0%,15%{transform:rotate(-15deg)}65%,100%{transform:rotate(705deg)}}
@keyframes spanCoverOpenRight{from{transform:rotateY(0deg)}to{transform:rotateY(170deg)}}
@media(max-width:900px){.hero-image.span-hero .span-stage{width:86%}}
@media(max-width:600px){.hero-image.span-hero .span-stage{width:94%}.hero-image.span-hero .feeder-caption{font-size:8px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.hero-image.span-hero .span-cover{transform:rotateY(170deg);animation:none!important}.stripper-spin{animation:none!important;transform:rotate(-15deg)}}

/* Spacious equipment scene with undistorted product images. */
@media(min-width:901px){
 .hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:32px;padding-top:64px;padding-bottom:92px;min-height:740px}
 .hero-copy h1{font-size:clamp(48px,4.7vw,76px);letter-spacing:-3px}
 .hero-copy .intro{max-width:470px}
 .hero-image.span-hero{position:relative;inset:auto;width:100%;height:520px;overflow:visible}
}
.hero-image.span-hero .span-stage{width:96%;max-width:800px;top:47%;aspect-ratio:1.5}
.hero-image.span-hero .span-stage .eaton-meter{left:32%;top:28%;width:37%;height:68%}
.hero-image.span-hero .eaton-meter img{left:0;top:0;width:100%;height:100%;object-fit:contain}
.hero-image.span-hero .span-stage .span-panel{left:78%;top:62%;height:68%}
.hero-electrician{left:0;top:0;width:42.6667%;height:96%}
.hero-image.span-hero .image-label{right:0;bottom:-26px}
.hero-image.span-hero .image-label>span{display:none}
.hero-image.span-hero .image-label strong{font-size:32px}
.hero-image.span-hero .feeder-caption{left:51%;bottom:-10%;font-size:10px}
@media(max-width:900px){.hero-image.span-hero{aspect-ratio:1.4;margin-top:50px}.hero-image.span-hero .span-stage{width:96%;top:45%}}
@media(max-width:600px){.hero-image.span-hero{aspect-ratio:1.15;margin-top:55px;margin-bottom:20px}.hero-image.span-hero .span-stage{width:100%;top:45%}.hero-image.span-hero .feeder-caption{font-size:8px;left:47%}.hero-image.span-hero .image-label{bottom:0}}

/* Six drawn grip positions: fingers and tool move together. */
.hero-image .hero-electrician .electrician-character{-webkit-mask-image:radial-gradient(ellipse 24% 20% at 17% 30%,transparent 90%,#000 99%);mask-image:radial-gradient(ellipse 24% 20% at 17% 30%,transparent 90%,#000 99%)}
.electrician-hand-animation{position:absolute;left:0;top:12%;width:41%;aspect-ratio:1;background-image:url('electrician-hand-sprite.png');background-size:300% 200%;background-repeat:no-repeat;animation:handGripTwirl 1.2s steps(1,end) infinite;z-index:4}
@keyframes handGripTwirl{0%{background-position:0 0}16.666%{background-position:50% 0}33.333%{background-position:100% 0}50%{background-position:0 100%}66.666%{background-position:50% 100%}83.333%,100%{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){.electrician-hand-animation{animation:none!important;background-position:0 0}}

/* Keep the character's complete arm and hand, and clear the meter face. */
.hero-image .hero-electrician .electrician-character{-webkit-mask-image:none;mask-image:none}
.hero-electrician{left:2%;top:6%;width:30%;height:72%}
.stripper-spin{left:15%;top:23%;width:16%;animation-duration:2.8s}
.hero-copy .actions>.button{width:220px;min-height:54px;white-space:nowrap;padding:14px 12px}
.call-estimate{flex-direction:row;gap:0}
@media(max-width:600px){.hero-electrician{left:2%;top:6%;width:30%;height:72%}.hero-copy .actions>.button{width:100%;white-space:normal}}

.blog-card-image{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 60%;border-radius:4px;margin-bottom:24px}.blog-featured-image{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#fff;border-radius:6px;margin:28px 0}

.blog-inline-link{color:#00766f;text-decoration:underline;text-underline-offset:3px}.blog-inline-link:hover{color:#005c57}

/* Panel and meter upgrade estimate pages */
.hero-copy h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-2px}.upgrade-proof{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}.upgrade-proof h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1px}.upgrade-proof p{line-height:1.65;color:#c0d3df}.proof-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.proof-photos figure{margin:0}.proof-photos img{display:block;width:100%;height:320px;object-fit:cover;border-radius:8px}.proof-photos figcaption{padding-top:10px;font-weight:700}.proof-review{padding:28px;border:1px solid #ffffff30;border-radius:8px}.proof-review blockquote{margin:18px 0;font-size:21px;line-height:1.6}.proof-review .review-stars{color:#ffcc33;font-size:24px}.ad-hero{padding-top:64px;padding-bottom:40px;max-width:1100px}.ad-hero h1{font-size:clamp(42px,6vw,80px);letter-spacing:-2px}.ad-hero .intro{max-width:800px}.ad-note{font-size:14px;line-height:1.65;color:#b7ccd8;max-width:780px}.ad-page .actions{flex-wrap:wrap;gap:12px}.ad-call{background:transparent;border:1px solid #00b2a9;color:#f5fbfd}.ad-header-call{font-weight:700}.ad-services{padding-top:48px;padding-bottom:48px}.ad-services h2,.ad-final h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}.ad-services .service-grid{margin-top:28px}.ad-final{padding-top:48px;padding-bottom:64px}.ad-final>p{line-height:1.65;max-width:740px}.ad-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.ad-page footer{gap:24px;flex-wrap:wrap}@media(max-width:760px){.upgrade-proof{grid-template-columns:1fr;gap:24px;padding:40px 6%}.proof-photos img{height:250px}.ad-page .section{padding-left:6%;padding-right:6%}.ad-page header{padding:0 6%;height:82px}.ad-page .brand-logo{max-width:130px}.ad-page .service-grid{grid-template-columns:1fr}.ad-header-call{font-size:14px}.ad-page .actions .button{width:100%}.hero-copy h1{font-size:clamp(38px,8vw,56px)}}

/* Fade the equipment glow into the page without rectangular edges. */
.hero-image.span-hero{background:none}
.hero-image.span-hero::after{content:none}
.hero-image.span-hero::before{content:'';position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 60% 48%,rgba(20,107,113,.65) 0%,rgba(20,107,113,.28) 28%,rgba(20,107,113,.08) 48%,transparent 68%)}

.local-project-links{line-height:1.8;margin:1.5rem 0}.local-project-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.local-project-photo{max-width:560px;margin:2rem 0}.local-project-photo img{display:block;width:100%;height:auto;border-radius:10px}.local-project-photo figcaption{margin-top:.5rem;font-size:.9rem;opacity:.8}

/* City page estimate and tap-to-call actions */
.city-hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:24px}
.city-hero-actions .button{margin-top:0;min-height:54px;text-align:center}
.city-hero-actions .city-call-button{background:transparent;color:#f5fbfd;border:2px solid #00b2a9}
.city-hero-actions .city-call-button:hover{background:#00b2a9;color:#04283f}
.city-hero-actions .button:focus-visible{outline:3px solid #f5fbfd;outline-offset:4px}
@media(max-width:600px){.city-hero-actions{flex-direction:column}.city-hero-actions .button{width:100%;box-sizing:border-box}}

.city-count-note{color:#adc7d6;font-size:14px;margin:24px 0 -20px}
.city-list li{display:flex;align-items:center;justify-content:space-between;gap:8px}
.city-project-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:25px;height:25px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:#00b2a9;color:#04283f;font-size:13px;font-weight:700;line-height:1}
.city-project-count.is-empty{background:#153d52;color:#adc7d6}