:root{--navy:#07111f;--ink:#102033;--blue:#00a8ff;--cyan:#65f0ff;--orange:#ff8a1f;--yellow:#ffd166;--mint:#50d890;--red:#ff4e64;--paper:#f7fbff;--muted:#617086;--line:#ffffff29;--shadow:0 24px 70px #07111f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #00a8ff0f 1px, transparent 1px), linear-gradient(#00a8ff0b 1px, transparent 1px), linear-gradient(135deg, #ff8a1f14, transparent 28%), var(--paper);color:var(--ink);background-size:42px 42px;margin:0;font-family:Arial,Helvetica,sans-serif;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.8;background:linear-gradient(118deg,#0000 0 42%,#00a8ff21 42% 43%,#0000 43% 100%) 0 0/480px 280px,repeating-linear-gradient(90deg,#07111f09 0 2px,#0000 2px 114px) 0 0/114px 72px,repeating-linear-gradient(0deg,#07111f08 0 2px,#0000 2px 72px) 0 0/114px 72px;animation:18s linear infinite panelDrift;position:fixed;inset:0}@keyframes panelDrift{0%{background-position:0 0,0 0,0 0}to{background-position:480px 280px,114px 0,0 72px}}main{position:relative;overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbffeb;border-bottom:1px solid #1020331a;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:10px clamp(18px,5vw,70px);display:grid;position:sticky;top:0}.brand,.nav-call,.nav-links,.btn,.eyebrow,.why-item,.area-cloud span{align-items:center;display:inline-flex}.brand{letter-spacing:0;gap:0;width:fit-content;font-weight:900}.brand-mark{color:#fff;width:276px;height:76px;box-shadow:6px 6px 0 var(--navy);background:#ffffffb8;border:2px solid #07111f1f;place-items:center;padding:5px 9px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%}.nav-links{color:#314158;gap:20px;font-size:14px;font-weight:800}.nav-links a:hover{color:var(--blue)}.nav-call,.menu-button{color:var(--ink);background:#fff;border:1px solid #1020331f}.nav-call{box-shadow:4px 4px 0 var(--yellow);gap:8px;padding:10px 14px;font-weight:900}.menu-button{cursor:pointer;place-items:center;width:42px;height:42px;display:none}.mobile-menu{display:none}.section,.band,.final-cta{padding-inline:clamp(18px,5vw,70px)}.section{padding-block:clamp(64px,8vw,112px)}.band{color:#fff;background:linear-gradient(90deg, #ff8a1f2e, transparent 38%), radial-gradient(circle at 80% 20%, #65f0ff38, transparent 34%), var(--navy);padding-block:clamp(58px,7vw,96px)}.hero{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:center;gap:clamp(34px,6vw,86px);min-height:calc(100vh - 67px);padding-top:clamp(34px,5vw,64px);display:grid;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow,.kicker{width:fit-content;color:var(--navy);background:var(--yellow);border:2px solid var(--navy);text-transform:uppercase;box-shadow:4px 4px 0 var(--navy);gap:8px;margin-bottom:18px;padding:8px 11px;font-size:12px;font-weight:950}.kicker{display:inline-block}.kicker.alert{background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;line-height:.96}h1{max-width:860px;color:var(--navy);margin-bottom:22px;font-size:clamp(42px,5.2vw,66px);font-weight:950}h2{margin-bottom:18px;font-size:clamp(32px,4.4vw,60px)}h3{margin-bottom:9px;font-size:20px}p{color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.65}.hero p,.section-heading p{max-width:790px}.band p,.final-cta p{color:#ffffffc2}.cta-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{border:2px solid var(--navy);min-height:50px;box-shadow:6px 6px 0 var(--navy);justify-content:center;gap:9px;padding:14px 18px;font-weight:950;transition:transform .16s,box-shadow .16s}.btn:hover,.package-card a:hover{box-shadow:8px 8px 0 var(--navy);transform:translate(-2px,-2px)}.btn.primary{background:var(--orange);color:var(--navy)}.btn.secondary{color:var(--navy);background:#fff}.btn.tertiary{background:var(--navy);color:#fff}.hero-alert{max-width:700px;color:var(--navy);background:#ffd16680;border:2px solid #07111f29;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 15px;font-size:15px;font-weight:900;line-height:1.45;display:flex;box-shadow:6px 6px #00a8ff38}.hero-alert svg{color:var(--orange);flex:none;margin-top:1px}.trust-strip{color:#3c4e65;text-transform:uppercase;margin-top:24px;font-size:13px;font-weight:900;line-height:1.55}.trust-strip a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.hero-visual{min-width:0;position:relative}.hero-badge{color:#fff;background:var(--navy);max-width:300px;box-shadow:8px 8px 0 var(--orange);border:2px solid #fff;padding:14px 16px;font-weight:950;line-height:1.35;position:absolute;bottom:-18px;right:clamp(8px,4vw,32px)}.retro-frame{background:var(--navy);min-height:clamp(300px,42vw,540px);box-shadow:var(--shadow), 10px 10px 0 var(--orange);isolation:isolate;border:2px solid #65f0ffb8;position:relative;overflow:hidden}.retro-frame img{object-fit:cover}.retro-frame.composite-image{aspect-ratio:16/9;background:linear-gradient(90deg, #65f0ff1f 1px, transparent 1px), linear-gradient(#65f0ff17 1px, transparent 1px), var(--navy);background-size:36px 36px;place-items:center;min-height:auto;display:grid}.retro-frame.composite-image img{object-fit:contain;padding:clamp(8px,1.2vw,16px)}.hero-image{min-height:clamp(390px,45vw,620px)}.retro-frame:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#00a8ff1f 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#00a8ff17 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 20% 12%,#ff8a1f38,#0000 22%) 0 0/100% 100%;position:absolute;inset:0}.retro-grid,.retro-scan,.retro-corner{z-index:2;pointer-events:none;position:absolute}.retro-grid{background:linear-gradient(110deg,#030e2075,#0000 45%,#00a8ff1f);inset:0}.retro-scan{background:linear-gradient(#0000,#65f0ff38,#0000);height:40%;animation:5.8s linear infinite scanDrop;inset:-40% 0 auto}.retro-corner{border-color:var(--orange);border-style:solid;width:58px;height:58px}.retro-corner.top-left{border-width:3px 0 0 3px;top:12px;left:12px}.retro-corner.bottom-right{border-width:0 3px 3px 0;bottom:12px;right:12px}@keyframes scanDrop{0%{transform:translateY(-30%)}to{transform:translateY(360%)}}.solar-scene{border:3px solid var(--navy);min-height:clamp(300px,42vw,560px);box-shadow:var(--shadow), 12px 12px 0 var(--orange);isolation:isolate;background:linear-gradient(90deg,#ffffff1c 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#ffffff1a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(150deg,#5fd8ff 0%,#1677c8 48%,#05142a 100%) 0 0/100% 100%;position:relative;overflow:hidden}.solar-scene.messy{background:linear-gradient(90deg,#ffffff17 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(150deg,#5fa0c9 0%,#253a5d 48%,#160d18 100%)}.sun-orbit{aspect-ratio:1;background:radial-gradient(circle,#fff7ae 0 35%,#ffad24 36% 62%,#0000 63%);border-radius:50%;width:128px;position:absolute;top:10%;right:9%;box-shadow:0 0 44px #ffd166bf}.skyline{opacity:.5;align-items:end;gap:10px;display:flex;position:absolute;bottom:29%;right:5%}.skyline span{background:#ffffff57;width:56px}.skyline span:first-child{height:52px}.skyline span:nth-child(2){height:82px}.skyline span:nth-child(3){height:39px}.roof{transform-origin:0 100%;background:linear-gradient(135deg,#9b5b45,#5b2f2e);border:3px solid #ffffffbf;height:48%;position:absolute;bottom:8%;left:4%;right:4%;transform:skewY(-8deg);box-shadow:inset 0 20px 60px #ffffff1a}.roof-line{background:repeating-linear-gradient(90deg,#ffd166 0 22px,#ff8a1f 22px 24px);height:16px;position:absolute;inset:10px 8px auto}.panel-grid{background:#020a19db;border:5px solid #0b1828;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid;position:absolute;bottom:16%;left:10%;right:9%;box-shadow:0 12px 20px #00000047}.panel-grid i{background:linear-gradient(135deg,#65f0ffd9,#00519cb3),linear-gradient(90deg,#ffffff47 1px,#0000 1px);border:1px solid #ffffff6b;min-height:36px}.mesh{background:repeating-linear-gradient(90deg,#060a12 0 7px,#5ff0ff 7px 9px);border:1px solid #ffffff4d;height:11px;position:absolute;left:9%;right:8%}.mesh.top{bottom:62%}.mesh.bottom{bottom:12%}.debris{background:#f2e9d8;border-radius:999px;position:absolute;box-shadow:10px 6px #ff4e64b8}.debris.one{width:54px;height:16px;bottom:54%;left:18%}.debris.two{width:82px;height:20px;bottom:33%;right:22%}.debris.three{width:46px;height:14px;bottom:18%;left:42%}.scan-lines{z-index:3;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 8px,#ffffff14 8px 10px);position:absolute;inset:0}.section-heading{max-width:920px;margin-bottom:36px}.section-heading.compact{text-align:center;margin-inline:auto}.section-heading.compact .kicker{margin-inline:auto}.problem-grid,.service-grid,.package-grid,.why-grid,.faq-grid{gap:18px;display:grid}.problem .retro-frame,#services .retro-frame,.process .retro-frame,.proof>.retro-frame{width:min(100%,1180px);margin:0 auto 30px}.problem .retro-frame.composite-image,#services .retro-frame.composite-image,.process .retro-frame.composite-image{aspect-ratio:21/9;max-height:520px}.problem-grid,.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.service-card,.package-card,details{background:#fff;border:2px solid #10203324;box-shadow:7px 7px #00a8ff2e}.info-card,.service-card,.package-card{min-height:230px;padding:24px}.info-card svg,.service-card span{color:var(--blue)}.info-card p,.service-card p,.package-card p,details p{font-size:15px}.split{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.split.reverse{grid-template-columns:minmax(320px,1fr) minmax(0,.9fr)}.check-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:#ffffffe6;align-items:center;gap:8px;font-weight:850;display:flex}.comparison{position:relative}.status-pill{color:var(--navy);text-transform:uppercase;border:2px solid #fff;padding:9px 12px;font-size:13px;font-weight:950;position:absolute}.status-pill.clean{background:var(--mint);bottom:26px;left:18px}.status-pill.alert{background:var(--red);color:#fff;top:24px;right:18px}.service-card span{background:#eaf8ff;border:2px solid #b9e9ff;place-items:center;width:50px;height:50px;margin-bottom:24px;display:grid}.packages{background:linear-gradient(#0000,#ffd16629)}.package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.package-split{grid-template-columns:1fr;align-items:stretch;gap:30px}.package-split .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.package-split>.retro-frame.composite-image{aspect-ratio:auto;width:min(100%,1180px);height:clamp(260px,25vw,380px);max-height:none;margin-inline:auto}.package-split>.retro-frame.composite-image img{object-fit:cover;object-position:center 58%;padding:0}.package-card{position:relative}.package-tag{background:linear-gradient(135deg, var(--navy), #0a4a72);color:#fff;text-transform:uppercase;width:fit-content;margin-bottom:38px;padding:7px 10px;font-size:12px;font-weight:950}.package-card a{color:var(--navy);align-items:center;gap:8px;margin-top:14px;font-weight:950;display:inline-flex}.active-issue .btn{width:fit-content;margin-top:12px}.closeup .solar-scene,.before-after .solar-scene,.comparison .solar-scene{min-height:390px}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}.why .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-inline:0}.why-item{border-left:5px solid var(--orange);background:#fff;gap:10px;min-height:72px;padding:18px;font-weight:950;box-shadow:0 14px 38px #07111f14}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.step{text-align:center;background:var(--navy);color:#fff;border:2px solid var(--cyan);min-height:162px;box-shadow:6px 6px 0 var(--orange);place-items:center;padding:18px;display:grid;position:relative}.step span{color:var(--yellow);font-size:13px;font-weight:950;position:absolute;top:10px;left:12px}.step strong{align-items:center;min-height:42px;font-size:15px;display:flex}.before-after{grid-template-columns:1fr 1fr;gap:24px;display:grid}.before-after>div{min-width:0}.before-after strong{margin-top:14px;font-size:17px;display:block}.campaign-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.campaign-card{min-height:250px}.seo-section{background:linear-gradient(90deg, #65f0ff14 1px, transparent 1px), linear-gradient(#65f0ff0f 1px, transparent 1px), linear-gradient(135deg, #ff8a1f2e, transparent 38%), var(--navy);background-size:36px 36px,36px 36px,100% 100%,100% 100%}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.seo-copy{background:#ffffff14;border:2px solid #65f0ff6b;padding:clamp(24px,4vw,40px);box-shadow:8px 8px #ff8a1fdb}.seo-copy h2{max-width:760px;font-size:clamp(28px,3.2vw,44px)}.image-carousel{gap:16px;display:grid}.carousel-stage{aspect-ratio:16/9;background:var(--navy);min-height:auto;max-height:680px;box-shadow:var(--shadow), 10px 10px 0 var(--orange);isolation:isolate;border:2px solid #65f0ffbd;position:relative;overflow:hidden}.carousel-stage img{object-fit:cover}.carousel-count{z-index:4;color:var(--navy);background:var(--yellow);box-shadow:4px 4px 0 var(--navy);border:2px solid #fff;padding:8px 11px;font-size:12px;font-weight:950;position:absolute;bottom:18px;left:18px}.carousel-control{z-index:4;color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:4px 4px 0 var(--orange);background:#07111fe0;border:2px solid #65f0ffbd;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control.prev{left:16px}.carousel-control.next{right:16px}.carousel-thumbs{scrollbar-color:var(--orange) #07111f29;gap:10px;padding:4px 4px 12px;display:flex;overflow-x:auto}.carousel-thumbs button{background:var(--navy);cursor:pointer;border:2px solid #65f0ff6b;flex:0 0 116px;height:84px;position:relative;overflow:hidden}.carousel-thumbs button:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#65f0ff1a 1px,#0000 1px),linear-gradient(#65f0ff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.carousel-thumbs button.is-active{border-color:var(--orange);box-shadow:4px 4px 0 var(--orange)}.carousel-thumbs img{object-fit:cover}.timed-cta{z-index:50;color:#fff;background:linear-gradient(90deg, #65f0ff17 1px, transparent 1px), linear-gradient(#65f0ff12 1px, transparent 1px), var(--navy);border:2px solid var(--cyan);width:min(390px,100vw - 28px);box-shadow:10px 10px 0 var(--orange), 0 24px 70px #07111f52;background-size:28px 28px;padding:20px;animation:.28s ease-out ctaRise;position:fixed;bottom:clamp(14px,3vw,34px);right:clamp(14px,3vw,34px)}.timed-cta strong{margin:12px 34px 8px 0;font-size:22px;line-height:1.08;display:block}.timed-cta p{color:#ffffffc7;margin-bottom:16px;font-size:15px;line-height:1.45}.timed-cta .btn{width:100%;box-shadow:5px 5px #fff}.timed-cta-badge{color:var(--navy);background:var(--yellow);text-transform:uppercase;border:2px solid #fff;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:950;display:inline-flex}.timed-cta-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff47;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}@keyframes ctaRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.case-study{background:linear-gradient(90deg, #65f0ff14 1px, transparent 1px), linear-gradient(#65f0ff12 1px, transparent 1px), linear-gradient(135deg, #00a8ff33, transparent 34%), linear-gradient(270deg, #ff8a1f38, transparent 30%), var(--navy);background-size:38px 38px,38px 38px,100% 100%,100% 100%,100% 100%}.real-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px;display:grid}.real-photo{min-height:220px;box-shadow:6px 6px #ff8a1fe6}.real-photo.featured{grid-area:span 2/span 2;min-height:454px}.local{background:linear-gradient(120deg, #ff8a1f47, transparent 32%), linear-gradient(270deg, #50d8902e, transparent 30%), var(--ink)}.quote-form-section{background:linear-gradient(#00a8ff14,#0000 58%)}.quote-form{background:#fff;border:2px solid #10203324;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin-inline:auto;padding:clamp(18px,3vw,30px);display:grid;box-shadow:10px 10px #00a8ff2e}.quote-form label{color:var(--navy);text-transform:uppercase;gap:8px;font-size:13px;font-weight:950;display:grid}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-height:48px;color:var(--ink);font:inherit;text-transform:none;background:#f8fbff;border:2px solid #10203324;border-radius:0;padding:12px 13px;font-size:15px;font-weight:700}.quote-form textarea{resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue);outline:3px solid #00a8ff3d}.quote-form-message,.quote-form-actions{grid-column:1/-1}.quote-form-actions{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.area-cloud{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.area-cloud span{color:var(--navy);background:#fff;border:2px solid #fff6;gap:7px;padding:12px 14px;font-weight:950}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq .faq-grid{grid-template-columns:1fr}details{padding:20px 22px}summary{cursor:pointer;color:var(--navy);font-size:18px;font-weight:950}details p{margin:16px 0 0}.final-cta{color:#fff;background:linear-gradient(90deg, #65f0ff14 1px, transparent 1px), linear-gradient(#65f0ff0f 1px, transparent 1px), var(--navy);background-size:36px 36px;grid-template-columns:minmax(320px,.92fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,70px);padding-block:clamp(64px,8vw,110px);display:grid;position:relative;overflow:hidden}.final-cta .solar-scene,.final-cta .retro-frame{min-height:380px;box-shadow:12px 12px 0 var(--blue)}.final-cta h2{max-width:780px}.final-cta .trust-strip{color:#ffffffc2}@media (max-width:980px){.nav{grid-template-columns:1fr auto}.nav-links,.nav-call{display:none}.menu-button{display:grid}.mobile-menu{z-index:30;box-shadow:8px 8px 0 var(--navy), 0 22px 60px #07111f2e;background:#f7fbfffa;border:2px solid #10203324;padding:12px;display:none;position:absolute;top:calc(100% + 1px);left:14px;right:14px}.mobile-menu.is-open{gap:8px;display:grid}.mobile-menu a{min-height:46px;color:var(--navy);background:#fff;border:1px solid #1020331a;align-items:center;gap:9px;padding:12px 14px;font-weight:950;display:flex}.mobile-menu a:hover{background:#eaf8ff}.hero,.split,.split.reverse,.final-cta{grid-template-columns:1fr}.hero{min-height:auto}.problem-grid,.service-grid,.package-grid,.why-grid,.steps,.seo-grid,.campaign-strip,.real-photo-grid,.quote-form,.package-split .package-grid,.why .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-split>.retro-frame.composite-image{aspect-ratio:16/10}}@media (max-width:640px){.nav{padding-inline:14px}.brand-mark{width:178px;height:54px;box-shadow:4px 4px 0 var(--navy)}h1{font-size:clamp(38px,11.5vw,56px)}.cta-row,.btn{width:100%}.problem-grid,.service-grid,.package-grid,.why-grid,.steps,.seo-grid,.campaign-strip,.real-photo-grid,.quote-form,.package-split .package-grid,.why .why-grid,.before-after,.faq-grid{grid-template-columns:1fr}.solar-scene,.retro-frame,.hero-image,.closeup .solar-scene,.before-after .solar-scene,.comparison .solar-scene,.final-cta .solar-scene{min-height:300px}.retro-frame.composite-image,.problem .retro-frame.composite-image,#services .retro-frame.composite-image,.process .retro-frame.composite-image,.package-split>.retro-frame.composite-image,.carousel-stage{aspect-ratio:4/3}.carousel-control{width:40px;height:40px}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-thumbs button{flex-basis:92px;height:68px}.quote-form-actions .btn{width:100%}.real-photo.featured{grid-area:span 1/span 1;min-height:300px}.hero-badge{margin:18px 0 0 auto;position:relative;bottom:auto;right:auto}.sun-orbit{width:92px}.panel-grid{grid-template-columns:repeat(3,1fr);gap:6px}.panel-grid i{min-height:28px}}