.how-page{--how-ink:#112b3d;--how-muted:#526572;--how-paper:#f7f6f0;--how-line:#cdd8d8;color:var(--how-ink);background:var(--how-paper)}.how-page h1,.how-page h2,.how-page h3{font-family:Outfit,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.08}.how-page h1 em,.how-page h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.025em}.how-page a:focus-visible,.how-page summary:focus-visible{outline:3px solid #edb36d;outline-offset:4px}.how-kicker{margin:0;color:#9c5f69;font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.5}.how-hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;padding:105px clamp(24px,5.4vw,104px) 95px;overflow:hidden;color:#fffaf2;background:#112338 url(/visuals/neighbourhood-afterglow.webp) center 52%/cover no-repeat}.how-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071623f2,#071623d8 33%,#0716236c 65%,#0716230a),linear-gradient(0deg,#071623a3,transparent 45%)}.how-hero-content{max-width:770px}.how-hero .how-kicker{color:#ffd2a1}.how-hero h1{max-width:780px;margin:22px 0 28px;font-size:clamp(58px,6.5vw,100px);line-height:.98;letter-spacing:-.048em;text-wrap:balance}.how-hero h1 em{color:#ffd5ae}.how-hero-content>p:not(.how-kicker){max-width:610px;color:#f5f1ed;font-size:clamp(17px,1.6vw,21px);line-height:1.58}.how-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:35px}.how-hero-actions .button{background:#f5ce85;border-color:#f5ce85;color:#10283a;box-shadow:none}.how-hero-actions .button:hover{background:#ffdf9e}.how-text-link{display:inline-flex;align-items:center;gap:13px;width:fit-content;color:inherit;border-bottom:1px solid;padding-bottom:6px;font-size:14px;font-weight:600;line-height:1.5}.how-text-link:hover{color:#f5ce85}.how-hero-caption{position:absolute;right:clamp(24px,5.4vw,104px);bottom:30px;color:#fff0df;font-size:10px;font-weight:700;letter-spacing:.14em}.how-wayfinder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 clamp(24px,5.4vw,104px);background:#122c3c;color:#f6f5eb}.how-wayfinder a{display:flex;align-items:center;gap:13px;min-height:78px;min-width:0;padding:12px 16px 12px 0;border-top:2px solid transparent;border-right:1px solid #ffffff27;font-size:14px;font-weight:600}.how-wayfinder a:not(:first-child){padding-left:22px}.how-wayfinder a:last-child{border-right:0}.how-wayfinder a:hover{border-top-color:#f3c77e;color:#f7d49b}.how-wayfinder span{color:#f2b981;font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-style:italic;font-weight:400}.how-intro{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:7%;padding:105px clamp(24px,5.4vw,104px) 75px;background:#f7f6f0}.how-intro>.how-kicker{padding-top:14px}.how-intro>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.6fr);gap:7%;align-items:end}.how-intro h2{margin:0;max-width:750px;font-size:clamp(46px,5.1vw,76px)}.how-intro h2 em{color:#a76570}.how-intro>div>p{max-width:400px;margin:0 0 6px;color:var(--how-muted);font-size:16px;line-height:1.72}.how-timeline{list-style:none;padding:0 clamp(24px,5.4vw,104px) 110px;margin:0;counter-reset:none}.how-stage{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(230px,.95fr) minmax(0,1fr);gap:7%;padding:42px 0 54px;border-top:1px solid var(--how-line);scroll-margin-top:35px}.how-stage:last-child{border-bottom:1px solid var(--how-line)}.how-stage-number{color:#bd837b;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(58px,6vw,89px);font-style:italic;line-height:1}.how-stage-heading .how-kicker{margin:9px 0 22px}.how-stage h3{max-width:460px;margin:0;font-size:clamp(33px,3.3vw,51px);line-height:1.12}.how-stage-body>p:first-child{margin:3px 0 20px;max-width:580px;color:#344e5d;font-size:17px;line-height:1.65}.how-stage-body ul{list-style:none;margin:0;padding:0}.how-stage-body li{padding:11px 0;border-top:1px solid #dce3df;color:#516671;font-size:14px;line-height:1.55}.how-stage-outcome{margin:26px 0 0;padding:17px 20px;border-left:2px solid #c38c78;background:#e9eeeb;color:#274254;font-size:14px;line-height:1.6}.how-stage-outcome span{display:block;margin-bottom:6px;color:#8d585e;font-size:10px;font-weight:700;letter-spacing:.12em}.how-routes{padding:105px clamp(24px,5.4vw,104px);background:#e6ecea}.how-section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.58fr);gap:8%;align-items:end;max-width:1380px;margin:0 auto 50px}.how-section-heading .how-kicker{grid-column:1/-1}.how-section-heading h2{max-width:730px;margin:0;font-size:clamp(43px,4.8vw,72px)}.how-section-heading>p:last-child{max-width:390px;margin:0 0 5px;color:#4c6470;font-size:16px;line-height:1.65}.how-route-list{max-width:1380px;margin:auto;border-top:1px solid #aebfbe}.how-route{display:grid;grid-template-columns:120px minmax(160px,.6fr) minmax(0,1.35fr) 35px;gap:30px;align-items:center;min-height:125px;padding-right:24px;border-bottom:1px solid #aebfbe;transition:background .2s,padding .2s}.how-route:hover{background:#f9faf4;padding-left:12px}.how-route-image{display:block;width:120px;height:88px;background-size:cover;background-position:50%}.how-route strong{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(27px,2.5vw,39px);font-style:italic;font-weight:400;line-height:1.1}.how-route>span:nth-of-type(2){max-width:520px;color:#45606b;font-size:15px;line-height:1.55}.how-route b{justify-self:end;font-size:24px;font-weight:400;color:#7b5664}.how-survey-note{display:grid;grid-template-columns:minmax(170px,.4fr) minmax(0,1fr);gap:6%;max-width:1380px;margin:47px auto 0;padding:25px 0 0;border-top:2px solid #b77d74}.how-survey-note strong{color:#264656;font-size:15px}.how-survey-note p{max-width:820px;margin:0;color:#536975;font-size:14px;line-height:1.65}.how-quote-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:10%;padding:120px clamp(24px,5.4vw,104px);color:#fff9ef;background:linear-gradient(90deg,#0a2032ee,#0a2032c6),url(/visuals/solar-tech-sunset.webp) 50%/cover no-repeat}.how-quote-guide .how-kicker{color:#f1bb8e}.how-quote-guide h2{max-width:740px;margin:20px 0 25px;font-size:clamp(43px,4.9vw,74px)}.how-quote-guide-copy>p:not(.how-kicker){max-width:540px;color:#dce7e5;font-size:18px;line-height:1.65}.how-quote-guide .how-text-link{margin-top:28px}.how-quote-guide ol{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff66}.how-quote-guide li{display:grid;grid-template-columns:35px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff66}.how-quote-guide li>span{color:#f1ba90;font-family:"Instrument Serif",Georgia,serif;font-size:25px;font-style:italic}.how-quote-guide li strong{font-size:17px;font-weight:600}.how-quote-guide li p{margin:7px 0 0;color:#cbdad9;font-size:14px;line-height:1.55}.how-answers{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:10%;padding:110px clamp(24px,5.4vw,104px);background:#fbfaf5}.how-answers h2{max-width:530px;margin:20px 0 25px;font-size:clamp(43px,4.4vw,66px)}.how-answers>div:first-child>p:last-child{max-width:430px;color:#546975;font-size:16px;line-height:1.68}.how-answer-list{border-top:1px solid var(--how-line)}.how-answer-list details{border-bottom:1px solid var(--how-line);padding:23px 0}.how-answer-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;color:#223e50;font-size:17px;font-weight:600;line-height:1.45;list-style:none}.how-answer-list summary::-webkit-details-marker{display:none}.how-answer-list summary:after{content:"+";flex:none;color:#aa6e6b;font-size:25px;font-weight:400;line-height:1}.how-answer-list details[open] summary:after{content:"−"}.how-answer-list details p{max-width:650px;margin:16px 32px 0 0;color:#526975;font-size:15px;line-height:1.7}.how-finish{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.35fr);gap:12%;align-items:end;padding:95px clamp(24px,5.4vw,104px);background:radial-gradient(circle at 68% 20%,#946277 0,transparent 31%),linear-gradient(135deg,#173550,#102334 70%);color:#f9f7ee}.how-finish .how-kicker{color:#f0c58e}.how-finish h2{max-width:780px;margin:18px 0 23px;font-size:clamp(46px,5vw,76px)}.how-finish>div:first-child>p:not(.how-kicker){max-width:570px;color:#dce6e8;font-size:17px;line-height:1.6}.how-finish .button{display:inline-flex;margin-top:20px;background:#f7ddad;color:#102a3c;border-color:#f7ddad}.how-installer-link{border-top:1px solid #bdc9c58a;padding-top:23px}.how-installer-link>span{color:#edc18e;font-size:11px;font-weight:700;letter-spacing:.13em}.how-installer-link p{color:#d9e4e5;font-size:14px;line-height:1.6}.how-installer-link a{color:#fff1d9;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}@media(max-width:1050px){.how-intro{grid-template-columns:1fr;gap:25px}.how-intro>div{gap:5%}.how-stage{grid-template-columns:100px minmax(220px,.82fr) minmax(0,1fr);gap:4%}.how-route{grid-template-columns:105px minmax(140px,.6fr) minmax(0,1.1fr) 25px;gap:18px}.how-route-image{width:105px}}@media(max-width:760px){.how-hero{min-height:640px;padding:105px 24px;background-position:63%}.how-hero:before{background:linear-gradient(90deg,#071623e8,#071623c9 62%,#07162364),linear-gradient(0deg,#071623aa,transparent 55%)}.how-hero h1{font-size:clamp(52px,10vw,78px)}.how-hero-caption{right:24px;bottom:18px;font-size:9px}.how-wayfinder{padding:0 10px}.how-wayfinder a,.how-wayfinder a:not(:first-child){flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:68px;padding:8px 3px;font-size:10px;text-align:center}.how-wayfinder span{font-size:20px}.how-intro{padding:80px 24px 48px}.how-answers,.how-finish,.how-intro>div,.how-quote-guide,.how-section-heading{grid-template-columns:1fr}.how-intro>div{gap:20px}.how-intro h2{font-size:clamp(42px,8vw,65px)}.how-timeline{padding:0 24px 80px}.how-stage{grid-template-columns:70px 1fr;gap:10px 22px;padding:35px 0 43px}.how-stage-number{grid-row:1/3;font-size:59px}.how-stage-heading .how-kicker{margin:7px 0 10px}.how-stage h3{font-size:clamp(30px,6vw,44px)}.how-stage-body{grid-column:2}.how-stage-body>p:first-child{font-size:16px}.how-routes{padding:80px 24px}.how-section-heading{gap:17px;margin-bottom:33px}.how-section-heading h2{font-size:clamp(41px,7.5vw,62px)}.how-route{grid-template-columns:85px 1fr 25px;gap:12px 17px;padding:14px 24px 14px 0}.how-route-image{grid-row:1/3;width:85px;height:80px}.how-route strong{font-size:30px}.how-route>span:nth-of-type(2){grid-column:2;font-size:13px}.how-route b{grid-column:3;grid-row:1/3}.how-survey-note{grid-template-columns:1fr;gap:12px}.how-quote-guide{padding:90px 24px;gap:45px}.how-answers{padding:85px 24px;gap:35px}.how-finish{padding:85px 24px;gap:65px}}@media(max-width:480px){.how-hero{min-height:625px}.how-hero h1{font-size:clamp(48px,12vw,61px)}.how-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.how-stage{grid-template-columns:1fr}.how-stage-number{grid-row:auto}.how-stage-body{grid-column:1}.how-route{grid-template-columns:70px 1fr 20px;gap:9px 13px}.how-route-image{width:70px;height:70px}.how-route strong{font-size:27px}}@media(prefers-reduced-motion:reduce){.how-route{transition:none}}