:root{--navy:#071a39;--navy-2:#0b2b58;--sun:#ffd642;--paper:#f6f7f5;--ink:#07152e;--blue:#176edb;--green:#18a545;--line:rgba(255,255,255,.2);--radius:14px;--shadow:0 18px 40px rgba(2,15,35,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}::selection{background:var(--sun);color:var(--ink)}a{color:inherit}button,a{touch-action:manipulation}.skip{position:fixed;left:12px;top:-60px;z-index:99;background:white;padding:12px 16px;border-radius:8px}.skip:focus{top:12px}.topbar{min-height:74px;padding:14px max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 7px rgba(255,214,66,.12);position:relative}.brand-mark:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--navy)}.brand b{font-family:"Archivo Black",sans-serif;font-size:1.08rem;letter-spacing:-.02em}.brand small{display:block;font-size:.68rem;color:#bbcae1;letter-spacing:.08em;text-transform:uppercase}.header-wa{min-height:44px;display:grid;place-items:center;padding:0 15px;border:1px solid rgba(255,255,255,.35);border-radius:999px;text-decoration:none;font-weight:800;font-size:.82rem}.hero{background:var(--navy);color:white;padding:32px max(18px,calc((100vw - 1180px)/2)) 36px}.since{margin:0 0 14px;color:#b8c8df;font-weight:700;font-size:.79rem;letter-spacing:.07em;text-transform:uppercase}.hero h1{font-family:"Archivo Black",sans-serif;font-size:clamp(2.4rem,11vw,5.8rem);line-height:.98;letter-spacing:-.04em;margin:0;max-width:900px;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--sun)}.intro{font-size:1.02rem;color:#d9e3f0;max-width:650px;margin:20px 0}.offer{width:max-content;max-width:100%;background:var(--sun);color:var(--ink);padding:12px 16px 13px;margin:24px 0 18px;display:grid;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 90%,5px 86%,0 78%,5px 70%,0 62%,5px 54%,0 46%,5px 38%,0 30%,5px 22%,0 14%,5px 8%)}.offer span{font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.offer strong{font-family:"Archivo Black",sans-serif;font-size:2.45rem;line-height:1}.solar-plate{position:relative;margin:0 -18px;height:min(62vw,420px);min-height:270px;overflow:hidden}.solar-plate:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,57,.08),rgba(7,26,57,.16))}.solar-plate img{width:100%;height:100%;object-fit:cover}.sun-path{position:absolute;z-index:2;left:14%;right:14%;top:17%;height:55%;border-top:2px dashed var(--sun);border-radius:50%;transform:rotate(-5deg)}.sun-path i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--sun);left:50%;top:-12px;box-shadow:0 0 0 7px rgba(255,214,66,.2)}.sun-path span{position:absolute;top:-34px;left:52%;font-size:.72rem;font-weight:800;color:var(--navy);background:var(--sun);padding:3px 7px}.plate-note{position:absolute;z-index:3;right:14px;bottom:14px;background:rgba(7,26,57,.92);padding:10px 12px;border-radius:10px}.plate-note b,.plate-note span{display:block}.plate-note b{text-transform:uppercase;font-size:.74rem}.plate-note span{font-size:.68rem;color:#c9d7e9}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 -18px 18px}.trust-strip span{background:var(--navy);padding:13px 9px;text-align:center;font-size:.72rem;color:#cbd8e9}.trust-strip b{display:block;color:white;font-size:.78rem}.wa-primary{min-height:58px;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:var(--radius);padding:13px 16px;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(24,165,69,.22);transition:transform .2s ease,background .2s ease}.wa-primary:hover{background:#118b39;transform:translateY(-2px)}.wa-primary svg{width:25px;fill:currentColor;flex:none}.wa-primary b{font-size:1.4rem}.offer-note{font-size:.72rem;color:#9eb1ca;margin:10px 0 0;text-align:center}.sizing,.process,.components,.policies{padding:64px max(18px,calc((100vw - 1080px)/2))}.section-head h2,.process h2,.policies h2,.fit h2{font-family:"Archivo Black",sans-serif;font-size:clamp(2rem,8vw,3.7rem);letter-spacing:-.035em;line-height:1.02;margin:0 0 14px;text-wrap:balance}.section-head p{max-width:700px;color:#526078;margin:0}.size-rail{display:flex;gap:9px;overflow-x:auto;padding:24px 2px 12px;scroll-snap-type:x mandatory;scrollbar-color:var(--blue) #dfe5ec}.size-choice{scroll-snap-align:start;min-width:92px;min-height:58px;border:1px solid #cad3df;border-radius:12px;background:white;color:var(--ink);font:800 1rem Manrope;cursor:pointer}.size-choice.active{background:#e9f3ff;border:2px solid var(--blue);color:#064aa2}.size-choice:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.output{display:grid;gap:1px;background:#cad3df;margin-top:16px;border:1px solid #cad3df;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.output>div{background:white;padding:16px}.output small,.output strong{display:block}.output small{color:#66758b;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.output strong{font-size:1.16rem;margin-top:4px}.source-note{font-size:.78rem;color:#647186;margin:14px 0 0}.process{background:var(--sun)}.process ol{list-style:none;padding:0;margin:28px 0 0;counter-reset:steps}.process li{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:19px 0;border-top:1px solid rgba(7,21,46,.25);counter-increment:steps}.process li:before{content:counter(steps);font-family:"Archivo Black";font-size:1.4rem}.process li b,.process li span{display:block}.process li span{margin-top:4px;max-width:60ch}.components{background:var(--navy);color:white}.components .section-head p{color:#b9c9df}.component-list{margin-top:28px;border-top:1px solid var(--line)}.component-list article{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.component-list article>span{font-weight:900;color:var(--sun)}.component-list h3{margin:0;font-size:1.1rem}.component-list p{margin:6px 0 0;color:#b9c9df;font-size:.9rem}.fit{padding:64px max(18px,calc((100vw - 1080px)/2));background:#176edb;color:white}.fit p{max-width:650px;margin:0 0 24px;color:#e1ecff}.wa-primary.dark{background:var(--navy);box-shadow:0 12px 28px rgba(7,26,57,.25)}.policies{background:#f2f4f7}.policies details{border-top:1px solid #cbd3de}.policies details:last-child{border-bottom:1px solid #cbd3de}.policies summary{cursor:pointer;list-style:none;padding:19px 34px 19px 0;font-weight:800;position:relative}.policies summary:after{content:"+";position:absolute;right:5px;font-size:1.4rem;top:13px}.policies details[open] summary:after{content:"−"}.policies details p{margin:0 0 20px;color:#4e5d72;max-width:75ch}footer{background:#031126;color:white;padding:48px max(18px,calc((100vw - 1080px)/2)) 100px}footer p{color:#afc0d7;max-width:540px}.footer-brand{margin-bottom:22px}footer nav{display:flex;flex-wrap:wrap;gap:17px;margin:26px 0}footer nav a{text-underline-offset:4px}footer>small{color:#7890ae}.sticky-wa{position:fixed;z-index:20;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;min-height:54px;display:flex;align-items:center;justify-content:center;background:var(--green);color:white;border-radius:14px;text-decoration:none;font-weight:900;font-size:.84rem;box-shadow:0 14px 35px rgba(0,0,0,.3)}
@media(min-width:760px){.topbar{min-height:86px}.hero{padding-top:52px}.hero-copy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:18px 48px;align-items:end}.hero-copy .since,.hero-copy h1{grid-column:1}.hero-copy .intro{grid-column:1}.hero-copy .offer{grid-column:2;grid-row:1/4;margin:0}.solar-plate{margin:30px 0 0;height:500px;border-radius:var(--radius)}.trust-strip{margin:0;grid-template-columns:repeat(3,1fr)}.wa-primary{max-width:620px;margin:18px auto 0}.offer-note{max-width:650px;margin:10px auto 0}.output{grid-template-columns:repeat(3,1fr)}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.process li{display:block}.component-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.sticky-wa{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wa-primary{transition:none}}

/* Mobile website safeguards and final accessibility polish. */
:root{--green:#24d366;--shadow:0 12px 26px rgba(2,15,35,.16)}
html{width:100%}
body{width:100%;min-width:320px;overflow-x:clip}
.brand small{font-size:.75rem;letter-spacing:.04em;text-transform:none}
.offer{clip-path:none;border-left:6px solid #f3ae00}
.trust-strip span{font-size:.78rem}
.trust-strip b{font-size:.82rem}
.wa-primary,.sticky-wa{color:#052713;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.fit p{color:#fff}
.topbar{position:sticky;top:0}
.brand-logo{width:42px;height:42px;display:grid;place-items:center;flex:none}
.brand-logo svg{width:42px;height:42px;overflow:visible}
.brand-logo .logo-sun{fill:var(--sun)}
.brand-logo circle{fill:var(--navy)}
.brand-logo .logo-panel{fill:none;stroke:var(--sun);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hero-copy{display:flex;flex-direction:column}
.signature-label{order:0;width:max-content;margin:0 0 16px;padding:7px 11px;border:1px solid rgba(255,214,66,.55);color:var(--sun);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero-copy h1{order:1}
.hero-copy .intro{order:2}
.hero-copy .hero-wa{order:3;width:100%;margin:4px 0 0}
.hero-copy .offer{order:4}
.hero-copy .offer-note{order:5;text-align:left;margin:0 0 24px}
.company-note{display:grid;gap:5px;margin:0 0 36px;padding:20px;border-left:6px solid var(--sun);background:var(--navy);color:white}
.company-note b{font-family:"Archivo Black",sans-serif;font-size:1.35rem}
.company-note span{color:#c8d5e6;font-size:.9rem}
@media(min-width:760px){.hero-copy{display:grid}.hero-copy .signature-label{grid-column:1;grid-row:1}.hero-copy h1{grid-row:2}.hero-copy .intro{grid-row:3}.hero-copy .hero-wa{grid-column:1;grid-row:4;width:min(100%,620px);margin:0}.hero-copy .offer{grid-column:2;grid-row:1/5}.hero-copy .offer-note{grid-column:2;grid-row:5;text-align:left}.company-note{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:20px}}