:root{--green: #087ab5;--dark: #123e5b;--lime: #dff3ff;--paper: #f0f9ff;--ink: #163c55;--muted: #506b7e;--line: #d4e8f4 }*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}button{font:inherit}img{max-width:100%;display:block}button,a,.card,.system,.value,.contact-card,.contact-aside,.split-image,.hero-photo img{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease,color .25s ease,opacity .25s ease}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:4px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #087ab52e}.btn:active{transform:translateY(0)}.text-link:hover{color:var(--green)}router-outlet+*{display:block;animation:page-enter .45s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.5vw,5.3rem)}h2{font-size:clamp(2rem,3.6vw,3.5rem)}h3{font-size:1.6rem}p{color:var(--muted)}.wrap{max-width:1280px;margin:auto;padding-inline:5%}.eyebrow{font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:22px}.topbar{background:var(--green);color:#fff;text-align:center;padding:8px 15px;font-size:.8rem;letter-spacing:.04em}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-size:1.15rem;font-weight:700;letter-spacing:-.04em}.brand-mark{font-size:2.4rem;color:var(--green);line-height:1}.brand small{display:block;font-size:.64rem;letter-spacing:.17em;font-weight:500}.navlinks{display:flex;gap:32px;align-items:center;font-size:.9rem}.navlinks a.active{border-bottom:2px solid var(--green);padding-block:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;border-radius:5px;background:var(--green);color:#fff;border:1px solid var(--green);font-weight:600;font-size:.9rem;transition:background .2s}.btn:hover{background:#086697}.btn.light{background:var(--lime);color:var(--dark);border-color:var(--lime)}.btn.outline{background:transparent;color:var(--green);border-color:#82bfdc}.menu{display:none;background:none;border:1px solid var(--line);padding:7px 12px;border-radius:4px}.hero{background:var(--paper);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{padding:65px 35px 65px 0;align-self:center}.hero-copy h1 em{font-style:normal;color:#1385bb}.hero-copy p{max-width:450px;margin:24px 0 30px;font-size:1.07rem}.hero-photo{position:relative;min-height:480px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-note{position:absolute;bottom:25px;left:25px;right:25px;background:#ffffffed;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;font-size:.9rem;border-radius:5px}.photo-note span{color:#506b7e;font-size:.8rem}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{font-weight:600;font-size:.9rem;border-bottom:1px solid #84c5e5;padding:7px 0}.benefits{border-bottom:1px solid var(--line)}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px}.benefit{display:flex;align-items:center;justify-content:center;gap:13px;font-size:.91rem;border-right:1px solid var(--line)}.benefit:last-child{border:0}.small-icon{font-size:1.5rem;color:#087ab5}.section{padding-block:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-head p{max-width:370px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:32px;background:var(--paper);border:1px solid #d7eaf5;border-radius:6px}.card .num{display:block;font-size:.8rem;color:#47748d;margin-bottom:35px}.card h3{margin-bottom:17px}.card p{font-size:.95rem;margin-bottom:22px}.card .text-link{display:inline-block}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-image{width:100%;height:460px;object-fit:cover;border-radius:6px}.split p{margin-top:23px}.split .btn{margin-top:28px}.tint{background:var(--paper)}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.tags span{border:1px solid #b6daed;border-radius:30px;padding:7px 14px;font-size:.82rem}.cta{background:var(--green);color:#fff;padding:50px 55px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:2.5rem;max-width:650px}.cta p{color:#e1f3ff;margin-top:14px}.footer{padding-block:45px 23px;background:var(--paper)}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top p{max-width:350px;font-size:.86rem;margin-top:13px}.footer-nav{display:flex;gap:25px;align-items:center;font-size:.9rem}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted);gap:20px}.page-intro{background:var(--paper);padding-block:68px}.page-intro p{max-width:670px;margin-top:25px;font-size:1.08rem}.page-intro h1{max-width:880px}.solar-basics{max-width:850px}.solar-basics p{margin-top:22px}.system{padding:30px;border:1px solid var(--line);border-radius:6px}.system.featured{background:var(--green);color:#fff}.system.featured p,.system.featured li{color:#ecf8ff}.system h3{margin-block:25px 18px}.system p{font-size:.96rem}.system ul{padding-left:20px;color:var(--muted);font-size:.9rem;margin-top:22px}.system .label{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid #85c5e4;border-radius:30px;padding:6px 10px}.note{font-size:.84rem;margin-top:23px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.service-item{border-top:1px solid var(--line);padding:28px 0}.service-item h3{font-size:1.5rem;margin-bottom:12px}.values{display:grid;grid-template-columns:1fr 1fr;gap:25px}.value{padding:30px 0;border-top:1px solid var(--line)}.value h3{margin-bottom:15px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.contact-card{padding:27px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:start}.contact-card h3{font-size:1.25rem;margin-bottom:8px}.contact-card p{font-size:.95rem}.contact-card a{display:inline-block;margin-top:10px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.contact-icon{width:30px;height:30px;flex-shrink:0}.contact-aside{background:var(--paper);padding:40px;border-radius:6px}.contact-aside h2{font-size:2.2rem}.contact-aside p{margin-top:20px}.contact-aside ul{padding-left:20px;color:var(--muted)}.pending{font-size:.88rem;color:#476a81}.skip{position:absolute;top:-100px;padding:12px;background:#fff;z-index:10}.skip:focus{top:0}a:focus-visible,button:focus-visible{outline:3px solid #087ab5;outline-offset:5px}.illustration-caption{font-size:.73rem;margin-top:10px;color:var(--muted)}@media(min-width:1500px){.hero-grid{min-height:650px}}@media(max-width:850px){.nav{height:85px}.navlinks{gap:20px}.nav>.btn{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding-block:45px}.hero-photo{min-height:480px}.cards{gap:12px}.card,.system{padding:23px}.split{gap:35px}.contact-grid{gap:30px}.cta{padding:35px}.footer-nav{flex-wrap:wrap}}@media(max-width:620px){.wrap{padding-inline:6%}.nav{height:83px;position:relative}.menu{display:block}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;z-index:5;background:#fff;padding:25px;box-shadow:0 12px 22px #163c5515;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0}.hero-copy h1{font-size:3.15rem}.hero-photo{min-height:350px;margin-inline:-6.82%}.photo-note{bottom:20px;left:20px;right:20px}.benefit-row{grid-template-columns:1fr;padding-block:10px}.benefit{border:0;padding:8px;justify-content:start}.section{padding-block:60px}.section-head{align-items:start;flex-direction:column;gap:23px}.cards,.values,.service-list{grid-template-columns:1fr}.card .num{margin-bottom:20px}.split-image{height:330px}.cta{flex-direction:column;align-items:start;padding:30px}.cta h2{font-size:2rem}.footer-top,.footer-bottom{flex-direction:column}.footer-nav{gap:20px}.page-intro{padding-block:48px}.page-intro h1{font-size:2.8rem}.contact-aside{padding:30px}.topbar{font-size:.72rem}.brand{font-size:1.07rem}}:root{--brand-primary: #087ab5;--brand-primary-hover: #086697;--brand-deep: #123e5b;--brand-soft: #dff3ff;--surface: #f0f9ff;--background: #ffffff;--text-primary: #163c55;--text-muted: #506b7e;--border: #d4e8f4;--scrollbar-track: #dff3ff;--scrollbar-thumb: #087ab5;--scrollbar-thumb-hover: #065f8c }body{background:var(--background)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:3px solid var(--scrollbar-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.brand{flex-shrink:0}.company-logo{width:102px;height:auto;object-fit:contain}.nav{height:132px}.footer .company-logo{width:110px}.topbar{background:#dff3ff;color:#145678;font-size:.78rem;letter-spacing:.17em;border-bottom:1px solid #b9e3f8}.hero,.page-intro{background:linear-gradient(120deg,#fff,#e6f6ff)}.cta{background:#087ab5}.btn.light:hover{background:#fff}.company-legal{display:flex;gap:28px;flex-wrap:wrap;padding-top:15px;font-size:.8rem;color:var(--muted)}.company-details{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;margin:0}.company-details>div{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.company-details dt{font-size:.85rem;color:var(--muted);margin-bottom:6px}.company-details dd{margin:0;overflow-wrap:anywhere}.company-details a{text-decoration:underline;text-underline-offset:4px}@media(max-width:620px){.nav{height:112px}.company-logo{width:84px}.navlinks{top:105px}.company-details{grid-template-columns:1fr}.company-legal{gap:10px;flex-direction:column}.topbar{font-size:.69rem;letter-spacing:.1em}}
