/*
Theme Name: MTS Steel
Theme URI: https://mts-steel.com/
Author: Meitousi Metal Materials Limited
Description: Independent multilingual industrial steel manufacturer theme.
Version: 2.1.1
Text Domain: mts-steel
*/
:root{--purple:#5b2a86;--purple2:#301446;--orange:#ef4b32;--gold:#e2a72e;--ink:#17151c;--muted:#696570;--line:#dedbe2;--tint:#f6f4f7;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.utility{background:var(--purple2);color:#fff;font-size:12px}.utility-inner{display:flex;justify-content:space-between;padding:8px 0}.utility a{color:#ffd77a}header{height:78px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.navrow{height:100%;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:baseline;gap:5px;min-width:max-content}.logo span{font-weight:900;font-size:27px;letter-spacing:-2px;color:var(--purple)}.logo b{font-size:12px;letter-spacing:4px;color:var(--orange)}nav{display:flex;gap:22px;margin-left:auto}nav a{font-weight:700;font-size:13px}nav a:hover{color:var(--purple)}.menu{display:none}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:0;border-radius:3px;font-weight:800}.cta{background:var(--orange);color:#fff;box-shadow:0 8px 20px #ef4b3230}.cta:hover{background:#d73e29}.cta.small{min-height:40px;padding:8px 16px;font-size:13px}.ghost{border:1px solid currentColor}.hero{background:linear-gradient(120deg,#f8f5fa 0%,#fff 55%,#fff7eb 100%);padding:82px 0 70px;overflow:hidden}.hero-grid,.product-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.kicker{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}.kicker.purple{color:var(--purple)}.kicker.gold{color:#f2c25f}.hero h1,.pagehero h1,.product-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.04;letter-spacing:-2.8px;margin:18px 0 24px;max-width:780px}.hero p,.pagehero p,.product-hero p{font-size:18px;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;margin:32px 0}.proof{display:flex;gap:36px;margin-top:48px}.proof span{font-size:12px;color:var(--muted);text-transform:uppercase}.proof b{display:block;font-size:26px;color:var(--purple);line-height:1.2}.placeholder{aspect-ratio:4/3;min-height:210px;border:1px solid #d4cbdc;background:linear-gradient(135deg,#f3eef7,#fff 50%,#f9efe8);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--purple);text-align:center}.placeholder:before,.placeholder:after{content:"";position:absolute;width:180%;height:1px;background:#d9cde1;transform:rotate(-22deg)}.placeholder:after{transform:rotate(22deg)}.placeholder span{font-weight:800;z-index:1}.placeholder small{z-index:1;color:var(--muted)}.hero-ph{aspect-ratio:5/4;min-height:410px;box-shadow:25px 25px 0 #5b2a8610}.section{padding:90px 0}.tint{background:var(--tint)}h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-1.4px;margin:12px 0 28px}h3{line-height:1.25}.heading-row{display:flex;justify-content:space-between;align-items:end}.heading-row a,.arrow{color:var(--purple);font-weight:800}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material-grid>a{padding:30px;border:1px solid var(--line);background:#fff;transition:.2s}.material-grid>a:hover{transform:translateY(-4px);border-color:var(--purple)}.material-grid p{color:var(--muted)}.material-grid span{font-weight:800;color:var(--purple)}.icon{width:48px;height:48px;background:#f1eaf6;color:var(--purple);display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:900}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line)}.product-card>div:last-child{padding:23px}.product-card .placeholder{border:0;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;color:var(--purple);font-weight:900;text-transform:uppercase}.product-card h3{font-size:21px;margin:10px 0}.product-card p{color:var(--muted);font-size:14px}.dark{background:var(--purple2);color:#fff}.dark p{color:#d9ccdf}.service-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.service-list>div{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #ffffff24}.service-list>div>b{color:var(--gold)}.service-list h3,.service-list p{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.application-art{min-height:360px;background:linear-gradient(135deg,#4c245f,#8b456b);padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#fff;position:relative}.application-art div{position:absolute;inset:20px;border:1px solid #ffffff36}.application-art span{display:grid;place-items:center;border:1px solid #ffffff45;font-weight:800;z-index:1}.inquiry-band{background:linear-gradient(120deg,var(--purple2),#642a72);color:#fff}.inquiry-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.inquiry-grid p{color:#ddd0e2}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;padding:30px;color:var(--ink)}.inquiry label{font-size:12px;font-weight:800}.inquiry input,.inquiry textarea{width:100%;display:block;margin-top:5px;border:1px solid #cbc7cf;padding:11px;background:#fff}.inquiry .wide{grid-column:1/-1}.inquiry .honey{position:absolute;left:-9999px}.formnote{font-size:11px!important;color:var(--muted)!important}.thanks{background:#fff;color:var(--ink);padding:30px;display:flex;flex-direction:column}.pagehero,.product-hero{padding:76px 0;background:linear-gradient(120deg,var(--purple2),#642a72);color:#fff}.pagehero p,.product-hero p{color:#ddd0e2}.product-hero-grid .hero-ph{min-height:350px}.breadcrumb{background:#f6f4f7;border-bottom:1px solid var(--line);font-size:13px}.breadcrumb .wrap{padding:12px 0}.breadcrumb span{margin:0 8px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters a{padding:9px 15px;border:1px solid var(--line);font-weight:700;font-size:13px}.filters a.active{background:var(--purple);color:#fff}.product-content,.content-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.product-content main p,.content-grid main p{color:var(--muted)}.product-content aside{background:#f6f4f7;padding:25px;align-self:start;position:sticky;top:100px}.product-content aside .inquiry{padding:0;background:transparent;grid-template-columns:1fr}.product-content aside .wide{grid-column:auto}.notice{padding:22px;border-left:4px solid var(--gold);background:#fff8e9;margin:30px 0}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.specs div{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.specs span{color:var(--muted);font-size:13px}.contact-card{background:var(--purple2);color:#fff;padding:35px;align-self:start}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.contact-item{display:flex;gap:16px;margin:24px 0}.contact-item span{display:flex;flex-direction:column}.contact-item p{margin:0;color:var(--muted)}.contact-item a{color:var(--purple);font-weight:700}.map-placeholder{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#f5f2f7,#f5f2f7 15px,#eee8f1 15px,#eee8f1 30px);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.map-placeholder span{color:var(--muted);font-size:13px}.sitemap{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.sitemap>div{display:flex;flex-direction:column}.sitemap a{color:var(--purple);padding:4px 0}.notfound{min-height:65vh;display:grid;place-items:center;text-align:center}.notfound span{font-size:100px;color:var(--purple);font-weight:900}.float-wa{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;z-index:40}footer{background:#17131b;color:#d9d4dc;padding:64px 0 20px}.footgrid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px}.footgrid>div{display:flex;flex-direction:column}.footgrid a{padding:4px 0}.logo.light span{color:#fff}.copyright{border-top:1px solid #ffffff22;margin-top:40px;padding-top:18px;font-size:12px}.social-pending{opacity:.6;cursor:not-allowed}.language-switch{font-size:12px;color:#fff;background:transparent;border:1px solid #ffffff55}.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.factory-grid .placeholder{aspect-ratio:4/3}.rtl{direction:rtl}.rtl .product-card,.rtl .contact-item{text-align:right}
@media(max-width:900px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 12px}header .cta.small{display:none}.hero-grid,.product-hero-grid,.service-grid,.split,.inquiry-grid,.product-content,.content-grid,.contact-grid{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.hero-ph{min-height:320px}.product-content aside{position:static}.sitemap{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.wrap{width:min(100% - 28px,var(--max))}.utility-inner>span:first-child{display:none}.utility-inner{justify-content:center}.hero,.section,.pagehero,.product-hero{padding:54px 0}.hero h1,.pagehero h1,.product-hero h1{font-size:42px;letter-spacing:-1.8px}.hero-grid{gap:35px}.proof{gap:16px}.material-grid,.product-grid,.factory-grid,.sitemap{grid-template-columns:1fr}.heading-row{align-items:start;flex-direction:column}.inquiry{grid-template-columns:1fr;padding:20px}.inquiry .wide{grid-column:auto}.specs{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr;gap:30px}.application-art{min-height:300px}.actions{flex-direction:column}.actions a{width:100%}}

/* Confirmed MTS visual direction */
header{background:#171b20;color:#fff;border:0}.logo span{color:#fff}.hero{background:linear-gradient(115deg,#15191eea,#22272cee),linear-gradient(135deg,#282d33,#11151a);color:#fff;min-height:560px;display:flex;align-items:center}.hero p{color:#e4e5e6}.hero .ghost{color:#fff}.hero .placeholder{background:linear-gradient(135deg,#2b3036,#1a1e23);border-color:#ffffff38;color:#fff}.hero .placeholder small{color:#c9cbd0}.proof{display:none}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border:0}.centered-heading{text-align:center}.centered-heading>h2:after,.product-sections h2:after,.product-summary h1:after{content:"";display:block;width:54px;height:4px;background:var(--purple);margin:12px auto 0}.section-intro{color:var(--muted);margin:-12px auto 32px}.industry-grid{display:grid;grid-template-columns:repeat(7,1fr);margin-top:36px}.industry-grid a{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;border-right:1px solid var(--line);font-size:13px}.industry-grid a:last-child{border:0}.why-layout{text-align:left}.check-list p{display:flex;align-items:center;gap:12px;margin:14px 0}.check-list b{background:var(--orange);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.insight-grid article{background:#fff;border:1px solid var(--line)}.insight-grid article>div:last-child{padding:22px}.insight-grid .placeholder{aspect-ratio:16/9;min-height:150px}.section-tight{padding:34px 0 28px}.product-intro-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:54px;align-items:center}.gallery .hero-ph{min-height:440px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.gallery-thumbs .placeholder{min-height:84px;font-size:11px}.gallery-thumbs small{display:none}.product-summary h1{font-size:clamp(42px,5vw,64px);line-height:1.04;letter-spacing:-2px;margin:14px 0 24px}.product-summary h1:after{margin-left:0}.product-summary>p{font-size:18px;color:var(--muted)}.benefit-list{list-style:none;padding:0;margin:24px 0}.benefit-list li{position:relative;padding:8px 0 8px 38px}.benefit-list li:before{content:"✓";position:absolute;left:0;top:4px;width:26px;height:26px;border:2px solid var(--purple);color:var(--purple);border-radius:50%;display:grid;place-items:center;font-weight:900}.anchor-nav{display:block;position:sticky;top:78px;z-index:30;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.anchor-nav .wrap{display:grid;grid-template-columns:repeat(5,1fr)}.anchor-nav a{text-align:center;padding:18px 8px;text-transform:uppercase;font-size:12px;font-weight:800;border-right:1px solid var(--line)}.anchor-nav a:hover{color:var(--purple);box-shadow:inset 0 -3px var(--purple)}.product-sections .wrap>section{padding:35px 0;scroll-margin-top:150px}.product-sections h2{font-size:34px}.product-sections h2:after{margin-left:0}.overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.spec-table{border:1px solid var(--line);border-radius:5px;overflow:hidden}.spec-table>div{display:grid;grid-template-columns:240px 1fr;border-bottom:1px solid var(--line)}.spec-table>div:last-child{border:0}.spec-table b,.spec-table span{padding:13px 20px}.spec-table b{background:#faf9fb;border-right:1px solid var(--line)}.spec-table span{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-grid>div{display:flex;align-items:center;gap:14px;padding:16px;border-right:1px solid var(--line)}.process-grid>div:last-child{border:0}.process-grid span{display:flex;flex-direction:column;text-align:left}.process-grid small{color:var(--muted)}.product-sections #packaging .hero-ph{min-height:350px;aspect-ratio:3/1}.application-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.application-cards article{border:1px solid var(--line)}.application-cards article>div:last-child{padding:16px}.application-cards .placeholder{min-height:140px;aspect-ratio:16/9}.application-cards h3,.application-cards p{margin:4px 0}.application-cards p{font-size:13px;color:var(--muted)}.quote-panel{display:grid;grid-template-columns:.7fr 1.3fr;background:linear-gradient(120deg,var(--purple2),#5f2581);color:#fff;padding:0!important;border-radius:5px;overflow:hidden}.quote-panel>div{padding:34px}.quote-panel h2:after{background:var(--gold)}.quote-panel .inquiry{padding:26px}.rtl .benefit-list li{padding:8px 38px 8px 0}.rtl .benefit-list li:before{left:auto;right:0}.rtl .product-summary h1:after,.rtl .product-sections h2:after{margin-left:auto;margin-right:0}
@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:repeat(4,1fr)}.insight-grid{grid-template-columns:1fr 1fr}.product-intro-grid,.overview-grid,.quote-panel{grid-template-columns:1fr}.gallery .hero-ph{min-height:360px}.process-grid,.application-cards{grid-template-columns:1fr 1fr}.anchor-nav{overflow-x:auto}.anchor-nav .wrap{width:760px}.product-summary h1{font-size:48px}}
@media(max-width:540px){body{overflow-x:hidden}header{height:70px}.utility-inner>span:last-child .social-pending{display:none}.language-switch{max-width:110px}.hero{min-height:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:16px 6px;gap:8px;font-size:12px}.trust-grid .icon{width:36px;height:36px}.industry-grid{grid-template-columns:1fr 1fr}.industry-grid a{border-bottom:1px solid var(--line)}.insight-grid,.process-grid,.application-cards{grid-template-columns:1fr}.product-intro-grid{gap:28px}.gallery .hero-ph{min-height:280px}.gallery-thumbs .placeholder{min-height:62px}.product-summary h1{font-size:40px}.product-sections{padding-top:30px}.spec-table>div{grid-template-columns:1fr}.spec-table b{border-right:0;border-bottom:1px solid var(--line)}.product-sections #packaging .hero-ph{min-height:210px;aspect-ratio:4/3}.quote-panel>div{padding:25px}.anchor-nav{top:70px;max-width:100vw}.anchor-nav .wrap{margin:0}.why-layout{gap:30px}}
@media(max-width:540px){.hero-ph{min-height:0;width:100%}.gallery .hero-ph{min-height:280px}}

/* Attachment-matched layout refinements */
.navrow>.logo,.logo.light{align-items:center;gap:11px}.mark{display:flex;align-items:flex-end;width:52px;height:38px;gap:0;transform:skew(-18deg)}.mark em{display:block;width:18px;border-radius:12px;background:var(--orange)}.mark em:nth-child(1){height:30px;background:linear-gradient(var(--orange) 0 52%,var(--gold) 52%)}.mark em:nth-child(2){height:38px;background:linear-gradient(var(--gold) 0 38%,var(--purple) 38%)}.mark em:nth-child(3){height:30px;background:linear-gradient(var(--gold) 0 52%,var(--orange) 52%)}.brand-copy{display:flex!important;flex-direction:column;line-height:1.05;letter-spacing:0!important}.brand-copy strong{font-size:21px;letter-spacing:.3px;color:#fff}.brand-copy small{font-size:8px;font-weight:500;color:#d7d9dc;margin-top:4px}.hero{padding:68px 0}.hero h1{font-size:clamp(48px,5.5vw,76px);max-width:720px}.hero-grid{grid-template-columns:1.05fr .95fr}.hero .actions .cta{order:0}.hero .actions .ghost{order:1}.material-grid>a{padding:0;overflow:hidden}.material-grid>a:hover{transform:translateY(-3px)}.material-grid .placeholder{border:0;border-bottom:1px solid var(--line);min-height:210px;aspect-ratio:4/3}.material-copy{padding:20px 20px 24px}.material-copy h3{font-size:18px;text-transform:uppercase;margin:0 0 10px}.material-copy p{min-height:68px;margin:0 0 12px}.material-copy span{text-transform:uppercase;color:var(--orange);font-size:12px}.centered-heading>h2,.heading-row h2{text-transform:none}.industry-grid .icon{background:transparent;border:2px solid var(--purple);border-radius:8px}.industry-grid a:nth-child(even) .icon{color:var(--orange);border-color:var(--orange)}.why-layout{grid-template-columns:.85fr 1.15fr;gap:48px}.why-layout h2{font-size:38px}.why-layout .hero-ph{min-height:360px;aspect-ratio:16/9}.insight-grid article h3{font-size:17px}.insight-grid article p{font-size:14px;color:var(--muted)}.inquiry-band{padding:0;background:#fff}.inquiry-band .inquiry-grid{gap:0;border:2px solid var(--purple);border-radius:5px;overflow:hidden}.inquiry-band .inquiry-grid>div:first-child{background:linear-gradient(125deg,var(--purple2),var(--purple));padding:38px}.inquiry-band .inquiry{padding:26px}.reference-footer{grid-template-columns:1.2fr repeat(4,.8fr);gap:38px}.reference-footer h3{text-transform:uppercase;font-size:13px;margin-top:0}.reference-footer a,.reference-footer p{font-size:12px}.copyright{display:flex;justify-content:flex-end}.product-intro{background:#fff}.product-intro .placeholder{background:linear-gradient(135deg,#f3eef7,#fff 50%,#f9efe8)}.product-summary h1{font-size:52px}.anchor-nav a:first-child{color:var(--purple);box-shadow:inset 0 -3px var(--purple)}.product-sections{padding-top:16px}.product-sections .wrap>section{padding:30px 0}.product-sections h2{margin-bottom:20px}.overview-grid .placeholder{aspect-ratio:16/8;min-height:300px}.quote-panel .inquiry{border-radius:0}.product-grid .product-card h3{font-size:17px}.product-grid .product-card p{min-height:68px}
@media(max-width:900px){.reference-footer{grid-template-columns:1fr 1fr 1fr}.why-layout{grid-template-columns:1fr}.inquiry-band .inquiry-grid>div:first-child{padding:28px}}
@media(max-width:540px){.mark{width:42px;height:32px}.mark em{width:15px}.mark em:nth-child(2){height:32px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:6px}.navrow{gap:12px}.hero{padding:48px 0}.hero h1{font-size:40px}.material-grid .placeholder{min-height:230px}.industry-grid a{font-size:12px}.why-layout h2{font-size:32px}.why-layout .hero-ph{min-height:210px}.inquiry-band .wrap{width:100%}.inquiry-band .inquiry-grid{border-left:0;border-right:0;border-radius:0}.reference-footer{grid-template-columns:1fr 1fr}.reference-footer>div:first-child{grid-column:1/-1}.product-summary h1{font-size:38px}.gallery-thumbs{gap:6px}.gallery-thumbs .placeholder{font-size:8px}.overview-grid .placeholder{min-height:200px}.copyright{justify-content:flex-start}}
.product-sections .product-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.product-sections .product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.product-sections .product-grid{grid-template-columns:1fr}}
@media(max-width:540px){.overview-grid .placeholder{min-height:0;aspect-ratio:16/9;width:100%}}
.navrow nav a{position:relative}.navrow nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:var(--purple)}.check-list p span{display:flex;flex-direction:column}.check-list p strong{font-size:14px}.check-list p small{font-size:12px;color:var(--muted)}.inquiry-band h2{margin-top:0}.inquiry-band h2:after{content:"";display:block;width:46px;height:3px;background:var(--gold);margin-top:10px}.product-sections section>h2,.overview-grid h2{font-size:32px}.product-sections .placeholder{box-shadow:none}.application-cards article,.product-card,.material-grid>a,.insight-grid article{box-shadow:none}
@media(max-width:540px){.navrow nav a.active:after{display:none}.check-list p{align-items:flex-start}}
.navrow nav .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:var(--purple)}

/* Exact reference-page rebuild */
header .navrow nav ul{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
header .navrow nav li{margin:0;padding:0;list-style:none}
.home-ref,.detail-ref{--max:1280px;background:#fff}.home-ref .section{padding:56px 0}.home-ref .hero{position:relative;min-height:510px;padding:0;display:flex;align-items:center;background:#151a1f;isolation:isolate}.home-ref .hero-grid{display:block;position:relative;min-height:510px;padding-top:92px;padding-bottom:70px}.home-ref .hero-grid>div:first-child{position:relative;z-index:2;max-width:610px}.home-ref .hero .hero-ph{position:absolute;z-index:0;inset:0 calc((100vw - min(var(--max),calc(100vw - 40px)))/-2);width:auto;min-height:510px;aspect-ratio:auto;border:0;box-shadow:none;background:linear-gradient(90deg,#11171df7 0%,#151b20d6 45%,#272d3290 100%),repeating-linear-gradient(165deg,#343a40 0 2px,#1c2228 2px 54px);color:#fff}.home-ref .hero .hero-ph:before,.home-ref .hero .hero-ph:after{display:none}.home-ref .hero .hero-ph span,.home-ref .hero .hero-ph small{position:absolute;right:9%;bottom:46%;font-size:12px;opacity:.66}.home-ref .hero .hero-ph small{bottom:42%;font-size:10px}.home-ref .hero h1{font-size:64px;line-height:1.02;letter-spacing:-2.4px;margin:12px 0 20px}.home-ref .hero p{font-size:18px;line-height:1.45;max-width:450px}.home-ref .hero .actions{margin:26px 0 0}.home-ref .hero .cta,.home-ref .hero .ghost{min-height:46px;padding:10px 24px;text-transform:uppercase;font-size:12px;border-radius:0}.home-ref .trust-strip{border:0;background:#fff}.home-ref .trust-grid>div{padding:22px 12px}.home-ref .trust-grid .icon{width:46px;height:46px;background:transparent;border:2px solid var(--purple);font-size:11px}.home-ref .trust-grid>div:nth-child(even) .icon{border-color:var(--orange);color:var(--orange)}.home-ref .heading-row{display:block;text-align:center}.home-ref .heading-row .kicker{display:none}.home-ref .heading-row h2,.home-ref .centered-heading>h2{font-size:36px;margin:0 0 32px}.home-ref .heading-row h2:after,.home-ref .centered-heading>h2:after{content:"";display:block;width:54px;height:4px;background:var(--purple);margin:10px auto 0}.home-ref .heading-row>a{display:none}.home-ref .material-grid{gap:22px}.home-ref .material-grid>a{border:1px solid #e1e1e1}.home-ref .material-grid .placeholder{aspect-ratio:1.5/1;min-height:0;background:linear-gradient(145deg,#c7cbd0,#f4f5f6 38%,#9ba1a7 65%,#e5e7e9);color:#3f245a}.home-ref .material-grid .placeholder:before,.home-ref .material-grid .placeholder:after{height:2px;background:#ffffff80}.home-ref .material-copy{padding:18px 18px 20px}.home-ref .material-copy h3{font-size:16px}.home-ref .material-copy p{font-size:13px;line-height:1.5;min-height:58px}.home-ref .material-copy span{font-size:11px}.home-ref .industry-grid{margin-top:0}.home-ref .industry-grid a{padding:10px 8px 14px}.home-ref .industry-grid .icon{width:52px;height:52px}.home-ref .why-layout{grid-template-columns:.82fr 1.18fr;gap:45px}.home-ref .why-layout h2{font-size:34px;margin-top:0}.home-ref .check-list p{margin:12px 0;line-height:1.25}.home-ref .check-list p>b{width:21px;height:21px;font-size:12px}.home-ref .check-list p strong{font-size:14px}.home-ref .check-list p small{font-size:12px}.home-ref .why-layout .placeholder{min-height:0;aspect-ratio:1.65/1;background:linear-gradient(145deg,#2c3238,#5d646a 40%,#242a30);color:#fff}.home-ref .insight-grid{gap:24px}.home-ref .insight-grid .placeholder{min-height:0;aspect-ratio:1.8/1;background:linear-gradient(145deg,#b9bec3,#f3f4f5 46%,#868d94);color:#482564}.home-ref .insight-grid article>div:last-child{padding:15px 17px}.home-ref .insight-grid h3{margin:0 0 6px;line-height:1.15}.home-ref .insight-grid p{margin:0 0 8px}.home-ref .inquiry-band{padding:0 0 10px}.home-ref .inquiry-grid{grid-template-columns:330px 1fr}.home-ref .inquiry-grid>div:first-child{padding:30px}.home-ref .inquiry-grid h2{font-size:28px}.home-ref .inquiry{padding:18px 22px;gap:8px}.home-ref .inquiry input,.home-ref .inquiry textarea{padding:7px}.home-ref+.float-wa{display:grid}
.detail-ref .breadcrumb{font-size:11px}.detail-ref .breadcrumb .wrap{padding:11px 0}.detail-ref .section-tight{padding:42px 0 30px}.detail-ref .product-intro-grid{grid-template-columns:1.15fr .85fr;gap:52px}.detail-ref .gallery .hero-ph{min-height:0;aspect-ratio:1.45/1;background:linear-gradient(145deg,#c2c7cc,#f4f5f6 43%,#8c939a);box-shadow:none}.detail-ref .gallery-thumbs{gap:10px}.detail-ref .gallery-thumbs .placeholder{min-height:0;aspect-ratio:1.45/1;background:linear-gradient(145deg,#c8ccd0,#f4f5f6,#92989e)}.detail-ref .product-summary h1{font-size:48px;line-height:1.04;margin:10px 0 20px}.detail-ref .product-summary h1:after{height:4px;margin-top:10px}.detail-ref .product-summary>p{font-size:16px;line-height:1.5}.detail-ref .benefit-list{margin:20px 0}.detail-ref .benefit-list li{padding-top:7px;padding-bottom:7px;font-size:14px}.detail-ref .benefit-list li:before{width:23px;height:23px;font-size:12px}.detail-ref .anchor-nav{top:78px}.detail-ref .anchor-nav a{padding:16px 8px;font-size:11px}.detail-ref .product-sections{padding:0}.detail-ref .product-sections .wrap>section{padding:28px 0}.detail-ref .product-sections h2{font-size:30px;margin:0 0 18px}.detail-ref .overview-grid{grid-template-columns:.82fr 1.18fr;gap:48px}.detail-ref .overview-grid p{font-size:14px;line-height:1.65}.detail-ref .overview-grid .placeholder{min-height:0;aspect-ratio:1.75/1;background:linear-gradient(145deg,#bfc4c9,#f5f6f6 45%,#8a9197)}.detail-ref .spec-table b,.detail-ref .spec-table span{padding:10px 18px;font-size:13px}.detail-ref .spec-table>div{grid-template-columns:200px 1fr}.detail-ref .process-grid .icon{background:transparent;border:2px solid var(--orange);color:var(--orange)}.detail-ref .process-grid>div:nth-child(even) .icon{border-color:var(--purple);color:var(--purple)}.detail-ref .process-grid b{font-size:13px}.detail-ref .process-grid small{font-size:11px}.detail-ref #packaging .hero-ph{min-height:0;aspect-ratio:4/1;background:linear-gradient(165deg,#8e959c,#e8eaeb 48%,#6d747b)}.detail-ref .application-cards,.detail-ref .product-grid{gap:18px}.detail-ref .application-cards .placeholder,.detail-ref .product-card .placeholder{min-height:0;aspect-ratio:1.65/1;background:linear-gradient(145deg,#b9bec3,#f4f5f6,#8b9298)}.detail-ref .application-cards article>div:last-child,.detail-ref .product-card>div:last-child{padding:13px}.detail-ref .application-cards h3,.detail-ref .product-card h3{font-size:14px}.detail-ref .application-cards p,.detail-ref .product-card p{font-size:11px;min-height:42px}.detail-ref .quote-panel{grid-template-columns:330px 1fr}.detail-ref .quote-panel>div{padding:28px}.detail-ref .quote-panel h2{font-size:28px}.detail-ref .quote-panel .inquiry{padding:18px 22px;gap:8px}.detail-ref .quote-panel input,.detail-ref .quote-panel textarea{padding:7px}
@media(max-width:900px){.home-ref .hero-grid{padding-top:70px}.home-ref .hero h1{font-size:52px}.home-ref .material-grid{grid-template-columns:1fr 1fr}.home-ref .why-layout,.detail-ref .product-intro-grid,.detail-ref .overview-grid{grid-template-columns:1fr}.home-ref .inquiry-grid,.detail-ref .quote-panel{grid-template-columns:1fr}.detail-ref .overview-grid .placeholder{aspect-ratio:16/9}}
@media(max-width:540px){.home-ref .section{padding:42px 0}.home-ref .hero{min-height:600px}.home-ref .hero-grid{min-height:600px;padding-top:56px}.home-ref .hero-grid>div:first-child{max-width:100%}.home-ref .hero .hero-ph{inset:0 -14px;min-height:600px}.home-ref .hero .hero-ph span{right:20px;bottom:22%}.home-ref .hero .hero-ph small{right:20px;bottom:18%}.home-ref .hero h1{font-size:41px}.home-ref .hero p{font-size:15px}.home-ref .hero .actions{flex-direction:row}.home-ref .hero .cta,.home-ref .hero .ghost{width:auto;font-size:10px;padding:8px 12px}.home-ref .trust-grid{grid-template-columns:1fr 1fr}.home-ref .trust-grid>div{padding:16px 6px;font-size:11px}.home-ref .material-grid{grid-template-columns:1fr}.home-ref .material-grid .placeholder{aspect-ratio:1.5/1}.home-ref .heading-row h2,.home-ref .centered-heading>h2{font-size:31px}.home-ref .industry-grid{grid-template-columns:repeat(2,1fr)}.home-ref .why-layout{gap:24px}.home-ref .why-layout .placeholder{aspect-ratio:16/9}.home-ref .insight-grid{grid-template-columns:1fr}.home-ref .inquiry-band .wrap{width:100%}.home-ref .inquiry-grid{border-left:0;border-right:0}.detail-ref .section-tight{padding:28px 0}.detail-ref .product-intro-grid{gap:26px}.detail-ref .product-summary h1{font-size:38px}.detail-ref .anchor-nav{top:70px}.detail-ref .product-sections .wrap>section{padding:24px 0}.detail-ref .product-sections h2{font-size:27px}.detail-ref .spec-table>div{grid-template-columns:1fr}.detail-ref .process-grid,.detail-ref .application-cards,.detail-ref .product-sections .product-grid{grid-template-columns:1fr}.detail-ref #packaging .hero-ph{aspect-ratio:16/9}.detail-ref .quote-panel>div{padding:24px}}