
:root{--red:#f31927;--ink:#0e1013;--muted:#64666b;--line:#e6e6e6;--soft:#f4f4f4;--header:86px}
/* Author CSS display rules otherwise override the browser's hidden attribute.
   This broke every catalog search/filter/pagination despite JS setting
   card.hidden=true; respect semantic [hidden] everywhere, including tabs. */
[hidden]{display:none!important}
/* Distinguish newly added LO product cards in all five localizations. */
.product-card__new{display:inline-block;padding:4px 9px;margin-bottom:5px;border-radius:3px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.055em;line-height:1.4}
.product-card__reference{display:inline-block;background:#eff1f4;color:#3d4752;border:1px solid #cfd5db;border-radius:3px;font-size:11px;font-weight:750;padding:4px 9px;margin-bottom:5px;letter-spacing:.03em}
/* Long translated contact labels must not force the mobile grid wider than its viewport. */
@media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-layout>*{min-width:0}.contact-layout .form{grid-template-columns:minmax(0,1fr);min-width:0}.contact-layout .form__row{grid-template-columns:minmax(0,1fr);min-width:0}.contact-layout .form__row>*{min-width:0}.contact-layout .form label{overflow-wrap:anywhere}}
.gallery-reference-photos__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-reference-photos__grid figure{margin:0;background:#f6f7f8}
.gallery-reference-photos__grid img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.gallery-reference-photos__grid{grid-template-columns:1fr 1fr;gap:10px}}
/* LO model-specific long-form detail photographs: unretouched product
   photography extracted from the supplier's Chinese annotated source panels.
   The visible captions stay as localized searchable HTML. */
.lo-photo-details{background:#fff;padding:70px 0}
.lo-photo-details .section__head{margin-bottom:32px}
.lo-photo-details__stack{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);display:grid;gap:clamp(21px,3vw,38px)}
.lo-photo-details__figure{margin:0;border:1px solid #e8e9ed;background:#fff;overflow:hidden}
.lo-photo-details__figure img{display:block;width:100%;height:auto;object-fit:contain}
.lo-photo-details__figure figcaption{padding:15px 22px 18px;color:#303438;font-size:16px;font-weight:750}
.lo-photo-details__note{max-width:760px;margin:18px auto 0;color:#676b70;font-size:13px;line-height:1.8}
@media(max-width:760px){.lo-photo-details{padding:48px 0}.lo-photo-details__stack{gap:21px}.lo-photo-details__figure figcaption{padding:12px 15px;font-size:14px}}
/* Compact, SKU-specific material guidance. No extra CMS fields required. */
.material-brief{padding:64px 0;background:#fff}
.material-brief .section__head{margin-bottom:22px}
.material-brief__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.material-brief__item{border:1px solid #e7e7e7;background:#fafafa;padding:25px 27px;min-width:0}
.material-brief__item h3,.material-brief__bottom h3{font-size:18px;margin:0 0 12px;letter-spacing:-.02em}
.material-brief__item p,.material-brief__bottom p{font-size:14px;color:#585c62;line-height:1.75;margin:9px 0 0}
.material-brief__source{display:block;font-size:20px;color:#161616;overflow-wrap:anywhere}
.material-brief__traits{margin:0;padding:0 0 0 19px;color:#26282a;font-size:14px;line-height:1.75}
.material-brief__traits li+li{margin-top:7px}
.material-brief__item .material-brief__note{font-size:12px;color:#797979;margin-top:15px}
.material-brief__bottom{margin-top:18px;border-left:3px solid var(--red);padding:15px 0 15px 21px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.material-brief__bottom p{max-width:690px}
.material-brief__links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;flex-shrink:0;font-size:13px;font-weight:750}
.material-brief__links>a:not(.button){color:var(--red)}
@media(max-width:760px){.material-brief{padding:48px 0}.material-brief__grid{grid-template-columns:1fr}.material-brief__item{padding:20px}.material-brief__bottom{display:block}.material-brief__links{margin-top:19px;align-items:flex-start;flex-direction:column;gap:15px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.035em}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd0614;outline-offset:3px}address{font-style:normal}
.shell{width:min(100% - 72px,1360px);margin-inline:auto}.topbar{height:28px;background:#fff;border-bottom:1px solid #f2f2f2}.topbar__inner{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:12px;color:#666;font-weight:700}.topbar a:hover{color:var(--red)}.header{position:sticky;top:0;z-index:80;background:#fff;box-shadow:0 2px 6px #00000009}.header__inner{display:flex;align-items:center;gap:26px;justify-content:space-between;height:var(--header)}.logo{color:var(--red);font:900 clamp(31px,3vw,45px)/.88 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.09em;white-space:nowrap}.logo small{display:block;letter-spacing:.14em;font:bold 8px/1.6 Arial,sans-serif;margin-top:5px}.nav{display:flex;gap:23px;margin-left:auto;height:100%;align-items:center}.nav__link,.nav__toggle{font-size:14px;font-weight:800;background:none;border:0;display:inline-flex;align-items:center;gap:7px;height:100%;white-space:nowrap;color:#111}.nav__link:hover,.nav__toggle:hover,.nav__link[aria-current="page"]{color:var(--red)}.nav__drop{height:100%;display:flex;align-items:center;position:relative}.chevron{height:12px;width:12px;stroke:currentColor;fill:none;stroke-width:2}.nav__drop.open .chevron{transform:rotate(180deg)}.mega{display:none;position:absolute;top:100%;left:0;right:0;border-top:1px solid var(--line);background:#fff;box-shadow:0 24px 30px #0002;padding:28px 0 35px}.nav__drop.open .mega,.nav__drop:hover .mega,.nav__drop:focus-within .mega{display:block}.mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.mega__column>strong{color:var(--red);font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:12px}.mega__column a{font-size:14px;font-weight:700;line-height:1.35;display:block;padding:7px 0}.mega__column a:hover{color:var(--red)}.mega__photo{width:100%;height:105px;object-fit:cover;margin-bottom:10px}.header__actions{display:flex;gap:17px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;border:2px solid var(--red);font-size:14px;font-weight:800;padding:12px 21px;border-radius:5px;min-height:44px;transition:background .2s,transform .2s}.button:hover{background:#ca0a17;border-color:#ca0a17}.button--outline{background:transparent;color:var(--red)}.button--outline:hover{background:var(--red);color:#fff}.button--round{border-radius:40px;padding:18px 29px}.button--white{background:#fff;border-color:#fff;color:var(--ink)}.button--white:hover{color:var(--red);background:#fff;border-color:#fff}.icon-button{border:0;background:none;padding:5px;display:grid;place-items:center;min-height:42px;min-width:38px}.icon-button svg{height:22px;width:22px;stroke:currentColor;stroke-width:2;fill:none}.language-label{font-size:12px;font-weight:800;color:#555}.menu-button,.mobile-nav{display:none}.search-panel{display:none;border-top:1px solid var(--line);padding:16px 0}.search-panel.open{display:block}.search-panel__form{display:flex;gap:10px}.search-panel input{flex:1;min-width:0;padding:12px 15px;border:1px solid #ddd}.rail{position:fixed;z-index:48;right:12px;top:28%;box-shadow:0 3px 15px #0002;display:grid}.rail a{height:49px;width:47px;background:#aaa;display:grid;place-items:center;border-bottom:1px solid #fff5;color:#fff;font-size:20px}.rail a:hover{background:var(--red)}.rail svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.hero{position:relative;min-height:610px;height:clamp(610px,51vw,730px);background:#f2f2f2;overflow:hidden}.hero__inner{height:100%;position:relative;display:flex;align-items:center;max-width:1450px;margin:auto;padding:0 clamp(38px,5.4vw,95px)}.hero__watermark{font:900 clamp(240px,31vw,530px)/.74 Arial Black,Arial,sans-serif;color:var(--red);position:absolute;bottom:-.075em;right:1.5%;letter-spacing:-.09em;pointer-events:none;z-index:0}.hero__copy{position:relative;z-index:5;width:53%;max-width:700px}.eyebrow{color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.hero h1{font-size:clamp(47px,4.25vw,68px);line-height:1.11;letter-spacing:-.05em;font-weight:900;margin:19px 0 24px}.hero h1 span{color:var(--red)}.hero p{font-size:17px;line-height:1.65;margin:0 0 26px;max-width:590px}.hero__art{position:absolute;z-index:2;right:1%;top:6%;width:49%;height:90%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 18px 10px #0002);mix-blend-mode:multiply}.hero__controls{position:absolute;right:28px;bottom:24px;z-index:6;font-size:13px;font-weight:800;letter-spacing:.14em}.hero__controls span{color:var(--red)}.hero__note{font-size:11px!important;color:#666!important;margin-top:18px!important}
.section{padding:93px 0}.section--soft{background:#f6f6f6}.section--dark{background:#111;color:white}.section--red{background:var(--red);color:white}.section--red .eyebrow,.section--dark .eyebrow{color:white}.section--red .copy-muted,.section--dark .copy-muted{color:#eee}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:33px}.section__title{font-size:clamp(34px,3.2vw,48px);line-height:1.14;margin:12px 0 18px;font-weight:900}.copy-muted{color:#696969;line-height:1.75;font-size:15px;max-width:680px}.text-link{font-size:14px;font-weight:900;color:var(--red)}.text-link:hover{text-decoration:underline}.grid{display:grid;gap:20px}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.category{display:block;background:#f3f3f3;min-width:0}.category__photo{aspect-ratio:1/1;overflow:hidden;background:#ebebeb}.category__photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.category:hover img,.product-card:hover img{transform:scale(1.045)}.category__body{padding:21px}.category__body h3{font-size:18px;margin:0 0 12px}.category__body span{font-weight:900;font-size:13px;color:var(--red)}.product-card{border:1px solid #eee;min-width:0;display:block;background:#fff}.product-card__image{aspect-ratio:1/1;overflow:hidden;background:#f5f5f5}.product-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.product-card__body{padding:16px}.product-card__small{color:#777;font-size:12px}.product-card h3{font-size:16px;line-height:1.5;letter-spacing:-.015em;margin:8px 0 14px;min-height:48px}.product-card__link{font-size:13px;color:var(--red);font-weight:900}.product-card__caption{font-size:10px;color:#999;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,80px);align-items:center}.split__image{width:100%;aspect-ratio:1/.78;object-fit:cover;background:#eee}.split__placeholder{aspect-ratio:1/.78;display:grid;place-items:center;text-align:center;padding:24px;border:2px dashed #bbb;background:#eee;color:#666;min-height:340px}.benefit{padding:23px 0;border-top:3px solid var(--red)}.benefit h3{font-size:18px;margin:0 0 10px}.benefit p{font-size:14px;line-height:1.75;color:#656565}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.step{border-top:2px solid var(--red);padding-top:20px}.step>strong{font-size:14px;color:var(--red)}.step h3{font-size:17px;margin:14px 0 8px}.step p{line-height:1.65;font-size:13px;color:#666}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.faq-list details{border-bottom:1px solid #ddd;padding:20px 0}.faq-list summary{font-size:16px;font-weight:800;cursor:pointer;padding-right:15px}.faq-list p{font-size:14px;line-height:1.8;color:#666}.cta-panel{background:#101010;color:#fff;text-align:center;padding:82px 20px}.cta-panel h2{font-size:clamp(31px,4vw,54px);margin:12px 0 17px}.cta-panel p{color:#ccc;line-height:1.7}.cta-panel .button{margin-top:20px}.footer{background:#111;color:#fff;padding:62px 0 24px}.footer__cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer .logo{font-size:37px}.footer h3{font-size:15px;margin:0 0 21px}.footer p,.footer a{color:#bfbfbf;font-size:13px;line-height:1.9}.footer a:hover{color:white;text-decoration:underline}.footer__bottom{border-top:1px solid #3c3c3c;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#999;font-size:12px}
.page-intro{padding:76px 0 62px;background:#f2f2f2;position:relative;overflow:hidden}.page-intro:after{content:"XUYI";position:absolute;right:0;bottom:-.17em;font-size:clamp(120px,22vw,310px);font-family:Arial Black,Arial,sans-serif;color:#f3192714;pointer-events:none}.page-intro .shell{position:relative;z-index:1}.breadcrumb{font-size:12px;color:#777;margin-bottom:24px}.breadcrumb a:hover{color:var(--red)}.page-intro h1{font-size:clamp(37px,5vw,58px);line-height:1.1;max-width:930px;margin:0 0 18px}.page-intro p{line-height:1.75;color:#666;max-width:770px}.filterbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 0 27px}.filterbar input,.filterbar select{border:1px solid #ddd;padding:12px;min-width:0;font-size:14px;background:#fff}.filterbar input{flex:1;max-width:425px}.filter-count{margin-left:auto;color:#777;font-size:13px}.catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px}.catalog-side{padding-right:10px;border-right:1px solid #eee}.catalog-side strong{display:block;font-size:15px;margin-bottom:14px}.catalog-side a{display:block;font-size:13px;color:#555;padding:9px 0}.catalog-side a:hover,.catalog-side a.active{color:var(--red);font-weight:800}.pagination{display:flex;justify-content:center;gap:12px;margin-top:35px}.pagination button{border:1px solid #ccc;background:white;padding:10px 17px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,70px)}.product-detail__photos{display:grid;gap:13px;align-content:start}.product-detail__main{background:#f6f6f6;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.product-detail__main img{width:100%;height:100%;object-fit:contain}.product-detail__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-detail__thumb{border:1px solid #ddd;background:#f6f6f6;aspect-ratio:1;overflow:hidden;padding:3px}.product-detail__thumb img{width:100%;height:100%;object-fit:contain}.product-detail h1{font-size:clamp(31px,3.4vw,48px);line-height:1.16;margin:10px 0 22px}.product-detail__id{font-size:13px;color:#777}.spec{border-collapse:collapse;width:100%;font-size:14px}.spec td{padding:13px 11px;border-bottom:1px solid #ddd;vertical-align:top}.spec td:first-child{color:#777;width:41%;font-weight:700}.notice{font-size:13px;line-height:1.75;background:#fff3f3;border-left:3px solid var(--red);padding:14px 16px;color:#695658}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:24px 0}.badge{display:inline-flex;background:#eee;color:#5a5a5a;font-size:12px;padding:6px 10px;font-weight:700}.article{max-width:920px;margin:auto;font-size:16px;line-height:1.85}.article h2{margin-top:37px;font-size:27px}.article h3{margin-top:27px;font-size:20px}.article p,.article li{color:#474747}.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.article-card{border:1px solid var(--line);padding:28px;background:#fff}.article-card__num{font-size:12px;color:var(--red);font-weight:900}.article-card h3{font-size:21px}.article-card p{color:#666;line-height:1.75;font-size:14px}.article-card a{font-weight:900;color:var(--red)}.contact-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(30px,6vw,90px)}.form{display:grid;gap:15px;background:#f7f7f7;padding:30px}.form label{display:grid;gap:8px;font-size:13px;font-weight:700}.form input,.form textarea,.form select{padding:13px;border:1px solid #d8d8d8;background:white;width:100%;min-width:0}.form .button:disabled{cursor:not-allowed;opacity:.65}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sticky-inquiry{display:none}
@media(max-width:1240px){.nav{gap:15px}.nav__link,.nav__toggle{font-size:12px}.brand{font-size:34px}.header__inner{gap:16px}.header__actions{gap:10px}.header .button{padding-inline:13px;font-size:12px}}
@media(max-width:1050px){:root{--header:74px}.shell{width:min(100% - 48px,1360px)}.topbar{display:none}.nav{display:none}.menu-button{display:grid}.brand{font-size:37px}.header__actions>.button{display:none}.mobile-nav.open{display:block}.mobile-nav{position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 74px);overflow:auto;background:#fff;box-shadow:0 12px 25px #0002;border-top:1px solid #eee;padding:12px 24px 28px}.mobile-nav a,.mobile-nav summary{display:block;padding:14px 4px;font-size:16px;font-weight:800;border-bottom:1px solid #eee;list-style:none}.mobile-nav details a{font-size:14px;font-weight:500;padding-left:20px;color:#555}.mobile-nav summary::after{content:"+";float:right;color:var(--red)}.mobile-nav details[open] summary::after{content:"−"}.rail{display:none}.hero{height:auto;min-height:630px}.hero__inner{padding:65px 40px}.hero__copy{width:53%}.hero__art{width:50%}.hero h1{font-size:clamp(39px,5vw,57px)}.grid--4,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout{grid-template-columns:155px minmax(0,1fr)}.why-layout{gap:30px}}
@media(max-width:750px){.shell{width:min(100% - 34px,1360px)}.section{padding:65px 0}.header__inner{gap:12px}.brand{font-size:32px}.header__actions{gap:4px}.hero{min-height:0}.hero__inner{padding:57px 25px 0;display:block}.hero__copy{width:100%;max-width:none;padding-bottom:0}.hero h1{font-size:clamp(35px,8vw,55px);margin:15px 0 16px}.hero p{font-size:15px;max-width:650px;margin-bottom:18px}.hero__art{position:relative;right:auto;top:auto;width:min(94%,480px);height:330px;margin:16px auto 0}.hero__watermark{font-size:clamp(135px,30vw,290px);bottom:.08em;right:0}.hero__controls{bottom:13px;right:20px}.section__head{align-items:start}.grid--4,.product-grid,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.product-detail,.contact-layout{grid-template-columns:1fr}.faq-list{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{display:block}.catalog-side{display:flex;gap:15px;border:0;overflow-x:auto;padding:0 0 20px}.catalog-side strong{display:none}.catalog-side a{white-space:nowrap}.product-detail__photos{max-width:520px}.sticky-inquiry{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;padding:11px 17px;z-index:55;box-shadow:0 -4px 20px #0002;gap:10px;align-items:center;justify-content:space-between}.sticky-inquiry span{font-weight:800;font-size:13px}.sticky-inquiry .button{padding:10px 18px;min-height:40px}.footer{padding-bottom:95px}.form__row{grid-template-columns:1fr}.why-layout{grid-template-columns:1fr}}
@media(max-width:430px){.brand{font-size:27px}.header__actions{gap:0}.header__inner{gap:4px}.icon-button{min-width:35px}.hero__inner{padding:48px 20px 0}.hero h1{font-size:37px}.hero__art{height:260px}.hero__watermark{font-size:128px}.section__head{display:block}.sec-title,.section__title{font-size:32px}.category__body{padding:14px}.category__body h3{font-size:15px}.product-card__body{padding:11px}.product-card h3{font-size:14px;min-height:65px}.grid--4,.product-grid,.grid--3{gap:10px}.why-bullets{grid-template-columns:1fr}.footer__cols{gap:28px 12px}.footer__bottom{display:block}.footer__bottom span{display:block;margin:7px 0}.steps{grid-template-columns:1fr 1fr}.quote-btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Target-style full-width mega navigation and responsive buyer resources. */
.nav__drop{position:static}
.mega{left:0;right:0;top:100%;width:100%}
.mega__column img{height:110px;width:100%;object-fit:cover;margin-bottom:12px}
@media(max-width:1050px){.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.article-list{grid-template-columns:1fr}.article-card{min-width:0}.mega{display:none!important}}

@media(max-width:750px){.split{grid-template-columns:minmax(0,1fr)}.split>*{min-width:0}.split__placeholder{aspect-ratio:auto;min-height:280px;width:100%}}

/* Kreat-matched navigation architecture: four photo columns under Products;
   compact vertical dropdowns for Capabilities and Why Us. Source images belong to XUYI. */
.nav__drop--mega{position:static}
.nav__drop--mini{position:relative}
.nav__drop--mega .mega{left:20px;right:20px;top:100%;width:auto;padding:16px 15px 21px;max-width:1490px;margin-inline:auto;border:0;border-radius:0 0 9px 9px;box-shadow:0 12px 26px #00000024}
.nav__drop--mega .mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.nav__drop--mega .mega__column{min-width:0;padding:6px 15px 0}
.nav__drop--mega .mega__column:not(:last-child){border-right:1px solid #d6d8db}
.mega__heading{display:block;font-size:17px;font-weight:900;line-height:1.35;min-height:27px;letter-spacing:-.02em;margin:0 0 12px}
.mega__heading:hover{color:var(--red)}
.mega__image{display:block;width:100%;height:126px;overflow:hidden;background:#f2f2f2;margin:0 0 13px}
.mega__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.mega__image:hover img{transform:scale(1.045)}
.mega__links a{display:block;padding:10px 8px 11px;font-size:14px;line-height:1.35;color:#313131;min-height:40px;font-weight:500;letter-spacing:0}
.mega__links a:hover{color:var(--red);background:#fff3f3}
.mini-menu{display:none;position:absolute;z-index:80;top:100%;left:0;width:300px;background:#fff;box-shadow:0 8px 18px #00000020;border:1px solid #f2f2f2}
.nav__drop--mini:hover .mini-menu,.nav__drop--mini:focus-within .mini-menu,.nav__drop--mini.open .mini-menu{display:block}
.mini-menu a{display:block;white-space:normal;font-size:14px;font-weight:500;padding:14px 12px;border-bottom:1px solid #d9d9d9;color:#222;min-height:46px}
.mini-menu a:last-child{border-bottom:0}
.mini-menu a:hover{color:var(--red);background:#fbfbfb}
.nav__drop--mini .mega{display:none}
.nav__drop.open .nav__toggle,.nav__drop:hover .nav__toggle{color:var(--red)}
.masthead .nav__drop--mega{position:static}
.mobile-nav__group{padding:6px 0 13px;border-bottom:1px solid #ebebeb}
.mobile-nav__group-title{display:flex;align-items:center;gap:11px;padding:12px 10px 5px}
.mobile-nav__group-title img{width:78px;height:53px;object-fit:cover;background:#eee}
.mobile-nav__group-title strong{font-size:13px}
.mobile-nav__group a{padding:8px 15px 8px 99px!important;border:0!important;font-size:13px!important;font-weight:500!important}
.mobile-nav__group a:hover{color:var(--red)}
/* Expand target-style OEM/ODM, sample and proof modules without invented metrics. */
.kreat-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.kreat-intro__copy h2{font-size:clamp(37px,4vw,57px);line-height:1.15;font-weight:900;margin:14px 0 23px}
.kreat-intro__copy h2 em{font-style:normal;color:var(--red)}
.kreat-intro__media{overflow:hidden;background:#f4f4f4;min-height:400px}
.kreat-intro__media img{height:100%;width:100%;min-height:400px;object-fit:cover}
.kreat-intro__copy .button{margin:20px 0}
.custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.custom-tile{border:1px solid #ededed;overflow:hidden;display:block;background:white}
.custom-tile__photo{aspect-ratio:1.34;overflow:hidden;background:#f6f6f6}
.custom-tile__photo img{height:100%;width:100%;object-fit:cover;transition:transform .2s}
.custom-tile:hover img{transform:scale(1.04)}
.custom-tile__copy{padding:21px 20px 24px}
.custom-tile h3{margin:0 0 7px;font-size:19px;font-weight:900}
.custom-tile p{margin:0 0 15px;color:#666;font-size:13px;line-height:1.65}
.custom-tile__copy>span{color:var(--red);font-weight:900;font-size:13px}
.sample-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sample-flow article{background:#f5f5f5;padding:28px;border-top:3px solid var(--red)}
.sample-flow article>span{font-weight:900;font-size:31px;color:var(--red)}
.sample-flow h3{font-size:19px;margin:14px 0}
.sample-flow p{font-size:14px;color:#666;line-height:1.75}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.proof-grid article{padding:24px;border:1px solid #ececec;text-align:center;background:white}
.proof-grid article>span{display:block;font-weight:900;color:var(--red);font-size:34px}
.proof-grid h3{font-size:16px;margin:14px 0}
.proof-grid p{font-size:13px;color:#666;line-height:1.65;margin:0}
.section--red .proof-grid article{color:#111}
.spec-download{background:#f7f7f7;padding:24px;margin:27px 0}
.spec-download h3{margin:0 0 7px}
.spec-download p{color:#666;line-height:1.65;font-size:13px}
@media(max-width:1240px){.nav{gap:13px}.nav__link,.nav__toggle{font-size:12px}.nav__drop--mega .mega__column{padding-inline:11px}.mega__links a{padding-inline:4px;font-size:13px}}
@media(max-width:1050px){.mini-menu,.mega{display:none!important}.mobile-nav__group-title{padding-inline:12px}.kreat-intro{grid-template-columns:1fr 1fr;gap:24px}.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.kreat-intro{display:block}.kreat-intro__media{min-height:0;margin-top:32px}.kreat-intro__media img{min-height:0}.kreat-intro__copy h2{font-size:clamp(34px,9vw,48px)}.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-tile__copy{padding:13px}.custom-tile h3{font-size:15px}.custom-tile__copy p{font-size:12px}.sample-flow{grid-template-columns:1fr}.sample-flow article{padding:21px}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.proof-grid article{padding:13px}.proof-grid article>span{font-size:25px}}
@media(max-width:380px){.custom-grid{grid-template-columns:1fr}.mobile-nav__group a{padding-left:13px!important}.mobile-nav__group-title img{width:70px;height:49px}}

/* Functional hero slideshow + target-inspired model collection tabs */
.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:12;border:0;color:#fff;background:#ffffff30;font-size:43px;font-weight:200;line-height:1;width:40px;height:65px;padding:0;display:grid;place-items:center}
.hero__arrow:hover{background:#f3192785}
.hero__arrow--prev{left:0}.hero__arrow--next{right:0}
.bottle-tabs{display:flex;gap:0;border-bottom:2px solid #e3e3e3;overflow-x:auto;scrollbar-width:thin;margin-bottom:28px}
.bottle-tab{background:transparent;color:#333;border:0;border-bottom:3px solid transparent;padding:16px 22px;margin-bottom:-2px;font-size:14px;font-weight:800;white-space:nowrap;min-height:52px}
.bottle-tab:hover,.bottle-tab.active{color:var(--red);border-bottom-color:var(--red)}
.bottle-tabpanel[hidden]{display:none!important}
.menu-label{display:none}
@media(max-width:1050px){.menu-button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;padding:0 12px;border:1px solid var(--red);color:var(--red);min-height:43px}.menu-button svg{height:19px;width:19px}.menu-label{display:inline;font-weight:800;font-size:14px}.bottle-tab{font-size:13px;padding:13px 16px}}
@media(max-width:750px){.language-label{display:none}.header__actions>.icon-button:not(.menu-button){margin-right:6px}.hero__arrow{top:70%;width:28px;height:43px;font-size:30px;background:#fff7}.hero__arrow--prev{left:0}.hero__arrow--next{right:0}.bottle-tabs{margin-bottom:20px}.bottle-tab{font-size:12px;padding:12px 11px}.hero h1{padding-right:20px}}
@media(max-width:360px){.menu-button{padding:0 9px}.menu-label{font-size:12px}.hero__arrow{top:67%}}

/* Responsible materials and production-capability sections, based on target site's module hierarchy. */
.responsible-media{position:relative;min-height:365px;background:#f1f1f1;overflow:hidden}
.responsible-media img{width:100%;height:100%;min-height:365px;object-fit:cover}
.responsible-media__caption{position:absolute;bottom:0;left:0;right:0;display:grid;gap:7px;padding:22px;color:#fff;background:linear-gradient(transparent,#111e);font-size:13px}
.responsible-media__caption b{font-size:17px}
.section--dark .button--outline{border-color:#fff;color:#fff}
.section--dark .button--outline:hover{background:#fff;color:#111}
.production-capacity{background:linear-gradient(160deg,#fff 0%,#fff 57%,#f5f5f5 100%)}
.production-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.production-proof{background:#fff;border:1px solid #e8e8e8;padding:23px 21px 29px;min-height:250px;box-shadow:0 8px 18px #00000006}
.production-proof__num{font-size:46px;line-height:1;color:var(--red);font-weight:900;letter-spacing:-.06em}
.production-proof h3{font-size:19px;margin:22px 0 10px}
.production-proof p{font-size:14px;color:#626262;line-height:1.75}
.production-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:22px 26px;background:#f4f4f4}
.production-footer p{margin:0;max-width:670px;font-size:14px;line-height:1.6}
@media(max-width:1050px){.production-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.responsible-media,.responsible-media img{min-height:260px}.production-proof-grid{gap:12px}.production-proof{min-height:0;padding:18px}.production-proof h3{font-size:16px;margin:12px 0 8px}.production-proof__num{font-size:35px}.production-proof p{font-size:13px}.production-footer{display:block;padding:18px}.production-footer .button{margin-top:17px}}
@media(max-width:380px){.production-proof-grid{grid-template-columns:1fr}}

/* Refined target-inspired homepage editorial rhythm */
.custom-experience{background:#fafafa;padding:98px 0 100px;overflow:hidden}
.custom-experience__grid{display:grid;grid-template-columns:.93fr 1.03fr .95fr;align-items:center;gap:clamp(23px,3vw,48px)}
.custom-experience__intro h2{font-size:clamp(33px,3.4vw,53px);font-weight:900;line-height:1.16;letter-spacing:-.055em;margin:18px 0 22px}
.custom-experience__intro h2 span{color:var(--red)}
.custom-experience__intro p{font-size:15px;color:#606166;line-height:1.8;max-width:420px}
.custom-experience__hint{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#8a8a8a!important;margin-top:22px!important}
.custom-experience__preview{position:relative;isolation:isolate;min-height:465px;display:flex;justify-content:center;align-items:center;padding:20px 12px 50px}
.custom-experience__preview-ring{position:absolute;z-index:-1;border-radius:100%;width:97%;aspect-ratio:1;background:#eeeeee;left:1.5%;top:7%}
.custom-experience__preview>img{width:100%;height:388px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(8px 15px 10px #00000018)}
.custom-experience__photo-caption{position:absolute;left:0;right:0;bottom:13px;font-size:11px;color:#6c6c70;text-align:center;font-weight:700}
.custom-experience__choices{align-self:center}
.configurator__group{padding:14px 0 24px;border-bottom:1px solid #dedede}
.configurator__group>strong{font-size:12px;letter-spacing:.05em}
.configurator__choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.configurator__option{border:1px solid #bcbec2;background:#fff;color:#272727;border-radius:28px;min-height:41px;padding:9px 14px;font-size:13px;font-weight:800}
.configurator__option.active,.configurator__option:hover{border-color:var(--red);background:var(--red);color:white}
.configurator__note{font-size:12px;color:#676767;line-height:1.75;margin:20px 0 22px}
.custom-experience__choices>.button{min-height:48px;font-size:13px}
.buyer-quality{background:#fff}
.buyer-quality__grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(40px,8vw,120px)}
.buyer-quality__steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.buyer-quality__step{border-top:2px solid var(--red);display:flex;gap:13px;padding:18px 0 12px}
.buyer-quality__step>span{font-weight:900;font-size:17px;color:var(--red);letter-spacing:-.03em}
.buyer-quality__step h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}
.buyer-quality__step p{font-size:13px;color:#666;line-height:1.7;margin:0}
.dark-buyer-faq{background:#08090a;color:#fff;border-radius:clamp(0px,4vw,54px);padding:93px 0;margin:0 auto}
.dark-buyer-faq__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,120px)}
.dark-buyer-faq .eyebrow{color:#ff3341}
.inquiry-preview h2,.dark-faq h2{font-size:clamp(32px,3.1vw,46px);line-height:1.18;letter-spacing:-.045em;margin:13px 0 32px}
.inquiry-preview__form{border-radius:18px;background:#fff;color:#121212;padding:28px 27px 30px}
.inquiry-preview__line{border-bottom:1px solid #dbdbdb;padding:14px 2px;color:#888;font-size:14px}
.inquiry-preview__form>p{font-size:12px;color:#777;line-height:1.65;padding-top:10px}
.inquiry-preview__form .button{margin-top:10px}
.dark-faq details{padding:22px 0;border-bottom:1px solid #4e4e4e}
.dark-faq details[open] summary{color:#fff}
.dark-faq summary{font-size:16px;line-height:1.55;font-weight:900;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}
.dark-faq summary::after{content:'+';font-size:27px;color:var(--red);font-weight:900;line-height:1}
.dark-faq details[open] summary::after{content:'−'}
.dark-faq details p{font-size:14px;line-height:1.8;color:#c9c9c9;margin:14px 0 0;max-width:570px}
.dark-faq__more a{color:#ff3441;font-weight:900;text-decoration:none;font-size:14px}
.dark-faq__more a:hover{text-decoration:underline}
@media(max-width:1180px){
 .custom-experience__grid{grid-template-columns:1fr 1fr;gap:18px 35px}
 .custom-experience__intro{grid-column:1 / 3}
 .custom-experience__intro h2{max-width:750px}
 .custom-experience__preview{min-height:350px}
 .custom-experience__preview>img{height:330px}
}
@media(max-width:750px){
 .custom-experience{padding:65px 0}
 .custom-experience__grid{grid-template-columns:minmax(0,1fr)}
 .custom-experience__intro{grid-column:auto}
 .custom-experience__intro h2{font-size:36px}
 .custom-experience__preview{min-height:280px;padding:0 16px 36px}
 .custom-experience__preview-ring{width:min(80vw,320px);left:50%;top:1%;transform:translateX(-50%)}
 .custom-experience__preview>img{height:300px}
 .custom-experience__choices{width:100%}
 .buyer-quality__grid,.dark-buyer-faq__grid{grid-template-columns:1fr;gap:33px}
 .buyer-quality__steps{gap:10px}
 .dark-buyer-faq{padding:65px 0;border-radius:25px}
 .inquiry-preview h2,.dark-faq h2{font-size:33px}
}
@media(max-width:390px){
 .buyer-quality__steps{grid-template-columns:1fr}
 .custom-experience__preview>img{height:255px}
 .custom-experience__preview{min-height:270px}
 .inquiry-preview__form{padding:20px}
 .configurator__option{padding:9px 12px}
}

/* XUYI collection gallery: large editorial photo cards, matching target density,
   with separate real product photos for all four selectable categories. */
.showcase{background:#fff;padding:105px 0 110px}
.showcase__title{text-align:center;max-width:890px;margin:0 auto 48px}
.showcase__title h2{font-weight:900;letter-spacing:-.058em;line-height:1.12;font-size:clamp(35px,3.6vw,54px);margin:15px 0 17px}
.showcase__title h2 span{color:var(--red)}
.showcase__title p{color:#666;line-height:1.7;max-width:690px;margin:0 auto;font-size:15px}
.showcase__tabs{display:flex;justify-content:center;align-items:stretch;border-bottom:2px solid #e6e6e6;gap:clamp(4px,2vw,30px);margin:0 auto 32px;max-width:940px;overflow-x:auto;scrollbar-width:thin}
.showcase__tab{display:flex;justify-content:center;align-items:center;flex:1 0 auto;white-space:nowrap;padding:16px 16px 19px;border:0;border-bottom:4px solid transparent;background:transparent;color:#313234;font-size:16px;font-weight:800;letter-spacing:-.02em;margin:0 0 -2px}
.showcase__tab:hover,.showcase__tab.active,.showcase__tab[aria-selected="true"]{color:var(--red);border-bottom-color:var(--red)}
.showcase__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.showcase__tile{position:relative;display:block;background:var(--tile-tone,#f2f3f5);height:0;padding-bottom:111%;overflow:hidden;isolation:isolate;border-radius:10px;transform:translateZ(0);box-shadow:0 1px 3px #0000000b}
.showcase__tile:after{content:"";position:absolute;inset:43% 0 0;z-index:1;background:linear-gradient(180deg,transparent 2%,#fffffff0 87%);pointer-events:none}
.showcase__tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.showcase__tile:hover>img{transform:scale(1.055)}
.showcase__badge{position:absolute;z-index:3;left:15px;top:14px;padding:7px 10px;border-radius:5px;font-size:10px;font-weight:900;letter-spacing:.09em;background:#ffffffc9;color:#333;backdrop-filter:blur(4px)}
.showcase__caption{position:absolute;z-index:3;bottom:17px;left:20px;right:15px;display:grid;gap:7px}
.showcase__caption strong{font-size:clamp(15px,1.4vw,20px);letter-spacing:-.035em;line-height:1.16;font-weight:900}
.showcase__caption span{font-size:12px;font-weight:700;color:#51545a}
.showcase__tile--more{height:auto;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:var(--red)}
.showcase__tile--more:after{display:none}.showcase__tile--more .showcase__more-mark{font-size:45px;font-family:Arial Black,Arial,sans-serif;font-weight:900;opacity:.6;letter-spacing:-.09em}
.showcase__tile--more strong{font-size:28px;line-height:1.18;letter-spacing:-.05em}.showcase__tile--more>span:last-child{font-size:12px;font-weight:800}
.showcase__bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px}
.showcase__bottom>span{font-size:12px;color:#767676}
.showcase__bottom .button{min-width:230px}
/* Evidence-led company strength editorial presentation. No fabricated capacity. */
.strengths{background:#f6f7f8;padding:100px 0}
.strengths__top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,115px);align-items:end;margin-bottom:42px}
.strengths__top h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-.055em;line-height:1.15;font-weight:900;margin:15px 0 0}
.strengths__top h2 span{color:var(--red)}
.strengths__top p{color:#555;line-height:1.8;font-size:15px;margin:0 0 18px}
.strengths__body{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px}
.strengths__visual{position:relative;background:#eee;overflow:hidden;min-height:540px}
.strengths__visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.strengths__visual-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;align-items:end;background:linear-gradient(0deg,#101419dc,transparent);color:white;padding:74px 26px 26px}
.strengths__visual-foot>span{font-size:11px;font-weight:800;letter-spacing:.09em;max-width:145px}
.strengths__visual-foot>strong{font-size:54px;line-height:.82;font-weight:900}
.strengths__visual-foot>strong span{display:block;font-size:12px;letter-spacing:0;font-weight:700;margin-top:13px}
.strengths__list{border-top:1px solid #d7d8d9}
.strengths__item{display:grid;grid-template-columns:45px 1fr 23px;gap:17px;align-items:start;padding:26px 2px;border-bottom:1px solid #d6d8da;transition:background .2s}
.strengths__item:hover{background:#ffffffb8}
.strengths__item>span{font-size:16px;font-weight:900;color:var(--red)}
.strengths__item h3{font-size:20px;font-weight:900;letter-spacing:-.035em;margin:0 0 10px}
.strengths__item p{font-size:13px;line-height:1.65;color:#606266;margin:0}
.strengths__item>b{font-size:22px;color:var(--red);font-weight:600}
.strengths__disclaimer{font-size:12px;line-height:1.5;color:#8a8b8c;margin:19px 0 0}
/* Reserved verifiable brand wall, with clearly non-customer placeholders. */
.client-logo{background:#fff;padding:88px 0 105px}
.client-logo__heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:33px}
.client-logo__heading h2{font-size:clamp(35px,3.7vw,54px);font-weight:900;letter-spacing:-.06em;margin:12px 0 0}
.client-logo__red{color:var(--red)}
.client-logo__heading p{max-width:480px;font-size:15px;line-height:1.7;color:#5d5f61;margin:0}
.client-logo__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #e2e2e2}
.client-logo__cell{min-width:0;min-height:126px;border-right:1px solid #e4e4e4;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px}
.client-logo__cell:last-child{border-right:0}
.client-logo__cell img{max-width:100%;max-height:65px;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter .2s,opacity .2s}
.client-logo__cell:hover img{filter:none;opacity:1}
.client-logo__cell--pending{background:#fafafa}
.client-logo__symbol{font-size:32px;font-weight:900;letter-spacing:-.08em;color:#d8d9da;line-height:1}
.client-logo__pending{font-size:9px;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-weight:800;color:#95999b}
.client-logo__note{margin-top:17px;color:#848587;font-size:11px;line-height:1.7}
@media(max-width:1100px){
.showcase__tiles{gap:15px}
.showcase__caption{left:14px;right:12px}
.strengths__body{gap:25px}.strengths__item{padding:21px 1px}
.client-logo__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-logo__cell:nth-child(3){border-right:0}.client-logo__cell:nth-child(-n+3){border-bottom:1px solid #e4e4e4}
}
@media(max-width:750px){
.showcase{padding:67px 0 76px}.showcase__title{margin-bottom:27px}.showcase__title h2{font-size:clamp(31px,8vw,42px)}
.showcase__tabs{justify-content:flex-start;gap:6px;margin-bottom:22px}
.showcase__tab{flex:0 0 auto;font-size:13px;padding:14px 11px 15px}
.showcase__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.showcase__tile{border-radius:7px;padding-bottom:124%}
.showcase__badge{font-size:9px;padding:5px 7px;top:9px;left:9px}
.showcase__caption{left:11px;right:9px;bottom:12px;gap:5px}
.showcase__caption strong{font-size:14px}.showcase__caption span{font-size:10px}
.showcase__bottom{flex-direction:column;align-items:stretch;gap:14px}.showcase__bottom .button{min-width:0}
.strengths{padding:69px 0}.strengths__top,.strengths__body{grid-template-columns:1fr;gap:25px}.strengths__top h2{font-size:clamp(31px,7.5vw,43px)}
.strengths__visual{min-height:370px}.strengths__list{margin-top:0}
.strengths__item{grid-template-columns:32px 1fr 18px;gap:11px;padding:20px 2px}
.strengths__item h3{font-size:17px}
.client-logo{padding:67px 0}.client-logo__heading{display:block}.client-logo__heading p{margin-top:12px}
.client-logo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-logo__cell{min-height:110px}.client-logo__cell:nth-child(3){border-right:1px solid #e4e4e4}
.client-logo__cell:nth-child(2n){border-right:0}.client-logo__cell:nth-child(-n+4){border-bottom:1px solid #e4e4e4}
}
@media(max-width:370px){
.showcase__tiles{gap:8px}.showcase__caption strong{font-size:13px}.showcase__caption span{font-size:9px}
.showcase__tab{font-size:12px}.strengths__visual{min-height:320px}
}


/* HOMEPAGE RE-ALIGNMENT (Kreat's section order / measured editorial geometry).
   Intentionally scoped to new homepage classes to avoid changing 119 inner routes. */
.kreat-collections{background:#fff;padding:105px 0 112px}
.kreat-collections__heading{text-align:center;margin:0 auto 28px}
.kreat-collections__heading h2{font-size:clamp(30px,3.3vw,47px);font-weight:900;letter-spacing:-.05em;line-height:1.16;margin:12px 0 0}
.kreat-collections__heading h2 span{color:var(--red)}
.kreat-collections__tabs{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 40px;border-bottom:2px solid #efefef;overflow-x:auto;scrollbar-width:thin}
.kreat-collections__tab{flex:0 0 auto;margin:0;border:0;border-bottom:3px solid transparent;padding:18px 22px;color:#222;background:transparent;font-size:15px;font-weight:900;white-space:nowrap;min-height:54px}
.kreat-collections__tab:hover,.kreat-collections__tab.active,.kreat-collections__tab[aria-selected=true]{color:var(--red);border-bottom-color:var(--red)}
.kreat-collections__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 23px}
.kreat-collections__item{display:block;min-width:0}
.kreat-collections__photo{display:block;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;border-radius:12px}
.kreat-collections__photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.kreat-collections__item:hover img{transform:scale(1.04)}
.kreat-collections__item>strong{display:block;margin:12px 0 5px;font-size:15px;font-weight:900;line-height:1.35;letter-spacing:-.02em}
.kreat-collections__model{font-size:12px;color:#777;display:block}
.kreat-collections__more{padding-top:29px;text-align:right}
/* KREAT: compact Why Choose after photo grid, text left and three vertical business services right */
.target-why{background:#f7f7f7;padding:98px 0 105px}
.target-why__grid{display:grid;grid-template-columns:1fr .91fr;gap:clamp(55px,9vw,150px)}
.target-why__intro h2{font-size:clamp(35px,3.8vw,57px);line-height:1.15;letter-spacing:-.05em;margin:14px 0 24px}
.target-why__intro p{color:#56595a;font-size:15px;line-height:1.8;max-width:600px;margin:0 0 25px}
.target-why__services{display:grid;gap:27px}
.target-why__services article{padding:0}
.target-why__services h3{font-size:19px;letter-spacing:-.025em;margin:0 0 10px}
.target-why__services p{font-size:14px;line-height:1.7;color:#5c5c60;margin:0 0 10px}
.target-why__services a{font-size:13px;font-weight:900;color:var(--red)}
/* KREAT: 'Production Capacity' after sustainability. Honest capabilities, not invented statistics. */
.target-capacity{padding:107px 0 120px;background:#fff}
.target-capacity__layout{display:grid;grid-template-columns:1fr .89fr;align-items:center;gap:clamp(50px,9vw,150px)}
.target-capacity__visual{min-width:0}
.target-capacity__media{aspect-ratio:1.28;position:relative;background:#f4f4f4;overflow:hidden;border-radius:4px}
.target-capacity__media img{width:100%;height:100%;object-fit:cover}
.target-capacity__media>span{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:#ffffffd9;color:#777;font-size:10px;letter-spacing:.07em;font-weight:800;text-align:center}
.target-capacity__media-link{color:var(--red);font-size:13px;font-weight:800;display:inline-block;margin-top:15px}
.target-capacity__copy h2{font-size:clamp(35px,3.6vw,54px);letter-spacing:-.055em;line-height:1.15;margin:16px 0 21px}
.target-capacity__copy>p{font-size:15px;color:#57595c;line-height:1.75}
.target-capacity__facts{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px;margin:28px 0}
.target-capacity__facts article{border-top:2px solid var(--red);padding-top:13px}
.target-capacity__facts strong{display:block;color:var(--red);font-weight:900;font-size:19px;line-height:1.2;margin-bottom:9px}
.target-capacity__facts span{color:#56585a;font-size:12px;line-height:1.5}
.target-capacity__note{font-size:11px!important;color:#929292!important}
/* A restrained, accessible proof strip after the production block, not in the middle of the homepage. */
.client-logo{background:#fafafa;padding:45px 0 51px}
.client-logo__heading{margin-bottom:23px;align-items:center}
.client-logo__heading h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em}
.client-logo__heading p{font-size:13px;line-height:1.65;color:#777}
.client-logo__grid{border-color:#eee}
.client-logo__cell{min-height:80px;padding:13px;background:#fcfcfc}
.client-logo__cell--pending{background:#fcfcfc}
.client-logo__symbol{font-size:21px;color:#d4d4d4}
.client-logo__pending{font-size:8px;color:#9a9a9a}
.client-logo__note{margin-top:13px}
/* Target has no extra large CTA between its blog and footer. */
body:has(.kreat-collections) .cta-panel{display:none}
body:has(.kreat-collections) .kreat-intro{grid-template-columns:1fr 1fr;align-items:start;gap:8%}
body:has(.kreat-collections) .kreat-intro__media{min-height:270px}
body:has(.kreat-collections) .kreat-intro__media img{min-height:270px;max-height:300px;object-fit:contain}
body:has(.kreat-collections) .kreat-intro__copy h2{font-size:clamp(32px,3.6vw,51px)}
body:has(.kreat-collections) .kreat-intro__copy p{font-size:14px}
body:has(.kreat-collections) .kreat-intro__copy .button{margin-top:10px}
@media(max-width:1050px){
.kreat-collections__grid{gap:21px 17px}
.kreat-collections__tab{font-size:13px;padding:16px 17px}
.target-why__grid,.target-capacity__layout{gap:35px}
.target-why__intro h2{font-size:40px}
}
@media(max-width:750px){
.kreat-collections{padding:68px 0 76px}
.kreat-collections__heading h2{font-size:clamp(29px,7.3vw,40px)}
.kreat-collections__tabs{justify-content:flex-start;margin-bottom:22px}
.kreat-collections__tab{font-size:12px;padding:13px 14px;min-height:47px}
.kreat-collections__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
.kreat-collections__photo{border-radius:8px}
.kreat-collections__item>strong{font-size:13px;margin-top:10px}
.kreat-collections__model{font-size:10px}
.kreat-collections__more{text-align:left}
.target-why{padding:66px 0}
.target-why__grid,.target-capacity__layout{grid-template-columns:1fr;gap:36px}
.target-why__intro h2{font-size:38px}
.target-why__services{gap:24px}
.target-why__services article{border-top:1px solid #ddd;padding-top:20px}
.target-capacity{padding:66px 0}
.target-capacity__copy h2{font-size:38px}
.target-capacity__visual{order:2}
.target-capacity__copy{order:1}
.target-capacity__facts{gap:21px}
.client-logo{padding:37px 0 42px}
.client-logo__heading h2{font-size:29px}
.client-logo__heading p{font-size:12px}
body:has(.kreat-collections) .kreat-intro{grid-template-columns:1fr}
body:has(.kreat-collections) .kreat-intro__copy h2{font-size:36px}
body:has(.kreat-collections) .kreat-intro__media{margin-top:20px}
body:has(.kreat-collections) .kreat-intro__media img{min-height:0;max-height:280px}
}
@media(max-width:380px){
.kreat-collections__grid{gap:17px 9px}
.kreat-collections__item>strong{font-size:12px}
.kreat-collections__tab{font-size:11px;padding:12px 11px}
.target-capacity__facts strong{font-size:16px}
}


/* News & Blogs — target-site geometry: large editorial header, number rail
   on left and two large image cards in a horizontal carousel on right. */
.news-section{padding:86px 0 105px;background:#fff;border-radius:42px 42px 0 0}
.news-section__head{margin-bottom:48px}
.news-section__head h2{font-size:clamp(39px,4.4vw,67px);font-weight:900;letter-spacing:-.065em;line-height:1.14;margin:0 0 20px}
.news-section__symbol{display:inline-flex;width:.93em;height:.93em;vertical-align:-.14em;align-items:center;justify-content:center}
.news-section__symbol svg{width:100%;height:100%}
.news-section__head p{font-size:17px;line-height:1.6;color:#353535;max-width:780px;margin:0}
.news-section__layout{display:grid;grid-template-columns:minmax(170px,23%) minmax(0,1fr);gap:25px;align-items:start}
.news-section__aside{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:440px}
.news-section__counter{display:flex;align-items:baseline;gap:6px;line-height:1}
.news-section__counter strong{font-size:clamp(58px,5.8vw,84px);font-weight:800;letter-spacing:-.07em}
.news-section__counter span{font-size:33px;color:#848484}
.news-section__label{font-size:24px;letter-spacing:-.025em;line-height:1.16;font-weight:500;margin-top:21px}
.news-section__arrows{display:flex;gap:12px;margin-top:34px}
.news-section__arrows button{width:47px;height:47px;border:1px solid #c4c4c4;border-radius:100%;background:#fff;color:#1b1b1b;font-size:22px;font-weight:600;display:grid;place-items:center;transition:background .2s,border-color .2s}
.news-section__arrows button:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}
.news-section__arrows button:disabled{opacity:.35;cursor:not-allowed}
.news-section__all{margin-top:26px;color:var(--red);font-weight:900;font-size:14px}
.news-section__all:hover{text-decoration:underline}
.news-section__slider{display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:0 0 7px;min-width:0}
.news-section__slider::-webkit-scrollbar{display:none}
.news-card{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;overflow:hidden}
.news-card__image{display:block;width:100%;aspect-ratio:1.24/1;overflow:hidden;border-radius:29px;background:#eceff0}
.news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.news-card__image:hover img{transform:scale(1.045)}
.news-card__info{padding:22px 2px 4px}
.news-card__category{display:inline-flex;color:var(--red);font-size:11px;letter-spacing:.1em;font-weight:900;margin-bottom:12px}
.news-card h3{font-size:clamp(19px,1.6vw,25px);line-height:1.3;letter-spacing:-.025em;font-weight:900;margin:0 0 14px}
.news-card h3 a:hover{color:var(--red)}
.news-card__info p{color:#656565;font-size:14px;line-height:1.72;max-width:540px;margin:0 0 17px}
.news-card__read{display:inline-block;color:var(--red);font-size:14px;font-weight:900;padding:4px 0}
.news-card__read:hover{text-decoration:underline}
/* Use the same approved XUYI source imagery on the Blog list and article pages. */
.blog-listing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}
.blog-listing__grid .news-card{width:auto;flex:auto}
.blog-listing__grid .news-card__image{aspect-ratio:1.23}
.blog-detail__cover{max-width:980px;margin:0 auto 38px;border-radius:26px;overflow:hidden;aspect-ratio:2.2;background:#f0f2f2}
.blog-detail__cover img{width:100%;height:100%;object-fit:cover}
.blog-detail__note{font-size:12px!important;color:#898989!important;border-left:3px solid var(--red);padding:8px 12px;margin-bottom:30px!important}
@media(max-width:1050px){
.news-section__layout{grid-template-columns:minmax(140px,20%) minmax(0,1fr);gap:19px}
.news-section__slider{gap:19px}
.news-section__slider .news-card{flex-basis:calc((100% - 19px)/2)}
.news-section__head h2{font-size:52px}
.news-section__label{font-size:21px}
.blog-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:750px){
.news-section{padding:63px 0 70px;border-radius:24px 24px 0 0}
.news-section__head{margin-bottom:32px}
.news-section__head h2{font-size:clamp(35px,9vw,45px);margin-bottom:15px}
.news-section__head p{font-size:14px}
.news-section__layout{grid-template-columns:minmax(0,1fr);gap:24px}
.news-section__aside{min-height:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.news-section__counter{grid-column:1;grid-row:1}
.news-section__counter strong{font-size:52px}
.news-section__counter span{font-size:23px}
.news-section__label{grid-column:1;grid-row:2;font-size:16px;margin:0}
.news-section__arrows{grid-column:2;grid-row:1 / 3;margin:0}
.news-section__arrows button{width:42px;height:42px;font-size:20px}
.news-section__all{grid-column:1 / -1;margin-top:5px}
.news-section__slider{gap:16px}
.news-section__slider .news-card{flex:0 0 81%;max-width:380px}
.news-card__image{border-radius:20px}
.news-card__info{padding:18px 2px 3px}
.news-card h3{font-size:20px}
.news-card__info p{font-size:13px}
.blog-listing__grid{grid-template-columns:1fr;gap:32px}
.blog-listing__grid .news-card__image{aspect-ratio:1.35}
.blog-detail__cover{aspect-ratio:1.4;border-radius:17px}
}
@media(max-width:380px){.news-section__slider .news-card{flex-basis:88%}.news-section__head h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.news-section__slider{scroll-behavior:auto}}


/* XUYI Why Us long-form buyer pages — shared design system for four specialized topics */
.why-detail{color:#17191b;background:#fff}
.why-detail__hero{padding:34px 0 76px;background:linear-gradient(125deg,#fff 65%,#f8f8f9)}
.why-detail__crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 43px;color:#737373;font-size:12px}
.why-detail__crumb a{color:#6a6a6a;text-decoration:none}
.why-detail__crumb a:hover{color:var(--red)}
.why-detail__hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(32px,5vw,90px);align-items:center}
.why-detail__hero h1{font-size:clamp(37px,4.4vw,65px);font-weight:900;line-height:1.09;letter-spacing:-.058em;margin:17px 0 25px;max-width:840px}
.why-detail__answer{font-size:clamp(16px,1.25vw,18px);line-height:1.83;color:#50545a;max-width:720px;margin:0 0 27px}
.why-detail__hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.why-detail__hero-actions .button{font-size:13px;min-height:46px}
.why-detail__micro{margin:25px 0 0;color:#87898d;font-size:11px;letter-spacing:.02em;line-height:1.5}
.why-detail__hero-photo{position:relative;min-height:450px;background:#f0f1f2;overflow:hidden;border-radius:15px}
.why-detail__hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.why-detail__hero-photo>span{position:absolute;left:0;right:0;bottom:0;padding:12px;background:#ffffffdf;color:#6c6c6c;font-size:10px;line-height:1.5;text-align:center;font-weight:700}
.why-detail__trust{background:#111316;color:#fff;padding:27px 0}
.why-detail__trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.why-detail__trust-grid>div{border-right:1px solid #36393b;padding:9px 20px}
.why-detail__trust-grid>div:first-child{padding-left:0}
.why-detail__trust-grid>div:last-child{border-right:0}
.why-detail__trust strong{display:block;font-size:15px;font-weight:900;line-height:1.32;margin:0 0 6px}
.why-detail__trust span{display:block;font-size:12px;line-height:1.6;color:#adb1b5}
.why-detail__section{padding:91px 0}
.why-detail__section--soft{background:#f7f8f9}
.why-detail__heading{max-width:850px;margin-bottom:37px}
.why-detail__heading h2{font-size:clamp(29px,3vw,45px);font-weight:900;line-height:1.15;letter-spacing:-.047em;margin:12px 0 14px}
.why-detail__heading>p{font-size:15px;color:#62656a;line-height:1.7;margin:0;max-width:790px}
.why-detail__reading{columns:2;column-gap:70px}
.why-detail__reading p{font-size:15px;color:#424649;line-height:1.85;margin:0 0 19px;break-inside:avoid}
.why-detail__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-detail__card{padding:26px 22px 28px;border-radius:12px;background:white;border:1px solid #e6e8e9;box-shadow:0 3px 15px #00000004}
.why-detail__number{display:block;color:var(--red);font-size:12px;font-weight:900;margin-bottom:24px}
.why-detail__card h3{font-size:18px;font-weight:900;letter-spacing:-.026em;line-height:1.3;margin:0 0 14px}
.why-detail__card p{font-size:13px;line-height:1.8;color:#61656b;margin:0}
.why-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 43px;border-top:1px solid #e0e0e0}
.why-detail__steps article{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:26px 6px 28px 0;border-bottom:1px solid #e0e0e0}
.why-detail__steps article>span{font-size:34px;line-height:1;font-weight:900;color:var(--red)}
.why-detail__steps h3{font-size:19px;margin:0 0 11px;font-weight:900;letter-spacing:-.025em}
.why-detail__steps p{margin:0;font-size:14px;color:#5c6065;line-height:1.75}
.why-detail__table-wrap{width:100%;overflow:auto;border:1px solid #e0e1e3;border-radius:12px}
.why-detail__table{width:100%;min-width:670px;border-collapse:collapse;font-size:14px}
.why-detail__table thead{background:#111316;color:white}
.why-detail__table th{text-align:left;font-size:13px;padding:18px 19px;line-height:1.5}
.why-detail__table td{padding:17px 19px;border-bottom:1px solid #e2e3e6;color:#4b4e52;line-height:1.65;vertical-align:top}
.why-detail__table td:first-child{font-weight:900;color:#26292c;width:24%}
.why-detail__table tr:nth-child(even){background:#fff}
.why-detail__table tr:last-child td{border-bottom:0}
.why-detail__fine{color:#83868a;font-size:12px;line-height:1.7;margin-top:16px}
.why-detail__columns{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,105px)}
.why-detail__bullets{padding-left:18px;margin:0}
.why-detail__bullets li{font-size:14px;color:#43464a;line-height:1.8;margin:0 0 13px;padding-left:6px}
.why-detail__bullets li::marker{color:var(--red)}
.why-detail__decision{background:#131518;color:#fff;border-radius:17px;padding:37px 34px;align-self:start}
.why-detail__decision h3{font-size:29px;line-height:1.16;letter-spacing:-.038em;margin:14px 0 22px}
.why-detail__decision p{font-size:14px;line-height:1.86;color:#d0d3d5;margin:0 0 18px}
.why-detail__decision a{color:#ff4352;font-weight:800;font-size:13px}
.why-detail__section--faq{background:#fafafa}
.why-detail__faq{max-width:1040px}
.why-detail__faq details{border-bottom:1px solid #d8dadd;padding:21px 0}
.why-detail__faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;line-height:1.46;font-weight:900}
.why-detail__faq summary::after{content:'+';font-size:26px;color:var(--red)}
.why-detail__faq details[open] summary::after{content:'−'}
.why-detail__faq p{max-width:920px;margin:13px 0 2px;color:#565a60;line-height:1.8;font-size:14px}
.why-detail__related-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.why-detail__related-products a{background:#f3f4f5;padding:19px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;border-radius:9px}
.why-detail__related-products a:hover{background:#fbe9ea}
.why-detail__related-products span{font-size:15px;font-weight:900}
.why-detail__related-products strong{font-size:12px;color:var(--red)}
.why-detail__related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.why-detail__related>a{border-top:2px solid #e2e2e2;padding:17px 6px;display:grid;gap:9px}
.why-detail__related>a[aria-current="page"]{border-top-color:var(--red)}
.why-detail__related strong{font-size:14px;color:#27272a}
.why-detail__related span{font-size:12px;line-height:1.6;color:#73777b}
.why-detail__related>a:hover strong{color:var(--red)}
.why-detail__end{background:#101113;color:white;text-align:center;padding:80px 0 82px}
.why-detail__end h2{font-size:clamp(32px,3.8vw,51px);margin:13px auto 17px;line-height:1.15;letter-spacing:-.05em;max-width:780px}
.why-detail__end>div>p:not(.why-detail__fine){color:#dedede;max-width:770px;line-height:1.7;font-size:15px;margin:0 auto 29px}
.why-detail__end .why-detail__fine{max-width:660px;margin:17px auto 0;color:#8e9195}
@media(max-width:1090px){
.why-detail__hero-grid{gap:29px}
.why-detail__hero-photo{min-height:360px}
.why-detail__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.why-detail__trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.why-detail__trust-grid>div:nth-child(2){border-right:0}
.why-detail__related-products,.why-detail__related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:750px){
.why-detail__hero{padding:22px 0 48px}
.why-detail__hero-grid{grid-template-columns:1fr;gap:28px}
.why-detail__hero h1{font-size:clamp(35px,9vw,48px)}
.why-detail__hero-photo{min-height:0;aspect-ratio:1.23}
.why-detail__hero-actions{align-items:stretch}
.why-detail__hero-actions .button{flex:1 1 100%;text-align:center}
.why-detail__crumb{margin-bottom:28px}
.why-detail__trust{padding:22px 0}
.why-detail__trust-grid>div{padding:8px!important}
.why-detail__trust strong{font-size:13px}
.why-detail__trust span{font-size:11px}
.why-detail__section{padding:62px 0}
.why-detail__heading{margin-bottom:27px}
.why-detail__heading h2{font-size:32px}
.why-detail__heading>p{font-size:14px}
.why-detail__reading{columns:1}
.why-detail__reading p{font-size:14px}
.why-detail__cards{gap:12px}
.why-detail__card{padding:18px 16px}
.why-detail__card h3{font-size:15px}
.why-detail__steps{grid-template-columns:1fr}
.why-detail__steps article{grid-template-columns:41px 1fr;gap:12px;padding:21px 0}
.why-detail__steps article>span{font-size:27px}
.why-detail__steps h3{font-size:17px}
.why-detail__columns{grid-template-columns:1fr;gap:25px}
.why-detail__decision{padding:27px 24px}
.why-detail__decision h3{font-size:27px}
.why-detail__faq summary{font-size:16px}
.why-detail__end{padding:66px 0}
}
@media(max-width:390px){
.why-detail__trust-grid{gap:8px}
.why-detail__cards{grid-template-columns:1fr}
.why-detail__related-products,.why-detail__related{grid-template-columns:1fr}
.why-detail__hero h1{font-size:33px}
}


/* Original six Kreat group brand-carousel logos — continuous accessible marquee. */
.client-logo__heading p{max-width:540px}
.client-logo__viewport{position:relative;width:100%;overflow:hidden;border:1px solid #e5e6e8;background:#fff;border-radius:5px}
.client-logo__track{display:flex;width:max-content;animation:xuyi-brand-marquee 34s linear infinite;will-change:transform}
.client-logo__set{display:flex;flex:none}
.client-logo__set .client-logo__cell{flex:0 0 clamp(175px,16vw,228px);width:clamp(175px,16vw,228px);height:122px;min-height:0;box-sizing:border-box;border-right:1px solid #eceff0;padding:23px;justify-content:center}
.client-logo__set .client-logo__cell img{width:100%;max-width:200px;max-height:61px;object-fit:contain;filter:none;opacity:1}
.client-logo__viewport:hover .client-logo__track,.client-logo__viewport:focus-within .client-logo__track{animation-play-state:paused}
.client-logo__note a{font-weight:800;color:#cf2633;text-decoration:underline;text-underline-offset:2px}
@keyframes xuyi-brand-marquee{to{transform:translateX(-50%)}}
@media(max-width:750px){.client-logo__set .client-logo__cell{flex-basis:166px;width:166px;height:105px;padding:18px}}
@media(prefers-reduced-motion:reduce){.client-logo__viewport{overflow-x:auto}.client-logo__track{animation:none;will-change:auto}}


/* Home hero: accessible 3-slide navigation with a visible timer and clear arrows. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero__controls{left:auto;right:clamp(20px,4vw,64px);bottom:24px;display:flex;align-items:center;gap:5px;padding:6px;background:#fffffff2;border:1px solid #e2e2e2;border-radius:999px;box-shadow:0 7px 25px #0000001b;letter-spacing:0}
.hero__dot{position:relative;min-width:49px;height:40px;border:0;border-radius:99px;background:transparent;color:#52565b;font-size:13px;font-weight:900;cursor:pointer;overflow:hidden;transition:background .2s,color .2s}
.hero__dot:hover{background:#fce1e4;color:#c8182a}
.hero__dot.active,.hero__dot[aria-pressed="true"]{color:#d0182a;background:#fbe8eb}
.hero__dot.active::after{content:"";position:absolute;left:9px;right:9px;bottom:5px;height:3px;background:#f31927;border-radius:6px}
.hero.is-playing .hero__dot.active::after{right:auto;width:calc(100% - 18px);animation:hero-progress 5.5s linear both;transform-origin:left center}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero__arrow{top:50%;width:48px;height:52px;border-radius:14px;background:#232323c9;color:#fff;font-size:36px;box-shadow:0 5px 22px #0002;transition:background .2s,transform .2s}
.hero__arrow--prev{left:12px}.hero__arrow--next{right:12px}
.hero__arrow:hover{background:#df182b;transform:translateY(-50%) scale(1.04)}
.hero__arrow:focus-visible,.hero__dot:focus-visible{outline:3px solid #b41524;outline-offset:3px}
.hero.hero--animating .hero__copy h1,.hero.hero--animating .hero__art img{animation:hero-fade-in .48s ease-out both}
@keyframes hero-fade-in{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:750px){
 .hero__controls{left:50%;right:auto;bottom:12px;transform:translateX(-50%);padding:5px}
 .hero__dot{min-width:45px;height:36px;font-size:12px}
 .hero__arrow{top:67%;width:36px;height:45px;font-size:29px;border-radius:9px;background:#232323cb}
 .hero__arrow--prev{left:4px}.hero__arrow--next{right:4px}
}
@media(prefers-reduced-motion:reduce){
 .hero.hero--animating .hero__copy h1,.hero.hero--animating .hero__art img,
 .hero.is-playing .hero__dot.active::after{animation:none!important}
}

@media(prefers-reduced-motion:reduce){.client-logo__track{animation:none;transform:none;flex-wrap:wrap;width:100%;justify-content:center}.client-logo__set:last-child{display:none}.client-logo__set{flex-wrap:wrap;justify-content:center}}


/* XUYI editorial reading layout — 2026-10-09 */
.blog-editorial .blog-detail__cover{max-width:1100px;aspect-ratio:2.5;margin-bottom:42px}
.blog-editorial__layout{display:grid;grid-template-columns:minmax(210px,265px) minmax(0,790px);gap:clamp(28px,5vw,74px);justify-content:center;align-items:start}
.blog-editorial__aside{min-width:0;position:sticky;top:calc(var(--header) + 20px);align-self:start;max-height:calc(100vh - var(--header) - 40px);max-height:calc(100dvh - var(--header) - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.blog-toc{position:static;background:#f5f6f7;padding:26px;border:1px solid #e9e9e9;border-radius:16px}
.blog-toc .eyebrow{font-size:11px;letter-spacing:.12em}
.blog-toc nav{display:grid;gap:12px;margin:18px 0}
.blog-toc nav a{display:block;font-size:13px;line-height:1.5;color:#555;border-left:2px solid #ddd;padding-left:12px}
.blog-toc nav a:hover,.blog-toc nav a:focus-visible{border-color:var(--red);color:var(--red)}
.blog-toc__quote{font-size:13px;color:var(--red);font-weight:800}
.blog-editorial__body{width:100%;max-width:790px;margin:0}
.blog-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:800;letter-spacing:.05em;color:#717171;margin:0 0 20px}
.blog-meta span:first-child{color:var(--red)}
.blog-lede{font-size:19px!important;color:#202020!important;line-height:1.85;margin:0 0 32px}
.blog-takeaway{background:#f9f1f2;border-left:4px solid var(--red);padding:20px 24px;border-radius:0 12px 12px 0;margin:20px 0 36px}
.blog-takeaway strong{font-size:17px}
.blog-takeaway ul{margin:10px 0 0;padding-left:20px}
.blog-takeaway li{padding:3px 0;font-size:15px}
.blog-section{scroll-margin-top:130px;border-top:1px solid #eee;padding-top:6px;margin-top:34px}
.blog-section h2{margin-top:20px}
.blog-checklist{padding:22px 30px;margin-top:40px;background:#f7f8f9;border-radius:16px}
.blog-checklist h2{margin-top:5px}
.blog-checklist ul{padding-left:22px}
.blog-checklist li{padding:5px 0}
.blog-faq{margin-top:38px}
.blog-faq details{border-bottom:1px solid #ddd;padding:17px 0}
.blog-faq summary{font-size:16px;font-weight:800;cursor:pointer;list-style-position:outside}
.blog-faq details p{margin:13px 0 3px}
.blog-context-links{margin-top:34px;padding:0 0 10px;border-bottom:1px solid #ddd}
.blog-context-links h2{font-size:21px}
.blog-context-links a{display:inline-block;border:1px solid #e0e0e0;border-radius:100px;margin:0 8px 12px 0;padding:10px 16px;font-size:14px;font-weight:700}
.blog-context-links a:hover{background:#fff1f2;color:#bb1626;border-color:#efb7bf}
.blog-editorial__cta{margin:42px 0 12px;background:#191b20;color:white;padding:35px;border-radius:18px}
.blog-editorial__cta h2{margin:0 0 14px;color:#fff}
.blog-editorial__cta p{color:#f0f0f0}
.blog-editorial__cta .button{margin-top:7px}
.blog-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-related__item{min-width:0;background:#fff;border-radius:14px;overflow:hidden}
.blog-related__item a{display:block}
.blog-related__item img{width:100%;height:175px;object-fit:cover}
.blog-related__item strong{display:block;padding:17px 18px 0;font-size:17px;line-height:1.4}
.blog-related__item a:hover strong{color:var(--red)}
.blog-related__item p{font-size:14px;color:#666;line-height:1.6;margin:10px 18px 22px}
.blog-related__all{margin-top:25px;color:var(--red);font-weight:800}
@media(max-width:1020px){
 .blog-editorial__layout{grid-template-columns:minmax(0,1fr)}
 .blog-editorial__aside{display:none}
 .blog-editorial__body{max-width:790px;margin:0 auto}
}
@media(max-width:750px){
 .blog-editorial .blog-detail__cover{aspect-ratio:1.65;margin-bottom:28px}
 .blog-lede{font-size:17px!important}
 .blog-takeaway{padding:18px}
 .blog-checklist{padding:18px 22px}
 .blog-editorial__cta{padding:25px 20px}
 .blog-related__grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .blog-related__item img{height:200px}
}

/* XUYI structured product content */
.product-detail .spec th{width:37%;padding:13px 15px;background:#f8f8f8;border-bottom:1px solid #ebebeb;color:#424242;font-weight:700;text-align:left;vertical-align:top;font-size:13px}
.product-detail .spec td{padding:13px 15px;overflow-wrap:anywhere}
.product-overview .product-detail__main{background:#f7f7f8;border-radius:16px;overflow:hidden}
.product-overview .product-detail__main img{width:100%;object-fit:contain}
.product-overview .notice{line-height:1.65}
.product-content .benefit,.product-ordering .benefit{padding:25px;line-height:1.7}
.product-content .benefit p,.product-ordering .benefit p{font-size:14px;color:#5b5b5b}
.product-content__cta{margin:27px 0 0;font-size:14px;font-weight:800;line-height:1.7}
.product-content__cta a:not(.button){color:var(--red)}
.product-content__cta a:not(.button):hover{text-decoration:underline}
@media(max-width:750px){.product-detail .spec th{width:39%;padding:11px 9px}.product-detail .spec td{padding:11px 9px;font-size:13px}}


/* Six B2B capability guides – responsive layouts */
.capability-intro .shell{max-width:1020px}
.capability-intro h1{max-width:1050px}
.cap-intro__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}
.cap-intro-image{padding-top:14px;padding-bottom:12px}
.cap-hero{overflow:hidden;border-radius:20px;background:#f4f5f6;max-height:465px}
.cap-hero img{width:100%;height:clamp(255px,33vw,465px);object-fit:cover;object-position:center}
.cap-overview{display:grid;grid-template-columns:45% 1fr;align-items:start;gap:38px;max-width:1110px;margin:0 auto}
.cap-overview p{font-size:17px;line-height:1.9;color:#4e5258;margin:0}
.cap-options__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cap-option{background:#fff;padding:26px;border:1px solid #ebebeb;border-radius:16px;min-width:0;display:flex;flex-direction:column;gap:12px}
.cap-option h3{margin:0;font-size:19px;line-height:1.35}
.cap-option p{margin:0;line-height:1.8;font-size:15px;color:#505660;flex:1}
.cap-option__verify{display:grid;gap:5px;padding-top:15px;border-top:1px solid #eee;line-height:1.6;font-size:13px;color:#555}
.cap-option__verify strong{color:#cd172b}
.cap-knowledge__layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:start}
.cap-knowledge__aside{position:sticky;top:calc(var(--header) + 20px);align-self:start;min-width:0;max-height:calc(100dvh - var(--header) - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.cap-knowledge__toc{padding:20px 19px;background:#f6f7f8;border-radius:14px;border:1px solid #e6e7e9}
.cap-knowledge__toc .eyebrow{display:block;margin-bottom:15px;font-size:11px}
.cap-knowledge__toc nav{display:grid;gap:12px;margin-bottom:18px}
.cap-knowledge__toc nav a{font-size:12px;color:#48505a;line-height:1.5;padding-left:10px;border-left:2px solid #d2d4d6}
.cap-knowledge__toc nav a:hover{color:#df162a;border-color:#e2182b}
.cap-knowledge__toc>a:last-child{font-size:13px;font-weight:800;color:#df162a}
.cap-knowledge__content{min-width:0}
.cap-chapter{position:relative;scroll-margin-top:calc(var(--header) + 35px);padding:26px 0 35px;border-bottom:1px solid #e6e6e6}
.cap-chapter:first-child{padding-top:0}
.cap-chapter__num{display:inline-block;font-weight:900;color:#e51a2c;letter-spacing:.1em;font-size:14px;margin-bottom:7px}
.cap-chapter h2{font-size:clamp(23px,2.3vw,32px);line-height:1.35;margin:0 0 18px;color:#17191b}
.cap-chapter>p{font-size:16px;line-height:1.9;color:#4f5357;max-width:850px}
.cap-chapter__checks{background:#faf7f8;border-left:3px solid #e51a2c;padding:16px 20px;margin-top:22px}
.cap-chapter__checks strong{font-size:14px}
.cap-chapter__checks ul{margin:10px 0 0;padding-left:20px}
.cap-chapter__checks li{line-height:1.75;font-size:14px;margin-top:5px;color:#52565c}
.cap-detail-figure{margin:30px 0 8px;border-radius:16px;overflow:hidden;background:#f3f3f4;padding:17px}
.cap-detail-figure img{height:260px;width:100%;object-fit:contain}
.cap-detail-figure figcaption{text-align:center;font-size:12px;line-height:1.55;color:#697179;margin:13px 5px 0}
.cap-process__list{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none}
.cap-process__list li{min-width:0;background:#fff;border:1px solid #ececec;border-radius:13px;padding:20px 17px}
.cap-process__list li>span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fae8eb;color:#db1a30;font-weight:900;margin-bottom:18px}
.cap-process__list h3{font-size:16px;line-height:1.45;margin:0 0 10px}
.cap-process__list p{font-size:13px;line-height:1.7;color:#596068;margin:0}
.cap-brief__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.cap-brief__layout p{color:#555d64;font-size:16px;line-height:1.75}
.cap-brief__layout .button{margin-top:16px}
.cap-brief__list{background:#f7f7f8;border:1px solid #e7e7e7;border-radius:18px;padding:25px 30px}
.cap-brief__list ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.cap-brief__list li{display:flex;gap:13px;align-items:start;color:#34383c;line-height:1.6}
.cap-brief__list li span{color:#db1c2f;font-weight:900}
.cap-faq__items{max-width:920px;margin:0 auto}
.cap-faq__items details{padding:20px 0;border-bottom:1px solid #dedede}
.cap-faq__items summary{cursor:pointer;font-weight:800;font-size:17px;line-height:1.5}
.cap-faq__items details p{color:#555;line-height:1.85;margin:15px 0 4px}
.cap-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cap-related__grid a{border:1px solid #e4e4e4;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px;font-weight:800}
.cap-related__grid a:hover{border-color:#eb142e;color:#eb142e}
.cap-end__body{background:#181b20;color:white;border-radius:19px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.cap-end__body h2{font-size:clamp(24px,3vw,36px);color:white;max-width:660px}
.cap-end__body p{color:#e4e5e7;max-width:640px;line-height:1.8}
.cap-end__body .button{flex-shrink:0}
@media(max-width:1050px){.cap-process__list{grid-template-columns:repeat(3,minmax(0,1fr))}.cap-knowledge__layout{grid-template-columns:215px minmax(0,1fr);gap:25px}}
@media(max-width:820px){.cap-knowledge__layout{grid-template-columns:minmax(0,1fr)}.cap-knowledge__aside{display:none}.cap-overview{grid-template-columns:1fr;gap:12px}.cap-brief__layout{grid-template-columns:1fr;gap:25px}.cap-process__list{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-end__body{display:block}.cap-end__body .button{margin-top:15px}}
@media(max-width:600px){.cap-intro__actions .button{width:100%;text-align:center}.cap-options__grid{grid-template-columns:1fr}.cap-process__list{grid-template-columns:1fr}.cap-related__grid{grid-template-columns:1fr}.cap-brief__list{padding:20px}.cap-detail-figure img{height:195px}.cap-hero img{height:260px}.cap-end__body{padding:26px}}


/* Six independent capability service modules */
.svc-models,.svc-decision,.svc-quality{background:#fff}
.svc-models .section__head,.svc-decision .section__head,.svc-quality .section__head{margin-bottom:28px}
.svc-models__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.svc-models--logo .svc-models__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px}
.svc-model{display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden;background:#fafbfc;border:1px solid #e7e7e8;border-radius:17px;transition:border-color .2s,transform .2s}
.svc-model:hover{border-color:#df2333;transform:translateY(-3px)}
.svc-model img{width:100%;height:260px;object-fit:contain;padding:15px;background:#f4f5f6}
.svc-model__text{display:grid;gap:6px;padding:21px 23px 26px}
.svc-model__text strong{font-size:18px;line-height:1.35;color:#151719}
.svc-model__text small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#d71931}
.svc-model__text>span{font-size:14px;line-height:1.8;color:#62666e;max-width:36ch}
.svc-model__arrow{position:absolute;right:18px;bottom:21px;color:#d71d30}
.svc-models--color .svc-model img{height:230px}
.svc-questions__grid{display:grid;gap:14px}
.svc-questions--open .svc-questions__grid{max-width:940px}
.svc-questions--numbered .svc-questions__grid,.svc-questions--tiles .svc-questions__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.svc-answer{min-width:0;border:1px solid #e8e8eb;background:#fff;border-radius:13px;padding:21px 23px}
.svc-questions--open .svc-answer{padding:20px 24px}
.svc-questions--tiles{background:#f8f9fa}
.svc-questions--tiles .svc-answer{background:#fff;border-top:3px solid #d71e34}
.svc-questions--numbered .svc-answer{border-left:3px solid #202a35}
.svc-answer summary{cursor:pointer;font-size:17px;font-weight:750;line-height:1.5;padding-right:18px}
.svc-answer h3{font-size:17px;line-height:1.45;margin:8px 0 12px}
.svc-answer>p{font-size:14px;line-height:1.8;color:#525963;margin:12px 0 0}
.svc-answer__num{font-size:13px;color:#c51d31;font-weight:850;letter-spacing:.06em}
.svc-next{background:#f8f9fa}
.svc-next__three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc-next__three article{border:1px solid #e9e9ea;border-radius:15px;background:#fff;padding:23px}
.svc-next__three article>span{color:#cc142b;font-weight:900;font-size:15px}
.svc-next__three h3{font-size:18px;line-height:1.45;margin:12px 0}
.svc-next__three p{font-size:14px;color:#57616b;line-height:1.8}
.svc-next a,.svc-reading a{font-weight:750}
.svc-next__three a,.svc-next__split a,.svc-next__two a{color:#bd1d30;font-size:14px}
.svc-next__split,.svc-next__two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,5vw,75px);align-items:start}
.svc-next__split h2,.svc-next__two h2{font-size:clamp(23px,2.5vw,32px);line-height:1.3}
.svc-next__split p,.svc-next__two p{color:#59616b;line-height:1.85}
.svc-next__two>div{background:#fff;border-radius:15px;padding:26px;border:1px solid #e8e8e8}
.svc-next__two h3{font-size:20px}
.svc-next__docs{padding:25px 28px;background:#fff;border:1px solid #e4e4e4;border-radius:16px}
.svc-next__docs h3{margin:0 0 17px}
.svc-next__docs li{margin:10px 0;color:#4b5560}
.svc-next__links{display:grid;gap:15px}
.svc-next__links a{display:block;background:white;border:1px solid #e7e8e9;border-radius:12px;padding:19px 23px}
.svc-next__links a:hover{border-color:#d5293c}
.svc-note{font-size:13px;line-height:1.8;color:#666d74;margin:20px 0 0}
.svc-note a{color:#b91d31;font-weight:750}
.svc-decision__table{border:1px solid #dfe2e5;border-radius:14px;overflow:hidden}
.svc-decision__row{display:grid;grid-template-columns:1fr 1.15fr 1.5fr;gap:15px;padding:20px 25px;border-bottom:1px solid #e4e6e8;align-items:start}
.svc-decision__row:last-child{border-bottom:0}
.svc-decision__row:nth-child(odd):not(.svc-decision__row--head){background:#f8f9fa}
.svc-decision__row>strong{font-size:15px;line-height:1.6}
.svc-decision__row>span{font-size:14px;color:#525b64;line-height:1.7}
.svc-decision__row--head{background:#18212b;color:#fff}
.svc-decision__row--head strong{font-size:12px;font-weight:750;letter-spacing:.065em;text-transform:uppercase;color:#fff}
.svc-decision--pack .svc-decision__row strong a{color:#ce1b30}
.svc-quality__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.svc-quality__item{min-width:0;display:grid;grid-template-columns:40% 1fr;border:1px solid #e6e8ea;border-radius:18px;overflow:hidden}
.svc-quality__item>div:first-child{background:#f3f5f7}
.svc-quality__item img{width:100%;height:100%;min-height:260px;object-fit:contain;padding:14px}
.svc-quality__item>div:nth-child(2){padding:24px}
.svc-quality__item h3{font-size:19px;margin:8px 0 15px;line-height:1.4}
.svc-quality__item ul{padding-left:19px;margin:0 0 18px}
.svc-quality__item li{line-height:1.7;font-size:13px;color:#53606a;margin:9px 0}
.svc-quality__item a{color:#b91d31;font-size:13px;font-weight:800}
.svc-reading{background:#fff}
.svc-reading--lines{background:#f8f9fa}
.svc-reading__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svc-reading__items a{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e4e4e7;border-radius:15px;padding:23px;background:#fff}
.svc-reading__items a:hover{border-color:#c82036}
.svc-reading__items a>span:first-child{display:grid;gap:8px}
.svc-reading__items a strong{font-size:17px;color:#222}
.svc-reading__items a small{font-size:13px;font-weight:450;color:#606874;line-height:1.65}
.svc-reading__items a>span:last-child{font-size:23px;color:#c51930}
.svc-reading--lines .svc-reading__items{display:block;border-top:1px solid #dfe1e4}
.svc-reading--lines .svc-reading__items a{border:0;border-radius:0;border-bottom:1px solid #dfe1e4;background:transparent}
.svc-inline-reading{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 0;font-size:13px;color:#68707a;line-height:1.8}
.svc-inline-reading a{color:#b31b30}
@media(max-width:1050px){
 .svc-models__grid{gap:12px}
 .svc-model img{height:210px}
 .svc-quality__grid{grid-template-columns:1fr}
}
@media(max-width:780px){
 .svc-models__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .svc-next__three{grid-template-columns:1fr}
 .svc-next__split,.svc-next__two{grid-template-columns:1fr}
 .svc-decision__row{grid-template-columns:1fr 1.2fr;gap:8px 15px}
 .svc-decision__row span:last-child{grid-column:1/-1}
 .svc-decision__row--head strong:last-child{display:none}
 .svc-questions--numbered .svc-questions__grid,.svc-questions--tiles .svc-questions__grid{grid-template-columns:1fr}
 .svc-reading__items{grid-template-columns:1fr}
}
@media(max-width:530px){
 .svc-models__grid,.svc-models--logo .svc-models__grid{grid-template-columns:1fr}
 .svc-model img{height:235px}
 .svc-decision__row{padding:17px 16px}
 .svc-quality__item{grid-template-columns:1fr}
 .svc-quality__item img{height:240px;min-height:0}
 .svc-next__two>div{padding:19px}
}
\n/* XUYI shared footer: contacts in former Quick Links column, legal at bottom right. */\n.footer__contact p{margin:5px 0}.footer__contact a{overflow-wrap:anywhere}.footer__bottom{align-items:center}.footer__legal{display:inline-flex;align-items:center;gap:9px;justify-content:flex-end;white-space:nowrap}.footer__legal a{font-size:12px}.footer__legal>span{color:#777}\n@media(max-width:700px){.footer__bottom{flex-wrap:wrap;gap:12px}.footer__legal{width:100%;justify-content:flex-start}}\n
/* Images in homepage carousels share the approved CTA destination. */
.hero__art-link{display:block;width:100%;height:100%}.hero__art-link img{display:block;width:100%;height:100%;object-fit:contain}

/* Keep eight primary links and the language switch accessible before the mobile breakpoint. */
@media(min-width:1051px) and (max-width:1240px){.nav{gap:9px}.header__inner{gap:12px}.header__actions{gap:7px}}

/* XUYI desktop header rhythm: retain logo size, move navigation toward logo.
   Distribute spare room between navigation and the right-side actions,
   rather than leaving a large unused gap between logo and Home. */
@media(min-width:1051px){
 .header__inner{justify-content:flex-start}
 .header__inner>.logo,.header__inner>.header__actions{flex-shrink:0}
 .header__inner>.nav{margin-left:clamp(12px,2.7vw,48px);margin-right:auto;flex-shrink:0}
}
@media(min-width:1241px) and (max-width:1450px){
 .header__inner{gap:18px}
 .header__inner>.nav{margin-left:12px;gap:10px}
 .nav__link,.nav__toggle{font-size:12px}
 .header__actions{gap:9px}
 .header .button{padding-inline:14px}
}
@media(min-width:1051px) and (max-width:1240px){
 .header__inner>.nav{margin-left:clamp(8px,1.2vw,16px)}
}
@media(min-width:1051px) and (max-width:1150px){
 .header__inner{gap:5px}
 .header__inner>.nav{margin-left:0;gap:7px}
 .nav__link,.nav__toggle{font-size:11px;gap:4px}
 .header__actions{gap:4px}
 .header .button{padding-inline:6px}
 .logo{font-size:34px}
}

/* English labels are shorter than the other four languages. Give the
   desktop links room to breathe instead of squeezing Home beside the logo
   and leaving the entire unused width after Contact Us. The shared header,
   sticky behavior and all localized nav geometry stay unchanged. */
@media(min-width:1051px){
 html[lang="en"] .header__inner>.nav{
  margin-left:clamp(8px,2.7vw,48px);
  margin-right:auto;
  gap:clamp(15px,2.4vw,38px);
 }
}
/* Spanish and Portuguese labels are substantially longer. Preserve their
   left alignment while preventing right-hand controls from overflowing. */
@media(min-width:1451px) and (max-width:1750px){
 html[lang="es"] .header__inner>.nav,
 html[lang="pt"] .header__inner>.nav{gap:13px}
 html[lang="es"] .nav__link,html[lang="es"] .nav__toggle,
 html[lang="pt"] .nav__link,html[lang="pt"] .nav__toggle{font-size:13px}
}

/* Buyer-oriented content rather than unsupported factory metrics. */
.buyer-paths-section{background:#fafafa}
.buyer-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.buyer-path{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e6e7e9;background:#fff;padding:30px 28px;min-width:0;transition:border-color .2s,transform .2s}
.buyer-path:hover{border-color:#f31927;transform:translateY(-2px)}
.buyer-path__number{font-size:12px;font-weight:800;letter-spacing:.12em;color:#d01927}
.buyer-path h3{font-size:21px;line-height:1.25;margin:18px 0 12px}
.buyer-path p{font-size:14px;line-height:1.75;color:#575b60;margin:0 0 24px;flex:1}
.buyer-path__link{font-size:13px;font-weight:850;color:#c71726}
.kreat-collections__heading>p{max-width:710px;font-size:15px;line-height:1.65;color:#585b60;margin:14px 0 0}
.catalog-buyer-guide__cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 0}
.product-detail__quote-note{font-size:13px;line-height:1.75;color:#565b61;margin:-7px 0 21px}
@media(max-width:900px){.buyer-paths{grid-template-columns:1fr}.buyer-path{padding:24px}}

/* Content-rich editorial modules: used only where real source catalog or
   primary regulatory material adds information to that page. */
.blog-evidence{background:#f5f7f9;border-left:4px solid #c92133;padding:28px 30px;margin:35px 0}
.blog-evidence h2{margin:12px 0 15px;font-size:25px;line-height:1.35}
.blog-evidence h3{font-size:17px;margin:22px 0 10px}
.blog-evidence p,.blog-evidence li{font-size:14px;line-height:1.8;color:#384450}
.blog-evidence ul{padding-left:20px}
.blog-evidence a,.quality-reference-cards a{color:#b41b30;text-decoration:underline;text-underline-offset:3px}
.blog-evidence__caveat,.quality-buyer-evidence__note,.production-buyer-evidence__note,.rs-model-proof__note{font-size:13px;line-height:1.75;color:#5d6570;margin:20px 0}
.quality-reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.quality-reference-cards article{min-width:0;background:#f7f8fa;border:1px solid #e4e6e9;padding:24px;display:flex;flex-direction:column;gap:12px}
.quality-reference-cards h3{font-size:20px;margin:0;line-height:1.35}
.quality-reference-cards p{font-size:14px;line-height:1.75;color:#4b535a;margin:0;flex:1}
.quality-reference-cards a{font-size:13px;font-weight:650}
.rs-model-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.rs-model-proof__card{display:flex;flex-direction:column;gap:12px;padding:21px;border:1px solid #e3e6e8;background:#fff}
.rs-model-proof__card strong{font-size:17px;line-height:1.4}
.rs-model-proof__card>span:last-child{color:#b41b30;font-size:13px;line-height:1.5}
.production-buyer-evidence .button{margin-top:12px}
@media(max-width:900px){.quality-reference-cards{grid-template-columns:1fr}.rs-model-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.rs-model-proof{grid-template-columns:1fr}.blog-evidence{padding:20px}}