/* Figma 612:1776 / 969:1209, scoped to this product route. */
.hybrid-figma .hybrid-container{width:min(1240px,calc(100% - 200px))}
.hybrid-figma .hybrid-hero{height:650px}
.hybrid-figma .hybrid-hero>img{inset:0;width:100%;height:650px;max-width:none;object-fit:none;object-position:right center}
.hybrid-figma .hybrid-hero .hybrid-container{display:block;padding:0}
.hybrid-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:33px;font-size:13px;line-height:20.15px;color:#667085;position:relative;z-index:1}
.hybrid-breadcrumb a{font-weight:600;color:inherit;text-decoration:none}
.hybrid-hero-content{position:absolute;left:0;top:144.81px;width:555px;max-width:590px}
.hybrid-figma .hybrid-hero h1{padding:16px 0 0;font-size:63.36px;line-height:71.597px;letter-spacing:-1.9008px;font-weight:800}
.hybrid-figma .hybrid-hero h1:before{display:none}
.hybrid-product-brand,.hybrid-product-name{display:block}.hybrid-product-brand{color:#EA5414}
.hybrid-figma .hybrid-overview{width:555px;max-width:100%;margin-top:46px}
.hybrid-orange-rule{width:38px;height:3px;background:#EA5414}
.hybrid-figma .hybrid-overview p{padding-top:13px;margin:0;font-size:17px;line-height:29.75px;color:#455165}
.hybrid-figma .hybrid-section-title{font-size:35px;line-height:42.7px;letter-spacing:-.875px;font-weight:700}
.hybrid-figma .hybrid-advantages{height:340px;padding:58px 0 62px}
.hybrid-figma .hybrid-advantages .hybrid-section-title{font-size:32px;line-height:39.04px;letter-spacing:-.64px;font-weight:800}
.hybrid-figma .hybrid-adv-grid{margin-top:26px}
.hybrid-figma .hybrid-adv{min-height:154px}
.hybrid-figma .hybrid-adv>img{flex:none;max-width:none;width:auto;height:auto}
.hybrid-figma .hybrid-adv>div{min-width:0;flex:1}
.hybrid-figma .hybrid-adv h3{line-height:24.3px}
.hybrid-figma .hybrid-adv p{line-height:21.7px}
.hybrid-figma .hybrid-foundations{padding:64px 0 76px;height:506.016px}
.hybrid-figma .hybrid-foundations .hybrid-section-title{font-size:34px;line-height:40px;font-weight:700}
.hybrid-figma .hybrid-foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px}
.hybrid-figma .hybrid-foundation{min-height:300px}
.hybrid-figma .hybrid-foundation>img{height:190px;width:100%;object-fit:cover}
.hybrid-figma .hybrid-foundation h3{font-size:19px;line-height:26px}
.hybrid-figma .hybrid-foundation p{font-size:14px;line-height:22px}
.hybrid-figma .hybrid-system{height:720px;padding:50px 0 80px}
.hybrid-system-visual{height:500px;margin-top:28px}
.hybrid-figma .hybrid-system .hybrid-system-visual img{width:100%;height:100%;max-height:none;object-fit:contain;margin:0}
.hybrid-figma .hybrid-engineering{height:440px;padding:64px 0 48px}
.hybrid-figma .hybrid-engineering-grid{margin-top:27px}
.hybrid-figma .hybrid-engineering-item{min-height:182px}
.hybrid-figma .hybrid-engineering-item .hybrid-number{line-height:29.45px;display:block}
.hybrid-figma .hybrid-engineering-item h3,.hybrid-figma .hybrid-engineering-item h3 span{font-size:16px;line-height:21.6px;font-weight:700;color:#1E2329}
.hybrid-figma .hybrid-engineering-item p,.hybrid-figma .hybrid-engineering-item p span{font-size:13px;line-height:20.15px;font-weight:400;color:#667085}
.hybrid-figma .hybrid-tip{font-size:14px;line-height:21.7px}
.hybrid-figma .hybrid-resources{height:291px;padding:48px 0 47px}
.hybrid-figma .hybrid-doc h3{white-space:normal}
.hybrid-figma .hybrid-alternatives{height:416.641px;padding:55px 0}
.hybrid-figma .hybrid-alt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.hybrid-figma .hybrid-alt{background:#f7f8f9;border-color:#edf0f1}
.hybrid-alt-art{height:153px;position:relative;overflow:hidden}
.hybrid-figma .hybrid-alt-art img{width:100%;height:100%;object-fit:cover}
.hybrid-figma .hybrid-alt-1 .hybrid-alt-art img{position:absolute;width:82%;height:128.14%;left:5.48%;top:-14.08%;max-width:none}
.hybrid-alt-label{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;gap:12px}
.hybrid-alt-label h3{font-size:17px;line-height:26.35px}.hybrid-alt-label b{font-size:23px;line-height:35.65px;font-weight:400;color:#EA5414}
.hybrid-figma .hybrid-alt-1 h3{font-size:15px;line-height:23.25px}
.hybrid-figma .hybrid-cta{height:250px}
.hybrid-figma .hybrid-cta>img{object-fit:none;object-position:right center;max-width:none}
.hybrid-figma .hybrid-cta p{line-height:24.8px}
.hybrid-figma .hybrid-cta-actions{flex:none;gap:12px}
.hybrid-figma>header{height:82px;padding:0 32px;gap:34px;box-shadow:0 6px 12px #1e23290d}
.hybrid-figma>header>img{width:172px;height:42px;object-fit:contain;flex:none}
.hybrid-figma>header>nav{flex:1;justify-content:center;gap:40px;margin:0}
.hybrid-figma>header>nav>a,.hybrid-figma>header .mounting-trigger,.hybrid-figma>header .suni-about-trigger{font-size:16px;line-height:21.45px;font-weight:560}
.hybrid-figma>header>button{display:none}.hybrid-figma>header>.global-language{flex:none}
.hybrid-figma>header>.hybrid-header-search{display:grid;place-items:center;width:40px;height:44px;flex:none}.hybrid-header-search img{width:auto;height:auto;max-width:none}
.hybrid-figma>footer{height:calc(100vw * 508 / 1440);min-height:0;background-image:url('/solar-mounting/ground/steel-aluminum/figma-assets/cn-imgFooter.png')}
html[lang=en] .hybrid-figma>header{height:78px}
html[lang=en] .hybrid-figma .hybrid-hero-content{top:86.79px;width:590px}
html[lang=en] .hybrid-figma .hybrid-advantages{height:403.641px}
html[lang=en] .hybrid-figma .hybrid-adv{min-height:217.641px}
html[lang=en] .hybrid-figma .hybrid-foundations{height:503.016px}
html[lang=en] .hybrid-figma .hybrid-foundation{min-height:297.016px}
html[lang=en] .hybrid-figma .hybrid-engineering{height:467.641px}
html[lang=en] .hybrid-figma .hybrid-engineering-item{min-height:209.641px}
html[lang=en] .hybrid-figma .hybrid-alt-1 h3{font-size:17px;line-height:26.35px}
html[lang=en] .hybrid-figma .hybrid-cta .hybrid-container>div:first-child{max-width:702px}
html[lang=en] .hybrid-figma .hybrid-cta p{max-width:620px}
html[lang=en] body.hybrid-figma>footer.has-english-footer{height:368px!important;min-height:368px!important}
.hybrid-figma .global-english-footer{width:min(1240px,calc(100% - 200px));padding:54px 0 24px}
@media(min-width:1351px){html[lang=en] body.hybrid-figma.suni-bilingual>header nav{gap:40px}html[lang=en] body.hybrid-figma.suni-bilingual>header nav>a,html[lang=en] body.hybrid-figma.suni-bilingual>header .mounting-trigger,html[lang=en] body.hybrid-figma.suni-bilingual>header .suni-about-trigger{font-size:16px;line-height:21.45px}}
@media(min-width:1441px){.hybrid-figma .hybrid-hero>img,.hybrid-figma .hybrid-cta>img{object-fit:cover}}
@media(min-width:901px) and (max-width:1350px){.hybrid-figma>header>nav{gap:15px}.hybrid-figma>header>nav>a,.hybrid-figma>header .mounting-trigger,.hybrid-figma>header .suni-about-trigger{font-size:13px}.hybrid-figma .hybrid-container{width:calc(100% - 80px)}.hybrid-figma .hybrid-advantages,.hybrid-figma .hybrid-foundations,.hybrid-figma .hybrid-engineering{height:auto;min-height:0}.hybrid-figma .hybrid-cta h2{font-size:27px}.hybrid-figma .hybrid-cta-actions a{padding:0 12px;font-size:14px}}
@media(max-width:900px){
 .hybrid-figma .hybrid-container{width:calc(100% - 40px)}
 .hybrid-figma>header,.hybrid-figma.suni-bilingual>header,html[lang=en] .hybrid-figma>header{height:68px;padding:0 20px;gap:12px}
 .hybrid-figma>header>img{width:135px;height:auto}.hybrid-figma>header>.hybrid-header-search{display:none}
 .hybrid-figma .hybrid-hero{height:730px}.hybrid-figma .hybrid-hero>img{width:100%;height:300px;object-fit:cover;object-position:75% center}
 .hybrid-figma .hybrid-hero:after{background:linear-gradient(0deg,#fff 0%,#fff 55%,#ffffffd9 62%,#ffffff00 86%)}
 .hybrid-figma .hybrid-hero .hybrid-container{padding:0;justify-content:initial}
 .hybrid-breadcrumb{font-size:11px;gap:6px;padding-top:20px;flex-wrap:wrap}
 .hybrid-figma .hybrid-hero-content,html[lang=en] .hybrid-figma .hybrid-hero-content{top:300px;width:100%;max-width:none}
 .hybrid-figma .hybrid-hero h1{font-size:38px;line-height:44px;letter-spacing:-1.14px;padding-top:16px}
 .hybrid-figma .hybrid-overview{width:100%;margin-top:24px}.hybrid-figma .hybrid-overview p{font-size:15px;line-height:25px}
 html[lang=en] .hybrid-figma .hybrid-hero{height:810px}
 .hybrid-figma .hybrid-section,html[lang=en] .hybrid-figma .hybrid-section{height:auto;min-height:0;padding:44px 0}
 .hybrid-figma .hybrid-section-title,.hybrid-figma .hybrid-advantages .hybrid-section-title,.hybrid-figma .hybrid-foundations .hybrid-section-title{font-size:26px;line-height:33px;letter-spacing:-.5px}
 .hybrid-figma .hybrid-adv-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.hybrid-figma .hybrid-adv,html[lang=en] .hybrid-figma .hybrid-adv{min-height:130px;padding:22px 18px}
 .hybrid-figma .hybrid-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
 .hybrid-figma .hybrid-foundation,html[lang=en] .hybrid-figma .hybrid-foundation{min-height:0}.hybrid-figma .hybrid-foundation>img{height:auto;aspect-ratio:291.5/190}
 .hybrid-figma .hybrid-foundation>div{padding:12px}.hybrid-figma .hybrid-foundation h3{font-size:16px;line-height:23px}.hybrid-figma .hybrid-foundation p{font-size:12px;line-height:20px}
 .hybrid-system-visual{height:auto;aspect-ratio:1240/500;margin-top:24px}
 .hybrid-figma .hybrid-engineering-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.hybrid-figma .hybrid-engineering-item,html[lang=en] .hybrid-figma .hybrid-engineering-item{min-height:0;padding:20px}
 .hybrid-figma .hybrid-doc-grid{grid-template-columns:1fr;gap:12px}
 .hybrid-figma .hybrid-heading-row{display:block}.hybrid-figma .hybrid-heading-row>a{display:block;margin-top:14px}
 .hybrid-figma .hybrid-alt-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.hybrid-alt-art{height:auto;aspect-ratio:398/153}
 .hybrid-figma .hybrid-cta{height:auto;min-height:340px;padding:38px 0}.hybrid-figma .hybrid-cta>img{object-fit:cover}.hybrid-figma .hybrid-cta .hybrid-container{display:block}.hybrid-figma .hybrid-cta h2{font-size:26px}.hybrid-figma .hybrid-cta p{font-size:14px;line-height:23px}.hybrid-figma .hybrid-cta-actions{flex-wrap:wrap;margin-top:24px;white-space:normal}.hybrid-figma .hybrid-cta-actions a{font-size:14px;padding:0 16px}
 .hybrid-figma>footer{height:auto;min-height:508px}.hybrid-figma .global-english-footer{width:calc(100% - 40px)}html[lang=en] body.hybrid-figma>footer.has-english-footer{height:auto!important;min-height:368px!important}
}
.hybrid-figma .hybrid-system-interactive{position:relative;isolation:isolate;width:calc(100% - 40px);height:auto;aspect-ratio:1240/500;margin-left:40px}
.hybrid-figma .hybrid-system-interactive .hybrid-system-base{clip-path:url(#hybrid-base-no-leaders)}
.hybrid-texture-patches{position:absolute;inset:0;clip-path:url(#hybrid-leader-texture);z-index:-1;pointer-events:none}
.hybrid-figma .hybrid-texture-patches img{transform:translate(4px,4px)}
.hybrid-figma .hybrid-system-interactive .hybrid-system-detail{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .18s ease}
.hybrid-system-detail-upper{clip-path:inset(0 0 54% 52.85%)}
.hybrid-system-detail-lower{clip-path:inset(49% 0 0 47.7%)}
.hybrid-hotspot{position:absolute;z-index:2;border:2px dashed #a2a7ac;background:transparent;border-radius:50%;padding:0;min-width:0;min-height:0;width:4.5%;height:11.2%;cursor:pointer;transform:translate(-50%,-50%);box-shadow:none;color:#EA5414}
.hybrid-hotspot-upper{left:53%;top:47.2%}.hybrid-hotspot-lower{left:47.9%;top:58.4%}
.hybrid-hotspot:hover,.hybrid-hotspot:focus-visible,.hybrid-hotspot[aria-expanded=true]{border-color:#EA5414;outline:2px solid #EA541430;outline-offset:4px;background:#EA541408}
.hybrid-figma .is-upper-open .hybrid-system-detail-upper,.hybrid-figma .is-lower-open .hybrid-system-detail-lower,.hybrid-system-interactive:has(.hybrid-hotspot-upper:hover) .hybrid-system-detail-upper,.hybrid-system-interactive:has(.hybrid-hotspot-upper:focus-visible) .hybrid-system-detail-upper,.hybrid-system-interactive:has(.hybrid-hotspot-lower:hover) .hybrid-system-detail-lower,.hybrid-system-interactive:has(.hybrid-hotspot-lower:focus-visible) .hybrid-system-detail-lower{opacity:1}
@media(max-width:900px){.hybrid-figma .hybrid-system-interactive{width:calc(100% - 12px);margin-left:12px}.hybrid-hotspot{min-width:28px;min-height:28px}}
@media(prefers-reduced-motion:reduce){.hybrid-figma .hybrid-system-interactive .hybrid-system-detail{transition:none}}


/* Product-specific Figma section metrics and inherited card text reset. */
.hybrid-figma .hybrid-system{background:#fff}
.hybrid-figma .hybrid-advantages{height:343.7px}
.hybrid-figma .hybrid-advantages .hybrid-section-title,.hybrid-figma .hybrid-foundations .hybrid-section-title{font-size:35px;line-height:42.7px;letter-spacing:-.875px;font-weight:700}
.hybrid-figma .hybrid-foundations{height:505.716px}
.hybrid-figma .hybrid-foundation{min-height:297.016px}
.hybrid-figma .hybrid-alt-label h3 span{display:inline;padding:0;font:inherit}
html[lang=en] .hybrid-figma .hybrid-advantages{height:407.341px}
html[lang=en] .hybrid-figma .hybrid-foundations{height:505.716px}
@media(max-width:1350px){.hybrid-figma .hybrid-advantages,.hybrid-figma .hybrid-foundations,html[lang=en] .hybrid-figma .hybrid-advantages,html[lang=en] .hybrid-figma .hybrid-foundations{height:auto}}
@media(max-width:900px){.hybrid-figma .hybrid-advantages .hybrid-section-title,.hybrid-figma .hybrid-foundations .hybrid-section-title{font-size:26px;line-height:33px;letter-spacing:-.5px}}
.hybrid-figma .hybrid-foundations{background:#FAF8F6}
@media(max-width:900px){.hybrid-breadcrumb{background:#ffffffed;border-radius:4px;padding:8px;top:12px;max-width:100%;width:fit-content}}