/* Home hero approved factory composition, with the original Jiufang artwork. */
.home-page .site-header{position:absolute;inset:0 0 auto;height:72px;padding:0 5%;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s}
.home-page .site-header.is-scrolled{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .site-header::before,.home-page .site-header::after,.home-page .brand::after{display:none!important}
.home-page .site-header .brand{width:245px;flex:0 0 245px;height:70px}
.home-page .site-header .brand .brand-logo{width:245px;height:auto;clip-path:none!important;content:normal!important}
.home-page .site-header .brand .brand-logo-dark{display:none!important}
.home-page .site-header .brand .brand-logo-light{display:block!important;opacity:1}
.home-page .desktop-nav{margin:0 0 0 auto;gap:clamp(26px,3.5vw,60px)}
.home-page .desktop-nav>a,.home-page .desktop-nav>.nav-dropdown>a{font-size:16px;text-shadow:0 1px 5px #143b6060}
.home-page .desktop-nav a[aria-current="page"]{border-bottom:3px solid #40c6ed;padding-bottom:15px}
.home-page .hero{height:45vw;min-height:445px;max-height:870px}
.home-page .carousel-slide:first-child>img{object-position:center center;animation:none;transform:none}
.home-page .carousel-slide:first-child::after{display:none}
.home-page .carousel-slide:first-child .hero-content{position:absolute;left:5%;top:39%;width:90%;margin:0;padding:0;animation:none}
.home-page .carousel-slide:first-child h1{font-size:clamp(32px,3.35vw,56px);line-height:1.5;letter-spacing:.01em;font-weight:600;margin:0;text-shadow:0 2px 10px #173c6445}
.home-page .carousel-slide:first-child h1 span,.home-page .carousel-slide:first-child h1 em{display:block}
.home-page .carousel-slide:first-child h1 em{color:#c9f0ff;font-style:normal}
.home-page .carousel-controls{bottom:7%;width:90%;padding-top:22px;border-top-color:#ffffff45}
.home-page .carousel-dots{gap:15px}.home-page .carousel-dots button{width:34px;height:4px;background:#ffffffe0}.home-page .carousel-dots button.is-active{width:58px;background:#27c0ee}
@media(max-width:1050px){.home-page .site-header .brand{width:210px;flex-basis:210px}.home-page .site-header .brand .brand-logo{width:210px}.home-page .desktop-nav{gap:22px}}
@media(max-width:850px){.home-page .site-header{height:76px}.home-page .site-header .brand{width:205px;flex-basis:205px;height:64px}.home-page .site-header .brand .brand-logo{width:205px}.home-page .mobile-nav:not([hidden]){top:76px}.home-page .hero{height:65svh;min-height:440px;max-height:610px}.home-page .carousel-slide:first-child>img{object-position:34% center}.home-page .carousel-slide:first-child .hero-content{top:38%}.home-page .carousel-slide:first-child h1{font-size:clamp(25px,4.9vw,40px);line-height:1.6}.home-page .carousel-controls{bottom:7%}}

.home-page .site-header:not(.is-scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.home-page .site-header.is-scrolled .desktop-nav>a,.home-page .site-header.is-scrolled .desktop-nav>.nav-dropdown>a{color:#fff}
.home-page .site-header.is-scrolled .menu-toggle span{background:#fff}

/* Transparent compact navigation over the banner. */
.home-page .site-header .desktop-nav{align-self:stretch;align-items:stretch}
.home-page .site-header .desktop-nav>a,.home-page .site-header .desktop-nav>.nav-dropdown,.home-page .site-header .desktop-nav>.nav-dropdown>a{height:100%}
.home-page .site-header .desktop-nav>a,.home-page .site-header .desktop-nav>.nav-dropdown>a{display:inline-flex;align-items:center;padding:0;border:0;line-height:1.5;color:#fff!important}
.home-page .site-header .desktop-nav>a[aria-current="page"]{padding:0;border:0;box-shadow:inset 0 -2px #40c6ed}
.home-page .site-header .menu-toggle span{background:#fff!important}
.home-page .site-header .desktop-nav .nav-dropdown-menu{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .site-header .desktop-nav .nav-dropdown-menu a{color:#263b4d!important;text-shadow:none}
.home-page .site-header .desktop-nav .nav-dropdown-menu a:hover,.home-page .site-header .desktop-nav .nav-dropdown-menu a:focus-visible{color:#176aaa!important;background:#edf5fa!important}
@media(max-width:850px){.home-page .site-header{height:64px}.home-page .mobile-nav:not([hidden]){top:64px}}
/* Match the second slide typography and placement to the opening slide. */
.home-page .carousel-slide:nth-child(2) .hero-content{position:absolute;left:5%;top:39%;width:90%;margin:0;padding:0;animation:none}
.home-page .carousel-slide:nth-child(2) h2{font-size:clamp(32px,3.35vw,56px);line-height:1.5;letter-spacing:.01em;font-weight:600;margin:0;text-shadow:0 2px 10px #173c6445}
.home-page .carousel-slide:nth-child(2) h2 em{color:#c9f0ff;font-style:normal}
@media(max-width:850px){.home-page .carousel-slide:nth-child(2) .hero-content{top:38%}.home-page .carousel-slide:nth-child(2) h2{font-size:clamp(25px,4.9vw,40px);line-height:1.6}}
/* Single-color product headline with supporting copy beneath it. */
.home-page .carousel-slide:nth-child(2) h2{color:#fff;white-space:nowrap;font-size:clamp(28px,3.35vw,56px)}
.home-page .carousel-slide:nth-child(2) .hero-content>p{margin:20px 0 0;max-width:820px;font-size:18px;line-height:1.9;color:#dcebf5}
@media(max-width:850px){.home-page .carousel-slide:nth-child(2) h2{font-size:clamp(17px,4.3vw,36px)}.home-page .carousel-slide:nth-child(2) .hero-content>p{margin-top:16px;font-size:15px;line-height:1.8;max-width:100%}}
/* A quiet brand watermark and editorial quotation mark for the introduction. */
.home-page .intro-title{position:relative;padding-top:34px}
.home-page .intro-title .intro-quote{display:block;position:absolute;top:-30px;left:-5px;color:#6daed0;font-family:Georgia,serif;font-size:124px;line-height:1;user-select:none;pointer-events:none}
.home-page .intro-title h2{position:relative;margin:0;color:#183c5d}
.home-page .intro-copy{position:relative;isolation:isolate}
.home-page .intro-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1;color:rgba(27,105,161,.045);font-size:clamp(65px,7vw,115px);font-weight:700;letter-spacing:.06em;white-space:nowrap;user-select:none;pointer-events:none}
@media(max-width:700px){.home-page .intro-title{padding-top:30px;margin-bottom:15px}.home-page .intro-title .intro-quote{font-size:98px;top:-23px;left:-3px}.home-page .intro-watermark{font-size:clamp(50px,17vw,95px);letter-spacing:.02em}}
/* Bring the introduction copy closer to its heading. */
.home-page .intro.section{padding:80px 0}
.home-page .intro .intro-layout{grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(35px,5vw,78px);align-items:start}
.home-page .intro .intro-copy{padding-top:34px}
.home-page .intro .intro-copy p{max-width:900px}
.home-page .intro .intro-copy .inline-link{margin-top:18px}
@media(max-width:700px){.home-page .intro.section{padding:55px 0}.home-page .intro .intro-layout{grid-template-columns:1fr;gap:20px}.home-page .intro .intro-copy{padding-top:0}.home-page .intro-title{margin-bottom:0}}
/* Keep the values slide at the same type scale as the opening slide. */
.home-page .carousel-slide:nth-child(3) .values-headline{font-family:inherit;font-size:clamp(32px,3.35vw,56px);font-weight:600;line-height:1.5;letter-spacing:.01em;margin:0;color:#fff;text-shadow:0 2px 10px #173c6445}
.home-page .carousel-slide:nth-child(3) .values-headline span{display:block;font-size:inherit;font-weight:inherit;line-height:inherit}
@media(max-width:850px){.home-page .carousel-slide:nth-child(3) .values-headline{font-size:clamp(25px,4.9vw,40px);line-height:1.6}}
/* Display the three values together in one horizontal row. */
.home-page .carousel-slide:nth-child(3) .values-headline{display:flex;align-items:center;gap:clamp(20px,3vw,54px);white-space:nowrap;font-size:clamp(28px,3.35vw,56px)}
.home-page .carousel-slide:nth-child(3) .values-headline span{display:inline-block}
@media(max-width:850px){.home-page .carousel-slide:nth-child(3) .values-headline{font-size:clamp(12px,3vw,25px);gap:clamp(8px,2vw,18px)}}
.home-page .carousel-slide:nth-child(3) .values-headline{display:block;white-space:nowrap;width:max-content;max-width:none;font-size:clamp(24px,3vw,56px)}
@media(max-width:850px){.home-page .carousel-slide:nth-child(3) .values-headline{font-size:clamp(11px,2.9vw,24px)}}
/* Center the single-line values headline vertically within its slide. */
.home-page .carousel-slide:nth-child(3) .hero-content{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:90%;margin:0;padding:0;animation:none}
.home-page .carousel-slide:nth-child(3) .hero-content>p{margin:20px 0 0;max-width:100%;font-size:18px;line-height:1.9;color:#dcebf5}
@media(max-width:850px){.home-page .carousel-slide:nth-child(3) .hero-content>p{margin-top:16px;font-size:15px;line-height:1.8}}
/* Shared supporting text style for both slides. */
.home-page .carousel-slide:nth-child(2) .hero-content>p,.home-page .carousel-slide:nth-child(3) .hero-content>p{font-family:inherit;font-size:18px;font-weight:400;line-height:1.9;letter-spacing:normal;color:#dcebf5;margin-top:20px}
@media(max-width:850px){.home-page .carousel-slide:nth-child(2) .hero-content>p,.home-page .carousel-slide:nth-child(3) .hero-content>p{font-size:15px;line-height:1.8;margin-top:16px}}
/* Balanced paragraph lengths for the company overview. */
.home-page .intro .intro-copy p{max-width:780px;font-size:17px;line-height:2;text-wrap:pretty;margin:0 0 22px}
.home-page .intro .intro-copy .inline-link{margin-top:8px}
@media(max-width:700px){.home-page .intro .intro-copy p{font-size:16px;line-height:1.9;margin-bottom:18px}}
/* Group the product heading and description above the cards. */
.home-page #products .section-heading{display:block;margin-bottom:34px}
.home-page #products .section-heading h2{margin:0}
.home-page #products .section-heading>p{width:auto;max-width:780px;margin:16px 0 0;font-size:17px;line-height:1.8;text-wrap:pretty}
@media(max-width:700px){.home-page #products .section-heading{margin-bottom:26px}.home-page #products .section-heading>p{font-size:16px;margin-top:12px}}
/* Keep the product title and its description together on one row. */
.home-page #products .section-heading{display:flex;align-items:center;justify-content:flex-start;gap:40px}
.home-page #products .section-heading>div{flex:none}
.home-page #products .section-heading>p{flex:1;max-width:none;margin:0}
@media(max-width:700px){.home-page #products .section-heading{gap:18px}.home-page #products .section-heading h2{font-size:28px}.home-page #products .section-heading>p{font-size:14px;margin:0;line-height:1.7}}
/* AI industrial illustrations for the homepage category cards. */
.home-page #products .product-card{position:relative;overflow:hidden;min-height:510px;background:#235b86;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.home-page #products .home-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s}
.home-page #products .product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,56,86,.2),transparent 30%,rgba(18,58,91,.3) 50%,rgba(17,53,82,.95) 100%);pointer-events:none}
.home-page #products .product-index,.home-page #products .product-info{position:relative;z-index:2}
.home-page #products .product-info h3{color:#fff;font-size:25px}.home-page #products .product-info p{color:#d3e4ef}.home-page #products .product-tag{color:#c4eaff;border-color:#8db4d0}
.home-page #products .product-card:hover .home-product-image{transform:scale(1.035)}
@media(max-width:700px){.home-page #products .product-card{min-height:470px}}
/* Preserve the full silhouettes in the selected product artwork. */
.home-page #products .home-product-image{object-fit:contain;object-position:center top}
.home-page #products .product-card{background:#0c3558}

/* Match each card to the artwork ratio, eliminating exposed background strips. */
.home-page #products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page #products .product-card{aspect-ratio:4/5;min-height:0}
.home-page #products .home-product-image{object-fit:cover}
@media(max-width:700px){.home-page #products .product-grid{grid-template-columns:1fr}.home-page #products .product-card{min-height:440px;aspect-ratio:4/5}}