/* Homepage only. Real product renders, CSS depth and progressive enhancement. */
body[data-wf-page="index"] .wf-home-hero {
  --home-ink: #132f42;
  --home-blue: #176fa8;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--home-ink);
  background: radial-gradient(ellipse at 77% 30%, #fff 0%, rgba(255,255,255,.5) 25%, transparent 54%), linear-gradient(110deg,#f7fafb 0%,#f0f6f9 53%,#e9f2f7 100%);
  border-bottom: 1px solid #dce6eb;
}
body[data-wf-page="index"] .wf-home-hero::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background-image: linear-gradient(#28678908 1px,transparent 1px),linear-gradient(90deg,#28678908 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg,transparent 15%,#000 100%);
}
body[data-wf-page="index"] .wf-home-shell { width: min(100% - 112px, 1392px); margin: auto; }
body[data-wf-page="index"] .wf-home-main { display: grid; grid-template-columns: .98fr 1.02fr; gap: 46px; align-items: center; padding: 40px 0 35px; min-height: 614px; }
body[data-wf-page="index"] .wf-home-copy { padding: 12px 0 22px; min-width: 0; }
body[data-wf-page="index"] .wf-home-eyebrow { display: flex; gap: 12px; align-items: center; color: #0e5689; font-family:"Montserrat","Saira",system-ui,sans-serif; font-size:clamp(.78rem,1vw,.92rem); font-weight:700; letter-spacing: .1em; line-height: 1.7; }
body[data-wf-page="index"] .wf-home-eyebrow > span:first-child { width: 40px; height: 2px; background: #1b74ac; flex-shrink: 0; }
body[data-wf-page="index"] #wf-home-title { margin: 28px 0 0; color: #176fa8; font-family:"DIN 2014","DIN Next","FF DIN","DIN","Saira",system-ui,sans-serif; font-weight:800; font-size:clamp(68px,6.2vw,78.4px); letter-spacing: -.045em; line-height: .96; text-wrap: balance; }
body[data-wf-page="index"] #wf-home-title > span { color: var(--home-blue); }
body[data-wf-page="index"] .wf-home-intro { margin-top: 28px; }
body[data-wf-page="index"] .wf-home-intro p:first-child { font-size:19.2px; line-height:1.7; color:#506979; }
body[data-wf-page="index"] .wf-home-intro strong { font-weight:700; color:#333a42; }
body[data-wf-page="index"] .wf-home-intro p + p { margin-top: 9px; color:#8492a0; font-size:15px; line-height: 1.8; }
body[data-wf-page="index"] .wf-home-actions { margin-top: 32px; display: flex; gap: 13px; align-items: stretch; flex-wrap: wrap; }
body[data-wf-page="index"] .wf-home-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 52px; padding: 13px 22px; border-radius:999px; font-family:"DIN 2014","DIN Next","FF DIN","DIN","Saira",system-ui,sans-serif; font-size:16px; font-weight:700; line-height: 1.4; text-decoration: none; transition: transform .2s, background .2s, box-shadow .2s; }
body[data-wf-page="index"] .wf-home-actions a:hover { transform: translateY(-2px); }
body[data-wf-page="index"] .wf-home-primary { color: #fff; background: #196fa9; border: 1px solid #196fa9; box-shadow: 0 8px 20px #176fa91a; }
body[data-wf-page="index"] .wf-home-primary:hover { color: #fff; background: #115b8e; box-shadow: 0 10px 24px #176fa931; }
body[data-wf-page="index"] .wf-home-actions svg { width: 17px; height: 17px; flex-shrink: 0; }
body[data-wf-page="index"] .wf-home-secondary { color:#176fa8; border:1px solid #a1c8e1; background: #ffffff55; }
body[data-wf-page="index"] .wf-home-secondary:hover { background: #fff; }
body[data-wf-page="index"] .wf-home-trust { display: flex; flex-wrap: wrap; gap: 8px 19px; padding: 0; margin: 24px 0 0; list-style: none; max-width: 490px; }
body[data-wf-page="index"] .wf-home-trust li { display: flex; align-items: center; gap: 6px; color:#55606b; font-family:"DIN 2014","DIN Next","FF DIN","DIN","Saira",system-ui,sans-serif; font-size:13px; line-height: 1.7; }
body[data-wf-page="index"] .wf-home-trust svg { width: 14px; height: 14px; color:#6cb643; flex-shrink: 0; }
/* A single large component gives the product family a visual centre. */
body[data-wf-page="index"] .wf-showcase { min-width: 0; padding-top: 3px; }
body[data-wf-page="index"] .wf-showcase-heading { display: flex; justify-content: space-between; gap: 16px; font-size: 10px; color: #6b8393; letter-spacing: .08em; padding: 0 2px 12px; border-bottom: 1px solid #cbdbe6; }
body[data-wf-page="index"] [data-wf-product-count] { font-family: "JetBrains Mono",monospace; white-space: nowrap; font-size: 10px; }
body[data-wf-page="index"] .wf-stage { position: relative; height: 416px; isolation: isolate; }
body[data-wf-page="index"] .wf-stage-wordmark { position: absolute; top: 27px; left: 4%; right: 0; font: 700 clamp(50px,6.9vw,108px)/1 "Saira",sans-serif; letter-spacing: .04em; color: #21678f07; text-align: center; pointer-events: none; }
body[data-wf-page="index"] .wf-stage-drawing { position: absolute; width: 108%; height: 104%; max-width: none; top: -13px; left: -4%; stroke: #79a7bf; stroke-width: .8; opacity: .26; pointer-events: none; }
body[data-wf-page="index"] .wf-stage-coordinate { position: absolute; font: 8px/1.6 "JetBrains Mono",monospace; letter-spacing: .09em; color: #7794a6; pointer-events: none; }
body[data-wf-page="index"] .wf-stage-coordinate--top { top: 30px; left: 2px; }
body[data-wf-page="index"] .wf-stage-coordinate--top span { margin-right: 6px; font-size: 15px; color: #1b71a6; }
body[data-wf-page="index"] .wf-stage-coordinate--side { right: -11px; top: 175px; writing-mode: vertical-rl; }
body[data-wf-page="index"] .wf-stage-pedestal { position: absolute; z-index: -1; width: 72%; height: 114px; bottom: 62px; left: 14%; border-radius: 50%; background: linear-gradient(90deg,#b2cbdc 0%,#e0eaf1 19%,#f2f7fb 49%,#c3d8e7 85%,#abc9dc 100%); box-shadow: 0 32px 25px -22px #28536f38, 0 5px 0 -1px #a9c7db70; }
body[data-wf-page="index"] .wf-stage-pedestal::before { content:""; position:absolute; inset:0 0 17px; border-radius:50%; background: linear-gradient(150deg,#fff,#eff5f9 65%,#d8e6f0); border:1px solid #fff; box-shadow: inset 0 -1px 2px #99bac87a; }
body[data-wf-page="index"] .wf-stage-pedestal::after { content:""; position:absolute; left:5%; right:5%; top:6px; height:82px; border:1px solid #bdd1de85; border-radius:50%; }
body[data-wf-page="index"] .wf-stage-shadow { position:absolute; left:28%; width:44%; height:33px; bottom:112px; border-radius:50%; background:#305270; filter:blur(18px); opacity:.2; z-index:-1; }
body[data-wf-page="index"] .wf-product-panel { position:absolute; inset:0; }
body[data-wf-page="index"] .wf-product-panel[hidden] { display:none !important; }
body[data-wf-page="index"] .wf-product-float { position:absolute; top:28px; bottom:111px; left:16%; right:16%; transform:translate3d(var(--wf-pointer-x,0px),var(--wf-pointer-y,0px),0); transition:transform .35s ease-out; }
body[data-wf-page="index"] .wf-product-image { width:100%; height:100%; object-fit:contain; filter:drop-shadow(11px 18px 10px #14364922); animation:wf-product-arrive .65s cubic-bezier(.16,1,.3,1) both; }
body[data-wf-page="index"] .wf-product-panel--bevel .wf-product-float { top:-85px; left:-7%; right:-7%; bottom:78px; }
body[data-wf-page="index"] .wf-product-panel--coupling .wf-product-float { top:-14px; bottom:71px; left:11%; right:11%; mix-blend-mode:multiply; }
body[data-wf-page="index"] .wf-product-panel--coupling .wf-product-image { filter:none; }
body[data-wf-page="index"] .wf-product-panel--locking .wf-product-float { top:24px; bottom:116px; left:20%; right:20%; }
body[data-wf-page="index"] .wf-product-caption { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-between; align-items:flex-end; gap:16px; padding:15px 2px 17px; }
body[data-wf-page="index"] .wf-product-code { display:block; font:9px/1.4 "JetBrains Mono",monospace; letter-spacing:.14em; color:#6f8999; }
body[data-wf-page="index"] .wf-product-caption h2 { margin:6px 0 0; font-size:21px; line-height:1.3; font-weight:650; color:#264b62; }
body[data-wf-page="index"] .wf-product-caption a { display:inline-flex; align-items:center; gap:10px; font-size:11px; color:#326584; padding:8px 0; text-decoration:none; flex-shrink:0; }
body[data-wf-page="index"] .wf-product-caption a:hover { color:#0f659d; text-decoration:underline; text-underline-offset:4px; }
body[data-wf-page="index"] .wf-product-caption svg { width:16px; height:16px; }
body[data-wf-page="index"] .wf-product-buttons { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
body[data-wf-page="index"] .wf-product-button { position:relative; display:flex; align-items:center; gap:4px; padding:7px 8px 7px 4px; min-height:59px; border-radius:5px; border:1px solid #ccdce6; background:#ffffff50; color:#657b8a; text-align:left; font-size:10px; line-height:1.4; cursor:pointer; transition:border-color .2s,background .2s,box-shadow .2s; }
body[data-wf-page="index"] .wf-product-button[hidden] { display:none; }
body[data-wf-page="index"] .wf-product-button[aria-pressed="true"] { background:#fff; border-color:#448bb7; box-shadow:0 3px 9px #32648409; color:#176c9f; }
body[data-wf-page="index"] .wf-product-button:hover { background:#fff; border-color:#8aafc6; }
body[data-wf-page="index"] .wf-product-thumbnail { width:39px; height:40px; flex-shrink:0; overflow:hidden; }
body[data-wf-page="index"] .wf-product-thumbnail img { width:100%; height:100%; object-fit:contain; }
body[data-wf-page="index"] .wf-product-thumbnail--bevel img { transform:scale(1.7) translateY(-10%); }
body[data-wf-page="index"] .wf-product-thumbnail--coupling img { mix-blend-mode:multiply; transform:scale(1.3); }
body[data-wf-page="index"] .wf-product-button-index { position:absolute; top:3px; right:4px; font:7px/1.2 "JetBrains Mono",monospace; opacity:.5; }
body[data-wf-page="index"] .wf-showcase-footnote { display:flex; justify-content:center; align-items:center; gap:6px; color:#78909f; font-size:9px; margin:12px 0 0; letter-spacing:.05em; }
body[data-wf-page="index"] .wf-showcase-footnote > span { width:4px; height:4px; border-radius:50%; background:#729dac; }
/* Quiet evidence strip, aligned to the entire composition. */
body[data-wf-page="index"] .wf-home-bottom { display:flex; align-items:center; gap:32px; border-top:1px solid #cbdce7; padding:23px 0 28px; }
body[data-wf-page="index"] .wf-home-metrics { display:grid; grid-template-columns:.8fr 1fr 1.4fr; width:80%; margin:0; }
body[data-wf-page="index"] .wf-home-metrics > div { min-width:0; padding:0 30px; border-left:1px solid #cedee8; }
body[data-wf-page="index"] .wf-home-metrics > div:first-child { border-left:0; padding-left:0; }
body[data-wf-page="index"] .wf-home-metrics dt { font-size:11.52px; line-height:20px; color:#587080; }
body[data-wf-page="index"] .wf-home-metrics dd { margin:7px 0 0; font-family:"Montserrat","Saira",system-ui,sans-serif; font-weight:900; font-size:clamp(1.18rem,1.7vw,1.65rem); line-height:1.15; letter-spacing:0; color:#0a2334; }
body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-size:clamp(1.05rem,1.2vw,1.12rem); padding-top:5px; line-height:1.15; }
body[data-wf-page="index"] .wf-home-explore { margin-left:auto; display:flex; align-items:center; gap:21px; color:#5e7d91; font-size:11px; text-decoration:none; white-space:nowrap; }
body[data-wf-page="index"] .wf-home-explore > span { display:grid; place-items:center; width:32px; height:40px; border:1px solid #c5d7e3; border-radius:20px; font-size:17px; }
body[data-wf-page="index"] .wf-home-explore:hover { color:#196fa9; }
/* Continue the same restrained visual language into the existing homepage. */
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] { background:#fff; box-shadow:none; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container { padding-block:21px; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] img { max-height:30px !important; max-width:108px !important; width:auto; filter:grayscale(1); opacity:.56; transition:filter .2s,opacity .2s; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] img:hover { filter:none; opacity:1; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container > div { gap:14px; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container > div > div { gap:19px; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container > div > div > span { height:38px !important; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] p { font-size:10px; letter-spacing:.12em; }
body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] a { font-size:11px; }
body[data-wf-page="index"] [data-wf-role="homepage-stats"] { background:#fff; }
body[data-wf-page="index"] #factory { background:#f4f8fa; }
body[data-wf-page="index"] #what-we-customize { background:#f5f8fa; }
body[data-wf-page="index"] #what-we-customize .rounded-2xl { border-radius:9px; }
body[data-wf-page="index"] .wf-home-hero :is(a,button):focus-visible { outline:3px solid #2279ac; outline-offset:4px; }
@keyframes wf-product-arrive { from { opacity:0; transform:translateY(11px) rotate(-3deg) scale(.975); } to { opacity:1; transform:translateY(0) rotate(0) scale(1); } }
@media(min-width:1700px) {
  body[data-wf-page="index"] .wf-home-main { min-height:680px; gap:70px; }
  body[data-wf-page="index"] .wf-stage { height:455px; }
  body[data-wf-page="index"] .wf-product-float { top:35px; }
}
@media(max-width:1199px) {
  body[data-wf-page="index"] .wf-home-shell { width:calc(100% - 64px); }
  body[data-wf-page="index"] .wf-home-main { gap:30px; min-height:580px; }
  body[data-wf-page="index"] #wf-home-title { font-size:clamp(39px,4.6vw,56px); }
  body[data-wf-page="index"] .wf-stage { height:370px; }
  body[data-wf-page="index"] .wf-product-float { left:12%; right:12%; top:33px; bottom:101px; }
  body[data-wf-page="index"] .wf-product-panel--bevel .wf-product-float { top:-56px; left:-6%; right:-6%; bottom:70px; }
  body[data-wf-page="index"] .wf-product-panel--coupling .wf-product-float { top:0; left:10%; right:10%; bottom:75px; }
  body[data-wf-page="index"] .wf-product-panel--locking .wf-product-float { top:34px; left:20%; right:20%; bottom:108px; }
  body[data-wf-page="index"] .wf-stage-pedestal { height:94px; bottom:68px; }
  body[data-wf-page="index"] .wf-stage-pedestal::after { height:65px; }
  body[data-wf-page="index"] .wf-product-thumbnail { width:30px; height:34px; }
  body[data-wf-page="index"] .wf-product-button { font-size:9px; padding-right:4px; }
  body[data-wf-page="index"] .wf-home-metrics { width:85%; }
  body[data-wf-page="index"] .wf-home-metrics > div { padding-inline:22px; }
}
@media(max-width:899px) {
  body[data-wf-page="index"] .wf-home-shell { width:calc(100% - 48px); max-width:680px; }
  body[data-wf-page="index"] .wf-home-main { grid-template-columns:1fr; padding:43px 0 25px; gap:23px; }
  body[data-wf-page="index"] .wf-home-copy { padding:0; }
  body[data-wf-page="index"] #wf-home-title { font-size:clamp(42px,6.5vw,61px); margin-top:20px; }
  body[data-wf-page="index"] .wf-home-intro { margin-top:20px; }
  body[data-wf-page="index"] .wf-home-actions { margin-top:24px; }
  body[data-wf-page="index"] .wf-home-trust { max-width:none; margin-top:17px; }
  body[data-wf-page="index"] .wf-showcase { width:100%; max-width:550px; margin:10px auto 0; }
  body[data-wf-page="index"] .wf-stage { height:380px; }
  body[data-wf-page="index"] .wf-product-float { left:18%; right:18%; top:20px; }
  body[data-wf-page="index"] .wf-stage-wordmark { font-size:86px; }
  body[data-wf-page="index"] .wf-home-bottom { display:block; padding:20px 0 24px; }
  body[data-wf-page="index"] .wf-home-metrics { width:100%; grid-template-columns:.8fr 1fr 1.1fr; }
  body[data-wf-page="index"] .wf-home-metrics dd { font-size:26px; }
  body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-size:16px; padding-top:2px; }
  body[data-wf-page="index"] .wf-home-explore { display:none; }
  body[data-wf-page="index"] .wf-product-button { font-size:11px; }
}
@media(max-width:599px) {
  body[data-wf-page="index"] .wf-home-shell { width:calc(100% - 40px); }
  body[data-wf-page="index"] .wf-home-main { padding-top:30px; gap:20px; }
  body[data-wf-page="index"] .wf-home-eyebrow { font-size:10px; letter-spacing:.04em; gap:8px; }
  body[data-wf-page="index"] .wf-home-eyebrow > span:first-child { width:18px; }
  body[data-wf-page="index"] #wf-home-title { font-size:clamp(36px,9.6vw,49px); line-height:1.2; margin-top:18px; letter-spacing:-.04em; }
  body[data-wf-page="index"] .wf-home-intro { margin-top:16px; }
  body[data-wf-page="index"] .wf-home-intro p:first-child { font-size:14px; }
  body[data-wf-page="index"] .wf-home-intro p + p { font-size:11px; margin-top:6px; }
  body[data-wf-page="index"] .wf-home-actions { gap:9px; margin-top:21px; }
  body[data-wf-page="index"] .wf-home-actions a { padding:12px 15px; min-height:47px; font-size:12px; gap:10px; }
  body[data-wf-page="index"] .wf-home-actions svg { width:15px; height:15px; }
  body[data-wf-page="index"] .wf-home-trust { gap:6px 14px; margin-top:15px; }
  body[data-wf-page="index"] .wf-home-trust li { font-size:9px; }
  body[data-wf-page="index"] .wf-showcase-heading { font-size:9px; padding-bottom:11px; }
  body[data-wf-page="index"] .wf-stage { height:308px; }
  body[data-wf-page="index"] .wf-stage-wordmark { font-size:63px; top:32px; }
  body[data-wf-page="index"] .wf-stage-drawing { top:-15px; }
  body[data-wf-page="index"] .wf-stage-coordinate--top { top:20px; font-size:6px; }
  body[data-wf-page="index"] .wf-stage-coordinate--side { font-size:6px; top:125px; right:-7px; }
  body[data-wf-page="index"] .wf-stage-pedestal { width:77%; left:11.5%; bottom:61px; height:78px; }
  body[data-wf-page="index"] .wf-stage-pedestal::before { bottom:12px; }
  body[data-wf-page="index"] .wf-stage-pedestal::after { height:54px; top:5px; }
  body[data-wf-page="index"] .wf-stage-shadow { bottom:99px; }
  body[data-wf-page="index"] .wf-product-float { top:29px; bottom:90px; left:18%; right:18%; }
  body[data-wf-page="index"] .wf-product-panel--bevel .wf-product-float { top:-37px; bottom:65px; left:-4%; right:-4%; }
  body[data-wf-page="index"] .wf-product-panel--coupling .wf-product-float { top:0; bottom:62px; left:10%; right:10%; }
  body[data-wf-page="index"] .wf-product-panel--locking .wf-product-float { top:28px; bottom:95px; }
  body[data-wf-page="index"] .wf-product-caption { padding-bottom:14px; }
  body[data-wf-page="index"] .wf-product-code { font-size:7px; }
  body[data-wf-page="index"] .wf-product-caption h2 { font-size:18px; }
  body[data-wf-page="index"] .wf-product-caption a { font-size:10px; gap:7px; }
  body[data-wf-page="index"] .wf-product-buttons { gap:5px; }
  body[data-wf-page="index"] .wf-product-button { flex-direction:column; justify-content:center; text-align:center; font-size:9px; padding:7px 2px; gap:3px; min-height:70px; }
  body[data-wf-page="index"] .wf-product-thumbnail { width:36px; height:33px; }
  body[data-wf-page="index"] .wf-showcase-footnote { font-size:8px; }
  body[data-wf-page="index"] .wf-home-metrics > div { padding-inline:11px; }
  body[data-wf-page="index"] .wf-home-metrics dt { font-size:8px; }
  body[data-wf-page="index"] .wf-home-metrics dd { font-size:23px; margin-top:6px; }
  body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-size:12px; line-height:1.5; padding-top:1px; }
  body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container > div { display:flex; flex-direction:column; gap:13px; }
  body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] > .container > div > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:12px; }
  body[data-wf-page="index"] [data-wf-role="hero-customer-strip"] img { max-height:23px !important; max-width:86px !important; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-wf-page="index"] .wf-home-hero *, body[data-wf-page="index"] .wf-home-hero *::before, body[data-wf-page="index"] .wf-home-hero *::after { animation:none !important; transition:none !important; }
  body[data-wf-page="index"] .wf-home-copy { opacity:1; transform:none; }
  body[data-wf-page="index"] .wf-product-float { transform:none; }
}
/* Long translated names stay inside their controls at narrow widths. */
body[data-wf-page="index"] .wf-product-button > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; hyphens:auto; }
body[data-wf-page="index"] .wf-product-caption h2 { overflow-wrap:anywhere; hyphens:auto; }
@media(max-width:767px) {
  body[data-wf-page="index"] [data-wf-role="homepage-price-note"] .flex.items-center.gap-3 { flex-wrap:wrap; }
  body[data-wf-page="index"] [data-wf-role="homepage-price-note"] p { min-width:0; overflow-wrap:anywhere; }
}
body[data-wf-page="index"] > footer { overflow-wrap:anywhere; }
body[data-wf-page="index"] > footer .grid > * { min-width:0; }

/* Expanded product family. Each source keeps its own crop and proportions. */
body[data-wf-page="index"] .wf-product-panel--helical .wf-product-float,
body[data-wf-page="index"] .wf-product-panel--vbelt .wf-product-float { top:-39px; bottom:66px; left:5%; right:5%; mix-blend-mode:multiply; }
body[data-wf-page="index"] .wf-product-panel--helical .wf-product-image,
body[data-wf-page="index"] .wf-product-panel--vbelt .wf-product-image { filter:none; }
body[data-wf-page="index"] .wf-product-panel--rack .wf-product-float { top:67px; bottom:99px; left:3%; right:3%; }
body[data-wf-page="index"] .wf-product-panel--sprocket .wf-product-float { top:38px; bottom:106px; left:6%; right:6%; }
body[data-wf-page="index"] .wf-product-panel--bushing .wf-product-float { top:61px; bottom:115px; left:25%; right:25%; }
body[data-wf-page="index"] .wf-product-thumbnail--helical img,
body[data-wf-page="index"] .wf-product-thumbnail--vbelt img { mix-blend-mode:multiply; transform:scale(1.45); }
body[data-wf-page="index"] .wf-product-button { min-height:64px; font-size:11px; }
body[data-wf-page="index"] .wf-home-primary { min-width:192px; }
body[data-wf-page="index"] .wf-home-bottom { border-top:0; }
body[data-wf-page="index"] .wf-home-metrics { overflow:hidden; border:1px solid #dce5eb; border-radius:16px; padding-block:18px; background:#ffffffbf; box-shadow:0 16px 40px #071c2b0a; }
body[data-wf-page="index"] .wf-home-metrics > div:first-child { padding-left:24px; }
body[data-wf-page="index"] .wf-home-eyebrow .num,
body[data-wf-page="index"] .wf-home-metrics .num { font-family:inherit; font-weight:900; }
@media(max-width:1199px) {
 body[data-wf-page="index"] .wf-product-button { flex-direction:column; justify-content:center; text-align:center; font-size:10px; padding:6px 3px; gap:3px; }
 body[data-wf-page="index"] .wf-product-panel--helical .wf-product-float,
 body[data-wf-page="index"] .wf-product-panel--vbelt .wf-product-float { top:-16px; bottom:74px; }
}
@media(max-width:767px) {
 body[data-wf-page="index"] .wf-home-metrics { padding-block:13px; }
 body[data-wf-page="index"] .wf-home-metrics > div:first-child { padding-left:12px; }
 body[data-wf-page="index"] .wf-home-actions a { font-weight:700; }
}
@media(max-width:599px) {
 body[data-wf-page="index"] .wf-home-eyebrow { font-size:11px; }
 body[data-wf-page="index"] #wf-home-title { line-height:1.02; }
 body[data-wf-page="index"] .wf-home-intro p:first-child { font-size:16px; }
 body[data-wf-page="index"] .wf-home-intro p + p { font-size:12px; }
 body[data-wf-page="index"] .wf-home-primary { min-width:0; }
 body[data-wf-page="index"] .wf-home-actions a { font-size:14px; min-height:49px; }
 body[data-wf-page="index"] .wf-home-trust li { font-size:10px; }
 body[data-wf-page="index"] .wf-product-button { min-height:77px; font-size:9px; padding:6px 2px; }
 body[data-wf-page="index"] .wf-product-panel--helical .wf-product-float,
 body[data-wf-page="index"] .wf-product-panel--vbelt .wf-product-float { top:0; bottom:64px; left:4%; right:4%; }
 body[data-wf-page="index"] .wf-product-panel--rack .wf-product-float { top:49px; bottom:85px; left:1%; right:1%; }
 body[data-wf-page="index"] .wf-product-panel--sprocket .wf-product-float { top:33px; bottom:88px; left:4%; right:4%; }
 body[data-wf-page="index"] .wf-product-panel--bushing .wf-product-float { top:41px; bottom:95px; left:21%; right:21%; }
}
/* Copy hierarchy and readable product names. Preserve the original type treatment. */
body[data-wf-page="index"] #wf-home-title { line-height:.96; letter-spacing:-.045em; margin-top:28px; }
body[data-wf-page="index"] .wf-home-eyebrow { font-size:clamp(.78rem,1vw,.92rem); letter-spacing:.1em; line-height:1.7; }
body[data-wf-page="index"] .wf-home-intro { margin-top:25px; }
body[data-wf-page="index"] .wf-home-intro p:first-child { color:#506979; font-size:19.2px; line-height:1.7; }
body[data-wf-page="index"] .wf-home-intro strong { display:block; font-weight:700; color:#333a42; }
body[data-wf-page="index"] .wf-home-intro p + p { font-size:15px; line-height:1.8; color:#8492a0; margin-top:13px; }
body[data-wf-page="index"] .wf-home-actions { margin-top:29px; gap:12px; }
body[data-wf-page="index"] .wf-home-actions a { min-height:54px; padding-inline:24px; }
body[data-wf-page="index"] .wf-home-primary { min-width:216px; }
body[data-wf-page="index"] .wf-home-trust { max-width:100%; gap:8px 16px; margin-top:22px; }
body[data-wf-page="index"] .wf-home-trust li { font-size:13px; color:#55606b; }
body[data-wf-page="index"] .wf-showcase-heading { color:#516f83; font-size:12px; font-weight:600; letter-spacing:.025em; }
body[data-wf-page="index"] .wf-product-caption h2 { font-size:23px; font-weight:700; letter-spacing:.015em; line-height:1.4; }
body[data-wf-page="index"] .wf-product-code { font-size:9px; color:#6c8799; letter-spacing:.12em; }
body[data-wf-page="index"] .wf-product-caption a { font-size:12px; font-weight:600; }
body[data-wf-page="index"] .wf-product-button { flex-direction:column; align-items:center; justify-content:center; min-height:88px; gap:7px; padding:9px 4px; border-radius:7px; text-align:center; font-size:12px; line-height:1.45; color:#456175; font-weight:500; }
body[data-wf-page="index"] .wf-product-thumbnail { width:45px; height:39px; }
body[data-wf-page="index"] .wf-product-button > span:nth-child(2) { width:100%; overflow-wrap:normal; word-break:normal; hyphens:auto; }
body[data-wf-page="index"] .wf-product-button[aria-pressed="true"] { font-weight:650; border-color:#2f80b3; box-shadow:0 2px 10px #176fa810; }
body[data-wf-page="index"] .wf-showcase-footnote { font-size:11px; color:#627d8f; margin-top:14px; letter-spacing:.015em; }
body[data-wf-page="index"] .wf-home-metrics { grid-template-columns:1fr 1.15fr 1.1fr; padding-block:21px; }
body[data-wf-page="index"] .wf-home-metrics dt { font-size:11.52px; font-weight:400; color:#587080; }
body[data-wf-page="index"] .wf-home-metrics dd { margin-top:8px; }
body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-family:"Montserrat","Saira",system-ui,sans-serif; font-size:25px; font-weight:900; padding-top:0; line-height:1.15; letter-spacing:-.025em; }
body[data-wf-page="index"] .wf-home-metrics small { display:block; margin-top:8px; font-size:10px; line-height:1.6; color:#718593; font-weight:400; }
@media(min-width:1700px) {
 body[data-wf-page="index"] .wf-home-intro p + p { font-size:15px; }
 body[data-wf-page="index"] .wf-product-button { font-size:13px; }
}
@media(min-width:900px) and (max-width:1199px) {
 body[data-wf-page="index"] .wf-home-main { gap:30px; }
 body[data-wf-page="index"] .wf-home-actions a { padding-inline:16px; font-size:14px; }
 body[data-wf-page="index"] .wf-home-primary { min-width:190px; }
 body[data-wf-page="index"] .wf-product-button { font-size:10px; min-height:84px; }
 body[data-wf-page="index"] .wf-product-thumbnail { width:37px; height:36px; }
}
@media(max-width:899px) {
 body[data-wf-page="index"] .wf-home-main { padding-top:35px; }
 body[data-wf-page="index"] #wf-home-title { margin-top:21px; line-height:1.02; }
 body[data-wf-page="index"] .wf-home-intro { margin-top:20px; }
 body[data-wf-page="index"] .wf-home-metrics { padding-block:18px; }
 body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-size:22px; }
}
@media(max-width:599px) {
 body[data-wf-page="index"] .wf-home-eyebrow { font-size:11px; letter-spacing:.025em; }
 body[data-wf-page="index"] #wf-home-title { font-size:clamp(32px,9.8vw,49px); letter-spacing:-.045em; }
 body[data-wf-page="index"] .wf-home-intro p:first-child { font-size:16px; line-height:1.7; }
 body[data-wf-page="index"] .wf-home-intro p + p { font-size:12px; margin-top:9px; }
 body[data-wf-page="index"] .wf-home-actions { margin-top:23px; gap:8px; }
 body[data-wf-page="index"] .wf-home-actions a { min-height:48px; padding:12px 15px; font-size:13px; gap:8px; }
 body[data-wf-page="index"] .wf-home-primary { min-width:0; }
 body[data-wf-page="index"] .wf-home-trust { gap:6px 13px; margin-top:17px; }
 body[data-wf-page="index"] .wf-home-trust li { font-size:10px; }
 body[data-wf-page="index"] .wf-showcase-heading { font-size:11px; }
 body[data-wf-page="index"] .wf-product-caption h2 { font-size:20px; }
 body[data-wf-page="index"] .wf-product-caption a { font-size:10px; }
 body[data-wf-page="index"] .wf-product-button { min-height:83px; font-size:10px; gap:5px; padding:8px 2px; }
 body[data-wf-page="index"] .wf-product-thumbnail { width:35px; height:34px; }
 body[data-wf-page="index"] .wf-showcase-footnote { font-size:10px; margin-top:12px; }
 body[data-wf-page="index"] .wf-home-metrics { padding-block:14px; }
 body[data-wf-page="index"] .wf-home-metrics dt { font-size:10px; }
 body[data-wf-page="index"] .wf-home-metrics dd { font-size:20px; }
 body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { font-size:21px; }
 body[data-wf-page="index"] .wf-home-metrics small { font-size:9px; margin-top:6px; }
}
body[data-wf-page="index"] .wf-product-button > span:nth-child(2) { text-wrap:balance; }
html:not([lang^="zh"]) body[data-wf-page="index"] .wf-product-button > span:nth-child(2) { overflow-wrap:anywhere; }
html:not([lang^="zh"]) body[data-wf-page="index"] #wf-home-title { overflow-wrap:anywhere; hyphens:auto; }
@media(min-width:900px) {
 html:not([lang^="zh"]) body[data-wf-page="index"] #wf-home-title { font-size:clamp(2.6rem,3.7vw,4rem); line-height:1.13; letter-spacing:-.025em; }
}

/* macOS CJK fallback tops out at Semibold even for 800/900. A small,
   scale-relative stroke retains the heavier Chinese reference appearance. */
html[lang^="zh"] body[data-wf-page="index"] #wf-home-title { -webkit-text-stroke:.028em currentColor; }
html[lang^="zh"] body[data-wf-page="index"] .wf-home-actions a { -webkit-text-stroke:.008em currentColor; }
html[lang^="zh"] body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { -webkit-text-stroke:.014em currentColor; }

@media(max-width:599px) {
 html[lang^="zh"] body[data-wf-page="index"] #wf-home-title { -webkit-text-stroke:.018em currentColor; }
}

/* Mobile composition: shorter introduction, touch-sized product choices. */
body[data-wf-page="index"] .wf-product-scroll-hint { display:none; }
@media(min-width:600px) and (max-width:899px) {
 body[data-wf-page="index"] .wf-home-main { min-height:0; padding-top:28px; gap:20px; }
 body[data-wf-page="index"] .wf-showcase { margin-top:0; }
 body[data-wf-page="index"] .wf-stage { height:330px; }
 body[data-wf-page="index"] .wf-product-button { min-height:82px; font-size:12px; }
 body[data-wf-page="index"] .wf-home-metrics small { font-size:11px; }
}
@media(max-width:599px) {
 body[data-wf-page="index"] .wf-home-shell { width:calc(100% - 36px); }
 body[data-wf-page="index"] .wf-home-main { min-height:0; padding:24px 0 18px; gap:22px; }
 body[data-wf-page="index"] #wf-home-title { margin-top:15px; line-height:1.06; }
 body[data-wf-page="index"] .wf-home-intro { margin-top:14px; }
 body[data-wf-page="index"] .wf-home-intro p:first-child { font-size:15px; line-height:1.6; }
 body[data-wf-page="index"] .wf-home-intro p + p { font-size:12px; margin-top:6px; }
 body[data-wf-page="index"] .wf-home-actions { display:grid; grid-template-columns:1.2fr 1fr; margin-top:18px; gap:8px; }
 body[data-wf-page="index"] .wf-home-actions a { min-width:0; min-height:48px; padding:11px 10px; gap:7px; font-size:14px; line-height:1.35; }
 body[data-wf-page="index"] .wf-home-actions svg { width:15px; height:15px; }
 body[data-wf-page="index"] .wf-home-trust { display:grid; grid-template-columns:1fr 1fr; gap:5px 10px; margin-top:12px; }
 body[data-wf-page="index"] .wf-home-trust li { min-width:0; align-items:flex-start; gap:5px; font-size:11px; line-height:1.55; }
 body[data-wf-page="index"] .wf-home-trust li:nth-child(2) { grid-column:1 / -1; grid-row:2; }
 body[data-wf-page="index"] .wf-home-trust svg { width:13px; height:13px; margin-top:2px; }
 body[data-wf-page="index"] .wf-showcase { margin:0; padding:0; }
 body[data-wf-page="index"] .wf-showcase-heading { padding:0 0 10px; font-size:12px; }
 body[data-wf-page="index"] [data-wf-product-count] { font-size:11px; }
 body[data-wf-page="index"] .wf-stage { height:258px; }
 body[data-wf-page="index"] .wf-stage-coordinate { display:none; }
 body[data-wf-page="index"] .wf-stage-wordmark { top:17px; font-size:55px; }
 body[data-wf-page="index"] .wf-stage-drawing { top:-18px; }
 body[data-wf-page="index"] .wf-stage-pedestal { bottom:53px; height:68px; width:82%; left:9%; }
 body[data-wf-page="index"] .wf-stage-pedestal::after { height:47px; }
 body[data-wf-page="index"] .wf-stage-shadow { bottom:83px; }
 body[data-wf-page="index"] .wf-product-float { top:10px; bottom:73px; left:16%; right:16%; }
 body[data-wf-page="index"] .wf-product-panel--bevel .wf-product-float { top:-38px; bottom:51px; left:-4%; right:-4%; }
 body[data-wf-page="index"] .wf-product-panel--coupling .wf-product-float { top:-4px; bottom:49px; left:10%; right:10%; }
 body[data-wf-page="index"] .wf-product-panel--locking .wf-product-float { top:12px; bottom:78px; }
 body[data-wf-page="index"] .wf-product-panel--helical .wf-product-float,
 body[data-wf-page="index"] .wf-product-panel--vbelt .wf-product-float { top:-17px; bottom:49px; }
 body[data-wf-page="index"] .wf-product-panel--rack .wf-product-float { top:31px; bottom:69px; }
 body[data-wf-page="index"] .wf-product-panel--sprocket .wf-product-float { top:15px; bottom:69px; }
 body[data-wf-page="index"] .wf-product-panel--bushing .wf-product-float { top:23px; bottom:73px; }
 body[data-wf-page="index"] .wf-product-caption { gap:12px; padding:10px 0 6px; align-items:center; }
 body[data-wf-page="index"] .wf-product-caption h2 { margin-top:4px; font-size:21px; line-height:1.25; }
 body[data-wf-page="index"] .wf-product-code { font-size:8px; letter-spacing:.08em; }
 body[data-wf-page="index"] .wf-product-caption a { min-height:44px; font-size:12px; gap:6px; }
 body[data-wf-page="index"] [data-wf-showcase-ready] .wf-product-scroll-hint { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:9px 0 6px; color:#647f91; font-size:11px; line-height:1.5; }
 body[data-wf-page="index"] .wf-product-scroll-hint > span { font-size:17px; line-height:1; }
 body[data-wf-page="index"] .wf-product-buttons { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:100px; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-padding-inline:3px; padding:3px 3px 10px; margin-inline:-3px; scrollbar-width:thin; scrollbar-color:#94b6cd #dfeaf1; }
 body[data-wf-page="index"] .wf-product-button { min-height:89px; padding:9px 6px; gap:6px; font-size:12px; line-height:1.4; scroll-snap-align:start; }
 body[data-wf-page="index"] .wf-product-thumbnail { width:42px; height:36px; }
 body[data-wf-page="index"] .wf-product-button-index { font-size:8px; right:6px; top:5px; }
 body[data-wf-page="index"] .wf-showcase-footnote { font-size:11px; margin-top:10px; letter-spacing:0; }
 body[data-wf-page="index"] .wf-home-bottom { padding:6px 0 24px; }
 body[data-wf-page="index"] .wf-home-metrics { grid-template-columns:1fr 1fr; padding:0; border-radius:14px; }
 body[data-wf-page="index"] .wf-home-metrics > div,
 body[data-wf-page="index"] .wf-home-metrics > div:first-child { padding:16px; }
 body[data-wf-page="index"] .wf-home-metrics dt { font-size:11px; line-height:1.5; }
 body[data-wf-page="index"] .wf-home-metrics dd { font-size:23px; margin-top:6px; overflow-wrap:anywhere; }
 body[data-wf-page="index"] .wf-home-metrics small { font-size:11px; line-height:1.5; margin-top:5px; overflow-wrap:anywhere; hyphens:auto; }
 body[data-wf-page="index"] .wf-home-metrics > div:last-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); column-gap:12px; border-left:0; border-top:1px solid #dce5eb; padding:13px 58px 13px 16px; }
 body[data-wf-page="index"] .wf-home-metrics > div:last-child dt,
 body[data-wf-page="index"] .wf-home-metrics > div:last-child small { grid-column:1; }
 body[data-wf-page="index"] .wf-home-metrics > div:last-child dd { grid-column:2; grid-row:1 / span 2; align-self:center; margin:0; font-size:23px; text-align:right; }
 body[data-wf-page="index"] .wf-wa-float { width:44px; height:44px; padding:0; justify-content:center; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); }
 body[data-wf-page="index"] .wf-wa-float svg { width:22px; height:22px; }
 html:not([lang^="zh"]) body[data-wf-page="index"] .wf-home-actions { grid-template-columns:1fr; }
 html:not([lang^="zh"]) body[data-wf-page="index"] .wf-home-actions a { font-size:15px; }
}
@media(max-width:359px) {
 body[data-wf-page="index"] .wf-home-actions a { padding-inline:7px; font-size:13px; gap:6px; }
 body[data-wf-page="index"] .wf-home-metrics > div,
 body[data-wf-page="index"] .wf-home-metrics > div:first-child { padding-inline:12px; }
 body[data-wf-page="index"] .wf-home-metrics dd { font-size:21px; }
}