.pp-page{--pp-ink:#0a2738;--pp-muted:#526779;--pp-green:#119a69;--pp-line:#dcebe7;color:var(--pp-ink);background:#fff;font:400 15px/1.5 Inter,Arial,sans-serif;overflow:hidden}
.pp-page *{box-sizing:border-box}
.pp-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.pp-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 15px;color:#078e68;font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
.pp-eyebrow:before{display:block;width:30px;height:2px;flex:0 0 30px;background:linear-gradient(90deg,#4fae3a,#2db878,#19a9a1);content:''}
.pp-eyebrow--dark{color:#aaf1cf}
.pp-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:18px;padding:0 25px;border:1px solid transparent;border-radius:24px;color:#fff!important;font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.pp-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,23,27,.17)}
.pp-button--green{background:linear-gradient(105deg,#4fae3a 0%,#2db878 54%,#19a9a1 100%)}
.pp-button--orange{background:var(--bs-orange,#f68a36)}
.pp-final .pp-button--orange{background:var(--bs-conversion-gradient,linear-gradient(105deg,#f2782c,#f79b61))}
.pp-final .pp-button--orange:hover,.pp-final .pp-button--orange:focus-visible{background:var(--bs-conversion-gradient-hover,linear-gradient(105deg,#d9651f,#f2782c))}
.pp-actions{display:flex;flex-wrap:wrap;gap:12px}
.pp-hero{position:relative;isolation:isolate;min-height:clamp(470px,43vw,610px);color:#fff;background:#061d30 url('https://static.bluesunpv.com/products-portfolio-hero-v3.webp') center 50%/cover no-repeat}
.pp-hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,21,37,.54) 0%,rgba(4,26,43,.2) 44%,transparent 74%),linear-gradient(0deg,rgba(0,19,31,.59) 0%,transparent 27%);content:''}
.pp-hero__inner{display:flex;min-height:inherit;flex-direction:column;justify-content:space-between;padding-top:clamp(70px,8vw,105px);padding-bottom:29px}
.pp-hero__copy{max-width:630px}
.pp-hero h1{max-width:660px;margin:0;color:#fff;font-size:clamp(40px,4.2vw,62px);font-weight:750;letter-spacing:-.05em;line-height:1.05;text-wrap:balance;text-shadow:0 2px 18px rgba(0,16,26,.18)}
.pp-hero h1 span{background:linear-gradient(100deg,#6ccf5d,#3acb9f,#4ecdd2);background-clip:text;-webkit-background-clip:text;color:transparent}
.pp-hero__description{max-width:525px;margin:20px 0 25px;color:rgba(255,255,255,.93);font-size:15px;line-height:1.55;text-shadow:0 1px 8px rgba(0,10,20,.24)}
.pp-hero__proof{display:flex;max-width:785px;align-items:center;padding-top:19px;border-top:1px solid rgba(255,255,255,.15)}
.pp-hero__proof-item{display:flex;min-width:0;align-items:center;gap:12px;padding:0 25px}
.pp-hero__proof-item:first-child{padding-left:0}
.pp-hero__proof-item+.pp-hero__proof-item{border-left:1px solid rgba(255,255,255,.2)}
.pp-hero__proof-item svg{width:30px;height:30px;flex:0 0 30px;fill:none;stroke:#54d78a;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.pp-hero__proof-item span{display:grid;gap:2px}
.pp-hero__proof-item strong{color:#fff;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap}
.pp-hero__proof-item small{color:rgba(255,255,255,.75);font-size:10px;line-height:1.25;white-space:nowrap}
.pp-categories{padding:74px 0 78px;background:linear-gradient(180deg,#f3faf8 0%,#f9fcfb 100%)}
.pp-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:29px}
.pp-section-head h2{margin:0;color:#0b273d;font-size:clamp(32px,3.4vw,46px);font-weight:750;letter-spacing:-.045em;line-height:1.08}
.pp-section-head__aside{display:flex;align-items:center;gap:26px}
.pp-section-head__aside p{max-width:325px;margin:0;color:#5c7181;font-size:13px;line-height:1.5}
.pp-section-head__aside a{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;padding:9px 17px;border:1px solid #a7d8cc;border-radius:24px;color:#0b9672;font-size:12px;font-weight:700;text-decoration:none}
.pp-section-head__aside a:hover{border-color:#36b692;background:#effaf5}
.pp-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.pp-category{display:flex;grid-column:span 2;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e1eeeb;border-radius:9px;background:#fff;box-shadow:0 10px 23px rgba(16,73,70,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.pp-category:hover{transform:translateY(-3px);border-color:#a4d8c8;box-shadow:0 16px 30px rgba(16,73,70,.10)}
.pp-category--featured{grid-column:span 3}
.pp-category__visual{position:relative;display:block;aspect-ratio:1.44;overflow:hidden;background:#b8d7e5}
.pp-category--featured .pp-category__visual{aspect-ratio:1.75}
.pp-category__visual:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,50,73,.35),transparent 37%);content:''}
.pp-category__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}
.pp-category:hover .pp-category__visual img{transform:scale(1.025)}
.pp-category__visual>span{position:absolute;z-index:1;top:19px;left:21px;max-width:55%;color:#fff;font-size:11px;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,20,30,.4)}
.pp-category__body{display:flex;flex:1;flex-direction:column;padding:20px 22px 21px}
.pp-category__body h3{margin:0;color:#09283b;font-size:21px;font-weight:750;letter-spacing:-.025em;line-height:1.18}
.pp-category__body h3 a{color:inherit;text-decoration:none}
.pp-category__body>p{min-height:47px;margin:10px 0 12px;color:#536a7d;font-size:13px;line-height:1.47}
.pp-category__body ul{display:grid;gap:7px;margin:0 0 18px;padding:12px 0 0;border-top:1px solid #edf2f1;list-style:none}
.pp-category__body li a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#516a7c;font-size:12px;text-decoration:none}
.pp-category__body li a:hover{color:#098e69}
.pp-category__body li span{color:#0aa875}
.pp-category__button{min-height:35px;align-self:flex-start;margin-top:auto;padding-inline:19px;font-size:11px}
.pp-values{padding:26px 0;background:#fff}
.pp-values__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-values__grid>div{display:flex;align-items:center;gap:14px;padding:6px 22px}
.pp-values__grid>div:first-child{padding-left:0}
.pp-values__grid>div+div{border-left:1px solid #dce6e4}
.pp-values__grid>div>span{display:grid;width:39px;height:39px;flex:0 0 39px;place-items:center;border:1px solid #29aa83;border-radius:50%;color:#159f78;font-size:25px;line-height:1}
.pp-values__grid p{display:grid;gap:2px;margin:0}
.pp-values__grid strong{font-size:12px;line-height:1.2}
.pp-values__grid small{color:#697f8d;font-size:10px;line-height:1.3}
.pp-commitment{padding:64px 0 66px;color:#fff;text-align:center;background:linear-gradient(90deg,rgba(0,36,38,.78),rgba(2,35,47,.68)),url('https://static.bluesunpv.com/products-portfolio-mountain-bg-v2.webp') center 64%/cover no-repeat}
.pp-commitment .pp-eyebrow{justify-content:center;margin-bottom:11px}
.pp-commitment .pp-eyebrow:before{display:none}
.pp-commitment h2{margin:0;color:#fff;font-size:clamp(30px,3vw,43px);letter-spacing:-.04em;line-height:1.1}
.pp-commitment p:not(.pp-eyebrow){max-width:650px;margin:12px auto 19px;color:rgba(255,255,255,.87);font-size:14px}
.pp-commitment a{display:inline-flex;align-items:center;gap:14px;padding:9px 20px;border:1px solid #68cea8;border-radius:24px;color:#e7fff3;font-size:12px;font-weight:700;text-decoration:none}
.pp-commitment a:hover{background:rgba(27,161,116,.22)}
.pp-final{padding:65px 0 73px;background:#f3faf8}
.pp-final__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:60px}
.pp-final h2{max-width:710px;margin:0;color:#0a273d;font-size:clamp(32px,3.6vw,48px);letter-spacing:-.045em;line-height:1.1;text-wrap:balance}
.pp-final__inner>div:last-child p{margin:0 0 18px;color:#5b7180;font-size:14px;line-height:1.5}
@media(max-width:1050px){.pp-wrap{width:min(100% - 60px,1280px)}.pp-hero__copy{max-width:560px}.pp-hero h1{font-size:clamp(39px,5.2vw,56px)}.pp-section-head__aside{display:block;max-width:300px}.pp-section-head__aside a{width:max-content;margin-top:10px}.pp-category__body h3{font-size:19px}.pp-values__grid>div{gap:8px;padding-inline:11px}}
@media(max-width:760px){.pp-wrap{width:calc(100% - 36px)}.pp-hero{min-height:590px;background-position:59% center}.pp-hero:before{background:linear-gradient(90deg,rgba(2,21,37,.81),rgba(3,24,39,.4) 70%,rgba(3,24,39,.15)),linear-gradient(0deg,rgba(0,19,31,.68),transparent 28%)}.pp-hero__inner{padding-top:84px;padding-bottom:21px}.pp-hero__copy{max-width:510px}.pp-hero h1{font-size:clamp(38px,7vw,50px)}.pp-hero__description{font-size:14px}.pp-hero__proof{max-width:100%;padding-top:12px}.pp-hero__proof-item{gap:8px;padding-inline:10px}.pp-hero__proof-item svg{width:23px;height:23px;flex-basis:23px}.pp-hero__proof-item strong{font-size:10px}.pp-hero__proof-item small{font-size:9px}.pp-categories{padding:62px 0}.pp-section-head{display:block}.pp-section-head__aside{max-width:none;margin-top:14px}.pp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pp-category,.pp-category--featured{grid-column:span 1}.pp-category__visual,.pp-category--featured .pp-category__visual{aspect-ratio:1.5}.pp-category__body{padding:17px}.pp-category__body h3{font-size:18px}.pp-category__visual>span{font-size:9px}.pp-values__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.pp-values__grid>div:nth-child(3){border-left:0;padding-left:0}.pp-final__inner{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.pp-hero{min-height:650px;background-position:61% center}.pp-hero h1{font-size:39px}.pp-hero__copy{max-width:100%}.pp-hero__description{max-width:350px}.pp-actions{gap:8px}.pp-actions .pp-button{padding-inline:16px;font-size:12px}.pp-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.pp-hero__proof-item{display:grid;justify-items:center;gap:5px;padding-inline:5px;text-align:center}.pp-hero__proof-item svg{width:25px;height:25px}.pp-hero__proof-item small{white-space:normal}.pp-category-grid{grid-template-columns:1fr}.pp-category__visual,.pp-category--featured .pp-category__visual{aspect-ratio:1.6}.pp-category__body>p{min-height:0}.pp-values__grid>div{align-items:flex-start}.pp-values__grid>div>span{width:30px;height:30px;flex-basis:30px;font-size:20px}.pp-values__grid strong{font-size:11px}.pp-values__grid small{font-size:9px}}
@media(max-width:520px){.pp-hero h1{font-size:clamp(31px,9vw,39px);text-wrap:wrap}.pp-hero h1 br{display:none}.pp-hero .pp-eyebrow{font-size:10px;letter-spacing:.1em}.pp-hero__proof-item strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){.pp-page *{scroll-behavior:auto!important;transition:none!important}}

/* Products overview refinement: shared tokens, calmer proportions and aligned cards. */
.pp-page{--pp-support:var(--bs-green-solid,#2ead78);--pp-energy:var(--bs-energy-gradient,linear-gradient(90deg,#4fae3a,#2db878 52%,#19a9a1));--pp-border:var(--bs-border,#e2e7e3);--pp-card-hover:#a9d8c6}
.pp-page .pp-eyebrow{color:var(--pp-support)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important}
.pp-page .pp-eyebrow:before{background:var(--pp-energy)!important}
.pp-page .pp-hero .pp-eyebrow,.pp-page .pp-commitment .pp-eyebrow{color:#d2f3e3!important}
.pp-page .pp-commitment .pp-eyebrow{justify-content:center!important;margin-inline:auto!important}
.pp-page .pp-commitment .pp-eyebrow:before{display:block!important}
.pp-page .pp-final .pp-eyebrow{color:var(--pp-support)!important}
.pp-button{gap:14px;min-height:46px;padding-inline:24px;border-radius:23px}
.pp-button--green{background:var(--pp-energy)}
.pp-button--orange,.pp-final .pp-button--orange{background:var(--bs-conversion-gradient,linear-gradient(105deg,#f2782c,#f79b61))}
.pp-button--orange:hover,.pp-button--orange:focus-visible,.pp-final .pp-button--orange:hover,.pp-final .pp-button--orange:focus-visible{background:var(--bs-conversion-gradient-hover,linear-gradient(105deg,#d9651f,#f2782c))}
.pp-button:focus-visible,.pp-category a:focus-visible,.pp-commitment a:focus-visible{outline:2px solid var(--pp-support);outline-offset:3px}
.pp-hero{min-height:clamp(700px,43vw,820px);background-size:cover;background-position:70% center}
.pp-hero__inner{justify-content:flex-start;padding-top:166px;padding-bottom:40px}
.pp-hero__copy{max-width:620px}
.pp-hero h1{font-size:clamp(42px,4.15vw,60px)}
.pp-hero h1 span{background:var(--pp-energy);background-clip:text;-webkit-background-clip:text}
.pp-hero__description{max-width:520px;margin:16px 0 27px;line-height:1.58}
.pp-hero__proof{margin-top:48px;padding-top:17px}
.pp-hero__proof-item svg{stroke:#6bd6a0}
.products-overview-page .bs-site-breadcrumb{top:88px}
.products-overview-page .bs-site-breadcrumb ol{padding:0;border:0;background:transparent;box-shadow:none}
.products-overview-page .bs-site-breadcrumb li{font-size:11px;font-weight:500;color:rgba(255,255,255,.66)}
.pp-categories{padding:72px 0;background:linear-gradient(180deg,#f5faf8 0%,#f9fbfa 100%)}
.pp-section-head{gap:48px;margin-bottom:28px}
.pp-section-head__aside p{max-width:350px;color:var(--pp-muted);font-size:14px}
.pp-section-head__aside a{border-color:#b7ddce;color:var(--pp-support)}
.pp-section-head__aside a:hover{border-color:var(--pp-support);background:#eff8f3}
.pp-category-grid{row-gap:20px}
.pp-category{border-color:var(--pp-border);border-radius:12px;box-shadow:0 8px 24px rgba(12,63,58,.055)}
.pp-category:hover{transform:translateY(-3px);border-color:var(--pp-card-hover);box-shadow:0 15px 32px rgba(12,63,58,.105)}
.pp-category__visual,.pp-category--featured .pp-category__visual{aspect-ratio:16/9}
.pp-category__visual img{object-position:center center}
.pp-category__visual:after{background:linear-gradient(180deg,rgba(5,35,55,.3),transparent 33%)}
.pp-category__visual>span{top:18px;left:20px;max-width:65%;font-size:10px;letter-spacing:.1em}
.pp-category__body{padding:21px 22px 22px}
.pp-category__body h3{font-size:20px}
.pp-category__body>p{min-height:42px;margin:9px 0 13px;color:var(--pp-muted);font-size:13px;line-height:1.55}
.pp-category__body ul{gap:0;margin-bottom:18px;padding-top:10px;border-color:#e9efec}
.pp-category__body li a{min-height:28px;color:#526b75;font-size:12px;line-height:1.3}
.pp-category__body li a:hover,.pp-category__body li span{color:var(--pp-support)}
.pp-category__button{min-height:38px;gap:13px;padding-inline:19px;font-size:11px}
.pp-values{padding:24px 0}
.pp-values__grid>div{gap:13px;padding:5px 19px}
.pp-values__grid>div+div{border-color:var(--pp-border)}
.pp-values__grid svg{width:37px;height:37px;flex:0 0 37px;padding:7px;border:1px solid #b8decd;border-radius:50%;fill:none;stroke:var(--pp-support);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pp-values__grid strong{color:var(--pp-ink);font-size:12px;font-weight:700}
.pp-values__grid small{color:#607783;font-size:10px}
.pp-commitment{padding:48px 0 50px;background-image:linear-gradient(90deg,rgba(0,34,38,.82),rgba(2,35,47,.72)),url('https://static.bluesunpv.com/products-portfolio-mountain-bg-v2.webp')}
.pp-commitment h2{font-size:clamp(30px,2.8vw,40px)}
.pp-commitment p:not(.pp-eyebrow){max-width:580px;margin:11px auto 17px;line-height:1.5}
.pp-commitment a{min-height:36px;padding:8px 19px;border-color:#8bd8b5}
.pp-final{padding:66px 0;background:#f5faf8}
.pp-final__inner{grid-template-columns:minmax(0,1fr) minmax(0,290px);gap:64px}
.pp-final h2{max-width:690px}
.pp-final__inner>div:first-child>p:last-child{max-width:620px;margin:15px 0 0;color:var(--pp-muted);font-size:14px;line-height:1.55}
.pp-final__action{display:flex;align-items:flex-start;flex-direction:column;gap:17px;padding-left:32px;border-left:1px solid #d9e8e1}
.pp-final__action>span{color:var(--pp-muted);font-size:14px;line-height:1.45}
@media(max-width:1050px){.pp-hero{min-height:630px}.pp-hero__inner{padding-top:115px}.pp-category__body{padding-inline:18px}.pp-category__body h3{font-size:19px}.pp-values__grid>div{padding-inline:11px}.pp-final__inner{gap:32px}}
@media(max-width:760px){.pp-hero{min-height:590px}.pp-hero__inner{padding-top:104px;padding-bottom:30px}.pp-hero__proof{margin-top:38px}.pp-categories{padding:58px 0}.pp-category-grid{gap:14px}.pp-category__body{padding:17px}.pp-category__body>p{min-height:0}.pp-category__visual,.pp-category--featured .pp-category__visual{aspect-ratio:16/10}.pp-values__grid svg{width:33px;height:33px;flex-basis:33px;padding:6px}.pp-final{padding:54px 0}.pp-final__action{padding-left:0;border-left:0}}
@media(max-width:520px){.pp-hero{min-height:650px}.pp-hero__inner{padding-top:106px;padding-bottom:25px}.pp-hero__proof{margin-top:36px}.pp-hero__description{margin-bottom:25px}.pp-category__visual,.pp-category--featured .pp-category__visual{aspect-ratio:16/9}.pp-category__body{padding:18px}.pp-category__body ul{margin-bottom:16px}.pp-category__button{min-height:40px}.pp-values__grid>div{gap:9px}.pp-values__grid svg{width:31px;height:31px;flex-basis:31px}.pp-commitment{padding:45px 0}.pp-final__action{gap:13px}.products-overview-page .bs-site-breadcrumb{top:78px}}
@media(min-width:1500px){.pp-hero{background-position:right center}}