:root{--navy:#132f43;--ink:#183446;--muted:#556874;--blue:#24627c;--line:#d9e2e8;--paper:#f1f4f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #347f9d;outline-offset:5px}button{cursor:pointer}.skip{position:fixed;top:-80px;left:10px;background:white;z-index:100;padding:10px}.skip:focus{top:0}header{height:96px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:16px;font-weight:700;font-size:20px;letter-spacing:2px;line-height:1.3}.brand-symbol{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-4px}.brand-symbol span{color:#297b9b}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:7px}nav{display:flex;gap:27px;font-size:13px;font-weight:600}nav a{padding:12px 0}nav a:last-child{color:var(--blue)}.controls{display:flex;gap:10px}.controls button{border:1px solid var(--line);background:white;min-height:42px;min-width:45px}#menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.hero-text{padding:76px 7% 25px 9%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:var(--blue);margin:0 0 25px}h1{font-size:clamp(38px,4.1vw,68px);line-height:1.2;letter-spacing:-2.5px;margin:0 0 26px;font-weight:700}p{margin:0;color:var(--muted)}.intro{font-size:15px;max-width:460px;line-height:1.9}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy);color:white;border:0;padding:15px 23px;min-height:50px;font-size:13px;font-weight:600}.button:hover{background:#2c718c}.text-link{font-size:12px;border-bottom:1px solid #8c9ba6;padding:8px 0}.hero-bottom{display:flex;justify-content:space-between;width:100%;gap:20px;font-size:8px;letter-spacing:1.3px;color:#6a7c88;margin-top:auto;padding-top:45px}.hero figure{margin:0;background:var(--navy);position:relative;overflow:hidden}.hero img{height:100%;width:100%;object-fit:cover;display:block}.hero figcaption{position:absolute;bottom:23px;right:25px;color:#c7dae6;font-size:10px}.industry-strip{background:var(--navy);color:#d2e0e8;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5%;font-size:12px}.industry-strip span{text-align:center;border-right:1px solid #3e5364}.industry-strip span:last-child{border:0}.section{padding:95px 6%;scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:45px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{font-size:14px;max-width:440px;justify-self:end}h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1px;line-height:1.35;margin:0 0 24px}h3{font-size:20px;margin:0 0 12px;line-height:1.5}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.products article{position:relative;padding-bottom:40px;border-bottom:1px solid var(--line)}.products h3{margin-top:24px;font-size:18px}.products p{font-size:13px;min-height:70px}.products small{font-size:9px;letter-spacing:1px;color:#6a7882}.products article>a{position:absolute;right:0;bottom:0;font-size:24px;padding:4px 12px}.product-art{height:240px;background:#eef1f2;position:relative;overflow:hidden}.product-art>span:first-child{position:absolute;left:15px;top:10px;font-size:11px;color:#6c7d88}.art-label{position:absolute;bottom:13px;left:15px;letter-spacing:1.6px;font-size:7px;color:#6c7d88}.part{position:absolute;inset:50px 35px;transform:rotate(-25deg) skewX(10deg)}.part i{position:absolute;inset:0;border:22px solid #bec9ce;box-shadow:3px 6px 0 #8397a3;border-radius:20px}.part i:nth-child(2){transform:translate(10px,-15px);border-color:#d5dee0;box-shadow:3px 6px 0 #9eadb6}.part i:nth-child(3){transform:translate(20px,-30px);border-color:#e5e9e8;box-shadow:3px 6px 0 #bac8ce}.part-1 i{border-color:#263d4a;border-radius:50%}.part-1 i:nth-child(2){border-color:#3a515c;border-radius:50%}.part-1 i:nth-child(3){border-color:#586972;border-radius:50%}.part-2 i{border-radius:3px;border-width:14px}.part-2 i:nth-child(3){border-color:#c19a59}.part-3{inset:60px 36px}.part-3 i{border-radius:2px;border-width:35px}.part-3 i:nth-child(3){border-color:#497785}.capabilities{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9%}.capabilities>div>p:not(.eyebrow){font-size:14px;max-width:460px}.cap-list article{display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #cbd6dc}.cap-list article>span{font-size:12px;color:#658494}.cap-list article>span:last-child{margin-left:auto}.cap-list h3{font-size:19px}.cap-list p{font-size:13px}.process-art{position:relative;height:150px;max-width:430px;margin-top:35px}.roll{position:absolute;left:20px;top:20px;width:100px;height:100px;border:25px solid #869da9;border-radius:50%;box-shadow:15px 5px 0 #c1cdd1}.sheet{position:absolute;left:95px;right:25px;top:90px;height:24px;background:linear-gradient(#c7d2d8,#7e97a5);transform:skewY(-4deg)}.roller{position:absolute;left:210px;top:45px;width:55px;height:80px;border-radius:50%;background:linear-gradient(90deg,#405c6e,#bdcbd1,#547082);transform:rotate(-15deg)}.process-art span{position:absolute;bottom:0;font-size:8px;letter-spacing:2px}.quality,.about,.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%}.quality ol{list-style:none;padding:0;margin:30px 0 0}.quality li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.quality li span{color:#647b88;font-size:11px}.quality li span:last-child{margin-left:auto}.about{background:var(--navy);color:white}.about p{color:#c4d2dc}.about .eyebrow{color:#83b7cf}.about-sign{font-size:32px;letter-spacing:5px;margin-top:45px}.about-sign span{font-size:9px;letter-spacing:3px}.workflow>div{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.workflow article>span{display:block;border-top:1px solid #b6c6cf;padding-top:18px;color:#477287;font-size:12px;margin-bottom:28px}.workflow i{float:right;font-style:normal}.workflow h3{font-size:18px}.workflow p{font-size:13px}.contact{background:#eaf0f4}.contact>div>p:not(.eyebrow){max-width:460px;font-size:14px}.contact dl{margin-top:36px}.contact dt{font-size:11px;color:var(--muted);margin-top:20px}.contact dd{margin:3px 0;font-size:21px}.contact address{font-style:normal;font-size:12px;color:var(--muted);max-width:400px}form{background:white;padding:32px 38px}form h3{margin-bottom:25px}label{display:block;font-size:12px;margin:18px 0 6px}input,textarea{width:100%;border:1px solid #c3cfd5;padding:10px;border-radius:0;background:#fff;color:var(--ink)}textarea{resize:vertical}form .button{width:100%;margin-top:22px}.form-hint{font-size:10px;margin-top:12px}footer{padding:35px 6%;display:flex;gap:25px;align-items:center;font-size:10px}footer p{margin-right:auto}footer>a:last-child{padding:12px}html[lang=en] .brand>span:last-child{font-size:16px}html[lang=en] h1{font-size:clamp(45px,5vw,76px)}@media(max-width:1100px){header{padding:0 4%;gap:14px}nav{gap:16px;font-size:11px}.brand{font-size:17px}.hero-text{padding-top:55px}.hero{min-height:580px}.products{gap:16px}.product-art{height:190px}.part{inset:55px 25px}.section{padding:75px 5%}html[lang=en] nav{gap:12px;font-size:10px}}@media(max-width:760px){header{height:78px}.brand-symbol{font-size:28px}.brand{font-size:17px}.brand small{font-size:7px}#menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px 6%;box-shadow:0 15px 20px #132f4310}nav.open{display:flex;flex-direction:column;gap:4px}nav a,html[lang=en] nav a{font-size:14px;padding:12px 0}.hero{grid-template-columns:1fr}.hero-text{padding:48px 6% 27px;min-height:475px}h1{font-size:43px;letter-spacing:-2px}.hero figure{height:370px}.hero img{object-position:center 48%}.hero-bottom{padding-top:35px}.industry-strip{grid-template-columns:1fr 1fr;gap:18px 0;padding:25px 3%;font-size:10px}.industry-strip span:nth-child(2){border:0}.section{padding:60px 6%}.section-heading{display:block}.section-heading>p:last-child{font-size:13px}.products{grid-template-columns:1fr 1fr;gap:30px 18px}.product-art{height:190px}.products p{min-height:88px;font-size:12px}.products h3{font-size:17px}.products small{font-size:8px}.capabilities,.quality,.about,.contact{grid-template-columns:1fr;gap:35px}.process-art{margin-top:25px}.workflow>div{grid-template-columns:1fr 1fr;gap:35px 24px}.workflow h3{font-size:17px}.workflow article>span{margin-bottom:15px}form{padding:25px}.contact dd{font-size:19px}footer{flex-wrap:wrap;gap:10px 20px}footer p{flex-basis:65%;font-size:9px}footer span{margin-right:auto}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:14px}.actions{gap:18px}html[lang=en] h1{font-size:58px}}@media(max-width:360px){.products{grid-template-columns:1fr}.hero-text{padding-left:5%;padding-right:5%}h1{font-size:36px}.brand{gap:10px}.brand small{letter-spacing:1px}.controls{gap:4px}.controls button{min-width:40px}html[lang=en] h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original Zhirongda brand and photography. */
.brand-logo{width:100px;height:auto;display:block}.footer-logo{width:80px;height:auto;display:block}.hero figure{background:#e9eff1}.hero figure:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#132f43cc);pointer-events:none}.hero figcaption{z-index:1}.hero img{object-position:47% center}.product-art{background:white;border:1px solid #e7ecef}.product-art img{width:100%;height:100%;object-fit:contain;padding:28px 10px}.product-art>span:first-child{z-index:1}.art-label{background:#fff9}.equipment{background:#f4f7f9}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}.equipment-grid figure{margin:0;min-width:0}.equipment-grid img{display:block;width:100%;height:185px;object-fit:cover;background:#e7ecef}.equipment-grid figcaption{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.equipment-grid figcaption span{font-size:10px;color:#556874;padding-top:2px}.brand{letter-spacing:1px;gap:14px}.brand>span:last-child{font-size:17px}.brand small{font-size:7px;letter-spacing:1.3px}@media(max-width:1100px){.brand-logo{width:75px}.brand>span:last-child{font-size:14px}.brand small{font-size:6px}.equipment-grid img{height:150px}}@media(max-width:760px){.brand-logo{width:66px}.brand{gap:9px}.brand>span:last-child{font-size:14px}.brand small{font-size:6px;letter-spacing:.6px}.equipment-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.equipment-grid img{height:145px}.equipment-grid figcaption{font-size:12px}.hero img{object-position:50% center}.products h3{font-size:16px}}@media(max-width:360px){.equipment-grid{grid-template-columns:1fr}.equipment-grid img{height:210px}.brand>span:last-child{font-size:12px}.brand-logo{width:55px}}

.size-feature{margin-top:24px;border-left:3px solid #24627c;padding-left:18px}.size-feature>span{font-size:9px;letter-spacing:1.6px;color:#24627c}.size-feature strong{display:block;font-size:40px;letter-spacing:-1.8px;line-height:1.3}.size-feature b{font-weight:400;color:#7e929e}.size-feature strong small{font-size:16px;letter-spacing:0}.size-feature p{font-size:10px;max-width:410px;margin-top:5px}.hero-text{padding-top:52px}.hero{min-height:780px}.hero .actions{margin-top:25px}.large-format{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:#eef3f6}.large-photo{position:relative;height:630px}.large-photo img{width:100%;height:100%;object-fit:cover}.large-photo>span{position:absolute;bottom:24px;left:24px;color:white;background:#132f43;padding:10px 20px;font-size:23px;font-weight:600;letter-spacing:1px}.large-format>div>p:not(.eyebrow){font-size:14px}.application-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.application-tags span{font-size:11px;border:1px solid #b7cbd5;padding:5px 10px;color:#375d72}.large-points article{display:flex;gap:18px;border-top:1px solid #d9e2e8;padding:18px 0}.large-points article>span{font-size:10px;color:#556874;padding-top:5px}.large-points h3{font-size:17px;margin-bottom:6px}.large-points p{font-size:12px}.news{background:white}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.news-item>img{width:100%;height:215px;object-fit:cover;background:#eaf0f4}.news-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#59717f;margin:20px 0 12px}.news-meta>span{color:#24627c}.news-item h3{font-size:21px;line-height:1.5}.news-item>p{font-size:13px}.news-item details{border-top:1px solid #d9e2e8;margin-top:23px}.news-item summary{cursor:pointer;padding:15px 0;min-height:48px;font-size:12px;list-style:none}.news-item summary::-webkit-details-marker{display:none}.news-item summary>span{float:right}.news-item details[open] summary>span{transform:rotate(45deg)}.news-item summary:focus-visible{outline:3px solid #347f9d;outline-offset:4px}.article-body p{font-size:13px;line-height:1.9;margin-bottom:16px}.article-body a{display:block;font-size:11px;margin:15px 0}.article-source{color:#24627c;text-decoration:underline}header nav{gap:20px}html[lang=en] header nav{gap:15px;font-size:11px}@media(max-width:1100px){header nav{gap:12px;font-size:11px}html[lang=en] header nav{gap:10px;font-size:10px}.size-feature strong{font-size:34px}.hero{min-height:800px}.large-photo{height:650px}.news-item>img{height:175px}.news-item h3{font-size:18px}}@media(max-width:760px){.hero{min-height:0}.hero-text{padding-top:40px;min-height:640px}.size-feature strong{font-size:36px}.hero h1{font-size:40px}html[lang=en] .hero h1{font-size:48px}.hero-bottom{padding-top:25px}.large-format{grid-template-columns:1fr;gap:35px}.large-photo{height:340px}.large-photo>span{font-size:19px}.news-grid{grid-template-columns:1fr;gap:42px}.news-item>img{height:235px}.news-item h3{font-size:22px}.news-meta{margin-top:15px}html[lang=en] header nav a{font-size:14px}}@media(prefers-reduced-motion:reduce){.news-item summary>span{transition:none}}

nav a[aria-current="page"]{color:#24627c;box-shadow:inset 0 -2px #24627c}.page-banner{display:flex;align-items:center;gap:4px 15px;padding:14px 6%;font-size:12px;background:#eaf0f4;border-bottom:1px solid #d9e2e8}.page-banner a{color:#24627c}.page-overview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;margin-top:35px}.page-overview a{position:relative;border-top:1px solid #c7d3da;padding:22px 35px 25px 0;min-height:125px}.page-overview a>span{font-size:10px;color:#627c8b}.page-overview h3{margin-top:10px;font-size:23px}.page-overview b{position:absolute;right:6px;top:44px;font-size:24px;font-weight:400}.page-overview a:hover{color:#24627c}main{min-height:65vh}.page-banner + .news{padding-top:65px}@media(max-width:760px){.page-overview>div{grid-template-columns:1fr 1fr;gap:0 24px}.page-overview h3{font-size:18px}.page-overview a{min-height:120px;padding-right:18px}.page-overview b{right:0;font-size:20px}.page-banner{padding:12px 6%}.page-banner + .news{padding-top:45px}}

.page-banner{flex-wrap:wrap}.page-banner h1{flex-basis:100%;font-size:36px;margin:0;letter-spacing:-1px}html[lang=en] .page-banner h1{font-size:36px}@media(max-width:760px){.page-banner h1,html[lang=en] .page-banner h1{font-size:30px}}
/* Match the original logo silhouette to the site's navy palette. */
.brand-logo,.footer-logo{filter:brightness(0) saturate(100%) invert(13%) sepia(32%) saturate(1050%) hue-rotate(164deg) brightness(94%) contrast(95%)}

/* Shared industrial palette across all bilingual pages. */
:root{--navy:#132f43;--ink:#183446;--muted:#556874;--blue:#24627c;--line:#d9e2e8;--paper:#f1f4f6;--ice:#eaf0f4;--on-dark:#c5d6e0}
body{background:#fff}.hero-text{background:#f8fafb}.hero h1{color:var(--navy)}.hero-bottom{color:var(--muted)}.size-feature{border-color:var(--blue)}.size-feature strong{color:var(--navy)}.size-feature>span{color:var(--blue)}
header{border-bottom-color:var(--line)}nav a:hover{color:var(--blue)}nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.controls button{color:var(--ink)}.controls button:hover{background:var(--ice);border-color:#91aebd}
.button{background:var(--navy)}.button:hover{background:#2c718c}.text-link{border-color:#8ca7b7}.industry-strip{background:var(--navy);color:#e3edf3}.industry-strip span{border-color:#496274}
.page-banner{background:var(--navy);color:#c5d6e0;border-color:#29475c}.page-banner h1{color:#fff}.page-banner a{color:#c5d6e0}.page-banner a:hover{color:#fff}
.about{background:var(--navy)}.about .eyebrow{color:#9dc6d9}.about p{color:var(--on-dark)}.application-tags span{background:#fff;color:#2d5970;border-color:#bdcfd9}.large-points article,.equipment-grid figcaption,.news-item details{border-color:var(--line)}
.contact{background:var(--navy);color:#fff}.contact .eyebrow{color:#9dc6d9}.contact>div>p:not(.eyebrow),.contact dt,.contact address{color:var(--on-dark)}.contact dd{color:#fff}.contact dd a:hover{color:#afdaeb}.contact form{background:#fff;color:var(--ink);border-top:3px solid #78a9bf}.contact form .button{background:var(--blue)}.contact form .button:hover{background:var(--navy)}input,textarea{background:#f8fafb;border-color:#b8c9d4}input:focus,textarea:focus{background:#fff;border-color:var(--blue)}
footer{background:#0d2333;color:#d3e0e9;border-top:1px solid #345164}footer p{color:#c5d6e0}footer a:hover{color:#fff}.footer-logo{filter:brightness(0) invert(1);opacity:.9}.page-overview a:hover{background:#f4f7f9}.news-meta>span,.article-source{color:var(--blue)}

/* Ocean blue and ice blue — Zhirongda precision manufacturing. */
:root{--navy:#092c68;--ink:#102f54;--muted:#4d6580;--blue:#007aff;--line:#c9dcef;--paper:#e6f1fc;--ice:#edf5ff;--on-dark:#ccdef5;--accent:#007aff}
body{background:#edf5ff}
header{background:#edf5ff;border-top:4px solid var(--accent);height:100px}
nav a[aria-current="page"]{box-shadow:inset 0 -3px var(--blue)}
.controls button{background:transparent;border-color:#b9d4f0}
.controls button:hover{background:#d6eaff;border-color:var(--blue)}
.hero-text{position:relative;background:radial-gradient(ellipse at 0 0,#175fb8 0,transparent 65%),var(--navy);color:#fff}
.hero-text:before{content:"";width:46px;height:4px;position:absolute;left:9%;top:27px;background:var(--accent)}
.hero h1{color:#fff;letter-spacing:-2px}
.hero .eyebrow{color:#88d4ff}
.hero .intro{color:#ccdef5}
.hero .button{background:var(--accent);color:#082859}
.hero .button:hover{background:#88d4ff}
.hero .text-link{color:#e2efff;border-color:#8ab5e8}
.hero-bottom{color:#b9d6f9;border-top:1px solid #ffffff26;margin-top:35px;padding-top:22px;padding-bottom:8px}
.size-feature{border-color:var(--accent)}
.size-feature>span{color:#88d4ff}
.size-feature strong{color:#fff}
.size-feature b{color:#51b9ff}
.size-feature p{color:#b9d6f9}
.hero figure:after{inset:40% 0 0;background:linear-gradient(transparent,#092c68e6)}
.hero figcaption{color:#fff}
.industry-strip{background:#007aff;color:#fff;font-weight:700;letter-spacing:1px}
.industry-strip span{border-color:#08285940}
.button{background:var(--blue);transition:background .18s,transform .18s}
.button:hover{background:#0847a8;transform:translateY(-2px)}
.section-heading h2{position:relative}
.products article{border-bottom:2px solid #bcd6f1}
.product-art{background:#fff;border-color:#c9dcef}
.products article>a{color:var(--blue)}
.products article:hover{border-color:var(--blue)}
.equipment{background:#dcecff}
.capabilities{background:var(--paper)}
.cap-list article>span,.workflow article>span,.quality li>span:first-child,.large-points article>span,.page-overview a>span{color:var(--blue)}
.cap-list article{border-color:var(--line)}
.large-format{background:#d9ebfc}
.large-photo>span{background:var(--navy);border-left:4px solid var(--accent)}
.application-tags span{background:#eff7ff;border-color:#a7ccef;color:#175ca3}
.about{background:var(--navy);border-top:4px solid var(--accent)}
.about .eyebrow,.contact .eyebrow{color:#88d4ff}
.news{background:#edf5ff}
.news-meta>span{color:var(--blue)}
.news-item details{border-top:2px solid #a7ccef}
.page-banner{background:radial-gradient(ellipse at 100% 0,#185eaf,transparent 70%),var(--navy);border-bottom:4px solid var(--accent)}
.page-banner a{color:#b9ddff}
.page-overview a:hover{background:#dcecff;color:var(--blue)}
.contact{background:var(--navy)}
.contact form{border-top:4px solid var(--accent);background:#edf5ff}
.contact form .button{background:var(--blue)}
.contact form .button:hover{background:#0847a8}
.contact dd a:hover{color:#88d4ff}
input,textarea{background:#fff;border-color:#b4cbe5}
footer{background:#061b42;border-top-color:#234a7f}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.news-item summary:focus-visible{outline-color:#1683ed}
@media(max-width:760px){header{height:82px}nav{top:82px;background:#edf5ff}.hero-text:before{left:6%;top:20px}.hero-text{padding-top:44px}.hero-bottom{margin-top:28px}.industry-strip{letter-spacing:0}.hero h1{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Blue backgrounds anchor the whole site; white surfaces frame products and forms. */
.quality,.workflow,.page-overview{background:#edf5ff}.hero-text{background:radial-gradient(ellipse at 0 0,#007aff 0,transparent 70%),linear-gradient(145deg,#103e83,#071f50)}.hero .button{background:#88d4ff;color:#082859}.hero .button:hover{background:#c1eaff}.contact form{background:#fff}.brand-logo{filter:brightness(0) saturate(100%) invert(20%) sepia(75%) saturate(1500%) hue-rotate(196deg) brightness(90%) contrast(100%)}

/* Apple blue: primary action and brand accent. */
.hero .button{background:#007aff;color:#fff}.hero .button:hover{background:#0062cc}.button:hover,.contact form .button:hover{background:#0062cc}.hero-text{background:linear-gradient(135deg,#007aff 0%,#0059c7 48%,#06295e 100%)}.hero .eyebrow,.size-feature>span{color:#d6ecff}.size-feature b{color:#8aceff}.industry-strip{background:#0062cc}.contact,.about{background:#073574}.page-banner{background:linear-gradient(120deg,#0750aa,#007aff)}.hero-text:before{background:#9bd5ff}
/* ZRD: precision converting for engineering and purchasing teams. */
.brand-logo{filter:brightness(0) saturate(100%) invert(36%) sepia(98%) saturate(3540%) hue-rotate(201deg) brightness(102%) contrast(105%)}
.position-hero{min-height:650px;grid-template-columns:1.1fr 1fr}.position-hero .hero-text{padding-top:70px}.position-hero h1{font-size:clamp(35px,3.8vw,60px);line-height:1.12;letter-spacing:-1.8px;max-width:650px}.position-hero .eyebrow{text-transform:none;font-size:14px;letter-spacing:1.1px;color:#24627c}.position-hero .intro{font-size:15px;max-width:510px}.position-hero .actions{margin-top:32px}.position-hero .hero-bottom{padding-top:40px}.position-hero figure{min-height:650px}.position-hero img{object-position:48% center}html[lang=en] .position-hero h1{font-size:clamp(38px,4.2vw,66px)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.capability-grid>a{position:relative;padding:27px 30px 32px 0;border-top:1px solid var(--line);min-height:225px}.capability-grid>a:hover h3{color:var(--blue)}.capability-mark{font-size:32px;line-height:1;color:#24627c;display:block;margin-bottom:25px}.capability-grid h3{font-size:21px}.capability-grid p{font-size:13px}.capability-grid b{position:absolute;right:3px;top:35px;font-size:21px;font-weight:400}
.home-materials{background:#edf2f5;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.home-materials>div>p:not(.eyebrow){font-size:14px}.material-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.material-list a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c8d5de;padding:15px 0;font-size:14px}.material-list a:hover{color:var(--blue)}.material-note{margin-top:20px;font-size:11px!important}.home-materials figure{margin:0;background:#fff;position:relative}.home-materials img{width:100%;height:470px;object-fit:contain;padding:25px}.home-materials figcaption{font-size:10px;color:#556874;text-align:center;padding:12px}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.application-grid img{width:100%;height:260px;object-fit:contain;background:#f4f7f9;padding:20px}.application-grid h3{margin-top:23px}.application-grid p{font-size:13px}.application-note{font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:32px;max-width:850px}
.home-engineering{background:#132f43;color:white}.home-engineering .eyebrow{color:#9dc6d9}.home-engineering>p:not(.eyebrow){color:#c5d6e0;font-size:14px;max-width:700px}.engineering-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;list-style:none;padding:0;margin:45px 0 35px}.engineering-steps li{position:relative;border-top:1px solid #5a7486;padding-top:20px;padding-right:10px}.engineering-steps span{font-size:10px;color:#9dc6d9}.engineering-steps h3{font-size:17px;margin-top:14px}.engineering-steps b{position:absolute;right:0;top:15px;font-weight:400;color:#9dc6d9}.engineering-steps li:last-child b{display:none}.home-engineering .text-link{color:white;border-color:#89a8bb}
.home-quality .quality-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:45px 0 30px}.quality-metrics>div{border-left:2px solid #90b3c6;padding-left:20px}.quality-metrics strong{display:block;font-size:clamp(25px,2.6vw,42px);letter-spacing:-1px;line-height:1.2;color:#132f43}.quality-metrics span{display:block;font-size:12px;color:#556874;margin-top:15px;max-width:210px}.home-quality>p:not(.eyebrow){max-width:1000px;font-size:12px}.home-quality .text-link{display:inline-block;margin-top:25px}
.home-large{padding:0;display:grid;grid-template-columns:1fr 1fr;background:#edf2f5;align-items:center}.home-large>img{width:100%;height:470px;object-fit:cover}.home-large>div{padding:55px 12%}.home-large p:not(.eyebrow){font-size:14px}.home-large .text-link{display:inline-block;margin-top:24px}
.home-industries>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;margin-top:35px}.home-industries a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0;font-size:16px}.home-industries a:hover{color:#24627c}.home-about{background:#f3f6f8;text-align:center}.home-about h2{max-width:750px;margin:0 auto 24px}.home-about>p:not(.eyebrow){max-width:770px;margin:auto;font-size:15px}.home-about .text-link{display:inline-block;margin-top:25px}.home-cta{display:flex;justify-content:space-between;align-items:center;gap:50px}.home-cta>div{max-width:750px}.home-cta p:not(.eyebrow){font-size:15px}.home-cta .button{flex-shrink:0}.home-cta h2{margin-bottom:18px}
@media(max-width:1100px){.position-hero{min-height:620px}.position-hero .hero-text{padding-top:50px}.position-hero figure{min-height:620px}.position-hero .actions{gap:14px}.position-hero .text-link{font-size:11px}.capability-grid{gap:0 25px}.home-materials img{height:400px}.engineering-steps{grid-template-columns:repeat(3,1fr);gap:25px}.home-cta>div{max-width:600px}}
@media(max-width:760px){.position-hero{grid-template-columns:1fr;min-height:0}.position-hero .hero-text{padding:42px 6% 25px;min-height:480px}.position-hero figure{min-height:0;height:360px}.position-hero h1,html[lang=en] .position-hero h1{font-size:42px;letter-spacing:-1.2px}.position-hero .intro{font-size:14px}.position-hero .eyebrow{font-size:13px}.position-hero .actions{margin-top:25px}.capability-grid{grid-template-columns:1fr 1fr;gap:0 25px}.capability-grid>a{min-height:235px;padding-right:15px}.capability-grid h3{font-size:18px}.capability-grid p{font-size:12px}.capability-mark{font-size:28px;margin-bottom:20px}.home-materials{grid-template-columns:1fr;gap:30px}.home-materials img{height:340px}.material-list a{font-size:13px}.application-grid{grid-template-columns:1fr;gap:35px}.application-grid img{height:260px}.application-grid h3{margin-top:15px}.engineering-steps{grid-template-columns:1fr 1fr}.engineering-steps h3{font-size:17px}.home-quality .quality-metrics{grid-template-columns:1fr 1fr;gap:30px 20px}.quality-metrics strong{font-size:27px}.quality-metrics span{font-size:11px}.home-large{grid-template-columns:1fr}.home-large>img{height:320px}.home-large>div{padding:45px 6%}.home-industries>div{grid-template-columns:1fr 1fr;gap:0 22px}.home-industries a{font-size:13px}.home-cta{display:block}.home-cta .button{margin-top:30px}.home-about>p:not(.eyebrow){font-size:14px}}
.position-hero .eyebrow{color:#d6ecff}.position-hero .button{background:#fff;color:#0750aa}.position-hero .button:hover{background:#d6ecff}.position-hero .hero-bottom{color:#c5d6e0}.home-capabilities,.home-applications,.home-quality,.home-industries,.home-cta{background:#fff}.home-capabilities .eyebrow,.home-materials .eyebrow,.home-applications .eyebrow,.home-quality .eyebrow,.home-large .eyebrow,.home-industries .eyebrow,.home-about .eyebrow,.home-cta .eyebrow{color:#24627c}.home-engineering .eyebrow{color:#9dc6d9}

.brand-logo{filter:url(#logo-apple-blue)}

/* Image-led homepage: product detail first, concise text overlay. */
.hero.position-hero.image-led-hero{position:relative;display:block;min-height:640px;height:calc(100svh - 100px);max-height:900px;background:#17212b;isolation:isolate}.image-led-hero figure{position:absolute;inset:0;height:100%;min-height:0;z-index:-2}.image-led-hero figure img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.image-led-hero figure:after{inset:0;background:linear-gradient(90deg,rgba(5,15,25,.82),rgba(5,15,25,.48) 37%,rgba(5,15,25,.06) 77%)}.image-led-hero .hero-text{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:70px 6%;background:none;color:#fff}.image-led-hero .hero-text:before{display:none}.image-led-hero .eyebrow{color:#fff;font-size:14px;margin-bottom:25px}.hero.image-led-hero h1,html[lang=en] .hero.image-led-hero h1{color:white;font-size:clamp(42px,5.8vw,84px);line-height:1.12;max-width:720px;margin-bottom:12px;letter-spacing:-2px}.image-led-hero .actions{margin-top:27px}.image-led-hero .button{background:#fff;color:#0750aa}.image-led-hero .button:hover{background:#d6ecff}.image-led-hero .text-link{color:#fff;border-color:#c6d6e1}.image-led-hero figcaption{color:#fff;font-size:9px;letter-spacing:1.4px;bottom:24px;right:30px}.product-showcase{display:grid;grid-template-columns:1fr 1.35fr;gap:6%;align-items:center;background:#edf5ff}.product-showcase img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}.product-showcase p:not(.eyebrow){font-size:14px}.home-materials figure{background:#f8fafb}.home-materials figure img{object-fit:contain;padding:15px}
@media(max-width:760px){.hero.position-hero.image-led-hero{height:calc(100svh - 82px);min-height:610px;max-height:850px}.image-led-hero figure img{object-position:60% center}.image-led-hero figure:after{background:linear-gradient(0deg,rgba(5,15,25,.88),rgba(5,15,25,.2) 75%)}.image-led-hero .hero-text{justify-content:flex-end;min-height:0;padding:50px 6% 85px}.hero.image-led-hero h1,html[lang=en] .hero.image-led-hero h1{font-size:clamp(40px,11vw,62px);letter-spacing:-1.3px}.image-led-hero .eyebrow{font-size:12px;margin-bottom:18px}.image-led-hero .actions{gap:18px;margin-top:20px}.image-led-hero .text-link{font-size:11px}.image-led-hero figcaption{font-size:7px;right:6%;bottom:22px;left:6%;text-align:left}.product-showcase{grid-template-columns:1fr;gap:25px}.product-showcase img{max-height:340px}}

/* Keep the brand promise visible on every page and prominent in the hero. */
.brand .brand-slogan{font-size:11px;letter-spacing:.2px;line-height:1.3;margin-top:7px;color:#175ca3;font-weight:600}.image-led-hero .hero-text>.eyebrow{font-size:clamp(20px,2vw,28px);line-height:1.4;letter-spacing:.2px;font-weight:600;margin-bottom:20px;text-transform:none}.product-showcase .eyebrow{font-size:18px;letter-spacing:.2px;text-transform:none;color:#175ca3}@media(max-width:1100px){.brand .brand-slogan{font-size:10px}}@media(max-width:760px){.brand .brand-slogan{font-size:9px;letter-spacing:0}.image-led-hero .hero-text>.eyebrow{font-size:20px;margin-bottom:18px}.product-showcase .eyebrow{font-size:17px}}
/* Shared product / equipment / inspection carousel. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.media-carousel{position:relative;overflow:hidden;margin:0;background:#182632;touch-action:pan-y}.carousel-track{display:flex;width:100%;height:100%;transition:transform .7s ease}.media-carousel .carousel-track>img{flex:0 0 100%;display:block;width:100%;max-width:none;min-width:100%;height:100%;object-fit:cover;padding:0}.media-carousel .carousel-track>img.contain{object-fit:contain;background:#edf5ff}.media-carousel .carousel-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:84px;color:#fff;text-align:left;font-size:12px;line-height:1.5;text-shadow:0 1px 5px #000;letter-spacing:.3px}.carousel-controls{position:absolute;z-index:3;left:20px;bottom:20px;display:flex;align-items:center;gap:5px;padding:3px;background:#071824b3;backdrop-filter:blur(6px)}.carousel-controls button{display:grid;place-items:center;min-width:38px;height:42px;border:0;background:transparent;color:#fff;font-size:19px;line-height:1;cursor:pointer}.carousel-controls button:hover{background:#ffffff26}.carousel-dots{display:flex}.carousel-dots button{min-width:28px;font-size:0}.carousel-dots span{display:block;width:6px;height:6px;border:1px solid #fff;border-radius:50%}.carousel-dots button[aria-pressed=true] span{background:#fff}.carousel-controls .carousel-toggle{font-size:15px;border-left:1px solid #ffffff40;margin-left:4px}.product-carousel{height:430px;align-self:center}.product-carousel:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#071824c9);pointer-events:none}.image-led-hero figure.media-carousel{z-index:0}.image-led-hero .hero-text{z-index:1;pointer-events:none}.image-led-hero .actions{pointer-events:auto}.image-led-hero .carousel-track{position:absolute;inset:0}.image-led-hero .carousel-controls{left:auto;right:30px;bottom:26px}.image-led-hero .carousel-caption{left:auto;right:30px;bottom:90px;text-align:right;font-size:11px}.media-carousel:focus-visible{outline:3px solid #007aff;outline-offset:-3px}@media(max-width:760px){.product-carousel{height:320px}.image-led-hero .hero-text{padding-bottom:160px}.image-led-hero .carousel-controls{right:auto;left:6%;bottom:22px}.image-led-hero .carousel-caption{left:6%;right:6%;bottom:87px;text-align:left;font-size:10px}.carousel-controls button{height:44px;min-width:38px}.carousel-dots button{min-width:28px}.media-carousel .carousel-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}

/* Brand identity and positioning remain together beside the logo. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 25px;height:auto;min-height:142px;padding:18px 4.5% 0;align-items:center}.brand{min-width:0;align-items:center;gap:20px}.brand .brand-copy{display:block;font-size:16px!important;letter-spacing:0;line-height:1.3}.brand-copy strong{display:block;font-size:18px;letter-spacing:2px;color:#102f5b}.brand .brand-slogan{font-size:14px;line-height:1.4;letter-spacing:0;color:#0750aa;margin-top:3px}.brand .brand-positioning{display:block;font-size:12px;font-weight:500;letter-spacing:0;margin-top:4px;color:#345675;max-width:600px}header nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;border-top:1px solid #c9dcef;padding:3px 0}header .controls{grid-column:2;grid-row:1}.hero.position-hero.image-led-hero{height:calc(100svh - 142px)}
.product-showcase{display:block;position:relative;isolation:isolate;min-height:610px;padding:0;background:#152331;overflow:hidden}.product-showcase>div{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:610px;padding:70px 6%;max-width:760px;pointer-events:none}.product-showcase h2{font-size:clamp(36px,4vw,60px);line-height:1.15;color:#fff;letter-spacing:-1px}.product-showcase .eyebrow{color:#fff;font-size:24px}.product-showcase>div>p:not(.eyebrow){color:#d8e5ef;max-width:450px}.product-showcase .product-carousel{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;margin:0}.product-showcase .product-carousel img{height:100%;max-height:none;object-fit:cover}.product-showcase .product-carousel img.contain{object-fit:contain;background:#17344f}.product-showcase .product-carousel:after{inset:0;background:linear-gradient(90deg,#061523d9,#0615237a 42%,#0615230a 80%)}.product-showcase .carousel-caption{left:auto;right:6%;text-align:right}.product-showcase .carousel-controls{left:auto;right:6%}
@media(max-width:760px){header{min-height:126px;padding:14px 4.5%;gap:10px 12px;position:relative}.brand{gap:10px}.brand-logo{width:55px}.brand-copy strong{font-size:15px}.brand .brand-slogan{font-size:11px}.brand .brand-positioning{font-size:9px;max-width:200px;line-height:1.4}header .controls{gap:5px}.controls button{min-width:38px;min-height:42px}header nav{position:absolute;grid-row:auto;top:100%;left:0;right:0;border-top:1px solid #c9dcef;padding:18px 6%;justify-content:initial}.hero.position-hero.image-led-hero{height:calc(100svh - 126px)}.product-showcase{min-height:630px}.product-showcase>div{min-height:630px;justify-content:flex-end;padding:60px 6% 180px;max-width:none}.product-showcase h2{font-size:38px}.product-showcase .eyebrow{font-size:20px}.product-showcase .product-carousel:after{background:linear-gradient(0deg,#061523ed,#06152344 85%)}.product-showcase .carousel-caption{left:6%;text-align:left;bottom:87px}.product-showcase .carousel-controls{left:6%;right:auto}.product-showcase>div>p:not(.eyebrow){display:none}}
@media(max-width:390px){.brand-logo{width:45px}.brand .brand-positioning{max-width:160px}.brand .brand-slogan{font-size:10px}.brand-copy strong{font-size:14px}.brand{gap:8px}}

.product-showcase .showcase-quote{pointer-events:auto;margin-top:28px;background:#fff;color:#0750aa}.product-showcase .showcase-quote:hover{background:#d6ecff}

.brand .brand-slogan{font-size:14px;max-width:650px;line-height:1.5;color:#0750aa;font-weight:600}.brand-copy strong{font-size:18px}@media(max-width:760px){.brand .brand-slogan{font-size:10px;max-width:200px;line-height:1.45}.brand-copy strong{font-size:15px}}@media(max-width:390px){.brand .brand-slogan{max-width:160px;font-size:9px}}
/* Keep brand, navigation and language controls in one header row. */
header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto;min-height:98px;padding:16px 4.5%;gap:22px;height:auto}.brand{grid-column:1;grid-row:1;gap:18px}.brand-logo{width:130px;flex-shrink:0}.brand .brand-slogan{max-width:370px;font-size:12px}.brand-copy strong{font-size:17px}header nav,html[lang=en] header nav{grid-column:2;grid-row:1;position:static;display:flex;align-items:center;justify-content:flex-end;border:0;padding:0;gap:18px;font-size:16px;white-space:nowrap}header .controls{grid-column:3;grid-row:1}.hero.position-hero.image-led-hero{height:calc(100svh - 98px)}
@media(max-width:1180px){header{grid-template-columns:minmax(0,1fr) auto;gap:15px;position:relative}header .controls{grid-column:2}#menu{display:block}header nav,html[lang=en] header nav{display:none;position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;white-space:normal;padding:20px 4.5%;border-top:1px solid #c9dcef;background:#edf5ff;box-shadow:0 12px 20px #132f4315}header nav.open,html[lang=en] header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}header nav a,html[lang=en] header nav a{font-size:16px;padding:12px 0}}
@media(max-width:760px){header{min-height:110px;padding:14px 4.5%;gap:12px}.brand{gap:10px}.brand-logo{width:76px}.brand .brand-slogan{font-size:10px;max-width:200px}.brand-copy strong{font-size:15px}.hero.position-hero.image-led-hero{height:calc(100svh - 110px)}}@media(max-width:390px){.brand-logo{width:66px}.brand{gap:8px}.brand .brand-slogan{font-size:9px;max-width:160px}}

.media-carousel .carousel-track>img.inspection-visual{object-position:65% center}@media(max-width:760px){.media-carousel .carousel-track>img.inspection-visual{object-position:68% center}}
/* Product catalogue: real component photography, material and application filters. */
.product-catalog .section-heading h2{max-width:720px}.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #bcd1e9;padding-bottom:24px}.catalog-filters button{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 17px;border:1px solid #b4cbe3;background:#f9fcff;color:#183c65;font-size:13px}.catalog-filters button span{font-size:11px;color:#456483}.catalog-filters button[aria-pressed=true]{background:#0759c9;border-color:#0759c9;color:white}.catalog-filters button[aria-pressed=true] span{color:white}.catalog-filters button:hover{border-color:#007aff}.catalog-summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:12px}.catalog-summary p{color:#45617c}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.catalog-grid article{min-width:0;background:#fff;border:1px solid #c8d9eb}.catalog-grid article[hidden]{display:none}.catalog-image{position:relative;display:block;width:100%;padding:0;border:0;border-bottom:1px solid #e2eaf2;background:#e7eef5;overflow:hidden;cursor:zoom-in}.catalog-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:8px}.catalog-image>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;background:#edf5ff;color:#0759c9;width:32px;height:32px}.catalog-card-body{padding:22px 24px 18px}.catalog-type{font-size:10px;color:#0759c9;letter-spacing:.6px;margin-bottom:9px}.catalog-card-body h3{font-size:19px;margin-bottom:9px}.catalog-description{font-size:13px;min-height:48px}.catalog-card-body>a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding-top:14px;margin-top:16px;border-top:1px solid #dbe5f0;font-size:12px;color:#0759c9}.catalog-project{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:55px;padding:35px;background:#e0ecfa;border-top:2px solid #007aff}.catalog-project p{font-size:13px;max-width:700px}.catalog-project .button{flex-shrink:0}.catalog-dialog{width:min(1050px,92vw);max-height:90svh;padding:48px 32px 32px;border:1px solid #bed2e8;background:#fff;color:#12345b;overflow:auto}.catalog-dialog::backdrop{background:#06162dc9}.catalog-dialog-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:#eaf3ff;color:#12345b;font-size:28px}.catalog-dialog-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}.catalog-dialog-layout>img{width:100%;height:auto;max-height:65svh;object-fit:contain}.catalog-dialog h2{font-size:30px}.catalog-dialog-description{font-size:14px}.catalog-dialog .button{margin-top:28px}.catalog-dialog .eyebrow{margin-bottom:14px}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-project{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.catalog-grid{grid-template-columns:1fr;gap:22px}.catalog-filters{gap:8px}.catalog-filters button{font-size:12px;padding:9px 12px;gap:8px}.catalog-summary{font-size:11px;gap:12px}.catalog-card-body{padding:20px}.catalog-description{min-height:0}.catalog-project{padding:25px}.catalog-dialog{padding:55px 20px 25px}.catalog-dialog-layout{grid-template-columns:1fr;gap:20px}.catalog-dialog-layout>img{max-height:42svh}.catalog-dialog h2{font-size:25px}}
/* Capability page: seven processes with actual equipment and labelled visualizations. */
.capability-intro{padding-bottom:35px}.capability-intro>h2{max-width:850px}.capability-intro>p:not(.eyebrow){max-width:780px;font-size:14px}.capability-jumps{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:32px;white-space:normal}.capability-jumps a{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 16px;border:1px solid #b8cee6;background:#fff;font-size:13px;color:#183c65}.capability-jumps a:hover{border-color:#007aff}.capability-jumps a span{font-size:10px;color:#0759c9}.capability-jumps b{font-weight:400;color:#0759c9}.capability-feature{padding-top:40px}.capability-feature .large-photo{position:relative}.capability-photo-note{position:absolute;left:15px;top:15px;padding:5px 10px;background:#071c34d9;color:white;font-size:11px}.capability-feature .text-link{display:inline-block;margin-top:25px}.capability-catalog{background:#edf5ff}.capability-grid-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.capability-grid-visual article{background:#fff;border:1px solid #cadbed;min-width:0;scroll-margin-top:30px}.capability-grid-visual figure{position:relative;margin:0;overflow:hidden;background:#e5edf6}.capability-grid-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.capability-grid-visual figcaption{position:absolute;left:15px;bottom:15px;background:#071c34d9;color:#fff;font-size:11px;padding:5px 10px}.capability-copy{padding:28px 30px}.capability-copy .eyebrow{margin-bottom:12px;font-size:10px}.capability-copy h3{font-size:28px;margin-bottom:14px}.capability-copy>p:not(.eyebrow){font-size:14px;min-height:72px}.capability-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:22px 0 20px;padding:0}.capability-copy li{background:#edf5ff;color:#315477;padding:5px 10px;font-size:11px}.capability-copy .text-link{display:inline-block;min-height:42px;color:#0759c9}.capability-inspection .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-inspection .equipment-grid img{height:auto;aspect-ratio:4/3}.capability-inspection>.text-link{display:inline-block;margin-top:30px}@media(max-width:760px){.capability-intro{padding-bottom:20px}.capability-intro h2{font-size:32px}.capability-jumps{position:static;display:flex;flex-direction:row;padding:0;box-shadow:none;gap:8px;background:none}.capability-jumps a{font-size:12px;padding:10px 12px;gap:8px}.capability-feature{padding-top:30px}.capability-grid-visual{grid-template-columns:1fr;gap:24px}.capability-copy{padding:24px}.capability-copy h3{font-size:26px}.capability-copy>p:not(.eyebrow){min-height:0}.capability-inspection .equipment-grid{grid-template-columns:1fr}.capability-inspection .equipment-grid img{max-height:320px;object-fit:cover}}
.capability-feature .application-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}.capability-feature .application-tags span{display:flex;align-items:center;min-width:0;padding:12px 14px;font-size:18px;font-weight:700;line-height:1.5;color:#123c68;background:#f4f9ff;border-color:#91b6d8}@media(max-width:1000px){.capability-feature .application-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.capability-feature .application-tags{grid-template-columns:1fr}}@media(max-width:760px){.capability-feature .application-tags span{font-size:16px;padding:10px 12px}}

#cap-combination{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center}#cap-combination .capability-copy>p:not(.eyebrow){min-height:0}#cap-combination .capability-copy li{font-size:14px;font-weight:700;padding:8px 12px}@media(max-width:760px){#cap-combination{grid-template-columns:1fr}}

/* Original certificate documents: a neutral mount preserves every edge and stamp. */
.certificate-section{background:#f5f8fc;border-top:1px solid #d4e1ee}
.certificate-section .section-heading{margin-bottom:24px}
.certificate-notice{max-width:1000px;font-size:14px;line-height:1.8;border-left:3px solid #5286b5;padding:3px 0 3px 18px;color:#415b76}
.certificate-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.certificate-filters button{padding:10px 18px;min-height:44px;border:1px solid #adc3da;color:#16395f;background:white;font-weight:600;font-size:14px}
.certificate-filters button[aria-pressed=true]{color:white;background:#103966;border-color:#103966}
.certificate-filters button:hover{border-color:#007aff}
.certificate-result{font-size:13px;margin:18px 0;color:#526a81}
.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
.certificate-card{min-width:0;background:white;border:1px solid #d3e0ed}
.certificate-card[hidden]{display:none}
.certificate-image{position:relative;display:block;width:100%;border:0;border-bottom:1px solid #d3e0ed;padding:25px 35px 38px;background:#e9eff5;overflow:hidden}
.certificate-image img{display:block;width:100%;height:clamp(240px,28vw,405px);object-fit:contain;filter:drop-shadow(0 4px 8px #102f471a)}
.certificate-image>span{position:absolute;right:16px;bottom:11px;color:#144a80;font-size:13px;font-weight:600}
.certificate-image:hover{background:#e1ebf5}
.certificate-caption{padding:22px 24px 26px}
.certificate-type{font-size:12px;font-weight:700;color:#23629b;margin-bottom:10px}
.certificate-caption h3{font-size:19px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.certificate-code{font-size:13px;color:#334f6b;margin-top:12px;overflow-wrap:anywhere}
.certificate-note{font-size:12px;line-height:1.7;margin-top:8px;color:#526a81}
.certificate-preview .certificate-grid{margin-top:32px}
.certificate-more{display:inline-block;margin-top:26px;font-size:15px}
.certificate-dialog{width:min(1040px,94vw);max-height:92dvh;padding:24px;border:1px solid #c6d6e7;color:#132f43;background:#f5f8fc;box-sizing:border-box;overflow:auto}
.certificate-dialog::backdrop{background:#071c36cc}
.certificate-dialog-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.certificate-dialog-bar h2{font-size:23px;line-height:1.4;letter-spacing:0;margin:0}
.certificate-dialog-bar button{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #abc1d9;background:white;color:#123c67}
.certificate-dialog-note{font-size:13px;margin:15px 0;max-width:900px}
.certificate-original{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:8px 0;margin-bottom:15px;color:#0758a9}
.certificate-document{background:#e4ecf3;padding:20px}
.certificate-document img{display:block;width:100%;height:auto;max-width:850px;margin:auto}
@media(max-width:1000px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-image img{height:360px}}
@media(max-width:600px){.certificate-grid{grid-template-columns:1fr;gap:24px}.certificate-image{padding:24px 38px 38px}.certificate-image img{height:350px}.certificate-caption{padding:20px}.certificate-filters{gap:8px}.certificate-filters button{padding:10px 13px}.certificate-dialog{padding:16px}.certificate-dialog-bar h2{font-size:19px}.certificate-document{padding:8px}}

/* Full-width canvas; individual text and document viewers keep readable limits. */
html,body{width:100%;min-width:0}
main,header,footer{width:100%;min-width:0}
.brand-copy,.section>div,.section>figure{min-width:0}
.hero.position-hero.image-led-hero{max-height:none}
.capability-copy>p:not(.eyebrow){max-width:65ch}
@media(min-width:1800px){
 .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
 .certificate-section:not(.certificate-preview) .certificate-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
 .equipment-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
 .equipment-grid img{height:auto;aspect-ratio:4/3}
 .capability-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr))}
 .capability-inspection .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-showcase,.product-showcase>div{min-height:clamp(610px,38vw,1000px)}
 .quality>div>p,.about>div>p{max-width:65ch}
}

/* Motion uses the existing brand palette and keeps every content block readable. */
:root{--motion-fast:180ms;--motion-medium:360ms;--motion-ease:cubic-bezier(.2,.75,.25,1);--scroll-thumb:#7d9bb7;--scroll-track:#edf3f9}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#4d7397}
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#007aff;transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
.button,.catalog-image img,.certificate-image img,.capability-grid>a,.catalog-grid>article,.application-grid>article,.certificate-card,.material-guide-tabs button{transition:transform var(--motion-medium) var(--motion-ease),box-shadow var(--motion-medium) var(--motion-ease),border-color var(--motion-fast),background-color var(--motion-fast)}
.button:active,.catalog-detail-open:active{transform:translateY(1px)}
.catalog-detail-open{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;margin-top:12px;min-height:44px;background:none;border:0;border-bottom:1px solid #c8d9eb;text-align:left;color:#0759c9;font-weight:600;font-size:13px}
.catalog-detail-open:hover{text-decoration:underline;text-underline-offset:4px}
.catalog-dialog-details{margin-top:20px}.detail-note{font-size:12px;border-left:2px solid #91b6d8;padding-left:12px}
.catalog-dialog-details dl{margin:18px 0 0}.catalog-dialog-details dl>div{padding:12px 0;border-bottom:1px solid #dbe5ef}
.catalog-dialog-details dt{font-size:12px;font-weight:700;color:#145c9c}.catalog-dialog-details dd{font-size:13px;line-height:1.8;margin:4px 0 0;color:#3a5672}
.material-guide{background:#e4eef8}.material-guide h2,.journey-intro h2{white-space:pre-line}
.material-guide-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #b5cce3;padding-bottom:26px;margin-bottom:0}
.material-guide-tabs button{min-height:46px;padding:11px 20px;border:1px solid #aac4df;background:#f8fbff;font-weight:600;color:#163e68;font-size:14px}
.material-guide-tabs button[aria-pressed=true]{background:#103a67;border-color:#103a67;color:white}
.material-guide-tabs button:hover{border-color:#007aff}
.material-guide-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-top:50px}
.material-guide-panel[hidden]{display:none}
.material-guide-visual{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#eff5fb;border:1px solid #b8cfe3;padding:30px;min-height:490px}
.material-code{font-size:11px;letter-spacing:1.8px;color:#41698c}
.material-stack{position:relative;width:min(100%,480px);height:300px;margin:30px auto}
.material-layer{position:absolute;left:10%;right:10%;height:105px;display:flex;align-items:center;padding:20px 28px;transform:skewY(-12deg);border:1px solid #789ab9;box-shadow:0 12px 0 #9eb5c955,0 20px 24px #18375012;transition:transform var(--motion-medium) var(--motion-ease)}
.material-layer span{font-size:14px;font-weight:600;letter-spacing:.3px}
.layer-0{top:25px;z-index:3;background:#e7f2fbec;color:#153b60}
.layer-1{top:105px;z-index:2;background:#7fadd5;color:#092746;border-color:#4b80ad}
.layer-2{top:185px;z-index:1;background:#173f68;color:white;border-color:#0d3359;box-shadow:0 12px 0 #0b2c4a,0 25px 35px #18375024}
.material-visual-note{font-size:12px;line-height:1.7;color:#526c85;margin-top:auto}
.material-guide-copy{min-width:0}.material-guide-copy>.eyebrow{font-size:13px;letter-spacing:.5px;margin-bottom:15px}
.material-guide-copy h3{font-size:clamp(23px,2.3vw,34px);line-height:1.5;max-width:24em;margin-bottom:26px}
.material-guide-copy dl{margin:0 0 25px}.material-guide-copy dl>div{padding:16px 0;border-bottom:1px solid #b9cfe2;display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px}
.material-guide-copy dt{font-size:13px;font-weight:700;color:#174e7e}.material-guide-copy dd{margin:0;font-size:14px;line-height:1.9;color:#3b5670;max-width:65ch}
.project-journey{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10%;background:#0a294c;color:white}
.journey-intro>.eyebrow{color:#94c6f0}.journey-intro>p:not(.eyebrow){color:#c0d2e5;font-size:14px;max-width:50ch;line-height:1.9}.journey-intro .text-link{display:inline-block;color:#d8ebff;border-color:#6b94bc;margin-top:28px;font-size:14px}
.journey-steps{min-width:0}.journey-steps details{border-bottom:1px solid #375776}.journey-steps details:first-child{border-top:1px solid #375776}
.journey-steps summary{display:flex;align-items:center;gap:23px;list-style:none;cursor:pointer;min-height:84px;padding:20px 0}
.journey-steps summary::-webkit-details-marker,.engineering-faq-list summary::-webkit-details-marker{display:none}
.journey-steps summary>span{font-size:13px;color:#87b8e5}.journey-steps h3{font-size:21px;margin:0;line-height:1.5}.journey-steps summary>b{font-weight:400;margin-left:auto;font-size:23px;color:#91c6fa;transition:transform var(--motion-fast)}
.journey-steps details[open] summary>b{transform:rotate(45deg)}.journey-steps details[open] summary>span{color:white}
.journey-step-body{padding:0 20px 28px 41px}.journey-step-body p{font-size:14px;color:#e0ebf5;line-height:1.9;max-width:65ch}.journey-step-body p+p{font-size:12px;color:#adc6de;margin-top:14px}
.engineering-faq{background:#f7faff}.engineering-faq-list{max-width:1180px;margin:auto}
.engineering-faq-list details{border-top:1px solid #c5d8e9}.engineering-faq-list details:last-child{border-bottom:1px solid #c5d8e9}
.engineering-faq-list summary{display:flex;justify-content:space-between;gap:25px;align-items:center;list-style:none;cursor:pointer;padding:24px 0;min-height:75px;font-size:18px;font-weight:600;color:#143b64}
.engineering-faq-list summary>span{font-size:23px;color:#0759c9;transition:transform var(--motion-fast)}.engineering-faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-answer{padding:0 45px 26px 0}.faq-answer p{max-width:78ch;font-size:14px;line-height:1.95;color:#425e7a}
.rfq-brief{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:2px solid #007aff;background:#e7f0fa;padding:35px;margin-top:55px}.rfq-brief h3{font-size:23px}.rfq-brief p{font-size:13px;max-width:70ch}.rfq-brief .button{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.catalog-grid>article:hover,.certificate-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #173e6412;border-color:#8baed0}.catalog-image:hover img{transform:scale(1.035)}.certificate-image:hover img{transform:translateY(-3px)}.capability-grid>a:hover,.application-grid>article:hover{transform:translateY(-4px)}.button:hover{transform:translateY(-2px)}.material-guide-visual:hover .layer-0{transform:skewY(-12deg) translateY(-8px)}.material-guide-visual:hover .layer-2{transform:skewY(-12deg) translateY(8px)}}
@media(prefers-reduced-motion:no-preference){header nav.open{animation:menu-enter 220ms var(--motion-ease)}.certificate-dialog[open]{animation:dialog-enter 240ms var(--motion-ease)}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.material-guide-panel{gap:5%}.material-guide-visual{padding:22px;min-height:470px}.material-guide-copy dl>div{grid-template-columns:1fr;gap:5px}.material-layer{left:3%;right:3%;padding:15px}.material-layer span{font-size:12px}.project-journey{gap:6%}}
@media(max-width:760px){.material-guide-tabs{gap:8px;padding-bottom:20px}.material-guide-tabs button{padding:10px 13px;font-size:12px}.material-guide-panel{grid-template-columns:1fr;gap:30px;padding-top:28px}.material-guide-visual{min-height:370px}.material-stack{width:min(100%,360px);height:260px;margin:10px auto 25px}.material-layer{height:85px;left:8%;right:8%}.layer-0{top:20px}.layer-1{top:90px}.layer-2{top:160px}.material-guide-copy h3{font-size:26px}.material-guide-copy dl>div{padding:14px 0}.project-journey{grid-template-columns:1fr;gap:35px}.journey-steps summary{gap:17px;min-height:76px}.journey-steps h3{font-size:19px}.journey-step-body{padding-left:33px;padding-right:0}.engineering-faq-list summary{font-size:16px;gap:18px}.faq-answer{padding-right:0}.rfq-brief{display:block;padding:25px;margin-top:35px}.rfq-brief h3{font-size:22px}.rfq-brief .button{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.button,.catalog-image img,.certificate-image img,.capability-grid>a,.catalog-grid>article,.application-grid>article,.certificate-card,.material-guide-tabs button,.material-layer,.journey-steps summary>b,.engineering-faq-list summary>span{transition:none}.catalog-grid>article:hover,.certificate-card:hover,.catalog-image:hover img,.certificate-image:hover img,.capability-grid>a:hover,.application-grid>article:hover,.button:hover{transform:none}.material-guide-visual:hover .material-layer{transform:skewY(-12deg)}}
@media(forced-colors:active){*{scrollbar-color:auto}.reading-progress{background:Highlight}}

/* Gentle motion for manufacturing visuals; pauses with the slideshow. */
@keyframes carousel-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(prefers-reduced-motion:no-preference){.media-carousel .carousel-track>img.is-current:not(.contain){animation:carousel-drift 5500ms ease-out both}.media-carousel.is-paused .carousel-track>img.is-current:not(.contain){animation-play-state:paused}}
@media(max-width:480px){.carousel-controls{gap:0}.carousel-controls button{min-width:36px}.carousel-controls .carousel-dots button{min-width:22px;width:22px;padding:0}}

/* Material renderings are illustrative images, with optional web motion. */
.material-render-frame{position:relative;overflow:hidden;margin:20px -15px;background:#eff5fb}
.material-render-frame>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform-origin:center}
.render-motion-toggle{position:absolute;right:12px;bottom:10px;min-height:36px;padding:6px 12px;border:1px solid #8fadc9;background:#f8fbfff2;color:#163e68;font-size:12px}
.material-render-layers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 22px}
.material-render-layers li{font-size:12px;background:#dce9f5;color:#163e68;padding:6px 10px}
@keyframes material-float{from{transform:translateY(4px) scale(1)}to{transform:translateY(-6px) scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.material-render-frame>img{animation:material-float 6s ease-in-out infinite alternate}.material-render-frame.is-static>img{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){.render-motion-toggle{display:none}}
@media(max-width:760px){.material-render-frame{margin:15px -10px}.material-guide-visual{min-height:0}.material-render-layers{margin-bottom:16px}}

/* China-focused functional solutions and original process illustration. */
.function-solutions{background:#fff}
.function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 38px}
.function-grid article{padding:30px 0;border-top:1px solid #b8cee2;min-width:0}
.function-number{display:block;color:#0759c9;font-size:12px;letter-spacing:1px;margin-bottom:18px}
.function-media{position:relative;margin:0 0 22px;background:#eaf1f8;border:1px solid #d1e0ed}
.function-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.function-media .function-number{position:absolute;top:12px;left:12px;margin:0;padding:5px 9px;background:#f8fbff;color:#0759c9}
.function-media figcaption{padding:8px 12px;border-top:1px solid #d1e0ed;color:#425e7a;font-size:11px;line-height:1.5}

.function-grid h3,.industry-solution-grid h3{font-size:25px;line-height:1.4;margin-bottom:15px;color:#153b64}
.function-grid article>p{font-size:14px;min-height:58px}
.function-grid dl{font-size:13px;margin:22px 0}
.function-grid dl>div{margin:14px 0}.function-grid dt{font-weight:700;color:#183e65}.function-grid dd{margin:4px 0;color:#425e7a}
.function-grid .text-link{display:inline-block;color:#0759c9;min-height:44px}
.engineering-story{background:#0a2949;color:#f5f9ff}
.engineering-story .section-heading h2{color:#fff}
.engineering-story .section-heading>p:not(.eyebrow){color:#c5d7e8}
.engineering-story .eyebrow{color:#a5ceef}
.story-stage-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 34px}
.story-stage-buttons button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:58px;padding:12px 16px;border:1px solid #6988a7;background:#113a61;color:#eaf4ff;font-size:14px;text-align:left}
.story-stage-buttons button>span{font-size:11px;color:#adcce7}
.story-stage-buttons button[aria-pressed=true]{background:#f2f7fc;border-color:#f2f7fc;color:#143b64}
.story-stage-buttons button[aria-pressed=true]>span{color:#0759c9}
.story-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:6%;align-items:center}
.process-viewport{position:relative;min-width:0;overflow:hidden;background:#e8f1f8;border:1px solid #9bb8d2;color:#183e65;isolation:isolate}
.process-viewport svg{display:block;width:100%;height:auto;max-height:640px;padding:12px 8px 70px}
.story-visual-label{position:absolute;left:22px;top:18px;font-size:11px;color:#425e7a;max-width:80%}
.story-controls{position:absolute;bottom:16px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #aec5db;padding-top:14px}
.story-position{font-size:12px;letter-spacing:2px}
.story-toggle{min-height:42px;padding:8px 16px;border:1px solid #315d86;background:#f7fbff;color:#153b64;font-size:13px}
.story-toggle:disabled{cursor:default;color:#425e7a;border-color:#9bb8d2}
.story-description{min-width:0}.story-description h3{color:#fff;font-size:clamp(28px,2.6vw,42px);margin-bottom:22px}
.story-step-intro{color:#e2edf7;font-size:19px;line-height:1.7}
.story-step-points{padding-left:20px;margin:26px 0;color:#bbd0e4;font-size:14px;line-height:1.9}
.story-step-points li{margin:14px 0}.story-description .text-link{display:inline-block;min-height:44px;color:#e2edf7;border-color:#839fba}
.story-scene{display:none}
.story-scene.is-current{display:inline}
.story-action{transform-box:view-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 .process-viewport:not(.is-manual) .is-current .story-lamination-roller{animation:story-lamination 4200ms ease-in-out both}
 .process-viewport:not(.is-manual) .is-current .story-press{animation:story-cutting 4400ms ease-in-out both}
 .process-viewport:not(.is-manual) .is-current .story-cut-waste{animation:story-waste 4400ms ease-in-out both}
 .process-viewport:not(.is-manual) .is-current .story-cut-profile{animation:story-profile 4400ms ease-in-out both}
 .process-viewport:not(.is-manual) .is-current .story-inspection-sweep{animation:story-inspection 4400ms ease-in-out both}
 .process-viewport:not(.is-manual) .is-current .story-fitting{animation:story-fitting 3800ms ease-in-out both}
}
@keyframes story-lamination{0%{transform:translate(-65px,-27px)}100%{transform:translate(70px,29px)}}
@keyframes story-cutting{0%,100%{transform:translateY(-15px)}40%,55%{transform:translateY(115px)}}
@keyframes story-waste{0%,55%{transform:translate(-40px,52px);opacity:.3}100%{transform:translate(0,0);opacity:1}}
@keyframes story-profile{0%,45%{opacity:0}60%,100%{opacity:1}}
@keyframes story-inspection{0%{transform:translateX(-120px)}100%{transform:translateX(120px)}}
@keyframes story-fitting{0%{transform:translateY(-60px)}65%,100%{transform:translateY(0)}}
.process-viewport.is-paused .story-action{animation-play-state:paused!important}
.industry-solutions{background:#f8fbfe}.industry-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.industry-solution-grid article{min-width:0;border-top:2px solid #adc7df;padding-top:24px}
.industry-solution-grid article>p{font-size:14px;min-height:54px}
.industry-review{margin:24px 0;border-left:2px solid #98b9d6;padding-left:16px}.industry-review strong{font-size:12px;color:#153b64}.industry-review p{font-size:13px;margin-top:6px;color:#425e7a}
.industry-solution-grid .text-link{display:inline-block;min-height:44px;color:#0759c9}
.industry-scope-note{font-size:12px;border-top:1px solid #bdd1e3;margin-top:34px;padding-top:22px}
.china-project-brief{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#dae8f5}
.china-project-brief h2{margin-bottom:0}.china-project-brief ol{padding-left:22px;margin:0 0 28px;font-size:15px;color:#244967}.china-project-brief li{padding:0 0 16px 8px}
@media(max-width:1180px){.function-grid,.industry-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-stage-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.story-layout{gap:4%}.story-step-intro{font-size:17px}}
@media(max-width:760px){.function-grid,.industry-solution-grid{grid-template-columns:1fr;gap:0}.function-grid article{padding:26px 0}.function-grid article>p,.industry-solution-grid article>p{min-height:0}.story-stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.story-stage-buttons button{font-size:12px;padding:10px 12px;min-height:52px}.story-layout{grid-template-columns:1fr;gap:30px}.process-viewport svg{padding-bottom:86px}.story-visual-label{font-size:10px;left:15px;top:12px}.story-controls{left:15px;right:15px;bottom:12px}.story-toggle{padding:7px 11px;max-width:75%}.story-description h3{font-size:29px}.story-step-intro{font-size:17px}.story-step-points{margin:18px 0}.industry-solution-grid article{padding:26px 0}.industry-review{margin:18px 0}.china-project-brief{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.process-viewport .story-action{animation:none!important;transition:none!important}}

/* Lead the capabilities page with the existing combination-line feature. */
.capability-combination-feature{padding-top:35px;padding-bottom:35px}
.capability-combination-feature h2{font-size:32px;line-height:1.35;margin-bottom:16px}
@media(max-width:760px){.capability-combination-feature h2{font-size:27px}}

.catalog-visual-note{display:inline-block;padding:4px 8px;margin-bottom:12px;background:#e0eaf5;color:#254d72;font-size:11px;line-height:1.5}

/* Battery material application video: scoped to the homepage review section. */
.battery-assembly{background:#e6eff8;border-top:1px solid #c7d9e9}
.assembly-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:5%;align-items:start}
.assembly-media,.assembly-layers{min-width:0}.assembly-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#d7e2ee;border:1px solid #b4c9dd}
.assembly-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}
.assembly-play{min-height:44px;padding:10px 18px;border:1px solid #0759c9;background:#0759c9;color:#fff;font:inherit;font-size:14px;cursor:pointer}.assembly-position{font-size:12px;color:#425e7a}
.assembly-stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.assembly-stage-buttons button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:58px;padding:10px 12px;background:#f7fbff;border:1px solid #9bb8d2;color:#153b64;font:inherit;font-size:13px;text-align:left;cursor:pointer}.assembly-stage-buttons button span{font-size:10px;color:#436c91}.assembly-stage-buttons button[aria-pressed=true]{border-color:#0759c9;background:#0759c9;color:#fff}.assembly-stage-buttons button[aria-pressed=true] span{color:#fff}
.assembly-play:focus-visible,.assembly-stage-buttons button:focus-visible{outline:3px solid #007aff;outline-offset:3px}.assembly-status,.assembly-caption,.assembly-fallback{font-size:12px;line-height:1.8;margin-top:12px;color:#425e7a}.assembly-caption{border-left:2px solid #7b9cba;padding-left:12px}.assembly-fallback{color:#0759c9;text-decoration:underline}
.assembly-layers>.eyebrow{margin-bottom:14px}.assembly-layers h3{font-size:clamp(24px,2.5vw,36px);line-height:1.4;margin:0 0 24px}.assembly-layers ol{list-style:none;padding:0;margin:0 0 25px}.assembly-layers li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-top:1px solid #b7cde1}.assembly-layers h4{font-size:18px;line-height:1.5;margin:0 0 7px}.assembly-layers li p{font-size:14px;line-height:1.8;margin:0}.assembly-swatch{flex:0 0 14px;width:14px;height:30px;margin-top:4px;border:1px solid #53677a}.assembly-swatch.swatch-0{background:#d48d3b}.assembly-swatch.swatch-1{background:#394652}.assembly-swatch.swatch-2{background:#c5ced4}.assembly-layers>.text-link{font-size:14px}
@media(max-width:1000px){.assembly-layout{grid-template-columns:1fr;gap:32px}.assembly-layers h3{font-size:28px}}
@media(max-width:600px){.assembly-stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.assembly-layers h3{font-size:25px}.assembly-controls{gap:10px}}

/* Shared cooperation workflow: representative images for contact and about. */
.workflow>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.workflow article{min-width:0}
.workflow-media{position:relative;margin:0 0 20px;overflow:hidden;background:#dce6f0;aspect-ratio:3/2}
.workflow-media img{display:block;width:100%;height:100%;object-fit:cover}
.workflow-media figcaption{position:absolute;left:10px;bottom:10px;padding:4px 8px;background:#102d47;color:#fff;font-size:10px;line-height:1.5}
.workflow article>span{margin-bottom:18px}
@media(max-width:1000px){.workflow>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:520px){.workflow>div{grid-template-columns:1fr;gap:32px;margin-top:30px}.workflow-media{margin-bottom:16px}.workflow h3{font-size:19px}.workflow p{font-size:14px}}

/* Plain picture presentation with bilingual titles and process-animation labels. */
.visual-bilingual-name{display:block;font-size:12px;line-height:1.5;color:#425e7a;font-weight:400;margin:6px 0 10px;overflow-wrap:anywhere}
.catalog-bilingual-name,.catalog-dialog-bilingual{font-size:12px;line-height:1.6;color:#425e7a;margin:4px 0 14px;overflow-wrap:anywhere}
.catalog-dialog-bilingual{font-size:15px}
.story-callout{display:none;pointer-events:none}.story-callout rect{fill:#f7fbff;stroke:#8ba9c4;stroke-width:1}.story-callout polyline{fill:none;stroke:#0759c9;stroke-width:2}.story-callout circle{fill:#0759c9;stroke:#fff;stroke-width:1.5}.story-callout text{fill:#123b60;font-size:18px;font-weight:600}.story-callout .story-callout-en{font-size:14px;font-weight:400}
.process-viewport[data-step="0"] [data-callout-stage="0"],.process-viewport[data-step="1"] [data-callout-stage="1"],.process-viewport[data-step="2"] [data-callout-stage="2"],.process-viewport[data-step="3"] [data-callout-stage="3"],.process-viewport[data-step="4"] [data-callout-stage="4"],.process-viewport[data-step="5"] [data-callout-stage="5"]{display:initial}
.story-bilingual-key{grid-column:1;font-size:12px;color:#294e70;line-height:1.8;margin:0}
.story-description{grid-column:2;grid-row:1 / span 2}
@media(max-width:760px){.story-description{grid-column:auto;grid-row:auto}.story-bilingual-key{grid-column:auto}}
.engineering-story .story-bilingual-key{color:#bbd0e4;font-size:13px}

.visual-provenance{font-size:11px;line-height:1.7;color:#425e7a;margin:25px 0 0}

/* Each process stage has its own picture; no image overlays or detail widgets. */
.process-step-picture{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#dce6ee}
.home-engineering .engineering-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 25px}
.home-engineering .engineering-steps li{min-width:0;padding:0;border:0}
.engineering-step-name{display:grid;grid-template-columns:25px minmax(0,1fr) 20px;gap:10px;align-items:baseline;margin-top:17px}
.home-engineering .engineering-steps h3{margin:0;font-size:18px;line-height:1.6}.home-engineering .engineering-steps b{position:static;text-align:right}
.process-picture-note{font-size:11px;line-height:1.6;margin:20px 0 22px;color:#425e7a}
.home-engineering .process-picture-note,.project-journey .process-picture-note{color:#bed1e2}
.project-journey{display:block}
.project-journey .journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6%;margin-bottom:40px}
.journey-intro>.eyebrow{grid-column:1/-1}.journey-intro>h2{grid-column:1;grid-row:2 / span 2;margin:0}.journey-intro>p:not(.eyebrow){grid-column:2;grid-row:2}.journey-intro>.text-link{grid-column:2;grid-row:3;justify-self:start;margin-top:15px}
.project-journey .journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.project-journey .journey-steps details{min-width:0;border:0;border-bottom:1px solid #375776;padding-bottom:15px}
.project-journey .journey-steps summary{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:15px 10px;padding:0;align-items:baseline}
.journey-steps summary>.process-step-picture{grid-column:1/-1}.project-journey .journey-steps h3{font-size:18px}.project-journey .journey-steps summary>b{margin:0;text-align:right}
.project-journey .journey-step-body{padding:15px 0 0}.project-journey .journey-step-body p{font-size:13px}.project-journey .journey-step-body p+p{font-size:12px}
.quality:has(.quality-flow){gap:30px 9%;align-items:start}
.quality .quality-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:12px 0 0}
.quality .quality-flow li{display:block;min-width:0;padding:0;border:0}
.quality-flow-name{display:flex;align-items:baseline;gap:10px;margin-top:16px}.quality-flow-name h3{font-size:17px;margin:0}.quality-flow-name>span{flex-shrink:0}
.quality>.process-picture-note{grid-column:1/-1;margin:0}
@media(min-width:2000px){.home-engineering .engineering-steps{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.home-engineering .engineering-steps,.project-journey .journey-steps,.quality .quality-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-journey .journey-intro{display:block}.journey-intro>h2{margin-bottom:20px}.journey-intro>.text-link{margin-top:20px}.project-journey .journey-steps{gap:26px 20px}}
@media(max-width:560px){.home-engineering .engineering-steps,.project-journey .journey-steps,.quality .quality-flow{grid-template-columns:1fr;gap:28px}.home-engineering .engineering-steps h3,.project-journey .journey-steps h3,.quality-flow-name h3{font-size:19px}}
/* Inquiry feedback stays beside the submit button on every screen. */
.inquiry-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact form .button:disabled{cursor:default;opacity:.7}
.inquiry-status{margin:16px 0 0;padding:14px 16px;font-size:14px;line-height:1.65;overflow-wrap:anywhere;border:1px solid #b8d3ec;background:#edf5ff;color:#10365e}
.inquiry-status[data-state="success"]{background:#edf8f3;border-color:#9bcdb7;color:#14563c}
.inquiry-status[data-state="error"]{background:#fff5ed;border-color:#e7b68b;color:#743b15}
.inquiry-status:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.inquiry-status[hidden]{display:none}
/* Source-based company introduction; keep product photos free of annotations. */
.about .company-photo{margin:32px 0 22px;background:#e6eff8;max-width:680px}
.about .company-photo img{display:block;width:100%;height:auto;object-fit:contain}
.company-introduction>p{margin:0 0 20px;line-height:1.9;max-width:65ch}
.company-introduction>h3{font-size:20px;margin:30px 0 0;color:#fff}
.company-values{margin:15px 0 25px}
.company-values>div{padding:16px 0;border-top:1px solid #52759c}
.company-values dt{font-size:16px;font-weight:700;color:#fff;margin-bottom:5px}
.company-values dd{margin:0;font-size:14px;line-height:1.8;color:#d6e4f2}
.about .text-link{color:#fff;border-bottom-color:#8db7dd}

/* User-supplied official logo: native blue header and white on the dark footer. */
.brand-logo{filter:none;height:auto;object-fit:contain}
.footer-logo{filter:brightness(0) invert(1);opacity:1;height:auto;object-fit:contain}

/* Homepage capability drawings share one scale, stroke and brand palette. */
.home-capabilities .capability-mark{width:72px;height:64px;margin-bottom:20px;color:var(--navy);font-size:0}
.home-capabilities .capability-mark svg{display:block;width:100%;height:100%;transition:transform var(--motion-medium) var(--motion-ease)}
.home-capabilities .icon-surface{fill:var(--ice);stroke:none}
.home-capabilities .icon-detail{stroke:#7199c4}
.home-capabilities .icon-accent{stroke:var(--blue)}
.home-capabilities .capability-grid>a:focus-visible h3{color:var(--blue)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-capabilities .capability-grid>a:hover .capability-mark svg{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:no-preference){
 .home-capabilities .capability-grid>a:focus-visible .capability-mark svg{transform:translateY(-2px)}
}
@media(max-width:760px){
 .home-capabilities .capability-mark{width:63px;height:56px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 .home-capabilities .capability-mark svg{transition:none;transform:none}
}

/* Product workflow: six smaller process pictures in one row. */
.project-journey .journey-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.project-journey .journey-steps summary{grid-template-columns:16px minmax(0,1fr) 24px;gap:12px 6px}
.project-journey .journey-steps h3{font-size:16px;line-height:1.6}
@media(max-width:1100px){
 .project-journey .journey-steps{grid-template-columns:repeat(6,minmax(180px,1fr));overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .project-journey .journey-steps details{scroll-snap-align:start}
}