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