{"id":3338,"date":"2026-07-07T00:22:59","date_gmt":"2026-07-07T00:22:59","guid":{"rendered":"https:\/\/uisb.com\/?page_id=3338"},"modified":"2026-09-12T00:34:26","modified_gmt":"2026-09-12T00:34:26","slug":"tubing","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/tubing\/","title":{"rendered":"Tubing aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3338\" class=\"elementor elementor-3338\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed1f02 e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"8ed1f02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64e5799 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"64e5799\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n:root {\r\n  --white: #ffffff;\r\n  --ice: #f8fbff;\r\n  --soft-blue: #eff6ff;\r\n  --light-blue: #dbeafe;\r\n  --sky: #93c5fd;\r\n  --blue: #3b82f6;\r\n  --deep-blue: #1e40af;\r\n  --navy: #071a3d;\r\n  --navy-2: #0f172a;\r\n  --text: #172033;\r\n  --muted: #64748b;\r\n  --glass: rgba(255,255,255,.72);\r\n  --glass-strong: rgba(255,255,255,.88);\r\n  --border: rgba(147,197,253,.42);\r\n  --shadow: 0 22px 70px rgba(30,64,175,.14);\r\n  --shadow-strong: 0 34px 110px rgba(30,64,175,.25);\r\n\r\n  --steel: #2563eb;\r\n  --nylon: #059669;\r\n  --nylon-light: #d1fae5;\r\n  --nylon-mid: #6ee7b7;\r\n  --steel-light: #dbeafe;\r\n\r\n  --font-display: 'Cormorant Garamond', Georgia, serif;\r\n  --font-body: 'Manrope', system-ui, sans-serif;\r\n  --radius: 18px;\r\n  --radius-sm: 10px;\r\n}\r\n\r\nhtml {\r\n    \/* Clip horizontal animation overflow without creating a scroll container.\r\n       overflow-x:hidden here prevents position:sticky from tracking the viewport. *\/\r\n    overflow-x: clip;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  background: var(--white);\r\n  color: var(--text);\r\n  font-family: var(--font-body);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  overflow-x: clip;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; }\r\n.wrap-wide { max-width: 1440px; margin: 0 auto; padding: 0 48px; }\r\nsection { position: relative; }\r\n\r\n.sr { opacity: 0; transform: translateY(32px); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }\r\n.sr.up { opacity: 1; transform: none; }\r\n.sr-l { opacity: 0; transform: translateX(-40px); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }\r\n.sr-l.up { opacity: 1; transform: none; }\r\n.sr-r { opacity: 0; transform: translateX(40px); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }\r\n.sr-r.up { opacity: 1; transform: none; }\r\n.sr-s { opacity: 0; transform: scale(.94); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); }\r\n.sr-s.up { opacity: 1; transform: none; }\r\n[data-d=\"1\"]{ transition-delay:.1s } [data-d=\"2\"]{ transition-delay:.18s }\r\n[data-d=\"3\"]{ transition-delay:.26s } [data-d=\"4\"]{ transition-delay:.34s }\r\n[data-d=\"5\"]{ transition-delay:.42s } [data-d=\"6\"]{ transition-delay:.5s }\r\n\r\n.eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--deep-blue);\r\n  background: rgba(59,130,246,.09);\r\n  border: 1px solid rgba(59,130,246,.28);\r\n  border-radius: 100px;\r\n  padding: 6px 18px 6px 11px;\r\n  margin-bottom: 20px;\r\n  width: fit-content;\r\n  font-family: var(--font-body);\r\n}\r\n.eyebrow-line {\r\n  display: block;\r\n  width: 7px; height: 7px;\r\n  background: var(--blue);\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  animation: pulse 2.5s ease-in-out infinite;\r\n  box-shadow: 0 0 0 0 rgba(59,130,246,.4);\r\n}\r\n.eyebrow-center { justify-content: center; }\r\n.dot-pattern { position: absolute; pointer-events: none; z-index: 0; opacity: .6; }\r\n\r\n.line-h {\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--border), transparent);\r\n  border: none;\r\n  margin: 0;\r\n}\r\n\r\n.top-bar {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--deep-blue), var(--blue), var(--sky));\r\n  background-size: 200% 100%;\r\n  animation: stripeFlow 4s linear infinite;\r\n  z-index: 2000;\r\n}\r\n@keyframes stripeFlow { 0%{background-position:0%} 100%{background-position:200%} }\r\n\r\n.cursor-glow {\r\n  position: fixed;\r\n  width: 600px; height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(59,130,246,.22) 0%, rgba(59,130,246,.10) 35%, transparent 70%);\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n#hero{min-height:100vh;position:relative;background:#05060f;display:flex;align-items:center;overflow:hidden;}\r\n#hero::after{content:'';position:absolute;inset:-60%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 20% 35%,rgba(59,130,246,.16) 0%,transparent 55%),radial-gradient(ellipse 55% 70% at 80% 65%,rgba(245,158,11,.07) 0%,transparent 50%),radial-gradient(ellipse 60% 45% at 55% 10%,rgba(147,197,253,.1) 0%,transparent 50%);animation:auroraShift 20s ease-in-out infinite alternate;filter:blur(50px);}\r\n@keyframes auroraShift{0%{transform:translate(0,0) rotate(0deg) scale(1)}50%{transform:translate(3%,-4%) rotate(2deg) scale(1.04)}100%{transform:translate(-3%,4%) rotate(-2deg) scale(1.03)}}\r\n#particleCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}\r\n\r\n.hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.45;}\r\n.hero-blob-1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(30,64,175,.08) 50%,transparent 70%);top:-220px;left:-200px;animation:blobDrift 22s ease-in-out infinite alternate;}\r\n.hero-blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.14) 0%,rgba(180,83,9,.06) 55%,transparent 70%);bottom:-100px;right:-60px;animation:blobDrift 28s ease-in-out infinite alternate-reverse;}\r\n@keyframes blobDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(25px,-35px) scale(1.05)}100%{transform:translate(-20px,25px) scale(.97)}}\r\n\r\n.hero-inner{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:120px 56px 100px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}\r\n.hero-left{display:flex;flex-direction:column;}\r\n\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(147,197,253,.28);border-radius:100px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky);margin-bottom:32px;width:fit-content;backdrop-filter:blur(10px);animation:fadein .8s .2s both;}\r\n.hero-badge-dot{width:6px;height:6px;background:var(--sky);border-radius:50%;animation:bdPulse 2s ease-in-out infinite;}\r\n@keyframes bdPulse{0%,100%{box-shadow:0 0 0 0 rgba(147,197,253,.5)}50%{box-shadow:0 0 0 6px rgba(147,197,253,0)}}\r\n\r\n.hero-h1{font-family:var(--font-display);font-size:clamp(40px,5vw,78px);font-weight:600;line-height:1.06;letter-spacing:-.03em;margin-bottom:0;animation:fadein .85s .35s both;}\r\n.hero-h1-line1{display:block;color:var(--white);}\r\n.hero-h1-line2{display:block;font-style:italic;font-weight:400;background:linear-gradient(100deg,#fde68a 0%,#fbbf24 20%,#93c5fd 45%,#bfdbfe 65%,#fde68a 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow2 4s linear infinite;}\r\n@keyframes shimmerFlow2{0%{background-position:100% 0}100%{background-position:-100% 0}}\r\n.hero-h1-line3{display:block;color:var(--white);}\r\n\r\n.hero-lead{max-width:480px;font-size:15.5px;color:rgba(219,234,254,.72);line-height:1.9;margin:26px 0 36px;animation:fadein .9s .65s both;}\r\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;animation:fadein .9s .8s both;}\r\n.hero-stats{display:flex;gap:0;border-top:1px solid rgba(147,197,253,.12);padding-top:32px;animation:fadein .9s .95s both;}\r\n.h-stat{padding-right:36px;margin-right:36px;border-right:1px solid rgba(147,197,253,.1);}\r\n.h-stat:last-child{border-right:none;margin-right:0;padding-right:0;}\r\n.h-stat-n{display:block;font-family:var(--font-display);font-size:34px;color:var(--white);line-height:1;}\r\n.h-stat-l{display:block;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(147,197,253,.42);margin-top:5px;}\r\n\r\n.hero-right{position:relative;display:flex;align-items:center;justify-content:center;animation:fadein 1s .5s both;}\r\n\r\n.hero-right::before{\r\n  content:'';\r\n  position:absolute;\r\n  width:920px;\r\n  height:580px;\r\n  border-radius:50%;\r\n  background:radial-gradient(ellipse at 50% 55%,\r\n    rgba(99,179,255,.75) 0%,\r\n    rgba(59,130,246,.6) 18%,\r\n    rgba(30,64,175,.42) 38%,\r\n    rgba(15,40,120,.2) 58%,\r\n    transparent 78%);\r\n  filter:blur(48px);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.hc{position:absolute;width:48px;height:48px;pointer-events:none;z-index:6;}\r\n.hc-tl{top:6px;left:6px;border-top:2px solid rgba(147,197,253,.5);border-left:2px solid rgba(147,197,253,.5);}\r\n.hc-tr{top:6px;right:6px;border-top:2px solid rgba(147,197,253,.5);border-right:2px solid rgba(147,197,253,.5);}\r\n.hc-bl{bottom:6px;left:6px;border-bottom:2px solid rgba(147,197,253,.5);border-left:2px solid rgba(147,197,253,.5);}\r\n.hc-br{bottom:6px;right:6px;border-bottom:2px solid rgba(147,197,253,.5);border-right:2px solid rgba(147,197,253,.5);}\r\n\r\n.hero-tube-img{width:60%;max-width:344px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 24px 60px rgba(59,130,246,.25)) drop-shadow(0 8px 24px rgba(0,0,0,.6));animation:none;transform:none;}\r\n\r\n.hero-spec-card{position:absolute;background:rgba(7,26,61,.88);border:1px solid rgba(147,197,253,.22);border-radius:10px;padding:10px 14px;backdrop-filter:blur(16px);z-index:5;animation:specFloat 3.5s ease-in-out infinite alternate;}\r\n.hero-spec-card:nth-child(2){animation-delay:.4s;}\r\n.hero-spec-card:nth-child(3){animation-delay:.9s;}\r\n.hero-spec-card:nth-child(4){animation-delay:1.4s;}\r\n@keyframes specFloat{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}\r\n.hsc-label{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(147,197,253,.5);display:block;}\r\n.hsc-val{font-size:13px;font-weight:700;color:var(--white);font-family:var(--font-display);display:block;margin-top:2px;}\r\n.hsc-cap{bottom:16%;left:-8%;}\r\n.hsc-mat{top:12%;right:-6%;}\r\n.hsc-weld{bottom:8%;right:4%;}\r\n\r\n@keyframes fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\r\n\r\n.hero-scroll-cue{position:absolute;bottom:38px;left:56px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(147,197,253,.4);z-index:2;animation:fadein .8s 1.3s both;}\r\n.hero-scroll-line{width:56px;height:1px;background:linear-gradient(90deg,rgba(147,197,253,.45),transparent);}\r\n\r\n@media(max-width:960px){.hero-inner{grid-template-columns:1fr;gap:48px;padding-top:110px;}.hero-right{max-width:420px;margin:0 auto;}.hero-left{align-items:center;text-align:center;}.hero-lead{text-align:center;}.hero-stats{flex-wrap:wrap;gap:20px;}.h-stat{border-right:none;margin-right:0;padding-right:0;}}\r\n@media(max-width:640px){.hero-inner{padding:90px 28px 80px;}.h-stat{width:45%;}.hero-scroll-cue{left:28px;}}\r\n\r\n.btn-fill{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 28px rgba(59,130,246,.38);transition:all .25s ease;text-decoration:none;}\r\n.btn-fill:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 14px 36px rgba(30,64,175,.5);}\r\n.btn-line{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:999px;border:1px solid rgba(147,197,253,.3);color:var(--sky);font-size:13px;font-weight:600;backdrop-filter:blur(8px);transition:all .25s ease;text-decoration:none;}\r\n.btn-line:hover{border-color:var(--sky);background:rgba(147,197,253,.08);transform:translateY(-2px);}\r\n\r\n.hero-swirl{\r\n  position:absolute;\r\n  width:140%;\r\n  height:140%;\r\n  top:-20%;\r\n  left:-20%;\r\n  z-index:1;\r\n  pointer-events:none;\r\n  overflow:visible;\r\n}\r\n\r\n#hero .hero-swirl path.sw{fill:none;stroke-linecap:round;stroke-dasharray:280 220;animation:none!important;}\r\n#hero .hero-swirl path.sw1{stroke:rgba(147,197,253,.60);stroke-width:1.6;}\r\n#hero .hero-swirl path.sw2{stroke:rgba(59,130,246,.48);stroke-width:1.2;}\r\n#hero .hero-swirl path.sw3{stroke:rgba(99,179,255,.36);stroke-width:1.0;}\r\n#hero .hero-swirl path.sw4{stroke:rgba(186,230,253,.28);stroke-width:0.8;}\r\n\r\n#hero .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}\r\n#hero .hero-left,#hero .hero-right{min-width:0;}\r\n#hero .hero-right{width:100%;min-height:360px;}\r\n#hero .hero-tube-img{width:100%;max-width:580px;object-fit:contain;animation:none;transform:none;}\r\n#hero .hero-h1-line3{font-family:var(--font-body);font-size:14px;line-height:1.7;font-weight:400;letter-spacing:.02em;color:var(--sky);margin-top:24px;}\r\n#hero .hero-actions{margin-bottom:0;}\r\n#hero .hero-badge,#hero .hero-badge-dot,#hero .hero-h1,#hero .hero-h1-line2,#hero .hero-lead,#hero .hero-actions,#hero .hero-right,#hero .hero-scroll-cue,#hero .hero-blob,#hero::after{animation:none;}\r\n#hero .hero-scroll-cue{bottom:32px;}\r\n#hero .btn-fill:focus-visible,#hero .btn-line:focus-visible{outline:2px solid #fff;outline-offset:5px;}\r\n@media(max-width:960px){\r\n #hero .hero-inner{grid-template-columns:minmax(0,1fr);gap:40px;}\r\n #hero .hero-right{max-width:560px;min-height:260px;}\r\n #hero .hero-actions{justify-content:center;}\r\n}\r\n@media(max-width:640px){\r\n #hero{min-height:100svh;}\r\n #hero .hero-inner{padding:90px 24px 90px;gap:28px;}\r\n #hero .hero-right{min-height:220px;}\r\n #hero .hero-right::before{width:150%;height:360px;}\r\n #hero .hero-badge{font-size:10px;letter-spacing:1px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){#hero button{transition:none;}}\r\n\r\n#summary {\r\n  background: var(--white);\r\n  padding: 100px 0 32px;\r\n  overflow: hidden;\r\n}\r\n\r\n.pr-intro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n  margin-bottom: 0;\r\n}\r\n@media (max-width: 900px) { .pr-intro-grid { grid-template-columns: 1fr; gap: 48px; } }\r\n\r\n.pr-h2 {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(36px, 4vw, 54px);\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n  color: var(--navy);\r\n  margin-bottom: 24px;\r\n}\r\n.pr-h2 em { font-style: italic; font-weight: 400; background: linear-gradient(90deg, var(--blue), var(--deep-blue), var(--blue)); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmerFlow 5s linear infinite; }\r\n\r\n.pr-p {\r\n  color: var(--muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.9;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.pr-pull {\r\n  margin: 32px 0;\r\n  padding: 24px 28px;\r\n  background: var(--soft-blue);\r\n  border-left: 4px solid var(--blue);\r\n  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n}\r\n.pr-pull p {\r\n  font-family: var(--font-display);\r\n  font-size: 17px;\r\n  font-style: italic;\r\n  color: var(--deep-blue);\r\n  line-height: 1.65;\r\n  margin: 0;\r\n}\r\n\r\n.pr-apps {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n@media (max-width: 680px) { .pr-apps { grid-template-columns: 1fr; } }\r\n\r\n.pr-app {\r\n  padding: 26px 24px;\r\n  border-radius: var(--radius);\r\n  border: 2px solid transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: default;\r\n  transition: transform .3s, box-shadow .3s, border-color .3s;\r\n}\r\n.pr-app:hover { transform: translateY(-4px); box-shadow: var(--shadow-strong); }\r\n\r\n.pr-app-brake  { background: linear-gradient(145deg, #eff6ff 0%, #fff 100%); border-color: rgba(59,130,246,.2); }\r\n.pr-app-fuel   { background: linear-gradient(145deg, #f0fdf4 0%, #fff 100%); border-color: rgba(5,150,105,.18); }\r\n.pr-app-cool   { background: linear-gradient(145deg, #f0f9ff 0%, #fff 100%); border-color: rgba(3,105,161,.18); }\r\n.pr-app-hydr   { background: linear-gradient(145deg, #faf5ff 0%, #fff 100%); border-color: rgba(124,58,237,.18); }\r\n\r\n.pr-app:hover.pr-app-brake { border-color: var(--blue); }\r\n.pr-app:hover.pr-app-fuel  { border-color: var(--nylon); }\r\n.pr-app:hover.pr-app-cool  { border-color: #0369a1; }\r\n.pr-app:hover.pr-app-hydr  { border-color: #7c3aed; }\r\n\r\n.pr-app-icon {\r\n  width: 44px; height: 44px;\r\n  border-radius: 12px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 16px;\r\n  flex-shrink: 0;\r\n}\r\n.pr-app-brake .pr-app-icon  { background: var(--soft-blue); }\r\n.pr-app-fuel  .pr-app-icon  { background: #dcfce7; }\r\n.pr-app-cool  .pr-app-icon  { background: #e0f2fe; }\r\n.pr-app-hydr  .pr-app-icon  { background: #ede9fe; }\r\n.pr-app-icon svg { width: 22px; height: 22px; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.pr-app-brake .pr-app-icon svg { stroke: var(--deep-blue); }\r\n.pr-app-fuel  .pr-app-icon svg { stroke: var(--nylon); }\r\n.pr-app-cool  .pr-app-icon svg { stroke: #0369a1; }\r\n.pr-app-hydr  .pr-app-icon svg { stroke: #7c3aed; }\r\n\r\n.pr-app-name { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }\r\n.pr-app-desc { font-size: 13px; color: var(--muted); line-height: 1.65; margin-bottom: 14px; }\r\n.pr-app-specs {\r\n  display: flex; flex-wrap: wrap; gap: 6px;\r\n}\r\n.pr-spec-tag {\r\n  font-size: 11px; font-weight: 600;\r\n  padding: 3px 10px; border-radius: 100px;\r\n  letter-spacing: .3px;\r\n}\r\n.pr-app-brake .pr-spec-tag { background: var(--light-blue); color: var(--deep-blue); }\r\n.pr-app-fuel  .pr-spec-tag { background: var(--nylon-light); color: #065f46; }\r\n.pr-app-cool  .pr-spec-tag { background: #bae6fd; color: #0c4a6e; }\r\n.pr-app-hydr  .pr-spec-tag { background: #ede9fe; color: #5b21b6; }\r\n\r\n#market {\r\n  background: var(--navy-2);\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}\r\n.sc{background:var(--navy);border:1px solid rgba(59,130,246,.15);border-radius:16px;padding:24px;box-shadow:0 4px 24px rgba(7,26,61,.25);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;overflow:hidden;position:relative;cursor:default;}\r\n.sc:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(7,26,61,.4);}\r\n.sc-main{grid-column:span 2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(15,23,42,.95) 40%,rgba(30,64,175,.4) 140%);}\r\n.sc-trend{grid-column:span 3;}\r\n.ring-wrap{position:relative;width:148px;height:148px;margin:0 auto 14px;}\r\n.ring-svg{width:148px;height:148px;transform:rotate(-90deg);}\r\n.ring-track{fill:none;stroke:rgba(147,197,253,.08);stroke-width:10;}\r\n.ring-fill{fill:none;stroke:url(#rg);stroke-width:10;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;}\r\n.stats-grid.up .ring-fill{animation:ringFillAnim 2s cubic-bezier(.22,1,.36,1) 0.4s forwards;}\r\n@keyframes ringFillAnim{from{stroke-dashoffset:314;}to{stroke-dashoffset:40;}}\r\n.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}\r\n.ring-num{font-family:var(--font-display);font-size:24px;font-weight:700;color:#f8fafc;line-height:1;}\r\n.ring-label{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(147,197,253,.4);}\r\n.sc-main-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:4px;}\r\n.sc-main-sub{font-size:12px;color:rgba(147,197,253,.5);margin-bottom:14px;}\r\n.sc-main-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#93c5fd;}\r\n.sc-bars{display:flex;height:80px;align-items:flex-end;gap:8px;margin-top:12px;}\r\n.scb-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;}\r\n.scb-bar-wrap{flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px 5px 0 0;background:rgba(147,197,253,.06);}\r\n.scb-fill{width:100%;height:0;background:rgba(59,130,246,.35);border-radius:4px 4px 0 0;transition:height 1.4s cubic-bezier(.22,1,.36,1);}\r\n.scb-col.scb-active .scb-fill{background:linear-gradient(0deg,var(--deep-blue),var(--sky));}\r\n.scb-lbl{font-size:9px;color:rgba(147,197,253,.35);text-align:center;line-height:1.3;white-space:nowrap;}\r\n.scb-active .scb-lbl{color:var(--sky);font-weight:700;}\r\n.sc-trend-meta{display:flex;justify-content:space-between;margin-top:8px;}\r\n.sc-trend-meta span{font-size:10px;color:rgba(147,197,253,.35);font-weight:500;}\r\n.sc-oem-bar-track{flex:1;height:5px;background:rgba(147,197,253,.1);border-radius:20px;overflow:hidden;}\r\n.oem-bar-fill{height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,var(--deep-blue),var(--blue));transition:width 1.4s cubic-bezier(.22,1,.36,1);}\r\n.sc-oem-pct{font-size:11px;font-weight:700;color:rgba(147,197,253,.55);min-width:38px;text-align:right;}\r\n\r\n#material {\r\n  background: var(--white);\r\n  padding: 32px 0 120px;\r\n  overflow: hidden;\r\n}\r\n\r\n.material-h2 {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(38px, 4vw, 56px);\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n  color: var(--navy);\r\n  text-align: center;\r\n  margin-bottom: 16px;\r\n}\r\n.material-h2 em { font-style: italic; background: linear-gradient(90deg, var(--blue), var(--deep-blue), var(--blue)); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmerFlow 5s linear infinite; }\r\n\r\n.compare-wrap {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n}\r\n\r\n.compare-card {\r\n  padding: 44px 40px;\r\n  border-radius: var(--radius);\r\n  border: 2px solid transparent;\r\n  transition: border-color .4s, box-shadow .4s, transform .4s;\r\n}\r\n.compare-card.steel-c {\r\n  background: linear-gradient(145deg, var(--soft-blue) 0%, var(--white) 100%);\r\n  border-color: rgba(59,130,246,.25);\r\n}\r\n.compare-card.nylon-c {\r\n  background: linear-gradient(145deg, #f0fdf9 0%, var(--white) 100%);\r\n  border-color: rgba(5,150,105,.25);\r\n}\r\n.compare-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-strong); }\r\n.compare-card.steel-c:hover { border-color: var(--blue); }\r\n.compare-card.nylon-c:hover { border-color: var(--nylon); }\r\n\r\n.compare-h3 {\r\n  font-family: var(--font-display);\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 6px;\r\n}\r\n.compare-h3.s-col { color: var(--deep-blue); }\r\n.compare-h3.n-col { color: #065f46; }\r\n\r\n.compare-sub { font-size: 14px; color: var(--muted); margin-bottom: 32px; line-height: 1.7; }\r\n\r\n.cmp-row {\r\n  display: flex;\r\n  gap: 14px;\r\n  padding: 14px 0;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.cmp-row:last-child { border-bottom: none; }\r\n.cmp-check {\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n.s-check { background: var(--light-blue); }\r\n.n-check { background: var(--nylon-light); }\r\n.cmp-check svg { width: 12px; height: 12px; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none; }\r\n.s-check svg { stroke: var(--deep-blue); }\r\n.n-check svg { stroke: var(--nylon); }\r\n.cmp-text strong { display: block; font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 3px; }\r\n.cmp-text span { font-size: 13px; color: var(--muted); line-height: 1.6; }\r\n\r\n.compare-specs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 28px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid var(--border);\r\n}\r\n.spec-badge {\r\n  padding: 6px 14px;\r\n  border-radius: 100px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: .5px;\r\n}\r\n.steel-c .spec-badge { background: var(--soft-blue); color: var(--deep-blue); border: 1px solid var(--light-blue); }\r\n.nylon-c .spec-badge { background: var(--nylon-light); color: #065f46; border: 1px solid var(--nylon-mid); }\r\n\r\n#tube-vis {\r\n  background: #061428;\r\n  padding: 80px 0 100px;\r\n  overflow: hidden;\r\n}\r\n.mv-header { text-align:center; margin-bottom:52px; }\r\n.mv-h2 { font-family:var(--font-display);font-size:clamp(32px,3.5vw,50px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:14px; }\r\n.mv-h2 em { font-style:italic;background:linear-gradient(90deg,var(--sky),#bfdbfe,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow 5s linear infinite; }\r\n.mv-sub { font-size:14.5px;color:rgba(147,197,253,.6);line-height:1.85;max-width:600px;margin:0 auto; }\r\n.mv-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }\r\n@media (max-width:900px) { .mv-grid { grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:600px) { .mv-grid { grid-template-columns:1fr; } }\r\n.mv-card { background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.12);border-radius:14px;padding:22px 24px;transition:border-color .3s,background .3s; }\r\n.mv-card:hover { background:rgba(255,255,255,.07);border-color:rgba(147,197,253,.25); }\r\n.mv-card-title { font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(147,197,253,.5);margin-bottom:14px; }\r\n.mv-chips { display:flex;flex-wrap:wrap;gap:8px; }\r\n.mv-chip { font-size:12px;font-weight:500;color:rgba(200,220,255,.75);background:rgba(255,255,255,.06);border:1px solid rgba(147,197,253,.15);border-radius:20px;padding:4px 12px; }\r\n.mv-chip-active { background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.35);color:#93c5fd; }\r\n.mv-chip-gold { background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.3);color:#fde68a; }\r\n.mv-chip-green { background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:#6ee7b7; }\r\n\r\n#process{min-height:300vh;background:var(--navy);position:relative;}\r\n.proc-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;}\r\n.proc-header{padding:44px 0 18px;position:relative;z-index:10;flex-shrink:0;background:linear-gradient(180deg,rgba(7,26,61,1) 60%,rgba(7,26,61,0) 100%);}\r\n.proc-h2{font-family:var(--font-display);font-size:clamp(32px,3.2vw,48px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:16px;}\r\n.proc-h2 em{font-style:italic;background:linear-gradient(90deg,var(--sky),#bfdbfe,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow 5s linear infinite;}\r\n.proc-tabs{display:flex;gap:5px;background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.1);border-radius:16px;padding:5px;width:fit-content;}\r\n.proc-tab{display:flex;align-items:center;gap:9px;padding:10px 20px;border-radius:12px;border:none;background:transparent;color:rgba(147,197,253,.5);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .28s cubic-bezier(.22,1,.36,1);white-space:nowrap;}\r\n.proc-tab:hover{color:rgba(147,197,253,.85);}\r\n.proc-tab.active{background:rgba(147,197,253,.13);color:#fff;}\r\n.proc-tab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}\r\n.proc-cards-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;}\r\n.proc-panel{position:absolute;inset:0;}\r\n.proc-card-transition .proc-card{transition:transform 0.05s linear,opacity 0.05s linear;}\r\n.proc-card{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%) translateX(110vw);width:min(72%,880px);min-height:380px;max-height:460px;border-radius:24px;border:1px solid rgba(55,48,163,.45);background:linear-gradient(135deg,rgba(15,23,42,.92) 40%,rgba(55,48,163,.52) 140%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#f1f5f9;padding:44px 52px;overflow:hidden;display:flex;flex-direction:column;}\r\n.proc-card-ghost{position:absolute;right:-8px;bottom:-28px;font-family:var(--font-display);font-size:150px;font-weight:700;color:rgba(147,197,253,.04);line-height:1;user-select:none;pointer-events:none;}\r\n.proc-card-stage{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-shrink:0;}\r\n.proc-stage-num{width:28px;height:28px;border-radius:50%;background:rgba(59,130,246,.18);border:1px solid rgba(59,130,246,.35);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--sky);flex-shrink:0;}\r\n.proc-stage-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(147,197,253,.5);}\r\n.proc-mat-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-left:auto;}\r\n.proc-mat-steel{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#93c5fd;}\r\n.proc-mat-nylon{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;}\r\n.proc-card-title{font-family:var(--font-display);font-size:clamp(19px,1.8vw,24px);font-weight:700;color:#f8fafc;line-height:1.2;margin-bottom:12px;flex-shrink:0;}\r\n.proc-card-sep{height:1px;background:rgba(147,197,253,.07);margin-bottom:12px;flex-shrink:0;}\r\n.proc-card-desc{font-size:13.5px;color:rgba(147,197,253,.65);line-height:1.75;flex:1;overflow:hidden;}\r\n.proc-footer{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:12px 80px 24px;}\r\n.proc-progress-track{flex:1;height:2px;background:rgba(147,197,253,.1);border-radius:2px;overflow:hidden;}\r\n.proc-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--deep-blue),var(--sky));border-radius:2px;transition:width .08s linear;}\r\n.proc-step-info{font-size:11px;font-weight:700;letter-spacing:.5px;color:rgba(147,197,253,.4);white-space:nowrap;}\r\n\r\n.proc-card{border-top:2px solid rgba(147,197,253,.2);}\r\n.proc-panel .proc-card:nth-child(1){border-top-color:#3b82f6;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(37,99,235,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(2){border-top-color:#6366f1;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(79,70,229,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(3){border-top-color:#8b5cf6;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(109,40,217,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(4){border-top-color:#06b6d4;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(8,145,178,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(5){border-top-color:#14b8a6;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(15,118,110,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(6){border-top-color:#10b981;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(5,150,105,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(7){border-top-color:#f59e0b;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(180,83,9,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(8){border-top-color:#f43f5e;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(190,18,60,.35) 140%);}\r\n.proc-panel .proc-card:nth-child(9){border-top-color:#f97316;background:linear-gradient(135deg,rgba(15,23,42,.93) 40%,rgba(194,65,12,.35) 140%);}\r\n\r\n.proc-panel .proc-card:nth-child(1) .proc-stage-num{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);color:#93c5fd;}\r\n.proc-panel .proc-card:nth-child(2) .proc-stage-num{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.4);color:#a5b4fc;}\r\n.proc-panel .proc-card:nth-child(3) .proc-stage-num{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:#c4b5fd;}\r\n.proc-panel .proc-card:nth-child(4) .proc-stage-num{background:rgba(6,182,212,.2);border-color:rgba(6,182,212,.4);color:#67e8f9;}\r\n.proc-panel .proc-card:nth-child(5) .proc-stage-num{background:rgba(20,184,166,.2);border-color:rgba(20,184,166,.4);color:#5eead4;}\r\n.proc-panel .proc-card:nth-child(6) .proc-stage-num{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.4);color:#6ee7b7;}\r\n.proc-panel .proc-card:nth-child(7) .proc-stage-num{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.4);color:#fcd34d;}\r\n.proc-panel .proc-card:nth-child(8) .proc-stage-num{background:rgba(244,63,94,.2);border-color:rgba(244,63,94,.4);color:#fda4af;}\r\n.proc-panel .proc-card:nth-child(9) .proc-stage-num{background:rgba(249,115,22,.2);border-color:rgba(249,115,22,.4);color:#fdba74;}\r\n\r\n\/* Keep the process canvas pinned to the desktop viewport while the section's\r\n   scroll runway drives each manufacturing stage. *\/\r\n@media (min-width: 681px) {\r\n  #process {\r\n    min-height: 300vh;\r\n    overflow: visible;\r\n  }\r\n  .proc-sticky {\r\n    position: -webkit-sticky;\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    height: 100dvh;\r\n    align-self: flex-start;\r\n  }\r\n}\r\n\r\n.wave-div { position:relative; z-index:5; line-height:0; display:block; overflow:hidden; }\r\n.wave-div svg { display:block; width:100%; }\r\n\r\n@media (max-width: 900px) {\r\n  .wrap { padding: 0 28px; }\r\n  .compare-wrap { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 680px) {\r\n  .hero-inner { padding: 90px 28px 80px; }\r\n  .hero-stats { flex-direction: column; gap: 20px; }\r\n  .hero-stat { border-right: none; margin-right: 0; padding-right: 0; }\r\n\r\n  \/* Process: compact sticky layout sized for mobile browser viewports *\/\r\n  #process { min-height: 300vh; }\r\n  .proc-sticky {\r\n    height: 100svh;\r\n    min-height: 560px;\r\n  }\r\n  @supports (height: 100dvh) {\r\n    .proc-sticky { height: 100dvh; }\r\n  }\r\n  .proc-header {\r\n    padding: 20px 0 8px;\r\n    background: linear-gradient(180deg,rgba(7,26,61,1) 78%,rgba(7,26,61,0) 100%);\r\n  }\r\n  .proc-header .wrap { padding: 0 18px; }\r\n  .proc-header .eyebrow { margin-bottom: 8px !important; padding: 4px 12px 4px 8px; font-size: 9px; }\r\n  .proc-h2 { font-size: clamp(27px,8vw,34px); margin-bottom: 7px; }\r\n  .proc-header p { font-size: 11px !important; line-height: 1.45; margin-bottom: 10px !important; }\r\n  .proc-tabs {\r\n    width: 100%;\r\n    gap: 3px;\r\n    padding: 4px;\r\n    border-radius: 13px;\r\n  }\r\n  .proc-tab {\r\n    flex: 1 1 0;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    min-width: 0;\r\n    padding: 8px 5px;\r\n    border-radius: 10px;\r\n    font-size: 11px;\r\n  }\r\n  .proc-tab small { display: none; }\r\n  .proc-tab-dot { width: 6px; height: 6px; }\r\n  .proc-cards-wrap { min-height: 0; align-items: stretch; }\r\n  .proc-card {\r\n    width: calc(100% - 32px);\r\n    min-height: 0;\r\n    height: calc(100% - 18px);\r\n    max-height: none;\r\n    padding: 20px 20px 18px;\r\n    border-radius: 18px;\r\n  }\r\n  .proc-card-stage { gap: 7px; margin-bottom: 12px; }\r\n  .proc-stage-num { width: 25px; height: 25px; font-size: 11px; }\r\n  .proc-stage-label { font-size: 9px; letter-spacing: .9px; }\r\n  .proc-mat-badge { font-size: 8px; padding: 2px 7px; }\r\n  .proc-card-title { font-size: 22px; margin-bottom: 8px; }\r\n  .proc-card-sep { margin-bottom: 8px; }\r\n  .proc-card-desc {\r\n    min-height: 0;\r\n    overflow-y: auto;\r\n    overscroll-behavior: contain;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding-right: 6px;\r\n    font-size: 12px;\r\n    line-height: 1.62;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(147,197,253,.32) transparent;\r\n  }\r\n  .proc-card-desc::-webkit-scrollbar { width: 3px; }\r\n  .proc-card-desc::-webkit-scrollbar-thumb { background: rgba(147,197,253,.32); border-radius: 3px; }\r\n  .proc-card-ghost { right: 4px; bottom: -8px; font-size: 92px; }\r\n  .proc-footer { gap: 10px; padding: 8px 18px 14px; }\r\n  .proc-step-info { font-size: 9px; }\r\n}\r\n@media (max-width: 767px) {\r\n  #process {\r\n    min-height: 0 !important;\r\n    padding: 0 0 64px;\r\n    overflow: hidden;\r\n  }\r\n  #process .proc-sticky {\r\n    position: relative !important;\r\n    top: auto;\r\n    height: auto !important;\r\n    min-height: 0;\r\n    overflow: visible;\r\n    display: block;\r\n  }\r\n  #process .proc-header {\r\n    padding: 48px 0 20px;\r\n    background: linear-gradient(180deg,rgba(7,26,61,1) 82%,rgba(7,26,61,.92) 100%);\r\n  }\r\n  #process .proc-header .wrap { padding: 0 18px; }\r\n  #process .proc-header .eyebrow {\r\n    margin-bottom: 12px !important;\r\n    padding: 5px 12px 5px 9px;\r\n    font-size: 9px;\r\n  }\r\n  #process .proc-h2 {\r\n    max-width: 330px;\r\n    font-size: clamp(30px,9vw,38px);\r\n    line-height: 1.05;\r\n    margin-bottom: 10px;\r\n  }\r\n  #process .proc-header p {\r\n    max-width: 340px;\r\n    font-size: 12px !important;\r\n    line-height: 1.6;\r\n    margin-bottom: 18px !important;\r\n  }\r\n  #process .proc-tabs {\r\n    width: 100%;\r\n    gap: 4px;\r\n    padding: 4px;\r\n    border-radius: 14px;\r\n  }\r\n  #process .proc-tab {\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n    min-height: 44px;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding: 9px 6px;\r\n    border-radius: 10px;\r\n    font-size: 11px;\r\n    line-height: 1.2;\r\n  }\r\n  #process .proc-tab small { display: none; }\r\n  #process .proc-cards-wrap {\r\n    display: block;\r\n    min-height: 0;\r\n    overflow: visible;\r\n  }\r\n  #process .proc-panel {\r\n    position: relative;\r\n    inset: auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    padding: 6px 16px 0;\r\n  }\r\n  #process .proc-panel[style*=\"display:none\"],\r\n  #process .proc-panel[style*=\"display: none\"] { display: none !important; }\r\n  #process .proc-card {\r\n    position: relative;\r\n    inset: auto;\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 0;\r\n    max-height: none;\r\n    margin: 0;\r\n    padding: 22px 20px 24px;\r\n    border-radius: 18px;\r\n    transform: none !important;\r\n    opacity: 1 !important;\r\n    z-index: auto !important;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n  #process .proc-card-stage { gap: 8px; margin-bottom: 14px; }\r\n  #process .proc-stage-num { width: 27px; height: 27px; font-size: 11px; }\r\n  #process .proc-stage-label { font-size: 9px; letter-spacing: 1px; }\r\n  #process .proc-mat-badge { font-size: 8px; padding: 3px 8px; }\r\n  #process .proc-card-title { font-size: 24px; margin-bottom: 10px; }\r\n  #process .proc-card-sep { margin-bottom: 11px; }\r\n  #process .proc-card-desc {\r\n    overflow: visible;\r\n    padding: 0;\r\n    font-size: 12.5px;\r\n    line-height: 1.72;\r\n  }\r\n  #process .proc-card-ghost { font-size: 86px; right: 4px; bottom: -8px; }\r\n  #process .proc-footer { display: none; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #market {\r\n    padding: 72px 0 80px;\r\n    overflow: hidden;\r\n  }\r\n  #market > .wrap { padding: 0 18px; }\r\n  #market .market-head { margin-bottom: 32px !important; }\r\n  #market .market-head .eyebrow {\r\n    margin-bottom: 14px !important;\r\n    font-size: 9px;\r\n    letter-spacing: 1.3px;\r\n    padding: 5px 12px 5px 9px;\r\n  }\r\n  #market .market-h2 {\r\n    max-width: 330px;\r\n    margin: 0 auto 14px !important;\r\n    font-size: clamp(32px,10vw,42px) !important;\r\n    line-height: 1.06 !important;\r\n  }\r\n  #market .market-lead {\r\n    max-width: 310px !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n  #market .stats-grid {\r\n    grid-template-columns: minmax(0,1fr);\r\n    gap: 14px;\r\n  }\r\n  #market .sc,\r\n  #market .sc-main,\r\n  #market .sc-trend,\r\n  #market .sc-oem {\r\n    grid-column: 1 \/ -1 !important;\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n  #market .sc {\r\n    padding: 22px 20px;\r\n    border-radius: 18px;\r\n  }\r\n  #market .sc:hover { transform: none; }\r\n  #market .sc-main { min-height: 285px; }\r\n  #market .ring-wrap {\r\n    width: 154px;\r\n    height: 154px;\r\n    margin-bottom: 16px;\r\n  }\r\n  #market .ring-svg { width: 154px; height: 154px; }\r\n  #market .ring-num { font-size: 25px; }\r\n  #market .sc-main-title { font-size: 21px; }\r\n  #market .sc-main-sub { font-size: 12px; margin-bottom: 0; }\r\n  #market .sc-trend { padding-top: 24px; }\r\n  #market .sc-trend > div:nth-child(2) {\r\n    max-width: 270px;\r\n    font-size: 23px !important;\r\n    line-height: 1.3;\r\n    margin-bottom: 22px !important;\r\n  }\r\n  #market .sc-bars {\r\n    height: 132px;\r\n    gap: 7px;\r\n    margin-top: 4px;\r\n  }\r\n  #market .scb-lbl { font-size: 9px; }\r\n  #market .sc-trend-meta {\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n  }\r\n  #market .sc-trend-meta span {\r\n    max-width: 48%;\r\n    font-size: 9px;\r\n    line-height: 1.5;\r\n  }\r\n  #market .sc-oem { padding: 24px 20px 26px; }\r\n  #market .sc-oem-head {\r\n    align-items: flex-start !important;\r\n    gap: 8px;\r\n    margin-bottom: 24px !important;\r\n  }\r\n  #market .sc-oem-head > div { min-width: 0; }\r\n  #market .sc-oem-head > div > div:last-child {\r\n    max-width: 220px;\r\n    font-size: 20px !important;\r\n    line-height: 1.35;\r\n  }\r\n  #market .sc-oem-head > span {\r\n    flex: 0 0 auto;\r\n    max-width: 60px;\r\n    padding-top: 24px;\r\n    text-align: right;\r\n    line-height: 1.4;\r\n  }\r\n  #market .sc-oem-grid {\r\n    grid-template-columns: repeat(2,minmax(0,1fr)) !important;\r\n    gap: 20px 16px !important;\r\n  }\r\n  #market .oem-item {\r\n    min-width: 0;\r\n    padding: 2px 0 6px;\r\n  }\r\n  #market .oem-item:last-child { grid-column: 1 \/ -1; }\r\n  #market .oem-item > div:first-child {\r\n    overflow-wrap: anywhere;\r\n    font-size: 10px !important;\r\n  }\r\n  #market .oem-item > div:last-child {\r\n    font-size: 20px !important;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n@media (max-width: 390px) {\r\n  #market > .wrap { padding: 0 14px; }\r\n  #market .sc { padding-left: 17px; padding-right: 17px; }\r\n  #market .sc-oem-grid { gap: 18px 12px !important; }\r\n  #market .sc-oem-head > div > div:last-child { font-size: 18px !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sr,.sr-l,.sr-r,.sr-s,.tl-item { transition: none!important; animation: none!important; opacity: 1!important; transform: none!important; }\r\n  .blob { animation: none; }\r\n}\r\n\r\n.page-nav-rail {\r\n  position: fixed;\r\n  right: 22px; top: 50%;\r\n  transform: translateY(-50%);\r\n  display: flex; flex-direction: column;\r\n  align-items: center; gap: 7px;\r\n  z-index: 900;\r\n  pointer-events: auto;\r\n}\r\n.page-nav-pip {\r\n  width: 4px; height: 22px; border-radius: 3px;\r\n  background: rgba(147,197,253,.38);\r\n  cursor: pointer; border: none; padding: 0;\r\n  transition: height .32s cubic-bezier(.22,1,.36,1),\r\n              background .32s ease,\r\n              box-shadow .32s ease;\r\n  position: relative;\r\n}\r\n.page-nav-pip:hover { background: var(--blue); height: 30px; }\r\n.page-nav-pip.active {\r\n  background: var(--deep-blue);\r\n  height: 40px;\r\n  box-shadow: 0 0 14px rgba(30,64,175,.5);\r\n}\r\n.page-nav-pip::after {\r\n  content: attr(data-label);\r\n  position: absolute;\r\n  right: calc(100% + 12px); top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(7,26,61,.92); color: #fff;\r\n  font-family: var(--font-body);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .3px;\r\n  padding: 5px 12px; border-radius: 10px;\r\n  white-space: nowrap;\r\n  opacity: 0; pointer-events: none;\r\n  transition: opacity .18s ease;\r\n  box-shadow: 0 4px 16px rgba(7,26,61,.25);\r\n}\r\n.page-nav-pip:hover::after { opacity: 1; }\r\n@media (max-width: 1100px) { .page-nav-rail { display: none; } }\r\n<\/style>\r\n\r\n<div class=\"top-bar\"><\/div>\r\n\r\n<div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\r\n\r\n<section id=\"hero\">\r\n<div class=\"hero-blob hero-blob-1\" aria-hidden=\"true\"><\/div>\r\n<div class=\"hero-blob hero-blob-2\" aria-hidden=\"true\"><\/div>\r\n<div class=\"hero-inner\">\r\n  <div class=\"hero-left\">\r\n    <div class=\"hero-badge\"><span class=\"hero-badge-dot\"><\/span>Precision Automotive Tubing<\/div>\r\n    <h1 class=\"hero-h1\">\r\n      <span class=\"hero-h1-line1\">Tube<\/span>\r\n      <span class=\"hero-h1-line2\">Assembly.<\/span>\r\n      <span class=\"hero-h1-line3\">Precision Fluid Transfer \u00b7 Steel &amp; Nylon<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-lead\">\r\n        United Sanoh Industries engineers precision fluid-carrying tubing for Malaysia&rsquo;s most demanding OEM platforms &mdash; advanced materials, exacting tolerances, zero-compromise quality.\r\n      <\/p>\r\n    <div class=\"hero-actions\">\r\n      <a class=\"btn-fill\" href=\"#summary\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n        Explore Product Range\r\n      <\/a>\r\n      <a class=\"btn-line\" href=\"#process\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\r\n        View Process\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n    <div class=\"hero-right\">\r\n      \r\n      <svg class=\"hero-swirl\" viewBox=\"-110 -90 800 680\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\r\n        \r\n        <path pathLength=\"1000\" class=\"sw sw1\" d=\"M -110,100 C 40,-60 180,20 290,160 C 400,300 500,420 690,380\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"7s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\r\n        \r\n        <path pathLength=\"1000\" class=\"sw sw2\" d=\"M -110,440 C 60,560 200,400 290,280 C 380,160 510,80 690,110\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"9s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\r\n        \r\n        <path pathLength=\"1000\" class=\"sw sw3\" d=\"M 210,-90 C 520,-60 620,160 540,310 C 460,460 310,570 90,570\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"11s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\r\n        \r\n        <path pathLength=\"1000\" class=\"sw sw4\" d=\"M 690,50 C 540,-30 400,60 310,190 C 220,320 250,460 400,540\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"6s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\r\n      <\/svg>\r\n      \r\n      <img\r\n        src=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-10-2026-09_05_57-AM.png\"\r\n        alt=\"Tube assembly \u2014 precision automotive fluid-carrying tubing\"\r\n        class=\"hero-tube-img\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      \/>\r\n    <\/div>\r\n\r\n<\/div>\r\n<div class=\"hero-scroll-cue\" aria-hidden=\"true\"><span class=\"hero-scroll-line\"><\/span>Scroll to explore<\/div>\r\n<\/section>\r\n\r\n<div class=\"wave-div\" style=\"background:var(--navy)\">\r\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M0,0 C360,56 720,0 1080,40 C1260,56 1380,20 1440,28 L1440,56 L0,56 Z\" fill=\"#061428\"\/>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<section id=\"tube-vis\">\r\n\r\n  <div class=\"tv-content wrap\">\r\n\r\n    <div class=\"mv-header\">\r\n      <div class=\"eyebrow eyebrow-center sr\" style=\"color:var(--sky);background:rgba(147,197,253,.08);border-color:rgba(147,197,253,.2)\"><span class=\"eyebrow-line\" style=\"background:var(--sky)\"><\/span>Material Specifications<\/div>\r\n      <h2 class=\"mv-h2 sr\" data-d=\"1\">Tubing Engineered to<br><em>Your Specification<\/em><\/h2>\r\n      <p class=\"mv-sub sr\" data-d=\"2\">Every tubing assembly is defined by a precise combination of material form, dimensional spec, protective treatment and end-forming \u00e2\u20ac\u201d configured to meet OEM requirements exactly.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mv-grid\">\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"1\">\r\n        <div class=\"mv-card-title\">Tube Kind<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip mv-chip-active\">DWB<\/span>\r\n          <span class=\"mv-chip\">Single Wall Welded<\/span>\r\n          <span class=\"mv-chip\">Seamless<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"2\">\r\n        <div class=\"mv-card-title\">Outer Diameter<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip\">3.0 mm<\/span>\r\n          <span class=\"mv-chip mv-chip-active\">4.75 mm<\/span>\r\n          <span class=\"mv-chip\">6.0 mm<\/span>\r\n          <span class=\"mv-chip\">8.0 mm<\/span>\r\n          <span class=\"mv-chip\">10.0 mm<\/span>\r\n          <span class=\"mv-chip\">12.0 mm<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"3\">\r\n        <div class=\"mv-card-title\">Tube Thickness<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip mv-chip-active\">0.7 mm<\/span>\r\n          <span class=\"mv-chip\">0.8 mm<\/span>\r\n          <span class=\"mv-chip\">1.0 mm<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"4\">\r\n        <div class=\"mv-card-title\">1st Surface Treatment<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip mv-chip-gold\">Zinc (Zn)<\/span>\r\n          <span class=\"mv-chip mv-chip-gold\">Copper-Nickel (CuNi)<\/span>\r\n          <span class=\"mv-chip mv-chip-gold\">Zinc-Nickel (ZnNi)<\/span>\r\n          <span class=\"mv-chip\">Plain Steel<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"5\">\r\n        <div class=\"mv-card-title\">2nd Surface Treatment<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip\">PVC Coat<\/span>\r\n          <span class=\"mv-chip\">PA11<\/span>\r\n          <span class=\"mv-chip mv-chip-green\">PA12<\/span>\r\n          <span class=\"mv-chip mv-chip-green\">Eonol<\/span>\r\n          <span class=\"mv-chip\">Bare<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mv-card sr-s\" data-d=\"6\">\r\n        <div class=\"mv-card-title\">Special Treatment<\/div>\r\n        <div class=\"mv-chips\">\r\n          <span class=\"mv-chip mv-chip-active\">End Forming<\/span>\r\n          <span class=\"mv-chip\">ISO Flare<\/span>\r\n          <span class=\"mv-chip\">Swaging<\/span>\r\n          <span class=\"mv-chip\">Beading<\/span>\r\n          <span class=\"mv-chip\">Pressure Test<\/span>\r\n          <span class=\"mv-chip\">Connector Assy<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"wave-div\" style=\"background:#061428\">\r\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M0,56 C240,0 480,56 720,28 C960,0 1200,56 1440,20 L1440,0 L0,0 Z\" fill=\"#061428\"\/>\r\n    <path d=\"M0,56 C240,0 480,56 720,28 C960,0 1200,56 1440,20 L1440,56 L0,56 Z\" fill=\"var(--white)\"\/>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<section id=\"summary\">\r\n\r\n  <div class=\"dot-pattern\" style=\"top:40px;right:40px\">\r\n    <svg width=\"180\" height=\"180\" viewBox=\"0 0 180 180\" fill=\"none\">\r\n      <pattern id=\"dp1\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" patternUnits=\"userSpaceOnUse\">\r\n        <circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"var(--light-blue)\"\/>\r\n      <\/pattern>\r\n      <rect width=\"180\" height=\"180\" fill=\"url(#dp1)\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"pr-intro-grid\">\r\n\r\n      <div>\r\n        <div class=\"eyebrow sr\"><span class=\"eyebrow-line\"><\/span>Product Range<\/div>\r\n        <h2 class=\"pr-h2 sr\" data-d=\"1\">Precision Fluid<br>Transfer <em>Systems<\/em><\/h2>\r\n\r\n        <p class=\"pr-p sr\" data-d=\"2\">\r\n          USISB manufactures precision metallic tubular systems for automotive brake, fuel, cooling, and hydraulic circuits \u00e2\u20ac\u201d the small-diameter, high-integrity lines that carry fluid through a vehicle's most safety-critical systems.\r\n        <\/p>\r\n\r\n        <div class=\"pr-pull sr\" data-d=\"3\">\r\n          <p>\"Small in diameter, critical in function \u00e2\u20ac\u201d every tube is engineered to perform flawlessly across the full lifecycle of the vehicle under pressure, temperature, and chemical exposure.\"<\/p>\r\n        <\/div>\r\n\r\n        <p class=\"pr-p sr\" data-d=\"4\">\r\n          Produced from double-wall brazed (DWB), single wall welded (SWW), and seamless steel tube stock, our fluid lines are formed, treated, end-formed, and 100% pressure-tested before delivery to Tier-1 and OEM assembly lines.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"pr-apps sr\" data-d=\"1\">\r\n\r\n          <div class=\"pr-app pr-app-brake sr-s\" data-d=\"1\">\r\n            <div class=\"pr-app-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"2\"\/><line x1=\"20\" y1=\"12\" x2=\"22\" y2=\"12\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"\/><line x1=\"4\" y1=\"12\" x2=\"2\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pr-app-name\">Brake Lines<\/div>\r\n            <div class=\"pr-app-desc\">Safety-critical hydraulic brake circuits. DWB steel with CuNi or Zn treatment and Eonol\/PVC outer coat \u00e2\u20ac\u201d rated to 250 bar burst pressure.<\/div>\r\n            <div class=\"pr-app-specs\">\r\n              <span class=\"pr-spec-tag\">4.75mm OD<\/span>\r\n              <span class=\"pr-spec-tag\">DWB<\/span>\r\n              <span class=\"pr-spec-tag\">CuNi\/Zn<\/span>\r\n              <span class=\"pr-spec-tag\">250 bar<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pr-app pr-app-fuel sr-s\" data-d=\"2\">\r\n            <div class=\"pr-app-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 22V6l9-4 9 4v16\"\/><path d=\"M9 22V12h6v10\"\/><rect x=\"3\" y=\"6\" width=\"18\" height=\"4\" rx=\"1\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pr-app-name\">Fuel Lines<\/div>\r\n            <div class=\"pr-app-desc\">Fuel feed and return circuits. SWW steel with Zinc plating and PA12 nylon outer coat \u00e2\u20ac\u201d chemically resistant to ethanol-blended fuel.<\/div>\r\n            <div class=\"pr-app-specs\">\r\n              <span class=\"pr-spec-tag\">6\u00e2\u20ac\u201c8mm OD<\/span>\r\n              <span class=\"pr-spec-tag\">SWW<\/span>\r\n              <span class=\"pr-spec-tag\">Zinc + PA12<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pr-app pr-app-cool sr-s\" data-d=\"3\">\r\n            <div class=\"pr-app-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M2 12h20M4.93 4.93l14.14 14.14M19.07 4.93L4.93 19.07\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pr-app-name\">Cooling Lines<\/div>\r\n            <div class=\"pr-app-desc\">Engine coolant and transmission oil cooler lines. Larger OD SWW tube with thermal-resistant coatings for under-hood heat cycling.<\/div>\r\n            <div class=\"pr-app-specs\">\r\n              <span class=\"pr-spec-tag\">10\u00e2\u20ac\u201c12mm OD<\/span>\r\n              <span class=\"pr-spec-tag\">SWW<\/span>\r\n              <span class=\"pr-spec-tag\">Thermal coat<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"pr-app pr-app-hydr sr-s\" data-d=\"4\">\r\n            <div class=\"pr-app-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pr-app-name\">Hydraulic Lines<\/div>\r\n            <div class=\"pr-app-desc\">Power steering and clutch hydraulic circuits. Thicker wall tube with SAE-style flared ends and swaged connectors for high-pressure sealing.<\/div>\r\n            <div class=\"pr-app-specs\">\r\n              <span class=\"pr-spec-tag\">Various OD<\/span>\r\n              <span class=\"pr-spec-tag\">Thick wall<\/span>\r\n              <span class=\"pr-spec-tag\">SAE Flare<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"material\">\r\n  <div class=\"dot-pattern\" style=\"bottom:60px;left:40px\">\r\n    <svg width=\"160\" height=\"160\" viewBox=\"0 0 160 160\" fill=\"none\">\r\n      <pattern id=\"dp2\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" patternUnits=\"userSpaceOnUse\">\r\n        <circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"var(--light-blue)\"\/>\r\n      <\/pattern>\r\n      <rect width=\"160\" height=\"160\" fill=\"url(#dp2)\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow eyebrow-center sr\"><span class=\"eyebrow-line\"><\/span>Material Intelligence<\/div>\r\n    <h2 class=\"material-h2 sr\" data-d=\"1\">Steel <em>vs<\/em> Nylon<br>Choosing the Right Platform<\/h2>\r\n    <p style=\"text-align:center;max-width:580px;margin:16px auto 0;color:var(--muted);font-size:15px;line-height:1.85;\" class=\"sr\" data-d=\"2\">Each material platform is engineered for distinct performance environments. Understanding the differences is the foundation of optimal fluid system design.<\/p>\r\n\r\n    <div class=\"compare-wrap sr\" data-d=\"3\" style=\"margin-top:52px;\">\r\n\r\n      <div class=\"compare-card steel-c\">\r\n        <h3 class=\"compare-h3 s-col\">Steel Tubing<\/h3>\r\n        <p class=\"compare-sub\">High-strength precision steel tubing engineered for critical high-pressure applications \u00e2\u20ac\u201d brake lines, fuel delivery, and structural fluid routing where rigidity and burst resistance are non-negotiable.<\/p>\r\n\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check s-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>High Pressure Resistance<\/strong><span>Sustains burst pressures far exceeding hydraulic brake system demands \u00e2\u20ac\u201d critical for safety-critical line applications.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check s-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Hypla &amp; PA Coating Options<\/strong><span>Protective polymer coatings guard against road salt, chemical corrosion, and abrasion throughout the vehicle's service life.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check s-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Precision End Forming<\/strong><span>Flared, beaded, and expanded end geometries formed to tight tolerances for leak-free connector assembly.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check s-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>CNC + Manual Bending<\/strong><span>Complex 3D routing achieved through CNC machine bending and skilled manual forming for intricate geometries.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check s-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Temperature Stability<\/strong><span>Maintains dimensional integrity across extreme underhood thermal cycles \u00e2\u20ac\u201d from cold starts to full-load operating temps.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"compare-specs\">\r\n          <span class=\"spec-badge\">Carbon Steel Base<\/span>\r\n          <span class=\"spec-badge\">Hypla Coating<\/span>\r\n          <span class=\"spec-badge\">PA Coating<\/span>\r\n          <span class=\"spec-badge\">8 Process Stages<\/span>\r\n          <span class=\"spec-badge\">CNC Bending<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"compare-card nylon-c\">\r\n        <h3 class=\"compare-h3 n-col\">Nylon Tubing<\/h3>\r\n        <p class=\"compare-sub\">Advanced polyamide tubing delivering lightweight, flexible, and corrosion-immune fluid routing \u00e2\u20ac\u201d purpose-engineered for HVAC, vapour, and low-to-medium pressure systems.<\/p>\r\n\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check n-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Significant Weight Reduction<\/strong><span>Up to 60% lighter than equivalent steel alternatives \u00e2\u20ac\u201d directly contributing to vehicle fuel efficiency and CO\u00e2\u201a\u201a reduction targets.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check n-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Inherent Corrosion Immunity<\/strong><span>Zero corrosion risk under any moisture, salt, or chemical exposure \u00e2\u20ac\u201d eliminating coating requirements entirely.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check n-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Heat-Form Shape Retention<\/strong><span>Jigging and controlled thermal forming produces complex geometries with outstanding shape memory and long-term dimensional stability.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check n-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>Integrated Connector Assembly<\/strong><span>Quick-connect and push-fit connectors installed and 100% leak-tested in-house \u00e2\u20ac\u201d a complete sub-assembly solution.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-row\">\r\n          <div class=\"cmp-check n-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n          <div class=\"cmp-text\"><strong>NVH Damping Performance<\/strong><span>Natural material compliance absorbs powertrain and road vibrations \u00e2\u20ac\u201d improving NVH characteristics versus rigid metal alternatives.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"compare-specs\">\r\n          <span class=\"spec-badge\">Polyamide (PA) Base<\/span>\r\n          <span class=\"spec-badge\">No Coating Required<\/span>\r\n          <span class=\"spec-badge\">Heat-Jig Forming<\/span>\r\n          <span class=\"spec-badge\">9 Process Stages<\/span>\r\n          <span class=\"spec-badge\">Leak Tested<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"process\">\r\n  <div class=\"proc-sticky\">\r\n    <div class=\"proc-header\">\r\n      <div class=\"wrap\">\r\n        <div class=\"eyebrow sr\" style=\"color:var(--sky);background:rgba(147,197,253,.08);border-color:rgba(147,197,253,.2);margin-bottom:16px\"><span class=\"eyebrow-line\" style=\"background:var(--sky)\"><\/span>Manufacturing Process<\/div>\r\n        <h2 class=\"proc-h2 sr\">Precision <em>Manufacturing<\/em> Process<\/h2>\r\n        <p style=\"font-size:13px;color:rgba(147,197,253,.55);margin-bottom:18px;\">From raw material to OEM-ready assembly \u2014 zero defect, full traceability<\/p>\r\n        <div class=\"proc-tabs\">\r\n          <button class=\"proc-tab active\" id=\"procTabSteel\" onclick=\"switchProcTab('steel')\">\r\n            <span class=\"proc-tab-dot\" style=\"background:#3b82f6;\"><\/span>Steel Tubing&#160;<small style=\"opacity:.6;font-size:11px;\"><\/small>\r\n          <\/button>\r\n          <button class=\"proc-tab\" id=\"procTabNylon\" onclick=\"switchProcTab('nylon')\">\r\n            <span class=\"proc-tab-dot\" style=\"background:#10b981;\"><\/span>Nylon Tubing&#160;<small style=\"opacity:.6;font-size:11px;\"><\/small>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"proc-cards-wrap\">\r\n\r\n      <div class=\"proc-panel\" id=\"procPanelSteel\">\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-steel\">Tubing<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Cutting<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Cutting shapes raw steel tubes to the exact length required, using automated machines guided by precise engineering specs. Each tube is checked \r\n\t\t  for accurate length, square edges, and clean cuts, and any with burrs, bends, or dimensional issues are rejected.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-steel\">Steel<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Deburring<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Deburring removes sharp edges, burrs, and metal residue left behind from cutting, making the tubes safe to handle and ensuring a smooth fit \r\n\t\t  during assembly. Tubes are cleaned with compressed air and visually checked to confirm both inside and outside surfaces are free of contamination.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-steel\">Steel<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Peeling<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Peeling removes the protective coating from specific sections of the tubing, as required by customer specifications and engineering \r\n\t\t  drawings. Peeling length and dimensions are closely controlled to ensure complete, clean removal without damaging the base material, while tolerances are applied based on \r\n\t\t  the specified length to maintain consistent quality and dimensional accuracy.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-steel\">Steel<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Forming<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Forming reshapes tube ends into the required geometry based on engineering drawings, using operations like expanding, reducing, flaring, or beading\r\n\t\t  on dedicated forming machines. Critical dimensions\u2014such as OD, ID, bead height, and forming length\u2014are inspected to ensure compliance, with tolerances maintained according to\r\n\t\t  drawing requirements for consistent, accurate results.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-steel\">Steel<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Bending<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Bending shapes tubes into the precise angles, radii, and geometries required by engineering drawings, using either CNC bending machines for high \r\n\t\t  repeatability or manual bending with dedicated jigs and fixtures for complex geometries that machines can't achieve. Bend angle, radius, and overall geometry are verified \r\n\t\t  using checking fixtures and measurement tools, with tolerances controlled to meet drawing specifications.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-panel\" id=\"procPanelNylon\" style=\"display:none;\">\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Jigging<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Jigging is the process of loading and securing nylon tubes onto dedicated jigs according to the product design and engineering drawings. \r\n\t\t  Correct positioning ensures each tube keeps the right shape, orientation, and dimensional stability during heating and forming. Alignment and fixture condition are \r\n\t\t  verified before the tubes move on to the next stage.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Heating<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Heating softens nylon tubing by exposing it to controlled temperature and cycle time, making it flexible enough for forming. Heating parameters \r\n\t\t  are set according to tubing specifications and product requirements to avoid overheating or material degradation, ensuring consistent quality while preserving the tubing's \r\n\t\t  mechanical properties.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Showering<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Showering rapidly cools the tubing with controlled water spray after heating, allowing it to set and retain its required shape. This controlled \r\n\t\t  cooling minimizes distortion and stabilizes the formed geometry, ensuring dimensional consistency.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Assembly<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">Connector assembly involves installing the specified connectors onto the nylon tubing according to engineering drawings and customer specifications, \r\n\t\t  using dedicated tools and fixtures to ensure proper insertion depth, orientation, and secure attachment. Each connector is visually checked to confirm correct installation and \r\n\t\t  completeness before functional testing.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Mercury Checking<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">The Mercury Check verifies that the internal passage of the nylon tubing is unobstructed after forming and connector assembly. A mercury gauge or \r\n\t\t  equivalent method confirms the tubing meets the required internal diameter and flow requirements, ensuring there are no restrictions, deformation, or blockages that could \r\n\t\t  affect performance.<\/p>\r\n        <\/div>\r\n        <div class=\"proc-card\">\r\n          <div class=\"proc-card-stage\"><span class=\"proc-stage-num\"><\/span><span class=\"proc-stage-label\"><\/span><span class=\"proc-mat-badge proc-mat-nylon\">Nylon<\/span><\/div>\r\n          <h3 class=\"proc-card-title\">Leak Test<\/h3>\r\n          <div class=\"proc-card-sep\"><\/div>\r\n          <p class=\"proc-card-desc\">The leak test verifies the sealing performance and integrity of the assembled nylon tubing. Each product is pressurized with compressed air and \r\n\t\t  tested according to the specified pressure and duration, confirming there are no leaks at the connectors, joints, or tubing body before shipment.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"proc-footer\">\r\n      <div class=\"proc-progress-track\"><div class=\"proc-progress-fill\" id=\"procProgress\"><\/div><\/div>\r\n      <span class=\"proc-step-info\" id=\"procStepInfo\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"wave-div\" style=\"background:var(--navy);\"><svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\"><path d=\"M0,28 C360,56 1080,0 1440,28 L1440,56 L0,56 Z\" fill=\"var(--navy-2)\"\/><\/svg><\/div>\r\n\r\n<section id=\"market\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sr market-head\" style=\"text-align:center;margin-bottom:56px;\">\r\n      <div class=\"eyebrow eyebrow-center\" style=\"color:var(--sky);background:rgba(147,197,253,.08);border-color:rgba(147,197,253,.2);margin:0 auto 16px\"><span class=\"eyebrow-line\" style=\"background:var(--sky)\"><\/span>OEM Delivery Performance<\/div>\r\n      <h2 class=\"market-h2\" style=\"font-family:var(--font-display);font-size:clamp(38px,4vw,56px);font-weight:700;line-height:1.1;color:#f8fafc;margin-bottom:16px;\">Trusted by <em style=\"font-style:italic;background:linear-gradient(90deg,var(--sky),#bfdbfe,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow 5s linear infinite;\">Malaysia&#x2019;s OEMs<\/em><\/h2>\r\n      <p class=\"market-lead\" style=\"color:rgba(147,197,253,.55);font-size:15px;max-width:560px;margin:0 auto;line-height:1.75;\">Jan 2026 to Jun 2026 delivery performance across all automotive customers.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stats-grid sr\">\r\n      <svg width=\"0\" height=\"0\" style=\"position:absolute;\"><defs><linearGradient id=\"rg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#1e40af\"\/><stop offset=\"100%\" stop-color=\"#93c5fd\"\/><\/linearGradient><\/defs><\/svg>\r\n\r\n      <div class=\"sc sc-main\">\r\n        <div class=\"ring-wrap\" id=\"ringWrap\">\r\n          <svg class=\"ring-svg\" viewBox=\"0 0 120 120\">\r\n            <circle class=\"ring-track\" cx=\"60\" cy=\"60\" r=\"50\"\/>\r\n            <circle class=\"ring-fill\" id=\"ringFill\" cx=\"60\" cy=\"60\" r=\"50\"\/>\r\n          <\/svg>\r\n          <div class=\"ring-center\">\r\n            <span class=\"ring-num counter\" data-target=\"87.15\" data-suffix=\"%\">87.15%<\/span>\r\n            <span class=\"ring-label\">Overall<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sc-main-title\">Delivery Rate<\/div>\r\n        <div class=\"sc-main-sub\">H1 2026 &#183; All OEMs<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc sc-trend\">\r\n        <div style=\"font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(147,197,253,.4);margin-bottom:6px;\">6-Period Delivery Trend<\/div>\r\n        <div style=\"font-family:var(--font-display);font-size:20px;font-weight:700;color:#f8fafc;margin-bottom:20px;\">Strong &amp; Consistent Supply Performance<\/div>\r\n        <div class=\"sc-bars\">\r\n          <div class=\"scb-col\"><div class=\"scb-bar-wrap\"><div class=\"scb-fill\" data-h=\"82\"><\/div><\/div><span class=\"scb-lbl\">H1<br>2024<\/span><\/div>\r\n          <div class=\"scb-col\"><div class=\"scb-bar-wrap\"><div class=\"scb-fill\" data-h=\"81\"><\/div><\/div><span class=\"scb-lbl\">H2<br>2024<\/span><\/div>\r\n          <div class=\"scb-col\"><div class=\"scb-bar-wrap\"><div class=\"scb-fill\" data-h=\"87\"><\/div><\/div><span class=\"scb-lbl\">H1<br>2025<\/span><\/div>\r\n          <div class=\"scb-col\"><div class=\"scb-bar-wrap\"><div class=\"scb-fill\" data-h=\"89\"><\/div><\/div><span class=\"scb-lbl\">H2<br>2025<\/span><\/div>\r\n          <div class=\"scb-col scb-active\"><div class=\"scb-bar-wrap\"><div class=\"scb-fill\" data-h=\"87\"><\/div><\/div><span class=\"scb-lbl\">H1<br>2026<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"sc-trend-meta\">\r\n          <span>82.32% &#x2014; H1 2024<\/span>\r\n          <span style=\"color:var(--sky);font-weight:700;\">87.15% &#x2014; H1 2026<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc sc-oem\" style=\"grid-column:span 5;\">\r\n        <div class=\"sc-oem-head\" style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;\">\r\n          <div>\r\n            <div style=\"font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(147,197,253,.4);margin-bottom:4px;\">OEM Breakdown<\/div>\r\n            <div style=\"font-family:var(--font-display);font-size:18px;font-weight:700;color:#f8fafc;\">H1 2026 &#183; Customer Delivery Performance<\/div>\r\n          <\/div>\r\n          <span style=\"font-size:11px;color:rgba(147,197,253,.3);font-style:italic;\">Jan &#x2013; Jun 2026<\/span>\r\n        <\/div>\r\n        <div class=\"sc-oem-grid\" style=\"display:grid;grid-template-columns:repeat(5,1fr);gap:20px;\">\r\n          <div class=\"oem-item\">\r\n            <div style=\"font-size:12px;font-weight:700;color:rgba(147,197,253,.6);margin-bottom:8px;letter-spacing:.5px;\">PERODUA<\/div>\r\n            <div class=\"sc-oem-bar-track\"><div class=\"oem-bar-fill\" data-w=\"88.55\"><\/div><\/div>\r\n            <div style=\"font-size:22px;font-weight:700;font-family:var(--font-display);color:#f8fafc;margin-top:6px;\">88.55%<\/div>\r\n          <\/div>\r\n          <div class=\"oem-item\">\r\n            <div style=\"font-size:12px;font-weight:700;color:rgba(147,197,253,.6);margin-bottom:8px;letter-spacing:.5px;\">PROTON<\/div>\r\n            <div class=\"sc-oem-bar-track\"><div class=\"oem-bar-fill\" data-w=\"75.92\"><\/div><\/div>\r\n            <div style=\"font-size:22px;font-weight:700;font-family:var(--font-display);color:#f8fafc;margin-top:6px;\">75.92%<\/div>\r\n          <\/div>\r\n          <div class=\"oem-item\">\r\n            <div style=\"font-size:12px;font-weight:700;color:rgba(147,197,253,.6);margin-bottom:8px;letter-spacing:.5px;\">HONDA<\/div>\r\n            <div class=\"sc-oem-bar-track\"><div class=\"oem-bar-fill\" data-w=\"85\"><\/div><\/div>\r\n            <div style=\"font-size:22px;font-weight:700;font-family:var(--font-display);color:#f8fafc;margin-top:6px;\">85.00%<\/div>\r\n          <\/div>\r\n          <div class=\"oem-item\">\r\n            <div style=\"font-size:12px;font-weight:700;color:rgba(147,197,253,.6);margin-bottom:8px;letter-spacing:.5px;\">TOYOTA<\/div>\r\n            <div class=\"sc-oem-bar-track\"><div class=\"oem-bar-fill\" data-w=\"100\"><\/div><\/div>\r\n            <div style=\"font-size:22px;font-weight:700;font-family:var(--font-display);color:#f8fafc;margin-top:6px;\">100%<\/div>\r\n          <\/div>\r\n          <div class=\"oem-item\">\r\n            <div style=\"font-size:12px;font-weight:700;color:rgba(147,197,253,.6);margin-bottom:8px;letter-spacing:.5px;\">NISSAN<\/div>\r\n            <div class=\"sc-oem-bar-track\"><div class=\"oem-bar-fill\" data-w=\"100\"><\/div><\/div>\r\n            <div style=\"font-size:22px;font-weight:700;font-family:var(--font-display);color:#f8fafc;margin-top:6px;\">100%<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"wave-div\" style=\"background:var(--navy-2);\"><svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\"><path d=\"M0,28 C360,0 1080,56 1440,28 L1440,56 L0,56 Z\" fill=\"var(--navy)\"\/><\/svg><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n  const glow = document.getElementById('cursorGlow');\r\n  document.addEventListener('mousemove', e => {\r\n    glow.style.left = e.clientX + 'px';\r\n    glow.style.top  = e.clientY + 'px';\r\n  });\r\n\r\n  const srEls = document.querySelectorAll('.sr,.sr-l,.sr-r,.sr-s');\r\n  const srObs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('up'); srObs.unobserve(e.target); } });\r\n  }, { threshold: 0.1 });\r\n  srEls.forEach(el => srObs.observe(el));\r\n\r\n  function animCounter(el) {\r\n    if (el._done) return;\r\n    el._done = true;\r\n    const target  = parseFloat(el.dataset.target) || 0;\r\n    const suffix  = el.dataset.suffix  || '';\r\n    const prefix  = el.dataset.prefix  || '';\r\n    if (!target) return;\r\n    const dur = 1800, start = performance.now();\r\n    function tick(now) {\r\n      const t     = Math.min((now - start) \/ dur, 1);\r\n      const ease  = 1 - Math.pow(1 - t, 3);\r\n      const val   = target * ease;\r\n      const fmt   = Number.isInteger(target) ? Math.floor(val) : val.toFixed(1);\r\n      el.textContent = prefix + fmt + suffix;\r\n      if (t < 1) requestAnimationFrame(tick);\r\n      else el.textContent = prefix + target + suffix;\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n  const cObs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) animCounter(e.target); });\r\n  }, { threshold: 0.6 });\r\n  document.querySelectorAll('.counter').forEach(el => cObs.observe(el));\r\n\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', e => {\r\n      const t = document.querySelector(a.getAttribute('href'));\r\n      if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n    });\r\n  });\r\n\r\n  var procCards = {};\r\n  ['steel','nylon'].forEach(function(mat){\r\n    var key = mat.charAt(0).toUpperCase()+mat.slice(1);\r\n    var panel = document.getElementById('procPanel'+key);\r\n    procCards[mat] = panel ? Array.from(panel.querySelectorAll('.proc-card')) : [];\r\n  });\r\n  var procActive = 'steel';\r\n  Object.keys(procCards).forEach(function(mat){\r\n    procCards[mat].forEach(function(card,index){\r\n      var num = card.querySelector('.proc-stage-num');\r\n      var label = card.querySelector('.proc-stage-label');\r\n      if(num) num.textContent = String(index+1).padStart(2,'0');\r\n      if(label) label.textContent = 'Stage';\r\n    });\r\n  });\r\n\r\n  function driveProcCards(){\r\n    var sec = document.getElementById('process');\r\n    if(!sec) return;\r\n    var cards = procCards[procActive];\r\n    if(!cards||!cards.length) return;\r\n    var n = cards.length;\r\n    if(window.matchMedia('(max-width: 767px)').matches){\r\n      sec.style.minHeight = '';\r\n      cards.forEach(function(card){\r\n        card.style.transform = '';\r\n        card.style.opacity = '';\r\n        card.style.zIndex = '';\r\n      });\r\n      return;\r\n    }\r\n    sec.style.minHeight = Math.max(300,n*40+100)+'vh';\r\n    var rect = sec.getBoundingClientRect();\r\n    var total = sec.offsetHeight - window.innerHeight;\r\n    var scrolled = Math.max(0,-rect.top);\r\n    var progress = Math.min(1, scrolled\/Math.max(1,total));\r\n    var pf = document.getElementById('procProgress');\r\n    if(pf) pf.style.width = (progress*100)+'%';\r\n    var pad = function(v){ return String(v).padStart(2,'0'); };\r\n    var stepFloat = progress * n;\r\n    var activeStep = Math.min(n-1, Math.floor(stepFloat));\r\n    var localP = stepFloat - activeStep; \/\/ 0-1 within this step\r\n    var si = document.getElementById('procStepInfo');\r\n    if(si) si.textContent = 'Stage '+pad(activeStep+1)+' \/ '+pad(n);\r\n    var TZ = 0.28; \/\/ transition zone: last 28% of each step\r\n    var vw = window.innerWidth;\r\n    cards.forEach(function(card,i){\r\n      var offset = i - activeStep;\r\n      var tr, op, zi;\r\n      if(offset === 0){\r\n        if(localP > (1-TZ) && activeStep < n-1){\r\n          var t = (localP-(1-TZ))\/TZ;\r\n          var e = 1-Math.pow(1-t,2);\r\n\r\n          tr = 'translateY(-50%) translateX('+(-60*e)+'px) scale('+(1-0.03*e)+')';\r\n          op = String(1-e);\r\n          zi = e > 0.5 ? '3' : '5';\r\n        } else {\r\n          tr = 'translateY(-50%) translateX(0px) scale(1)';\r\n          op = '1';\r\n          zi = '5';\r\n        }\r\n      } else if(offset === 1){\r\n        if(localP > (1-TZ)){\r\n          var t = (localP-(1-TZ))\/TZ;\r\n          var e = 1-Math.pow(1-t,3);\r\n\r\n          tr = 'translateY(-50%) translateX('+(60*(1-e))+'px) scale('+(0.98+0.02*e)+')';\r\n          op = String(e);\r\n          zi = e > 0.5 ? '5' : '3';\r\n        } else {\r\n          tr = 'translateY(-50%) translateX(60px) scale(0.98)';\r\n          op = '0';\r\n          zi = '3';\r\n        }\r\n      } else if(offset === -1){\r\n        tr = 'translateY(-50%) translateX(-60px) scale(0.97)';\r\n        op = '0';\r\n        zi = '2';\r\n      } else if(offset < -1){\r\n        tr = 'translateY(-50%) translateX(-60px) scale(0.97)';\r\n        op = '0';\r\n        zi = '1';\r\n      } else {\r\n\r\n        tr = 'translateY(-50%) translateX(60px) scale(0.98)';\r\n        op = '0';\r\n        zi = '1';\r\n      }\r\n      card.style.transform = tr;\r\n      card.style.opacity = op;\r\n      card.style.zIndex = zi;\r\n    });\r\n  }\r\n  window.addEventListener('scroll',driveProcCards,{passive:true});\r\n  window.addEventListener('resize',driveProcCards,{passive:true});\r\n  driveProcCards();\r\n\r\n  window.switchProcTab = function(mat){\r\n    procActive = mat;\r\n    ['steel','nylon'].forEach(function(m){\r\n      var key = m.charAt(0).toUpperCase()+m.slice(1);\r\n      var btn = document.getElementById('procTab'+key);\r\n      var panel = document.getElementById('procPanel'+key);\r\n      if(btn) btn.classList.toggle('active', m===mat);\r\n      if(panel) panel.style.display = m===mat ? '' : 'none';\r\n    });\r\n    var sec = document.getElementById('process');\r\n    if(sec){\r\n      var n = procCards[mat] ? procCards[mat].length : 8;\r\n      sec.style.minHeight = window.matchMedia('(max-width: 767px)').matches ? '' : Math.max(300,n*40+100)+'vh';\r\n    }\r\n    var info = document.getElementById('procStepInfo');\r\n    var total = mat==='steel'?8:9;\r\n    if(info) info.textContent = 'Stage 01 \/ '+(mat==='steel'?'08':'09');\r\n    setTimeout(driveProcCards,80);\r\n  };\r\n\r\n  (function(){\r\n    var SECTIONS = [\r\n      {id:'hero',      label:'Overview'},\r\n      {id:'tube-vis',  label:'Specifications'},\r\n      {id:'summary',   label:'Product Range'},\r\n      {id:'material',  label:'Materials'},\r\n      {id:'process',   label:'Process'},\r\n      {id:'market',    label:'Performance'}\r\n    ];\r\n    \r\n    var styleTag = document.createElement('style');\r\n    styleTag.textContent = '.page-nav-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:99999;pointer-events:auto;}.page-nav-pip{width:4px;height:22px;border-radius:3px;background:rgba(147,197,253,.38);cursor:pointer;border:none;padding:0;transition:height .32s cubic-bezier(.22,1,.36,1),background .32s ease,box-shadow .32s ease;position:relative;}.page-nav-pip:hover{background:#3b82f6;height:30px;}.page-nav-pip.active{background:#1e40af;height:40px;box-shadow:0 0 14px rgba(30,64,175,.5);}.page-nav-pip::after{content:attr(data-label);position:fixed;right:38px;transform:translateY(-50%);background:rgba(7,26,61,.92);color:#fff;font-family:Manrope,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 12px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease;box-shadow:0 4px 16px rgba(7,26,61,.25);}.page-nav-pip:hover::after{opacity:1;}@media(max-width:1100px){.page-nav-rail{display:none;}}';\r\n    document.head.appendChild(styleTag);\r\n\r\n    var rail = document.createElement('nav');\r\n    rail.className = 'page-nav-rail';\r\n    rail.id = 'pageNavRail';\r\n    rail.setAttribute('aria-label', 'Page sections');\r\n    document.body.appendChild(rail);\r\n    var pips = [];\r\n    SECTIONS.forEach(function(sec){\r\n      var el = document.getElementById(sec.id);\r\n      if (!el) return;\r\n      var btn = document.createElement('button');\r\n      btn.className = 'page-nav-pip';\r\n      btn.setAttribute('data-label', sec.label);\r\n      btn.setAttribute('aria-label', 'Go to ' + sec.label);\r\n      btn.addEventListener('click', function(){\r\n        el.scrollIntoView({behavior:'smooth', block:'start'});\r\n      });\r\n      rail.appendChild(btn);\r\n      pips.push({btn:btn, el:el});\r\n    });\r\n    var ticking = false;\r\n    function update(){\r\n      ticking = false;\r\n      var mid = window.scrollY + window.innerHeight * 0.45;\r\n      var best = -1, bestDist = Infinity;\r\n      pips.forEach(function(p, i){\r\n        var rect = p.el.getBoundingClientRect();\r\n        var top = rect.top + window.scrollY;\r\n        var dist = Math.abs(top + rect.height * 0.35 - mid);\r\n        if (dist < bestDist){ bestDist = dist; best = i; }\r\n      });\r\n      pips.forEach(function(p, i){ p.btn.classList.toggle('active', i === best); });\r\n    }\r\n    window.addEventListener('scroll', function(){ if(!ticking){ requestAnimationFrame(update); ticking=true; } }, {passive:true});\r\n    update();\r\n  })();\r\n\r\n  var ringObs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        var fill = document.getElementById('ringFill');\r\n        if(fill) fill.style.strokeDashoffset = '40';\r\n        ringObs.unobserve(e.target);\r\n      }\r\n    });\r\n  },{threshold:0.5});\r\n  var ringEl = document.getElementById('ringWrap');\r\n  if(ringEl) ringObs.observe(ringEl);\r\n\r\n  var mktObs = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        e.target.querySelectorAll('.scb-fill').forEach(function(b,i){\r\n          setTimeout(function(){ b.style.height=(b.dataset.h||0)+'%'; }, i*80);\r\n        });\r\n        e.target.querySelectorAll('.oem-bar-fill').forEach(function(b,i){\r\n          setTimeout(function(){ b.style.width=(b.dataset.w||0)+'%'; }, i*120+200);\r\n        });\r\n        mktObs.unobserve(e.target);\r\n      }\r\n    });\r\n  },{threshold:0.15});\r\n  var mktGrid = document.querySelector('.stats-grid');\r\n  if(mktGrid) mktObs.observe(mktGrid);\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Precision Automotive Tubing Tube Assembly. Precision Fluid Transfer \u00b7 Steel &amp; Nylon United Sanoh Industries engineers precision fluid-carrying tubing for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/comments?post=3338"}],"version-history":[{"count":38,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3338\/revisions"}],"predecessor-version":[{"id":4065,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3338\/revisions\/4065"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=3338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}