:root {
  --ink:#172d48; --text:#334155; --muted:#53657b; --blue:#046bd2; --link:#075eaf;
  --soft:#f6f8fb; --line:#dce5ed; --navy:#1a2b4a;
  font:17px/1.72 "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;
  color:var(--text); background:#fff; -webkit-text-size-adjust:100%;
}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,p,dl,dd,ul,ol,figure{margin:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,summary{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #eb9d25;outline-offset:3px}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
h1,h2,h3{color:var(--ink);line-height:1.32;text-wrap:balance}
h1{font-size:clamp(30px,3vw,44px)} h2{font-size:clamp(26px,2.45vw,36px)} h3{font-size:clamp(18px,1.45vw,22px)}
.skip{position:absolute;left:12px;top:-100px;z-index:40;padding:8px;background:white}.skip:focus{top:8px}
header{background:#fff;position:relative;z-index:5;border-bottom:1px solid var(--line)}
.head{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:80px}
.brand{display:block;width:clamp(200px,20vw,264px);flex:none}.brand img{width:100%;height:auto}
#primary{display:flex;align-items:center;gap:clamp(13px,1.6vw,29px);font-weight:650;white-space:nowrap;color:var(--ink)}
#primary>a,.drop>summary{display:block;padding:12px 0}
#primary>a:hover,summary:hover,.foot a:hover,.legal a:hover{color:var(--link)}
.drop{position:relative}.drop summary{list-style:none}.drop summary::-webkit-details-marker{display:none}
.drop summary::after{content:"";display:inline-block;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg);margin-left:7px}
.drop[open] summary::after{transform:rotate(225deg)}
.panel{position:absolute;left:50%;transform:translateX(-50%);min-width:208px;background:white;border:1px solid var(--line);border-radius:6px;padding:8px;box-shadow:0 12px 28px #172c4630}
.panel a{display:block;padding:8px 12px;font-weight:500;line-height:1.4;border-radius:3px}
.panel a:hover,.panel a:focus-visible{background:#edf4fc;color:var(--link)}.panel .showall{border-top:1px solid var(--line);margin-top:5px;color:var(--link)}
#primary .nav-contact,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:5px;background:var(--blue);color:#fff;font-weight:650}
#primary .nav-contact:hover,.button:hover{background:#0357aa;color:#fff}
.button.light{background:#fff;color:var(--navy)}.button.light:hover{background:#edf4fb;color:var(--navy)}
.mobile-menu{border:1px solid var(--line);border-radius:5px;padding:6px 14px;background:#fff;min-height:44px}
.hero{position:relative;isolation:isolate;min-height:clamp(420px,37vw,560px);display:grid;place-items:center;padding:75px 0;background:var(--navy);text-align:center}
.hero-cover,.hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-cover{object-fit:cover;object-position:center 52%}
.hero::after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(17,35,59,.58),rgba(22,41,68,.72) 48%,rgba(20,38,61,.55))}
.hero-inner{width:min(760px,90%);margin:auto}.hero h1{color:white;font-size:clamp(36px,3.65vw,54px)}
.hero p{max-width:40em;margin:19px auto 27px;color:#f2f6fc;font-size:clamp(17px,1.43vw,21px);line-height:1.8}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;border-bottom:1px solid var(--line);padding-block:25px}
.facts div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;border-inline-end:1px solid var(--line)}.facts div:last-child{border:0}
.facts dd{color:#0f3b64;font-size:clamp(22px,2.3vw,34px);font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums}
.facts dt{font-size:16px;color:var(--muted)}
.band{padding:clamp(40px,4.4vw,65px) 0}.band.soft{background:var(--soft)}
.section-heading{text-align:center;margin:0 auto 28px}.section-heading p{margin:10px auto 0;max-width:50em;color:var(--muted)}
.industry-grid,.material-grid,.finish-grid,.grid,.tiles,.certs,.finish-text{display:grid;gap:22px}
.industry-grid,.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.material-grid,.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.finish-grid,.certs,.finish-text{grid-template-columns:repeat(2,minmax(0,1fr))}
.industry-card,.stock,.card,.tiles li,.certs a,.finish-text article{border:1px solid var(--line);border-radius:10px;min-width:0;background:#fff}
.industry-card,.tiles li,.certs a,.finish-text article{padding:22px}.industry-card{background:var(--soft);display:flex;flex-direction:column;align-items:flex-start}
.industry-card span{margin-top:auto;padding-top:10px;color:var(--link);font-weight:700}
.industry-card p,.stock p,.card p,.tiles p,.finish-text p,.certs p{margin-top:8px;color:var(--muted)}
.industry-card:hover,.stock:hover,.card:hover,.certs a:hover{border-color:#93b5d5;box-shadow:0 5px 16px #18335110}
.stock,.card{display:block;overflow:hidden;padding:18px}.stock img,.card-img img{height:clamp(158px,17.5vw,245px);width:100%;object-fit:contain}
.stock h3,.card-line{margin-top:15px}.card-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.card-line span{color:var(--link)}
.finish-grid .stock img{height:clamp(180px,22vw,300px)}.tiles{list-style:none;padding:0}.tiles:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.tiles.steps{counter-reset:step}.steps li{counter-increment:step}.steps h3::before{content:counter(step,decimal-leading-zero);display:block;margin:0 0 10px;color:var(--blue);font-size:18px}
.mid-link{text-align:center;margin-top:20px}.more,.cert-link{color:var(--link);font-weight:650}.more:hover,.cert-link:hover{text-decoration:underline}
.quality-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quality-pair article{border-top:3px solid #9bb9d5;padding:18px 0}.quality-pair p{margin:8px 0}
.faq,.reading{max-width:850px;margin:auto}.faq details,.quote-help{border-bottom:1px solid var(--line);padding:13px 2px}.faq summary,.quote-help summary{font-weight:650;color:var(--ink)}.faq p,.quote-help p{margin:9px 0}
.page-intro{background:var(--soft);border-bottom:1px solid var(--line);padding:23px 0 38px}.page-intro h1{margin:16px 0 9px}.page-intro p{max-width:47em}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:15px;color:var(--muted)}.crumb a{color:var(--link)}.crumb b{font-weight:500}
.guide-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-block:30px}.guide-note h2{font-size:23px}
.product-top{padding:24px 0 48px}.product-top .crumb{margin-bottom:24px}
.detail,.company,.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(25px,4vw,60px);align-items:start}
.detail h1{margin-bottom:12px}.lead{color:var(--muted);font-size:18px}.visual>img{width:100%;height:clamp(280px,32vw,390px);object-fit:contain;background:var(--soft);border-radius:8px}
.samples{display:flex;gap:12px;margin-top:12px}.samples a{width:86px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.samples img{width:100%;aspect-ratio:1;object-fit:contain;height:auto}
.spec{display:grid;grid-template-columns:max-content 1fr;margin:18px 0 24px;border-bottom:1px solid var(--line)}
.spec dt,.spec dd{padding:9px 0;border-top:1px solid var(--line)}.spec dt{font-weight:650;color:var(--ink);padding-right:20px}
.company{align-items:center}.company h2,.contact-grid h2{font-size:clamp(23px,2.2vw,30px)}.company p,.contact-grid p{margin:12px 0}.company>img{width:100%;border-radius:8px;aspect-ratio:1.6;object-fit:cover;height:auto}
.certs a>span:first-child{display:block;color:var(--link);font-weight:700;margin-bottom:6px}.cert-link{display:block;margin-top:12px}
.contact-card{background:var(--soft);border:1px solid var(--line);padding:clamp(24px,3.5vw,45px);border-radius:8px}
.phone{display:block;color:var(--link);font-weight:750;font-size:clamp(30px,3.25vw,48px);letter-spacing:.01em}
.copy{background:white;border:1px solid #9cb5cd;border-radius:5px;padding:8px 14px;min-height:44px}.copied{margin-inline-start:10px}.inquiry{margin-top:18px;display:flex;gap:12px}
footer{background:var(--navy);color:#eef3f9}.foot,.legal{display:flex;gap:18px;align-items:center;justify-content:space-between}
.foot{padding-block:32px}.foot strong{font-size:20px;color:#fff}.foot p{margin-top:4px}.foot-contact{display:flex;flex-direction:column;align-items:flex-end}.legal{font-size:15px;border-top:1px solid #647185;padding-block:14px;color:#e2e9f3}
.foot a:hover,.legal a:hover{color:white;text-decoration:underline}
@media(max-width:1000px){
 .wrap{width:min(92%,850px)}.head{min-height:68px;flex-wrap:wrap;gap:0}.brand{width:214px}
 #primary{align-items:stretch;flex-direction:column;width:100%;gap:0;padding:5px 0 14px;white-space:normal}.head.enhanced:not(.open) #primary{display:none}
 #primary>a,.drop>summary{padding:11px 5px;border-top:1px solid var(--line)}#primary .nav-contact{align-self:flex-start;padding:8px 16px;margin-top:7px}
 .panel{position:static;transform:none;min-width:0;box-shadow:none;background:var(--soft)}
 .industry-grid,.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1001px){.mobile-menu{display:none}}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}.hero{min-height:365px;padding:52px 0}.hero h1{font-size:clamp(30px,7.5vw,40px)}.hero p{font-size:17px}
 .facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding-block:20px}.facts div:nth-child(2){border:0}
 .material-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-grid,.material-grid,.finish-grid,.grid,.tiles,.certs,.finish-text{gap:13px}
 .industry-card,.tiles li,.certs a,.finish-text article{padding:16px}.stock,.card{padding:12px}
 .detail,.company,.contact-grid,.guide-note,.quality-pair{grid-template-columns:1fr}.guide-note{gap:9px}
 .foot,.legal{align-items:flex-start;flex-direction:column;gap:9px}.foot-contact{align-items:flex-start}
 .section-heading{margin-bottom:20px}.visual>img{height:280px}.product-top .crumb{margin-bottom:16px}
}
@media(max-width:540px){
 .industry-grid,.material-grid,.tiles,.tiles:has(>li:nth-child(3):last-child),.certs,.finish-grid,.finish-text{grid-template-columns:1fr}
 .industry-card{display:grid;align-items:center;grid-template-columns:1fr auto;gap:5px 10px}.industry-card p{grid-column:1;margin:0}.industry-card span{grid-column:2;grid-row:1/3;margin:0;padding:0}
 .material-grid .stock{display:grid;grid-template-columns:minmax(85px,30%) 1fr;align-content:center;gap:3px 14px}.material-grid .stock img{grid-row:1/3;height:115px}
 .material-grid .stock h3,.material-grid .stock p{align-self:center;margin:0}.stock p,.industry-card p,.tiles p{font-size:16px}
 .card-img img{height:118px}.card-line h3{font-size:17px}.card-line span{display:none}
 .spec{grid-template-columns:5.2em minmax(0,1fr)}.spec dt{padding-right:8px}.crumb{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}