/* Wuxi Yuanji — editorial industrial redesign. No external CSS dependencies. */
:root{--ink:#143247;--deep:#102d43;--blue:#1169ad;--blue2:#1b80c3;--muted:#627585;--line:#dbe5eb;--mist:#f3f7f8;--ice:#e9f3f8;--paper:#fff;--wide:1390px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,'Noto Sans SC','Microsoft YaHei','PingFang SC',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body.nav-lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#c5e3f6;color:#124467}:focus-visible{outline:3px solid #62ade0;outline-offset:3px}
.wrap{max-width:var(--wide);width:calc(100% - 104px);margin:auto}.thin-wrap{max-width:1100px;width:calc(100% - 104px);margin:auto}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--blue);display:flex;gap:14px;align-items:center}.eyebrow:before{content:"";display:block;width:30px;height:2px;background:var(--blue);flex:none}.eyebrow.inverse{color:#a4d6f8}.eyebrow.inverse:before{background:#a4d6f8}.kicker{font-size:11px;letter-spacing:.18em;font-weight:750;text-transform:uppercase;color:#7d919e}.smallcaps{font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase}.lead{font-size:18px;line-height:1.9;color:#4f6576}.paragraph{font-size:16px;line-height:2;color:#5e7181}.h2{font-size:clamp(33px,3.9vw,56px);letter-spacing:-.048em;line-height:1.23;margin:18px 0;font-weight:730}.zh .h2{letter-spacing:-.038em}.title-accent{color:var(--blue)}.section{padding:115px 0}.section.soft{background:var(--mist)}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:42px}.section-title-row p{max-width:400px;margin:0 0 8px}.section h2{margin:17px 0 0}.section--slim{padding:80px 0}.section--tight{padding:65px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:0 24px;border-radius:2px;font-weight:690;font-size:14px;transition:background .22s var(--ease),transform .22s var(--ease),color .22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);border:1px solid var(--blue);color:white}.btn.primary:hover{background:#09578f}.btn.line{border:1px solid #aec6d5;background:transparent;color:var(--ink)}.btn.line:hover{border-color:var(--blue);color:var(--blue)}.btn.white{background:white;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:15px;font-weight:700;color:var(--blue);font-size:13px}.text-link span{font-size:23px;line-height:1;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}
/* global header */
.top-edge{height:4px;background:var(--blue)}.site-header{height:94px;background:#fff;border-bottom:1px solid #e4ebee;z-index:80;position:relative}.site-header.sticky{position:sticky;top:0}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;min-width:216px}.brand img{width:214px;height:auto}.header-nav{display:flex;align-items:center;gap:clamp(14px,1.65vw,29px)}.header-nav a{font-weight:670;font-size:14px;letter-spacing:-.01em;white-space:nowrap;color:#4a6173;position:relative;padding:37px 0}.header-nav a.active{color:var(--blue)}.header-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:29px;height:2px;background:var(--blue);transition:right .22s}.header-nav a.active:after,.header-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.locale{display:flex;align-items:center;border-left:1px solid var(--line);padding-left:22px;gap:10px}.locale a{font-size:12px;color:#8498a5;font-weight:800;letter-spacing:.05em}.locale a[aria-current='page']{color:var(--blue)}.locale .slash{color:#bed0dd;font-weight:400}.header-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid #c8dbe7;padding:12px 16px;font-size:12px;font-weight:750;color:var(--blue);white-space:nowrap}.header-cta:hover{border-color:var(--blue)}.menu-button{display:none;border:1px solid #d3e0e8;background:white;border-radius:2px;width:42px;height:42px;align-items:center;justify-content:center;color:var(--deep);font-size:21px}
/* opening hero */
.hero{background:#f1f6f8;overflow:hidden;position:relative}.hero-inner{min-height:615px;display:grid;grid-template-columns:1fr .91fr;gap:0}.hero-copy{padding:101px 56px 75px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .eyebrow{margin-bottom:33px}.hero-copy h1{font-size:clamp(47px,4.55vw,72px);font-weight:745;letter-spacing:-.062em;line-height:1.17;margin:0;max-width:820px}.hero-copy h1 .breakline{display:block;color:var(--blue)}.hero-copy p{font-size:17px;line-height:1.9;max-width:545px;color:#5d7180;margin:27px 0 34px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-foot{margin-top:53px;display:flex;align-items:center;gap:15px;color:#597080;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hero-foot i{height:1px;width:34px;background:#89a4b6}.hero-visual{min-height:615px;position:relative;display:grid;grid-template-columns:1fr .38fr;grid-template-rows:1fr 1fr;overflow:hidden;background:#1a3544}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#071b2d78 100%);z-index:1;pointer-events:none}.hero-visual .hero-main{grid-row:1/3;grid-column:1;object-fit:cover;width:100%;height:100%}.hero-visual .hero-side{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.hero-visual .hero-side.a{grid-column:2;grid-row:1}.hero-visual .hero-side.b{grid-column:2;grid-row:2}.hero-visual img{transition:transform .8s var(--ease)}.hero-visual:hover img{transform:scale(1.025)}.hero-mark{position:absolute;z-index:2;top:0;left:0;padding:17px 19px;background:#fff;color:#215d89;font-size:11px;letter-spacing:.12em;font-weight:850}.hero-label{position:absolute;z-index:2;bottom:32px;left:31px;color:white}.hero-label b{font-size:17px;display:block;margin-bottom:8px;font-weight:660}.hero-label span{font-size:10px;letter-spacing:.17em;opacity:.86;text-transform:uppercase}.hero-slide-mark{position:absolute;z-index:2;bottom:31px;right:22px;font-size:11px;letter-spacing:.09em;color:#fff8}.hero-image-note{position:absolute;z-index:2;top:27px;right:24px;color:#dce9f2cc;font-size:10px;letter-spacing:.05em}
/* trust strip */
.trust{border-bottom:1px solid var(--line);background:white}.trust-inner{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:stretch;min-height:105px}.trust-intro,.trust-item{display:flex;justify-content:center;flex-direction:column;border-right:1px solid #e5edf2;padding:21px 20px}.trust-intro{padding-left:0}.trust-item:last-child{border:0}.trust-intro span{font-size:11px;letter-spacing:.12em;color:#8294a1;font-weight:800;text-transform:uppercase}.trust-intro strong{margin-top:6px;font-size:14px;letter-spacing:.01em}.trust-item strong{font-size:19px;line-height:1.18;color:#1c4f74;letter-spacing:-.04em;font-weight:790}.trust-item span{font-size:11px;margin-top:7px;color:#8696a1}
/* three editorial columns */
.product-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px}.product-tile{position:relative;min-height:470px;overflow:hidden;background:#e8edf0;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.product-tile figure{position:absolute;inset:0;margin:0;overflow:hidden;z-index:-1}.product-tile figure img{width:100%;height:100%;object-fit:cover;filter:brightness(.92) saturate(.85);transition:transform .7s var(--ease)}.product-tile:hover figure img{transform:scale(1.045)}.product-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071c2d45 0%,#0c2a3c15 35%,#071e2de6 100%)}.product-tile .index{padding:29px;color:white;font-weight:750;font-size:11px;letter-spacing:.16em}.product-tile .tile-body{padding:30px;color:white}.product-tile .tile-body h3{font-size:clamp(28px,2.35vw,37px);letter-spacing:-.04em;line-height:1.35;margin:0 0 10px;font-weight:710}.product-tile .tile-body p{margin:0 0 22px;color:#e2eaf0;font-size:13px;line-height:1.7;max-width:250px}.tile-cta{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:750}.tile-cta span{font-size:19px}.tile-materials{padding:30px;border:1px solid #dbe5ea;background:#f5f8fa}.tile-materials h3{font-size:20px;margin:0 0 22px}.tile-materials p{font-size:14px;line-height:1.9;color:var(--muted)}
/* editorial split */
.split{display:grid;grid-template-columns:.88fr 1.12fr;gap:11%;align-items:center}.split.rev{grid-template-columns:1.1fr .9fr}.split .h2{max-width:570px}.split p{max-width:600px}.split-visual{position:relative;min-height:430px;background:#e2e9ed;overflow:hidden}.split-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.split-visual:after{content:"";height:5px;background:var(--blue);width:100%;position:absolute;bottom:0;left:0}.visual-caption{position:absolute;left:24px;bottom:24px;background:#fff;padding:17px 20px;z-index:2;max-width:70%;box-shadow:0 8px 26px #001b301e}.visual-caption .smallcaps{font-size:10px;color:#3a74a2}.visual-caption strong{display:block;font-size:15px;margin-top:5px;line-height:1.4}.feature-list{margin:29px 0 31px;border-top:1px solid var(--line)}.feature-list .feature{padding:17px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.feature strong{font-size:15px}.feature span{color:var(--blue);font-size:12px;letter-spacing:.12em;font-weight:750}
/* process stepper */
.process-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:52px}.process-head h2{max-width:590px}.process-head p{max-width:330px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid #9bb9cc}.process-step{position:relative;padding:32px 23px 10px 0;min-height:185px}.process-step:before{content:"";position:absolute;height:10px;width:10px;top:-6px;left:0;border:2px solid var(--blue);border-radius:50%;background:#fff}.process-step .no{font-size:12px;font-weight:820;color:#2c81b5;letter-spacing:.07em}.process-step h3{font-size:19px;font-weight:700;line-height:1.4;margin:17px 0 11px;letter-spacing:-.035em}.process-step p{font-size:12px;line-height:1.85;color:#758797;max-width:175px}
/* precision quote */
.quality-band{background:var(--deep);color:white;position:relative;overflow:hidden}.quality-band:after{content:"";position:absolute;width:520px;height:520px;right:-200px;top:-120px;border:1px solid #93c6e21c;border-radius:50%;box-shadow:0 0 0 70px #93c6e20b,0 0 0 140px #93c6e20b,0 0 0 210px #93c6e208;pointer-events:none}.quality-inside{display:grid;grid-template-columns:1.14fr .86fr;gap:6%;align-items:center;padding:94px 0;position:relative;z-index:1}.quality-inside h2{font-size:clamp(34px,3.75vw,55px);line-height:1.27;max-width:660px;letter-spacing:-.05em;margin:23px 0}.quality-inside p{max-width:595px;color:#afc5d4;font-size:16px;line-height:1.9}.quality-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff3c;gap:0}.quality-link{border-bottom:1px solid #ffffff3c;padding:21px 12px 21px 0}.quality-link strong{display:block;font-size:21px;letter-spacing:-.025em}.quality-link span{color:#b5cddd;font-size:11px;display:block;margin-top:5px}
/* industries */
.industry-list{border-top:1px solid var(--line)}.industry-line{display:grid;grid-template-columns:80px 1fr minmax(180px,.5fr) 36px;gap:15px;align-items:center;padding:29px 10px 29px 0;border-bottom:1px solid var(--line);transition:background .2s}.industry-line:hover{background:#f5fafd}.industry-line .n{color:#78a1ba;font-size:12px;font-weight:800}.industry-line h3{font-size:25px;letter-spacing:-.035em;margin:0;font-weight:720}.industry-line p{margin:0;color:#8091a0;font-size:13px}.industry-line .arrow{font-size:26px;color:var(--blue);font-weight:300}
/* dark CTA / footer */
.cta-banner{background:#dfeef6;padding:69px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-inner h2{font-size:clamp(29px,3.2vw,46px);font-weight:740;letter-spacing:-.045em;margin:8px 0}.cta-inner p{font-size:14px;color:#567184;margin:0}.footer{background:#102d43;color:#dceaf4}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:64px;padding:72px 0 64px}.footer .brand img{background:#fff;padding:5px;width:186px}.footer-brand p{max-width:320px;color:#adc1cf;font-size:13px;line-height:1.9}.footer h4{font-size:12px;letter-spacing:.09em;color:#fff;text-transform:uppercase;margin:0 0 24px}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav a,.footer address,.footer .contact-link{color:#adc1cf;font-style:normal;font-size:13px;line-height:1.85}.footer-nav a:hover,.footer .contact-link:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px;font-size:11px;color:#90a9bc}.footer-bottom a:hover{color:white}.footer-bottom .legal{display:flex;gap:17px;flex-wrap:wrap}
/* subpage hero and editorial layouts */
.subhero{background:#f0f6f8;overflow:hidden}.subhero-inner{display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;min-height:410px}.subhero-copy{display:flex;flex-direction:column;justify-content:center;padding:66px 70px 70px 0}.subhero-copy h1{font-size:clamp(43px,4.5vw,66px);font-weight:760;letter-spacing:-.055em;line-height:1.21;margin:22px 0}.subhero-copy p{color:#607786;font-size:17px;line-height:1.85;max-width:610px;margin:0}.subhero-img{position:relative;min-height:410px;overflow:hidden}.subhero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.subhero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09283965,transparent 60%)}.subhero-img span{position:absolute;bottom:24px;left:24px;z-index:1;color:#fffe;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:650}.breadcrumb{font-size:11px;color:#8aa0ad;letter-spacing:.06em;padding:18px 0}.breadcrumb a:hover{color:var(--blue)}.breadcrumb b{color:var(--blue);font-weight:720}.number-detail{padding:27px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px 1fr;gap:18px}.number-detail em{font-size:13px;font-style:normal;color:var(--blue);font-weight:830}.number-detail strong{font-size:21px}.number-detail p{color:#728492;line-height:1.9;font-size:13px;margin:9px 0 0}.text-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 75px}.text-pair{border-top:2px solid #b7ccd9;padding-top:24px}.text-pair .kicker{color:var(--blue);display:block;margin-bottom:20px}.text-pair h3{font-size:23px;line-height:1.5;letter-spacing:-.035em}.text-pair p{font-size:15px;line-height:2;color:#6c8190}
/* products gallery */
.product-page-intro{max-width:740px;margin-bottom:40px}.filter-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:37px}.filter-tabs button{border:1px solid #d5e2eb;background:#fff;color:#637a88;padding:12px 18px;font-weight:720;font-size:12px;transition:all .16s}.filter-tabs button[aria-pressed='true'],.filter-tabs button:hover{color:white;background:var(--blue);border-color:var(--blue)}.product-row{display:grid;grid-template-columns: .93fr 1.07fr;border-top:1px solid var(--line);align-items:stretch;min-height:335px;padding:24px 0;gap:65px}.product-row[hidden]{display:none!important}.product-row-img{height:300px;background:#e8eff3;overflow:hidden;position:relative}.product-row-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-row:hover img{transform:scale(1.035)}.product-row-body{display:flex;flex-direction:column;justify-content:center;padding:15px 0}.product-row-body .kicker{color:var(--blue)}.product-row-body h3{font-size:33px;letter-spacing:-.04em;margin:12px 0 15px}.product-row-body p{font-size:14px;line-height:1.95;color:#637986;margin:0 0 20px;max-width:550px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 23px}.tag{border:1px solid #d1dfe8;padding:7px 10px;color:#6c8494;font-size:11px;letter-spacing:.05em}.catalog-note{background:#edf5f8;padding:26px 28px;font-size:13px;color:#5c7689;line-height:1.8;margin-top:40px}
/* quality page */
.quality-big{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cert{padding:37px 30px;border:1px solid #d8e4eb;background:#fff;min-height:230px}.cert .cert-id{font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:760}.cert h3{font-size:36px;margin:21px 0 13px;letter-spacing:-.05em}.cert p{font-size:13px;line-height:1.8;margin:0;color:#758795}.cert-note{margin:23px 0 0;font-size:12px;color:#8194a3}.workflow{border-top:1px solid #cddde7}.workflow .step{display:grid;grid-template-columns:70px .7fr 1.2fr;gap:24px;align-items:center;border-bottom:1px solid #cddde7;padding:25px 0}.workflow .step span{font-size:12px;color:var(--blue);font-weight:750}.workflow .step strong{font-size:20px}.workflow .step p{font-size:13px;line-height:1.8;color:#6f8190;margin:0}
/* industry/application */
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sector{background:#f1f5f8;position:relative;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:end}.sector img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;filter:brightness(.83) saturate(.8)}.sector:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#0a263cde 96%);z-index:1}.sector-text{z-index:2;color:white;padding:28px}.sector-text small{font-size:11px;letter-spacing:.17em}.sector h3{font-size:31px;letter-spacing:-.05em;margin:18px 0 12px}.sector p{font-size:13px;line-height:1.85;color:#d3e1e8;margin:0}
/* contact */
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:start}.contact-layout h2{margin-top:14px}.contact-rows{border-top:1px solid var(--line);margin:38px 0}.contact-row{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.contact-row dt{font-size:12px;letter-spacing:.06em;color:#8da0ab;font-weight:720}.contact-row dd{margin:0;font-size:16px;line-height:1.8;color:var(--deep);font-weight:580;overflow-wrap:anywhere}.contact-row dd a{color:var(--blue)}.inquiry-form{padding:32px;background:var(--mist)}.inquiry-form h3{font-size:24px;letter-spacing:-.04em;margin:0 0 9px}.inquiry-form .intro{color:#778997;font-size:12px;line-height:1.85;margin:0 0 23px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}.field label{color:#41596b;font-size:12px;font-weight:710}.field input,.field textarea{width:100%;padding:14px 15px;border:1px solid #cddce6;border-radius:0;background:white;color:var(--deep);outline:none;transition:border-color .17s}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d77b313}.field textarea{resize:vertical;min-height:112px}.form-foot{display:flex;align-items:center;gap:15px;margin-top:22px}.form-foot small{font-size:11px;color:#7e919e;line-height:1.7}.inquiry-form .btn{cursor:pointer}
/* utils */
.notice{font-size:12px;color:#8294a1;line-height:1.8}.image-pair{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;min-height:390px}.image-pair img{width:100%;height:390px;object-fit:cover}.stat-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8e3e9;border-bottom:1px solid #d8e3e9}.stat-rail div{padding:29px 26px;border-right:1px solid #d8e3e9}.stat-rail div:first-child{padding-left:0}.stat-rail div:last-child{border:0}.stat-rail strong{display:block;font-size:20px;letter-spacing:-.025em;margin-bottom:7px}.stat-rail p{font-size:12px;color:#798b97;line-height:1.6;margin:0}
@media(max-width:1290px){.wrap{width:calc(100% - 72px)}.thin-wrap{width:calc(100% - 72px)}.brand{min-width:192px}.brand img{width:192px}.header-nav{gap:16px}.header-nav a{font-size:12.5px}.header-cta{display:none}.hero-copy h1{font-size:60px}.hero-copy{padding-right:35px}.footer-main{gap:36px}}
@media(max-width:1020px){.site-header{height:80px}.menu-button{display:inline-flex}.header-actions{margin-left:auto}.locale{border:0;padding-left:0}.header-nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;border-top:1px solid var(--line);box-shadow:0 18px 25px #0c30421c;padding:18px 36px 25px;flex-direction:column;align-items:stretch;gap:0;z-index:80}.site-header.menu-open .header-nav{display:flex}.header-nav a{font-size:16px;padding:13px 0}.header-nav a:after{bottom:8px}.hero-inner{grid-template-columns:1fr .8fr}.hero-copy{padding:65px 25px 52px 0}.hero-copy h1{font-size:49px}.hero-copy p{font-size:15px}.hero-visual{min-height:580px}.hero-inner{min-height:580px}.hero-foot{margin-top:30px}.trust-inner{grid-template-columns:repeat(4,1fr)}.trust-intro{display:none}.split{gap:6%}.section{padding:80px 0}.product-tile{min-height:380px}.quality-inside{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1.25fr 1fr 1fr;gap:45px}.footer-main>div:last-child{grid-column:1/-1}.product-row{gap:35px}}
@media(max-width:740px){.wrap,.thin-wrap{width:calc(100% - 40px)}.site-header{height:71px}.header-nav{top:71px;padding:18px 21px 25px}.header-inner{gap:12px}.brand{min-width:0}.brand img{width:160px}.locale{gap:8px}.locale a{font-size:11px}.menu-button{width:38px;height:38px}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:66px 0 43px}.hero-copy .eyebrow{margin-bottom:25px}.hero-copy h1{font-size:clamp(40px,10vw,58px);letter-spacing:-.062em}.hero-copy p{font-size:15px;line-height:1.9;margin:23px 0 26px}.hero-foot{margin-top:28px}.hero-visual{min-height:360px;max-height:430px;margin:0 -20px;grid-template-columns:1fr .32fr}.hero-mark{padding:13px 15px}.hero-image-note{top:15px;right:15px}.trust-inner{grid-template-columns:repeat(2,1fr);min-height:0}.trust-item{padding:19px 12px;border-bottom:1px solid var(--line)}.trust-item strong{font-size:18px}.trust-item:nth-child(odd){border-right:0}.trust-item:nth-last-child(-n+2){border-bottom:0}.section,.section--tight{padding:66px 0}.section--slim{padding:58px 0}.section-title-row{display:block;margin-bottom:27px}.section-title-row p{margin-top:15px}.h2{font-size:37px}.product-grid{display:grid;grid-template-columns:1fr;gap:13px}.product-tile{min-height:310px}.product-tile .tile-body h3{font-size:32px}.product-tile .tile-body{padding:24px}.product-tile .index{padding:24px}.split,.split.rev,.contact-layout{display:flex;flex-direction:column;gap:36px}.split .h2{max-width:100%}.split-visual{min-height:330px;width:100%}.process-head{display:block;margin-bottom:36px}.process-grid{grid-template-columns:1fr;border-top:0;border-left:2px solid #9bb9cc;margin-left:5px}.process-step{min-height:0;padding:0 0 27px 25px}.process-step:before{left:-7px;top:3px}.process-step h3{margin:9px 0}.process-step p{max-width:unset;margin:0}.quality-inside{display:block;padding:64px 0}.quality-inside h2{font-size:40px}.quality-links{margin-top:35px}.industry-line{grid-template-columns:30px 1fr 28px;gap:12px;padding:25px 0}.industry-line p{grid-column:2;grid-row:2}.industry-line .arrow{grid-column:3;grid-row:1}.industry-line h3{font-size:22px}.cta-inner{display:block}.cta-inner h2{font-size:35px}.cta-inner .btn{margin-top:23px}.footer-main{grid-template-columns:1fr 1fr;gap:37px;padding:55px 0}.footer-brand{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom .legal{margin-top:13px}.subhero-inner{display:flex;flex-direction:column}.subhero-copy{padding:55px 0 40px}.subhero-copy h1{font-size:46px}.subhero-copy p{font-size:15px}.subhero-img{min-height:235px;margin:0 -20px}.text-pairs,.quality-big,.sector-grid{grid-template-columns:1fr}.product-row{grid-template-columns:1fr;gap:0;min-height:0;padding:17px 0 33px}.product-row-img{height:245px}.product-row-body{padding:21px 0 8px}.product-row-body h3{font-size:28px}.workflow .step{grid-template-columns:32px 1fr;gap:9px}.workflow .step p{grid-column:2}.image-pair{display:grid;grid-template-columns:1fr;min-height:0}.image-pair img{height:280px}.stat-rail{grid-template-columns:1fr}.stat-rail div{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.stat-rail div:last-child{border-bottom:0}.inquiry-form{padding:24px 20px;margin:0 -20px;width:calc(100% + 40px)}.formgrid{grid-template-columns:1fr}.form-foot{flex-direction:column;align-items:flex-start}.contact-row{grid-template-columns:100px 1fr}.sector{min-height:330px}}
@media(max-width:390px){.brand img{width:137px}.hero-copy h1{font-size:38px}.header-actions{gap:8px}.hero-visual{min-height:310px}.btn{padding:0 17px;gap:15px;min-height:50px}.hero-actions{gap:9px}.subhero-copy h1{font-size:40px}.trust-item strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* === YUANJI REVISION V4 / PPT VISUAL ASSET INTEGRATION === */
:root { --yuanji-blue:#155f96; --yuanji-blue-soft:#eff6fa; }
.yj-home-banner{position:relative;height:clamp(390px,41.5vw,670px);background:#244c60;overflow:hidden}
.yj-carousel-track,.yj-slide,.yj-slide picture,.yj-slide img{position:absolute;inset:0;width:100%;height:100%}
.yj-slide{opacity:0;pointer-events:none;transition:opacity .7s ease-in-out}.yj-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.yj-slide img{object-fit:cover;object-position:50% 50%;display:block}
.yj-carousel-controls{position:absolute;z-index:3;right:max(24px,calc((100vw - 1270px)/2));bottom:24px;display:flex;align-items:center;gap:11px;background:#0927398c;border:1px solid #fff3;backdrop-filter:blur(12px);border-radius:999px;padding:9px 13px}
.yj-carousel-controls button{border:0;appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;background:transparent;min-width:30px;min-height:30px}
.yj-carousel-controls svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.yj-carousel-controls .yj-pager{min-width:28px;padding:0}.yj-pager span{height:3px;border-radius:99px;width:23px;background:#ffffff70;transition:.3s}
.yj-pager.is-active span{background:white;width:29px}
.yj-carousel-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.yj-home-intro{background:#f6fafc;border-bottom:1px solid #e1eaf0}
.yj-home-intro-wrap{padding-top:65px;padding-bottom:61px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:10%;align-items:end}
.yj-home-content h1{font-size:clamp(42px,4.4vw,64px);line-height:1.18;letter-spacing:-.055em;font-weight:740;margin:17px 0 18px}
.yj-home-content h1 span{color:#15609a}.yj-home-content p{color:#526b7a;font-size:16px;line-height:1.95;max-width:750px;margin:0}
.yj-home-cta{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:27px}.yj-ghost-btn{font-size:14px;font-weight:700;color:#155d90;display:flex;align-items:center;gap:15px}.yj-home-side{border-top:2px solid #155f96;padding-top:14px}.yj-smallcaps{display:block;color:#155f96;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.yj-home-side div{padding:13px 0;border-bottom:1px solid #d9e5eb;font-weight:650;font-size:14px;display:flex;justify-content:space-between;gap:16px}.yj-home-side div em{font-style:normal;font-size:11px;color:#8aa0ad;letter-spacing:.08em}
.quality-inside{grid-template-columns:1fr!important}.quality-inside>div:first-child{max-width:870px}.quality-band{padding-block:5px}
/* source images in products: respect actual product geometry; avoid dark photographic overlays */
.products-list .product-row-img{background:#f4f6f8}.product-row-img img{object-fit:cover;object-position:center}
.product-tile img{object-position:center}.product-tile:nth-of-type(1) figure{background:#ebf2f5}.product-tile:nth-of-type(1) img{object-fit:cover}
@media (max-width:1020px){.yj-home-intro-wrap{grid-template-columns:minmax(0,1fr) 240px;gap:5%;padding-top:52px;padding-bottom:53px}}
@media (max-width:740px){.yj-home-banner{height:295px}.yj-carousel-controls{right:18px;bottom:15px;padding:5px 9px;gap:5px}.yj-home-intro-wrap{display:block;padding-top:42px;padding-bottom:43px}.yj-home-content h1{font-size:clamp(37px,9vw,52px)}.yj-home-content p{font-size:15px;line-height:1.82}.yj-home-side{margin-top:30px}.yj-home-cta{margin-top:21px}.yj-home-banner .yj-slide img{object-position:center}}
@media (max-width:390px){.yj-home-banner{height:260px}.yj-home-content h1{font-size:37px}}
@media (prefers-reduced-motion:reduce){.yj-slide,.yj-pager span{transition:none}}


.yj-process-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.yj-process-photos figure{margin:0;overflow:hidden;background:#edf3f7;position:relative;min-height:180px;aspect-ratio:1.45}
.yj-process-photos img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.yj-process-photos figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 16px 13px;background:linear-gradient(transparent,rgba(4,26,39,.75));color:#fff;font-size:13px;font-weight:700}
.yj-process-photos.inspection{grid-template-columns:repeat(3,1fr)}
.yj-process-photos.inspection figure{aspect-ratio:1.6;background:#f6f9fb}.yj-process-photos.inspection img{object-fit:contain}
.yj-process-photos.inspection figcaption{background:linear-gradient(transparent,rgba(4,26,39,.76));font-size:14px}
@media(max-width:740px){.yj-process-photos{grid-template-columns:repeat(2,1fr);gap:9px}.yj-process-photos.inspection{grid-template-columns:repeat(2,1fr)}}

/* === V5 STRUCTURE & CERTIFICATION BADGES === */
.quality-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cert-card{display:flex;align-items:center;gap:24px;padding:24px 26px;border:1px solid #d8e4eb;background:#fff;min-height:170px;box-shadow:0 10px 22px rgba(16,45,67,.04)}
.cert-highlight{background:linear-gradient(180deg,#f7fbfe,#eef6fb)}
.cert-logo{width:116px;height:116px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.cert-logo span{font-weight:820;font-size:34px;line-height:1;letter-spacing:-.04em}
.cert-logo small{display:block;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mark-iso{background:linear-gradient(145deg,#0d5d96,#2c89c4)}
.mark-as{background:linear-gradient(145deg,#163f63,#1169ad)}
.mark-nadcap{background:linear-gradient(145deg,#0b3859,#1f7fbb);position:relative}
.mark-nadcap:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}
.cert-copy{min-width:0}.cert-copy .cert-id{font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:760}.cert-copy h3{font-size:34px;margin:12px 0 10px;letter-spacing:-.05em}.cert-copy p{font-size:14px;line-height:1.8;margin:0;color:#758795}
@media(max-width:740px){.quality-badge-grid{grid-template-columns:1fr}.cert-card{padding:20px;gap:18px;min-height:0}.cert-logo{width:92px;height:92px;border-radius:20px}.cert-logo span{font-size:28px}.cert-logo small{font-size:10px}.cert-copy h3{font-size:28px}}

/* Mobile image-grid fix: aspect-ratio must not force an implicit minimum column width. */
@media(max-width:740px){
  .yj-process-photos figure,
  .yj-process-photos.inspection figure{min-width:0;min-height:0;}
}
/* Ensure responsive process photo grid never causes horizontal scroll on tablets. */
.yj-process-photos figure,.yj-process-photos.inspection figure{min-width:0;min-height:0;}

/* V8 sector cards refinement */
.sector-grid{margin-top:8px}
.sector{text-decoration:none;transition:transform .32s var(--ease), box-shadow .32s var(--ease)}
.sector:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(11,36,55,.14)}
.sector:hover img{transform:scale(1.04)}
.sector img{transition:transform .7s var(--ease)}
.sector-text p{max-width:unset}