/* Figma 528:8296 / 659:9211. Scoped to the distribution page. */
.kit-figma{font-family:Inter,Arial,"Microsoft YaHei",sans-serif}
.kit-figma .dk-container{width:min(1240px,calc(100% - 200px))}
.kit-figma>header{position:relative}
.kit-figma .dk-hero{height:800px;min-height:800px;background:#1e2329}
.kit-figma .dk-hero-image{inset:auto;top:0;right:0;width:max(1920px,100%);height:800px;max-width:none;object-fit:cover;object-position:right top}
.kit-figma .dk-hero h1{font-size:60px;line-height:67.2px;letter-spacing:-1.5px}
.kit-figma .dk-hero-copy>p{font-size:18px;line-height:28.8px;color:white}
.kit-figma .dk-hero-copy{color:white}
.kit-figma .dk-badges span{background:transparent}
.kit-figma .dk-section-head{margin-bottom:40px}
.kit-figma .dk-section-head h2{font-size:38px;line-height:44.08px;letter-spacing:-1px}
.kit-figma .dk-heading-mark{border:0;border-left:3px solid #ea5414}
.kit-figma .dk-heading-mark:after{display:none}
.kit-figma .dk-empty-subtitle{height:25.6px;margin-top:6px}
html[lang=en] .kit-figma .dk-empty-subtitle{display:none}
.kit-figma .dk-kit-card{height:522.1875px;border-top-color:#e9e9e9}
.kit-figma .dk-kit-copy{height:103.1875px;flex:none}
.kit-figma .dk-kit-copy>div{width:336px;max-width:calc(100% - 72px)}
.kit-figma .dk-kit-copy p{white-space:nowrap}
.kit-figma .dk-kit-copy h3{line-height:40px}
.kit-figma .dk-kit-media{height:340px}
.kit-figma .dk-benefits h3,.kit-figma .dk-workflow h3,.kit-figma .dk-flow h3,.kit-figma .dk-warehouse-points h3{line-height:30.4px}
.kit-figma .dk-benefits p,.kit-figma .dk-workflow p,.kit-figma .dk-flow p,.kit-figma .dk-warehouse-points p{line-height:22.4px}
.kit-figma .dk-benefits article{min-height:236.953px}
.kit-figma .dk-warehouse-points article{min-height:136px}
.kit-figma .dk-audience article{height:365.609375px;min-height:365.609375px}
.kit-figma .dk-audience h3{line-height:40px}
.kit-figma .dk-audience-empty{width:100%;height:363.609375px;background:white}
.kit-figma .dk-roofs{gap:20px}
.kit-figma .dk-roofs h3{line-height:32px}
.kit-figma .dk-roofs p{font-size:16px;line-height:25.6px}
.kit-figma .dk-docs h3{line-height:30.4px}
.kit-figma .dk-docs p{font-size:16px;line-height:25.6px}
.kit-figma .dk-docs small{font-size:13.333px;line-height:21.333px}
.kit-figma .dk-docs-note:empty{display:none}
.kit-figma .dk-cta{height:350px;background:#fff4ec}
.kit-figma .dk-cta-native{position:relative;height:350px}
.kit-figma .dk-cta-native>img{position:absolute;top:0;right:0;width:max(1920px,100%);height:350px;max-width:none;object-fit:cover;object-position:right top}
.kit-figma .dk-cta-inner{position:relative;height:350px;display:flex;align-items:center}
.kit-figma .dk-cta-copy{width:610px;padding:50px 0}
.kit-figma .dk-cta-copy h2{font-size:36px;line-height:62.64px;letter-spacing:-2px;margin:0 0 20px;font-weight:900;white-space:nowrap}
.kit-figma .dk-cta-copy p{font-size:18px;line-height:28.8px;color:#667085;margin:0}
.kit-figma .dk-cta-art{display:none;position:relative}
.kit-figma .dk-cta-art>img{width:100%;height:auto;aspect-ratio:1303/265}
html[lang=en] .kit-figma .dk-cta{height:auto}
html[lang=en] .kit-figma .dk-cta-native{display:block}
html[lang=en] .kit-figma .dk-cta-art{display:none}
.kit-figma>footer{height:508px;min-height:508px;background-image:url('/about/review-assets/footer-cn.png');background-size:100% 100%;padding:0}
html[lang=en] body.kit-figma>footer.has-english-footer{height:403.5px!important;min-height:403.5px!important}
html[lang=en] body.kit-figma>footer.has-english-footer>.global-english-footer{width:min(1240px,calc(100% - 200px));padding-top:54px}
html[lang=en] .kit-figma .dk-kit-card{height:547.78125px}
html[lang=en] .kit-figma .dk-kit-copy{height:128.78125px}
html[lang=en] .kit-figma .dk-kit-copy>div{width:482px}
html[lang=en] .kit-figma .dk-kit-card:first-child .dk-kit-copy>div{width:405.094px}
html[lang=en] .kit-figma .dk-kit-card:nth-child(2) .dk-kit-copy p{white-space:normal}
html[lang=en] .kit-figma .dk-section:nth-child(4) .dk-section-head h2{max-width:728px}
html[lang=en] .kit-figma .dk-section:nth-child(5) .dk-section-head h2{max-width:692px}
html[lang=en] .kit-figma .dk-section:nth-child(6) .dk-section-head h2{max-width:650px}
@media(min-width:901px){
.kit-figma .dk-section:nth-child(2){min-height:845.859863px}
.kit-figma .dk-section:nth-child(3){min-height:529.03125px}
.kit-figma .dk-section:nth-child(4){min-height:732.078125px}
.kit-figma .dk-section:nth-child(5){min-height:482.078125px}
.kit-figma .dk-section:nth-child(6){min-height:638px}
.kit-figma .dk-section:nth-child(7){min-height:492.078125px}
.kit-figma .dk-section:nth-child(8){min-height:657.687134px}
.kit-figma .dk-section:nth-child(9){min-height:484.969116px}
html[lang=en] .kit-figma .dk-section:nth-child(2){min-height:839.859131px}
html[lang=en] .kit-figma .dk-section:nth-child(3){min-height:596.203125px}
html[lang=en] .kit-figma .dk-section:nth-child(4){min-height:776.15625px}
html[lang=en] .kit-figma .dk-section:nth-child(5){min-height:577.109375px}
html[lang=en] .kit-figma .dk-section:nth-child(6){min-height:707.344238px}
html[lang=en] .kit-figma .dk-section:nth-child(7){min-height:514.640137px}
html[lang=en] .kit-figma .dk-section:nth-child(8){min-height:657.687134px}
html[lang=en] .kit-figma .dk-section:nth-child(9){min-height:492.890991px}
}
@media(min-width:1101px){
.kit-figma>header{height:82px;min-height:82px;padding:0 32px;gap:0}
.kit-figma>header .header-home{width:172px;min-width:172px;height:42px}
.kit-figma>header .header-home img{width:172px;height:42px;object-fit:contain}
.kit-figma>header nav{height:79px;margin:auto;gap:40px;align-items:center}
.kit-figma>header nav a{font-size:16px;line-height:21.45px;white-space:nowrap}
.kit-figma>header .dk-search{width:40px;height:44px;display:grid;place-items:center;margin-left:auto}
.kit-figma>header .dk-search img{width:20px;height:20px}
.kit-figma>header .global-language{width:76px;margin-left:12px;justify-content:center}
.kit-figma>header .global-language button{font-size:16px}
.kit-figma>header .header-quote{display:none}
html[lang=en] body.kit-figma>header{height:78px;min-height:78px}
html[lang=en] body.kit-figma>header nav a{font-weight:560;font-size:16px;line-height:21.45px}
html[lang=en] body.kit-figma>header nav{gap:40px}
}
@media(min-width:901px) and (max-width:1350px){.kit-figma .dk-container{width:calc(100% - 80px)}.kit-figma>header nav{gap:18px}.kit-figma>header nav a{font-size:13px}}
@media(max-width:900px){
.kit-figma .dk-container{width:calc(100% - 40px)!important}
.kit-figma .dk-hero{height:720px!important;min-height:720px!important;padding:0!important}
.kit-figma .dk-hero-image{width:1728px;height:720px;right:-160px}
.kit-figma .dk-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,#0003)}
.kit-figma .dk-hero-inner{z-index:1;width:calc(100% - 40px)!important}
.kit-figma .dk-hero-copy{width:100%;padding:35px 0}
.kit-figma .dk-hero h1{font-size:38px!important;line-height:46px!important;letter-spacing:-1px!important}
.kit-figma .dk-hero-copy>p{font-size:16px;line-height:26px}
.kit-figma .dk-actions{flex-direction:row;gap:10px;flex-wrap:wrap}
.kit-figma .dk-button{font-size:13px;padding:0 14px;gap:8px}
.kit-figma .dk-badges{flex-direction:row;flex-wrap:wrap;gap:14px}
.kit-figma .dk-badges div{gap:6px;font-size:12px}
.kit-figma .dk-badges span{width:28px;height:28px}
.kit-figma .dk-section{padding:44px 0;min-height:0!important;height:auto}
.kit-figma .dk-section-head{gap:18px;margin-bottom:28px}
.kit-figma .dk-section-head>div{column-gap:12px;min-width:0;width:100%}
.kit-figma .dk-section-head h2{font-size:28px!important;line-height:36px!important;letter-spacing:-.5px!important;max-width:100%!important}
.kit-figma .dk-empty-subtitle{display:none}
.kit-figma .dk-kit-grid,.kit-figma .dk-benefits,.kit-figma .dk-flow,.kit-figma .dk-workflow,.kit-figma .dk-docs,.kit-figma .dk-roofs,.kit-figma .dk-audience{grid-template-columns:1fr!important;gap:20px}
.kit-figma .dk-kit-card,html[lang=en] .kit-figma .dk-kit-card{height:auto;padding:22px}
.kit-figma .dk-kit-copy,html[lang=en] .kit-figma .dk-kit-copy{height:auto;gap:12px}
.kit-figma .dk-kit-copy>div,html[lang=en] .kit-figma .dk-kit-copy>div,html[lang=en] .kit-figma .dk-kit-card:first-child .dk-kit-copy>div{width:auto;max-width:calc(100% - 60px)}
.kit-figma .dk-kit-copy h3{font-size:22px;line-height:31px;white-space:normal}
.kit-figma .dk-kit-copy p,html[lang=en] .kit-figma .dk-kit-copy p{white-space:normal;font-size:15px;line-height:24px}
.kit-figma .dk-kit-media{height:230px}
.kit-figma .dk-warehouse{grid-template-columns:1fr!important}
.kit-figma .dk-warehouse-photo{height:240px}
.kit-figma .dk-warehouse-points article{min-height:112px;padding:18px;grid-template-columns:44px 1fr;gap:12px}
.kit-figma .dk-benefits article,.kit-figma .dk-flow article,.kit-figma .dk-workflow article{min-height:0;padding:22px}
.kit-figma .dk-audience article{height:auto;min-height:0;grid-template-columns:1fr}
.kit-figma .dk-audience-empty{display:none}
.kit-figma .dk-audience article>div{padding:26px}
.kit-figma .dk-roofs img{height:auto;aspect-ratio:398/238}
.kit-figma .dk-docs-note{text-align:left!important;font-size:14px;line-height:23px}
.kit-figma .dk-cta,.kit-figma .dk-cta-native,.kit-figma .dk-cta-inner{height:auto;min-height:350px}
.kit-figma .dk-cta-native>img{height:100%;width:auto;min-width:100%;object-fit:cover}
.kit-figma .dk-cta-copy{width:100%;padding:36px 0}
.kit-figma .dk-cta-copy h2{font-size:28px!important;line-height:37px!important;letter-spacing:-1px;white-space:normal}
.kit-figma .dk-cta-copy p{font-size:16px;line-height:26px}
.kit-figma .dk-cta .dk-cta-art{min-height:0}
html[lang=en] .kit-figma .dk-cta{min-height:0}
}
@media(min-width:1101px) and (max-width:1350px){html[lang=en] body.kit-figma>header nav a{font-size:13px}html[lang=en] body.kit-figma>header nav{gap:18px}}

@media(max-width:900px){html[lang=en] body.kit-figma>footer.has-english-footer{height:auto!important;min-height:0!important}}

/* Approved follow-up: retain the original three scene photos and localize the CTA as text. */
.kit-figma .dk-warehouse-photo img{width:100%;height:100%;object-fit:cover}
.kit-figma .dk-audience article>.dk-audience-photo{width:100%;height:363.609375px;object-fit:cover;display:block}
html[lang=en] .kit-figma .dk-cta-copy{width:760px;padding:20px 0}
html[lang=en] .kit-figma .dk-cta-copy h2{font-size:30px;line-height:36px;letter-spacing:-.8px;font-weight:800;white-space:normal;margin-bottom:14px;max-width:740px}
html[lang=en] .kit-figma .dk-cta-copy p{font-size:16px;line-height:25.6px;max-width:740px}
html[lang=en] .kit-figma .dk-cta-copy .dk-actions{margin-top:20px}
@media(max-width:900px){
 .kit-figma .dk-audience article>.dk-audience-photo{width:100%;height:240px;object-fit:cover}
 html[lang=en] .kit-figma .dk-cta-copy{width:100%;padding:36px 0}
 html[lang=en] .kit-figma .dk-cta-copy h2{font-size:28px!important;line-height:36px!important}
}

/* Supplied final Kit pack photos: retain the complete image without cropping. */
.kit-figma .dk-kit-media img{display:block;object-fit:contain}