.pc2-page--systems{--pc2-energy:var(--bs-energy-gradient);--pc2-surface:var(--bs-bg-soft);--pc2-green:var(--bs-green)}
.pc2-hero--systems{min-height:650px;background-color:#d9ebf5;background-position:right center;color:#102c3b}
.pc2-hero--systems:before{background:linear-gradient(90deg,#eaf5f9e8 0%,#eaf5f9c2 26%,#eaf5f97a 42%,transparent 65%)}
.pc2-hero--systems .pc2-hero__inner{min-height:650px}
.pc2-hero--systems .pc2-breadcrumb{color:#456473}
.pc2-hero--systems .pc2-breadcrumb [aria-current]{color:#102c3b}
.pc2-hero--systems .pc2-eyebrow{color:var(--pc2-green)}
.pc2-hero--systems .pc2-hero__copy{max-width:590px;padding:54px 0 70px}
.pc2-systems-title-accent{background:var(--bs-energy-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.pc2-hero--systems button.pc2-button{border:0;cursor:pointer;font-family:inherit}
.pc2-hero--systems h1{font-size:clamp(55px,5.1vw,76px)}
.pc2-hero--systems .pc2-hero__subtitle{max-width:570px;color:#294859;font-size:17px}
.pc2-hero--systems .pc2-hero__benefits{background:#ffffffd6;box-shadow:0 0 0 100vmax #ffffffd6}
.pc2-systems-categories{padding:78px 0 82px;background:#f7faf9;scroll-margin-top:80px}
.pc2-systems-categories__intro,.pc2-systems-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:end;gap:60px;margin-bottom:30px}
.pc2-systems-categories__intro h2,.pc2-systems-section-head h2{max-width:650px;margin:0;font-size:clamp(33px,3.4vw,47px);letter-spacing:-.05em;line-height:1.12}
.pc2-systems-categories__intro>p,.pc2-systems-section-head>p{max-width:520px;margin:0 0 3px;color:var(--pc2-muted);font-size:15px;line-height:1.7}
.pc2-systems-categories__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
/* Keep scene imagery intact; readable HTML copy occupies the darker lower-left. */
.pc2-systems-category{position:relative;display:flex;min-width:0;width:100%;align-items:flex-end;aspect-ratio:2/1;min-height:340px;overflow:hidden;border-radius:10px;background:#153947;color:#fff;isolation:isolate}
.pc2-systems-category>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.pc2-systems-category:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#052330a6,transparent 85%),linear-gradient(0deg,#041c2ceb,transparent 68%)}
.pc2-systems-category:hover>img,.pc2-systems-category:focus-visible>img{transform:scale(1.025)}
.pc2-systems-category:focus-visible{outline:3px solid var(--pc2-green);outline-offset:4px}
.pc2-systems-category>span{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:28px 32px}
.pc2-systems-category small{display:flex;align-items:center;gap:10px;color:#e3f2ef;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.pc2-systems-category small:before{content:"";width:32px;height:2px;background:var(--pc2-energy)}
.pc2-systems-category h3{margin:7px 0 0;font-size:clamp(26px,2.2vw,36px);letter-spacing:-.035em;line-height:1.1}
.pc2-systems-category em{max-width:410px;margin-top:8px;color:#f1f5f6;font-size:14px;font-style:normal;line-height:1.45}
.pc2-systems-category b{display:inline-flex;gap:12px;align-items:center;margin-top:19px;padding-bottom:7px;border-bottom:0;background:var(--bs-energy-gradient) left bottom/100% 2px no-repeat;color:#fff;font-size:14px;font-weight:600}
.pc2-systems-catalog-head{margin-bottom:35px;padding-bottom:22px;border-bottom:1px solid var(--pc2-line)}
.pc2-systems-catalog-head h2{margin:0;font-size:clamp(32px,3vw,42px);letter-spacing:-.045em}
.pc2-systems-catalog-head>p:last-child{max-width:660px;margin:10px 0 0;color:var(--pc2-muted);font-size:14px;line-height:1.6}
.pc2-systems-applications{background:#f8faf9}
.pc2-systems-selection{background:#fff}
.pc2-systems-faq{background:#f8faf9}

@media(max-width:760px){.pc2-hero--systems .pc2-systems-hero-eyebrow{display:none}.pc2-hero--systems,.pc2-hero--systems .pc2-hero__inner{min-height:0}.pc2-hero--systems{background-position:62% center}.pc2-hero--systems:before{background:linear-gradient(90deg,#e9f4f8ee 0%,#e9f4f8cc 65%,#e9f4f866 100%)}.pc2-hero--systems .pc2-hero__copy{padding:38px 0 42px}.pc2-hero--systems h1{font-size:clamp(38px,9vw,52px)}.pc2-hero--systems .pc2-hero__subtitle{font-size:15px;line-height:1.6}.pc2-systems-categories{padding:56px 0 32px}.pc2-page--systems .pc2-catalog{padding-top:24px}.pc2-page--systems .pc2-mobile-catalog{margin-bottom:32px}.pc2-page--systems .pc2-mobile-catalog label{margin-bottom:10px}.pc2-page--systems .pc2-mobile-catalog select{height:48px}.pc2-page--systems .pc2-mobile-catalog__tabs{flex-wrap:wrap;gap:10px 8px;margin-top:16px;padding-bottom:0;overflow-x:visible}.pc2-page--systems .pc2-mobile-catalog__tabs a{padding:9px 13px;font-weight:500}.pc2-systems-categories__intro,.pc2-systems-section-head{grid-template-columns:1fr;gap:15px}.pc2-systems-categories__grid{gap:14px}.pc2-systems-category{min-height:305px;aspect-ratio:auto}.pc2-systems-category>span{padding:23px}.pc2-systems-category h3{font-size:27px}}
@media(max-width:520px){.pc2-hero--systems{background-position:68% center}.pc2-hero--systems:before{background:linear-gradient(90deg,#e9f4f8f2,#e9f4f8b8 90%)}.pc2-systems-categories__grid{grid-template-columns:1fr}.pc2-systems-category{min-height:320px;aspect-ratio:auto}.pc2-systems-category>img{object-position:65% center}.pc2-systems-category h3{font-size:29px}}
.pc2-hero--systems .pc2-hero__benefits>span{font-size:11px;font-weight:500;gap:9px}
.pc2-hero--systems .pc2-hero__benefits strong{width:26px;height:26px;font-size:9px;opacity:.65}
.pc2-hero--systems .pc2-hero__benefits small{max-width:260px;font-size:10px;line-height:1.45;color:var(--pc2-muted)}
.pc2-page--systems .pc2-mobile-catalog select:focus{border-color:var(--pc2-green);outline:2px solid color-mix(in srgb,var(--pc2-green) 20%,transparent);outline-offset:2px;box-shadow:none}
.pc2-page--systems .pc2-product__image{height:280px;overflow:hidden}
.pc2-page--systems .pc2-product__image img{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain;transform:none!important}
.pc2-page--systems .pc2-product__image img[src*="bsc261kwh"],.pc2-page--systems .pc2-product__image img[src*="bsc417kwh"]{inset:40px 24px;height:calc(100% - 80px)}
.pc2-page--systems .pc2-product__image img[src*="bluesun-20ft"]{left:20%;width:60%}
.pc2-page--systems .pc2-product__info{min-height:88px;padding:13px 8px 0}.pc2-page--systems .pc2-product__name{min-height:2.9em;margin-top:6px}
@media(max-width:760px){.pc2-hero--systems .pc2-hero__benefits{position:relative;bottom:auto;margin-top:0;padding:18px 0;gap:16px 0}.pc2-hero--systems .pc2-hero__benefits strong{width:22px;height:22px}.pc2-hero--systems .pc2-hero__benefits small{font-size:9px}.pc2-page--systems .pc2-product__image{height:260px}}

.pc2-systems-selection .pc2-selection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pc2-systems-selection .pc2-selection__grid article{padding:24px;min-height:0}.pc2-systems-selection .pc2-selection__grid article p{min-height:0}
.pc2-systems-selection .pc2-selection__grid h3{font-size:18px}
.pc2-systems-applications .pc2-systems-section-head,.pc2-systems-selection .pc2-systems-section-head{grid-template-columns:1fr}
.pc2-systems-section-head h2{max-width:850px}
.pc2-systems-table{overflow-x:auto;border:1px solid var(--pc2-line);border-radius:10px;background:var(--bs-white)}
.pc2-systems-table table{width:100%;min-width:730px;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.5}
.pc2-systems-table th,.pc2-systems-table td{padding:20px;border-bottom:1px solid var(--pc2-line)}
.pc2-systems-table thead{background:var(--bs-bg-soft)}
.pc2-systems-table th{font-weight:600;color:var(--pc2-ink)}
.pc2-systems-table td{color:var(--pc2-muted)}
.pc2-systems-table tbody tr:last-child>*{border-bottom:0}
.pc2-systems-table:focus-visible{outline:2px solid var(--bs-green);outline-offset:3px}
.pc2-systems-supply{max-width:1000px;margin-top:28px;color:var(--pc2-muted);font-size:15px;line-height:1.7}
.pc2-systems-supply p{margin:0}
.pc2-systems-help{margin:24px 0 0}
.pc2-systems-help a{color:var(--pc2-green);font-size:14px;font-weight:600}
@media(min-width:521px) and (max-width:1000px){.pc2-systems-selection .pc2-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pc2-systems-applications .pc2-applications__grid>a{min-height:360px}
@media(max-width:760px){.pc2-systems-selection .pc2-selection__grid{grid-template-columns:1fr}.pc2-systems-category em{font-size:13px}}