{"id":3564,"date":"2026-07-28T00:02:14","date_gmt":"2026-07-28T00:02:14","guid":{"rendered":"https:\/\/uisb.com\/?page_id=3564"},"modified":"2026-09-11T03:05:57","modified_gmt":"2026-09-11T03:05:57","slug":"instrument-panel-aff","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/instrument-panel-aff\/","title":{"rendered":"Instrument Panel aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3564\" class=\"elementor elementor-3564\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b93a8e e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"4b93a8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f81fa7 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"4f81fa7\" 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\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\nhtml {\n    overflow-x: hidden;\n}\n\n@property --p{syntax:'<percentage>';inherits:false;initial-value:0%;}\n\n\/* TOKENS *\/\n:root{\n  --white:#ffffff;\n  --ice:#f8fbff;\n  --soft-blue:#eff6ff;\n  --light-blue:#dbeafe;\n  --sky:#93c5fd;\n  --blue:#3b82f6;\n  --deep-blue:#1e40af;\n  --navy:#071a3d;\n  --navy-2:#0f172a;\n  --text:#172033;\n  --muted:#64748b;\n  --glass:rgba(255,255,255,.72);\n  --glass-strong:rgba(255,255,255,.88);\n  --border:rgba(147,197,253,.42);\n  --shadow:0 22px 70px rgba(30,64,175,.14);\n  --shadow-strong:0 34px 110px rgba(30,64,175,.25);\n  --teal:#0d9488;\n  --teal-light:#ccfbf1;\n  --teal-mid:#5eead4;\n  --display:'DM Serif Display',Georgia,serif;\n  --body:'Space Grotesk',system-ui,sans-serif;\n  --ease:cubic-bezier(.22,1,.36,1);\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;font-size:16px;}\nbody,#ccb-widget{font-family:var(--body);background:var(--navy-2);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg,#ccb-widget img{max-width:100%;display:block;}\nbutton,#ccb-widget button{font-family:inherit;cursor:pointer;border:none;background:none;}\n::-webkit-scrollbar{width:4px;}\n::-webkit-scrollbar-track{background:var(--navy-2);}\n::-webkit-scrollbar-thumb{background:rgba(147,197,253,.3);border-radius:2px;}\n\n\/* CURSOR GLOW *\/\n#cursor-glow{position:fixed;pointer-events:none;z-index:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,rgba(59,130,246,.05) 40%,transparent 70%);transform:translate(-50%,-50%);}\n\n\/* TOP BAR *\/\n.top-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--teal),var(--sky));z-index:2000;}\n\n\/* EYEBROW PILL *\/\n.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--deep-blue);background:rgba(59,130,246,.09);border:1px solid rgba(59,130,246,.28);border-radius:100px;padding:6px 18px 6px 11px;margin-bottom:20px;width:fit-content;font-family:var(--body);}\n.eyebrow-line{display:block;width:7px;height:7px;background:var(--blue);border-radius:50%;flex-shrink:0;}\n.eyebrow-dark{color:var(--sky);background:rgba(147,197,253,.1);border-color:rgba(147,197,253,.2);}\n.eyebrow-dark .eyebrow-line{background:var(--sky);}\n.eyebrow-teal{color:#0d9488;background:rgba(13,148,136,.1);border-color:rgba(13,148,136,.28);}\n.eyebrow-teal .eyebrow-line{background:var(--teal);}\n\n\/* SCROLL REVEAL *\/\n.sr,.sr-l,.sr-r,.sr-s{opacity:1;transform:none;}\n\n\/* LAYOUT *\/\n.wrap{max-width:1160px;margin:0 auto;padding:0 64px;}\nsection{position:relative;}\n@media(max-width:900px){.wrap{padding:0 28px;}}\n\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n#hero{min-height:100vh;position:relative;background:#05060f;display:flex;align-items:center;overflow:hidden;}\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);}\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)}}\n#particleCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}\n\n\/* blobs *\/\n.hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.45;}\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;}\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;}\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)}}\n\n\n\/* split layout *\/\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;}\n.hero-left{display:flex;flex-direction:column;}\n\n\/* badge *\/\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;}\n.hero-badge-dot{width:6px;height:6px;background:var(--sky);border-radius:50%;animation:bdPulse 2s ease-in-out infinite;}\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)}}\n\n\/* title *\/\n.hero-h1{font-family:var(--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;}\n.hero-h1-line1{display:block;color:var(--white);}\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;}\n@keyframes shimmerFlow2{0%{background-position:100% 0}100%{background-position:-100% 0}}\n.hero-h1-line3{display:block;color:var(--white);}\n\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;}\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;animation:fadein .9s .8s both;}\n.hero-stats{display:flex;gap:0;border-top:1px solid rgba(147,197,253,.12);padding-top:32px;animation:fadein .9s .95s both;}\n.h-stat{padding-right:36px;margin-right:36px;border-right:1px solid rgba(147,197,253,.1);}\n.h-stat:last-child{border-right:none;margin-right:0;padding-right:0;}\n.h-stat-n{display:block;font-family:var(--display);font-size:34px;color:var(--white);line-height:1;}\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;}\n\n\/* right \u2014 product image panel *\/\n.hero-right{position:relative;display:flex;align-items:center;justify-content:center;animation:fadein 1s .5s both;}\n\n\/* blue backlight behind image *\/\n.hero-right::before{\n  content:'';\n  position:absolute;\n  width:920px;\n  height:580px;\n  border-radius:50%;\n  background:radial-gradient(ellipse at 50% 55%,\n    rgba(99,179,255,.75) 0%,\n    rgba(59,130,246,.6) 18%,\n    rgba(30,64,175,.42) 38%,\n    rgba(15,40,120,.2) 58%,\n    transparent 78%);\n  filter:blur(48px);\n  pointer-events:none;\n  z-index:0;\n}\n\n\/* HUD corners *\/\n.hc{position:absolute;width:48px;height:48px;pointer-events:none;z-index:6;}\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);}\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);}\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);}\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);}\n\n\/* tank image *\/\n.hero-ip-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;}\n\n\/* floating spec cards *\/\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;}\n.hero-spec-card:nth-child(2){animation-delay:.4s;}\n.hero-spec-card:nth-child(3){animation-delay:.9s;}\n.hero-spec-card:nth-child(4){animation-delay:1.4s;}\n@keyframes specFloat{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}\n.hsc-label{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(147,197,253,.5);display:block;}\n.hsc-val{font-size:13px;font-weight:700;color:var(--white);font-family:var(--display);display:block;margin-top:2px;}\n.hsc-cap{bottom:16%;left:-8%;}\n.hsc-mat{top:12%;right:-6%;}\n.hsc-weld{bottom:8%;right:4%;}\n\n@keyframes fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n\n\/* scroll cue *\/\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;}\n.hero-scroll-line{width:56px;height:1px;background:linear-gradient(90deg,rgba(147,197,253,.45),transparent);}\n\n\/* responsive *\/\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;}}\n@media(max-width:640px){.hero-inner{padding:90px 28px 80px;}.h-stat{width:45%;}.hero-scroll-cue{left:28px;}}\n\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 var(--ease);text-decoration:none;}\n.btn-fill:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 14px 36px rgba(30,64,175,.5);}\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 var(--ease);text-decoration:none;}\n.btn-line:hover{border-color:var(--sky);background:rgba(147,197,253,.08);transform:translateY(-2px);}\n\/* \u2550\u2550\u2550 HERO SWIRL \u2550\u2550\u2550 *\/\n.hero-swirl{\n  position:absolute;\n  width:140%;\n  height:140%;\n  top:-20%;\n  left:-20%;\n  z-index:1;\n  pointer-events:none;\n  overflow:visible;\n}\n\n\n\n#ccb-widget #hero .hero-swirl path.sw{fill:none;stroke-linecap:round;stroke-dasharray:280 220;animation:none!important;}\n#ccb-widget #hero .hero-swirl path.sw1{stroke:rgba(147,197,253,.60);stroke-width:1.6;}\n#ccb-widget #hero .hero-swirl path.sw2{stroke:rgba(59,130,246,.48);stroke-width:1.2;}\n#ccb-widget #hero .hero-swirl path.sw3{stroke:rgba(99,179,255,.36);stroke-width:1.0;}\n#ccb-widget #hero .hero-swirl path.sw4{stroke:rgba(186,230,253,.28);stroke-width:0.8;}\n\n\/* IP product proportions and accessible static entrance. *\/\n#hero .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}\n#hero .hero-left,#hero .hero-right{min-width:0;}\n#hero .hero-right{width:100%;min-height:360px;}\n#hero .hero-ip-img{width:100%;max-width:580px;object-fit:contain;animation:none;transform:none;}\n#hero .hero-h1-line3{font-family:var(--body);font-size:14px;line-height:1.7;font-weight:400;letter-spacing:.02em;color:var(--sky);margin-top:24px;}\n#hero .hero-actions{margin-bottom:0;}\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;}\n#hero .hero-scroll-cue{bottom:32px;}\n#hero .btn-fill:focus-visible,#hero .btn-line:focus-visible{outline:2px solid #fff;outline-offset:5px;}\n@media(max-width:960px){\n #hero .hero-inner{grid-template-columns:minmax(0,1fr);gap:40px;}\n #hero .hero-right{max-width:560px;min-height:260px;}\n #hero .hero-actions{justify-content:center;}\n}\n@media(max-width:640px){\n #hero{min-height:100svh;}\n #hero .hero-inner{padding:90px 24px 90px;gap:28px;}\n #hero .hero-right{min-height:220px;}\n #hero .hero-right::before{width:150%;height:360px;}\n #hero .hero-badge{font-size:10px;letter-spacing:1px;}\n}\n@media(prefers-reduced-motion:reduce){#hero button{transition:none;}}\n\n\n\/* WAVE DIVIDER *\/\n.wave-div{position:relative;z-index:5;line-height:0;display:block;overflow:hidden;margin-bottom:-2px;}\n.wave-div svg{display:block;width:100%;}\n\n\/* INTRO *\/\n#intro{background:var(--white);padding:100px 0 90px;overflow:hidden;position:relative;}\n.intro-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start;max-width:720px;}\n.sec-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;line-height:1.12;color:var(--navy);letter-spacing:-.02em;margin-bottom:20px;}\n.sec-h2 em{font-style:italic;color:var(--blue);}\n.sec-p{font-size:14.5px;color:var(--muted);line-height:1.85;margin-bottom:14px;}\n.pull-quote{margin:28px 0;padding:22px 26px;background:var(--soft-blue);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;}\n.pull-quote p{font-family:var(--display);font-size:16px;font-style:italic;color:var(--deep-blue);line-height:1.65;margin:0;}\n.feat-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;}\n.feat-item{display:flex;align-items:flex-start;gap:14px;}\n.feat-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--soft-blue);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;}\n.feat-item:hover .feat-icon{background:var(--blue);border-color:var(--blue);}\n.feat-icon svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}\n.feat-item:hover .feat-icon svg{stroke:#fff;}\n.feat-body h4{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px;}\n.feat-body p{font-size:12.5px;color:var(--muted);line-height:1.6;}\n\n\/* MATERIALS *\/\n#materials{background:var(--navy-2);padding:100px 0;overflow:hidden;position:relative;}\n#materials::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 10% 50%,rgba(59,130,246,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 90% 40%,rgba(13,148,136,.07) 0%,transparent 55%);pointer-events:none;}\n\n.mat-header{text-align:center;margin-bottom:56px;}\n.mat-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--white);line-height:1.12;letter-spacing:-.02em;margin-bottom:12px;}\n.mat-h2 em{font-style:italic;color:var(--sky);}\n.mat-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:560px;margin:0 auto;line-height:1.8;}\n\n.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\n@media(max-width:768px){.mat-grid{grid-template-columns:1fr;}}\n\n.mat-card{background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.12);border-radius:20px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}\n.mat-card:hover{border-color:rgba(147,197,253,.28);transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,.4);}\n.mat-card-head{padding:28px 32px 22px;background:linear-gradient(135deg,rgba(7,26,61,.8) 0%,rgba(30,64,175,.4) 100%);border-bottom:1px solid rgba(147,197,253,.1);position:relative;overflow:hidden;}\n.mat-card-head.teal-head{background:linear-gradient(135deg,rgba(5,22,40,.8) 0%,rgba(13,148,136,.32) 100%);}\n.mat-card-head::after{content:'';position:absolute;bottom:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.03);}\n.mat-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);background:rgba(147,197,253,.12);border:1px solid rgba(147,197,253,.2);border-radius:999px;padding:3px 12px;margin-bottom:10px;}\n.mat-tag.teal-tag{color:var(--teal-mid);background:rgba(13,148,136,.12);border-color:rgba(13,148,136,.25);}\n.mat-card-title{font-family:var(--display);font-size:24px;font-weight:400;color:#fff;line-height:1.15;position:relative;z-index:1;}\n.mat-grade{font-size:11px;color:rgba(147,197,253,.5);margin-top:5px;position:relative;z-index:1;}\n.mat-body{padding:28px 32px;}\n.spec-table{width:100%;border-collapse:collapse;margin-bottom:24px;}\n.spec-table tr{border-bottom:1px solid rgba(147,197,253,.07);}\n.spec-table tr:last-child{border-bottom:none;}\n.spec-table td{padding:10px 0;vertical-align:middle;}\n.spec-table td:first-child{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.4);width:42%;}\n.spec-table td:last-child{font-size:14px;font-weight:600;color:rgba(200,220,255,.85);}\n.spec-bar-row{margin-bottom:18px;}\n.spec-bar-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px;}\n.spec-bar-label span:first-child{color:rgba(147,197,253,.45);font-weight:600;letter-spacing:.08em;text-transform:uppercase;}\n.spec-bar-label span:last-child{color:rgba(200,220,255,.7);font-weight:700;}\n.spec-bar-bg{height:4px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;}\n.spec-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--deep-blue),var(--sky));width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1);}\n.spec-bar-fill.teal-fill{background:linear-gradient(90deg,#0d9488,var(--teal-mid));}\n.mat-chips{display:flex;flex-wrap:wrap;gap:7px;padding-top:20px;border-top:1px solid rgba(147,197,253,.07);}\n.mat-chip{font-size:10px;font-weight:600;letter-spacing:.04em;color:rgba(147,197,253,.65);background:rgba(147,197,253,.07);border:1px solid rgba(147,197,253,.14);border-radius:999px;padding:4px 12px;}\n.mat-chip.teal-chip{color:var(--teal-mid);background:rgba(13,148,136,.08);border-color:rgba(13,148,136,.2);}\n\n.weld-block{margin-top:24px;background:rgba(59,130,246,.08);border:1px solid rgba(147,197,253,.15);border-radius:20px;padding:36px 40px;}\n.weld-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}\n@media(max-width:768px){.weld-inner{grid-template-columns:1fr;gap:24px;}.weld-block{padding:28px 24px;}}\n.weld-h3{font-family:var(--display);font-size:22px;font-weight:400;color:#fff;margin-bottom:12px;line-height:1.3;}\n.weld-p{font-size:13px;color:rgba(147,197,253,.55);line-height:1.8;margin-bottom:18px;}\n.weld-attrs{display:flex;flex-direction:column;gap:10px;}\n.weld-attr{display:flex;align-items:flex-start;gap:12px;}\n.weld-attr-dot{width:6px;height:6px;background:var(--sky);border-radius:50%;flex-shrink:0;margin-top:5px;}\n.weld-attr-text{font-size:12.5px;color:rgba(147,197,253,.65);line-height:1.6;}\n.weld-attr-text strong{color:rgba(200,220,255,.85);display:block;font-size:13px;margin-bottom:2px;}\n\n\/* VARIANTS *\/\n#variants{background:var(--ice);padding:100px 0;overflow:hidden;position:relative;}\n.var-header{margin-bottom:60px;}\n.var-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n@media(max-width:900px){.var-grid{grid-template-columns:1fr 1fr;}}\n@media(max-width:580px){.var-grid{grid-template-columns:1fr;}}\n\n.var-card{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;}\n.var-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform-origin:left;}\n.var-card.ice-card::before{background:linear-gradient(90deg,var(--blue),var(--sky));}\n.var-card.hev-card::before{background:linear-gradient(90deg,#0d9488,var(--teal-mid));}\n.var-card.ev-card::before{background:linear-gradient(90deg,#4f46e5,#818cf8);}\n.var-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);border-color:rgba(147,197,253,.6);}\n.var-vis{height:86px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}\n.var-vis-ice{background:linear-gradient(160deg,#eff6ff 0%,#dbeafe 50%,#bfdbfe 100%);}\n.var-vis-hev{background:linear-gradient(160deg,#f0fdfa 0%,#ccfbf1 50%,#99f6e4 100%);}\n.var-vis-ev{background:linear-gradient(160deg,#eef2ff 0%,#e0e7ff 50%,#c7d2fe 100%);}\n.var-vis svg{width:44px;height:44px;opacity:.7;}\n.var-vis-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);opacity:0;transition:opacity .3s;}\n.var-card:hover .var-vis-sheen{opacity:1;}\n.var-body{padding:24px 26px;}\n.var-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:3px 12px;margin-bottom:12px;}\n.ice-badge{color:var(--deep-blue);background:var(--light-blue);}\n.hev-badge{color:#065f46;background:var(--teal-light);}\n.ev-badge{color:#3730a3;background:#e0e7ff;}\n.var-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;}\n.var-desc{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:16px;}\n.var-attrs{display:flex;flex-direction:column;gap:7px;}\n.var-attr{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);}\n.var-attr svg{width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}\n.hev-card .var-attr svg{stroke:var(--teal);}\n.ev-card .var-attr svg{stroke:#4f46e5;}\n\n\/* PROCESS *\/\n#process{background:var(--navy-2);padding:100px 0 120px;overflow:hidden;position:relative;}\n#process::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(30,64,175,.1) 0%,transparent 60%);pointer-events:none;}\n.proc-header{text-align:center;margin-bottom:80px;}\n.proc-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--white);line-height:1.12;letter-spacing:-.02em;margin-bottom:12px;}\n.proc-h2 em{font-style:italic;color:var(--sky);}\n.proc-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:540px;margin:0 auto;line-height:1.8;}\n\n.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}\n@media(max-width:1100px){.proc-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:600px){.proc-grid{grid-template-columns:1fr;}}\n\n.proc-card{\n  background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.12);\n  border-radius:20px;padding:32px 28px;\n  display:flex;flex-direction:column;gap:16px;\n  position:relative;overflow:hidden;\n  transition:border-color .3s,transform .3s;\n}\n.proc-card:hover{border-color:rgba(147,197,253,.28);transform:translateY(-4px);}\n.proc-card::before{\n  content:'';position:absolute;top:0;left:0;right:0;height:2px;\n  background:linear-gradient(90deg,#3b82f6,#06b6d4);\n}\n.proc-card--accent::before{background:linear-gradient(90deg,#4f46e5,#5eead4);}\n.proc-icon-wrap{\n  width:44px;height:44px;border-radius:12px;\n  background:rgba(59,130,246,.12);border:1px solid rgba(147,197,253,.18);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.proc-icon-wrap svg{width:20px;height:20px;stroke:var(--sky);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}\n.proc-card-title{font-family:var(--display);font-size:20px;font-weight:400;color:#f0f5ff;line-height:1.2;}\n.proc-card-desc{font-size:12.5px;color:rgba(147,197,253,.52);line-height:1.75;flex:1;}\n\n\/* MARKET SHARE *\/\n.mkt-header{margin-bottom:64px;}\n.mkt-h2{font-family:var(--display);font-size:clamp(28px,3vw,44px);font-weight:400;color:var(--navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px;}\n.mkt-h2 em{font-style:italic;color:var(--blue);}\n.mkt-sub{font-size:14px;color:var(--muted);line-height:1.8;max-width:540px;}\n.mkt-grid{display:flex;flex-direction:column;gap:28px;margin-bottom:40px;}\n.mkt-row{\n  display:grid;grid-template-columns:180px 1fr 120px;\n  gap:24px;align-items:center;\n  padding:28px 32px;\n  background:var(--ice);border:1px solid var(--border);border-radius:16px;\n  transition:transform .2s,box-shadow .2s;\n}\n.mkt-row:hover{transform:translateY(-3px);box-shadow:var(--shadow);}\n.mkt-row--latest{\n  background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);\n  border-color:rgba(59,130,246,.28);\n  box-shadow:0 8px 32px rgba(30,64,175,.08);\n}\n.mkt-period-col{display:flex;flex-direction:column;gap:4px;}\n.mkt-period{font-family:var(--display);font-size:22px;font-weight:400;color:var(--navy);letter-spacing:-.02em;}\n.mkt-date-note{font-size:11px;color:var(--muted);letter-spacing:.04em;}\n.mkt-bar-col{width:100%;}\n.mkt-bar-track{height:8px;background:rgba(147,197,253,.18);border-radius:999px;overflow:hidden;}\n.mkt-bar-fill{height:100%;border-radius:999px;width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1);}\n.mkt-pct-col{text-align:right;}\n.mkt-pct{font-family:var(--display);font-size:28px;font-weight:400;color:var(--navy);letter-spacing:-.02em;}\n.mkt-footnote{font-size:11.5px;color:var(--muted);line-height:1.7;max-width:580px;padding-top:24px;border-top:1px solid var(--border);}\n@media(max-width:768px){\n  .mkt-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:20px 18px;}\n  .mkt-bar-col{grid-column:span 2;}\n  .mkt-period{font-size:18px;}\n  .mkt-pct{font-size:22px;}\n}\n<\/style>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/animejs@4\/lib\/anime.iife.min.js\"><\/script>\n\n<div id=\"ccb-widget\">\n\n<div class=\"top-bar\"><\/div>\n<div id=\"cursor-glow\" aria-hidden=\"true\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"hero\">\n<div class=\"hero-blob hero-blob-1\" aria-hidden=\"true\"><\/div>\n<div class=\"hero-blob hero-blob-2\" aria-hidden=\"true\"><\/div>\n<div class=\"hero-inner\">\n  <div class=\"hero-left\">\n    <div class=\"hero-badge\"><span class=\"hero-badge-dot\"><\/span>Cross Car Beam - ICE \/ HEV \/ EV<\/div>\n    <h1 class=\"hero-h1\">\n      <span class=\"hero-h1-line1\">Cross Car<\/span>\n      <span class=\"hero-h1-line2\">Beam.<\/span>\n      <span class=\"hero-h1-line3\">Reinforced IP Sub-Assembly \u00b7 ICE \u00b7 HEV \u00b7 EV<\/span>\n    <\/h1>\n    <p class=\"hero-lead\">\n      Engineered from STKM-11A and SPC590 high-strength steel, robot CO2 welded across\n      6 models and 3 vehicle platforms \u2014 with 100% checking fixture inspection before dispatch.\n    <\/p>\n    <div class=\"hero-actions\">\n      <button class=\"btn-fill\" onclick=\"document.getElementById('materials').scrollIntoView({behavior:'smooth'})\">\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>\n        Explore Specifications\n      <\/button>\n      <button class=\"btn-line\" onclick=\"document.getElementById('process').scrollIntoView({behavior:'smooth'})\">\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>\n        View Process\n      <\/button>\n    <\/div>\n  <\/div>\n\n    <div class=\"hero-right\">\n      <!-- Swirling energy streams -->\n      <svg class=\"hero-swirl\" viewBox=\"-110 -90 800 680\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        <!-- Stream 1: upper-left entry \u2192 lower-right exit -->\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>\n        <!-- Stream 2: lower-left entry \u2192 upper-right exit -->\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>\n        <!-- Stream 3: top entry \u2192 bottom-left exit -->\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>\n        <!-- Stream 4: right entry \u2192 wraps behind \u2192 left exit -->\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>\n      <\/svg>\n      <!-- IP product image -->\n      <img\n        src=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-10-2026-08_35_57-AM.png\"\n        alt=\"Cross Car Beam \u2014 reinforced instrument panel sub-assembly\"\n        class=\"hero-ip-img\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n<\/div>\n<div class=\"hero-scroll-cue\" aria-hidden=\"true\"><span class=\"hero-scroll-line\"><\/span>Scroll to explore<\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     INTRO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"intro\">\n  <div class=\"wrap\">\n    <div class=\"intro-grid\">\n      <div>\n        <div class=\"eyebrow sr\"><span class=\"eyebrow-line\"><\/span>Product Overview<\/div>\n        <h2 class=\"sec-h2 sr\" data-d=\"1\">Structural Precision for <em>Every Platform<\/em><\/h2>\n        <p class=\"sec-p sr\" data-d=\"2\">\n          Our Cross Car Beam product range delivers reinforced instrument panel sub-assemblies for\n          automotive applications \u2014 a critical structural member spanning the full width of the\n          vehicle, housing the instrument cluster, HVAC, airbag systems and steering column.\n        <\/p>\n        <div class=\"pull-quote sr\" data-d=\"3\">\n          <p>\"Robot CO2 welded from STKM-11A and SPC590 high-strength steel, engineered across 6 models covering ICE, HEV and EV platforms.\"<\/p>\n        <\/div>\n        <div class=\"feat-list\">\n          <div class=\"feat-item sr\" data-d=\"2\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>Robot CO2 Welding<\/h4>\n              <p>Fully automated welding delivers consistent weld quality and high mechanical strength across all models.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item sr\" data-d=\"3\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>Multi-Platform Coverage<\/h4>\n              <p>Engineered variants for ICE, HEV and EV vehicle types \u2014 from simple direct designs to complex dual-diameter assemblies.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item sr\" data-d=\"4\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>100% Final Inspection<\/h4>\n              <p>Every finished beam passes through a dedicated checking fixture \u2014 zero defects leave the production line.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:#ffffff;\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,56 C240,0 480,56 720,28 C960,0 1200,56 1440,20 L1440,0 L0,0 Z\" fill=\"#ffffff\"\/>\n    <path d=\"M0,56 C240,0 480,56 720,28 C960,0 1200,56 1440,20 L1440,56 L0,56 Z\" fill=\"var(--navy-2)\"\/>\n  <\/svg>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MATERIALS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"materials\">\n  <div class=\"wrap\">\n    <div class=\"mat-header\">\n      <div class=\"eyebrow eyebrow-dark sr\" style=\"margin:0 auto 16px;\"><span class=\"eyebrow-line\"><\/span>Technical Specifications<\/div>\n      <h2 class=\"mat-h2 sr\" data-d=\"1\">Engineering Grade <em>Materials<\/em><\/h2>\n      <p class=\"mat-sub sr\" data-d=\"2\">Two high-strength steel grades \u2014 selected for their complementary properties, delivering both structural rigidity and excellent formability across all assembly variants.<\/p>\n    <\/div>\n    <div class=\"mat-grid\">\n      <div class=\"mat-card sr-l\" data-d=\"1\">\n        <div class=\"mat-card-head\">\n          <div class=\"mat-tag\">Primary Structural Material<\/div>\n          <div class=\"mat-card-title\">STKM-11A<\/div>\n          <div class=\"mat-grade\">JIS G3445 Low-Carbon Steel Mechanical Tube<\/div>\n        <\/div>\n        <div class=\"mat-body\">\n          <table class=\"spec-table\" aria-label=\"STKM-11A specifications\">\n            <tr><td>Standard<\/td><td>JIS G3445<\/td><\/tr>\n            <tr><td>Carbon Content<\/td><td>&lt; 0.12%<\/td><\/tr>\n            <tr><td>Tensile Strength<\/td><td>290 \u2013 390 MPa<\/td><\/tr>\n          <\/table>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Formability<\/span><span>Excellent<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"92\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Weldability<\/span><span>Superior<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"95\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Machinability<\/span><span>High<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"85\"><\/div><\/div><\/div>\n          <div class=\"mat-chips\">\n            <span class=\"mat-chip\">Low Carbon &lt;0.12%<\/span>\n            <span class=\"mat-chip\">Excellent Formability<\/span>\n            <span class=\"mat-chip\">Superior Weldability<\/span>\n            <span class=\"mat-chip\">CO2 Weld Ready<\/span>\n            <span class=\"mat-chip\">Precision Machinable<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mat-card sr-r\" data-d=\"1\">\n        <div class=\"mat-card-head teal-head\">\n          <div class=\"mat-tag teal-tag\">High-Strength Stamping Material<\/div>\n          <div class=\"mat-card-title\">SPC590<\/div>\n          <div class=\"mat-grade\">High-Strength Cold-Rolled Steel Sheet<\/div>\n        <\/div>\n        <div class=\"mat-body\">\n          <table class=\"spec-table\" aria-label=\"SPC590 specifications\">\n            <tr><td>Minimum Tensile<\/td><td>590 MPa<\/td><\/tr>\n            <tr><td>Type<\/td><td>Cold-Rolled HSLA Sheet<\/td><\/tr>\n            <tr><td>Key Properties<\/td><td>Ultimate Tensile Strength, Formability<\/td><\/tr>\n          <\/table>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Tensile Strength<\/span><span>\u2265590 MPa<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill teal-fill\" data-w=\"94\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Formability<\/span><span>Excellent<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill teal-fill\" data-w=\"88\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Structural Rigidity<\/span><span>Superior<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill teal-fill\" data-w=\"96\"><\/div><\/div><\/div>\n          <div class=\"mat-chips\">\n            <span class=\"mat-chip teal-chip\">High-Strength<\/span>\n            <span class=\"mat-chip teal-chip\">590 MPa+<\/span>\n            <span class=\"mat-chip teal-chip\">Excellent Formability<\/span>\n            <span class=\"mat-chip teal-chip\">Stampable<\/span>\n            <span class=\"mat-chip teal-chip\">Crash Safety Rated<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"weld-block sr\" data-d=\"2\">\n      <div class=\"weld-inner\">\n        <div>\n          <div class=\"mat-tag\" style=\"margin-bottom:12px;\">Joining Technology<\/div>\n          <h3 class=\"weld-h3\">Robot CO2 Welding \u2014 The Assembly Standard<\/h3>\n          <p class=\"weld-p\">CO2 (MAG) welding performed by robotic systems delivers precision, repeatability and speed across all assembly models. Automated execution eliminates human variation and ensures every weld joint meets the dimensional and mechanical requirements of the design specification.<\/p>\n        <\/div>\n        <div>\n          <div class=\"weld-attrs\">\n            <div class=\"weld-attr\"><div class=\"weld-attr-dot\"><\/div><div class=\"weld-attr-text\"><strong>Strong Weld<\/strong>Good penetration and high mechanical strength at every joint.<\/div><\/div>\n            <div class=\"weld-attr\"><div class=\"weld-attr-dot\"><\/div><div class=\"weld-attr-text\"><strong>Cost Effective<\/strong>CO2 shielding gas is significantly less expensive than Argon alternatives.<\/div><\/div>\n            <div class=\"weld-attr\"><div class=\"weld-attr-dot\"><\/div><div class=\"weld-attr-text\"><strong>Automation Friendly<\/strong>Robotic delivery provides consistent weld quality across every production run.<\/div><\/div>\n            <div class=\"weld-attr\"><div class=\"weld-attr-dot\"><\/div><div class=\"weld-attr-text\"><strong>High Productivity<\/strong>Faster welding speeds support volume production requirements for all platforms.<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:var(--navy-2);\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,28 C360,0 1080,56 1440,28 L1440,56 L0,56 Z\" fill=\"var(--ice)\"\/>\n  <\/svg>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     VARIANTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"variants\">\n  <div class=\"wrap\">\n    <div class=\"var-header\">\n      <div class=\"eyebrow sr\"><span class=\"eyebrow-line\"><\/span>Product Range<\/div>\n      <h2 class=\"sec-h2 sr\" data-d=\"1\">Three Platform <em>Variants<\/em><\/h2>\n      <p class=\"sec-p sr\" data-d=\"2\" style=\"max-width:580px;\">Each vehicle powertrain type demands a unique instrument panel beam configuration \u2014 from the streamlined geometry of ICE platforms to the complex dual-diameter architecture of fully electric vehicles.<\/p>\n    <\/div>\n    <div class=\"var-grid\">\n\n      <div class=\"var-card ice-card sr-s\" data-d=\"1\">\n        <div class=\"var-vis var-vis-ice\" aria-label=\"ICE platform variant\" role=\"img\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e40af\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\/>\n            <path d=\"M6 7V5M10 7V5M14 7V5M18 7V5\"\/>\n            <path d=\"M6 17v2M18 17v2\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n          <\/svg>\n          <div class=\"var-vis-sheen\" aria-hidden=\"true\"><\/div>\n        <\/div>\n        <div class=\"var-body\">\n          <span class=\"var-badge ice-badge\">ICE Vehicle<\/span>\n          <div class=\"var-title\">Internal Combustion Engine<\/div>\n          <div class=\"var-desc\">The most direct and streamlined Cross Car Beam design. Optimised for conventional powertrain packaging with a focused structural profile.<\/div>\n          <div class=\"var-attrs\">\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Simple, direct beam geometry<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Optimised for conventional packaging<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Standard HVAC &amp; airbag integration<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"var-card hev-card sr-s\" data-d=\"2\">\n        <div class=\"var-vis var-vis-hev\" aria-label=\"HEV platform variant\" role=\"img\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\/>\n            <path d=\"M6 7V5M10 7V5M14 7V5M18 7V5\"\/>\n            <path d=\"M6 17v2M18 17v2\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"#0d9488\"\/>\n          <\/svg>\n          <div class=\"var-vis-sheen\" aria-hidden=\"true\"><\/div>\n        <\/div>\n        <div class=\"var-body\">\n          <span class=\"var-badge hev-badge\">Hybrid Vehicle<\/span>\n          <div class=\"var-title\">Hybrid Electric Vehicle<\/div>\n          <div class=\"var-desc\">Almost identical to the ICE variant in geometry and assembly method, with targeted structural adaptations for hybrid drivetrain components.<\/div>\n          <div class=\"var-attrs\">\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Similar geometry to ICE variant<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Hybrid drivetrain accommodation<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Extended harness routing paths<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"var-card ev-card sr-s\" data-d=\"3\">\n        <div class=\"var-vis var-vis-ev\" aria-label=\"EV platform variant\" role=\"img\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4f46e5\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\/>\n            <path d=\"M6 7V5M18 7V5\"\/>\n            <path d=\"M6 17v2M18 17v2\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <rect x=\"8\" y=\"9\" width=\"8\" height=\"6\" rx=\"1\"\/>\n            <line x1=\"10\" y1=\"9\" x2=\"10\" y2=\"15\"\/>\n            <line x1=\"14\" y1=\"9\" x2=\"14\" y2=\"15\"\/>\n          <\/svg>\n          <div class=\"var-vis-sheen\" aria-hidden=\"true\"><\/div>\n        <\/div>\n        <div class=\"var-body\">\n          <span class=\"var-badge ev-badge\">Electric Vehicle<\/span>\n          <div class=\"var-title\">Full Electric Vehicle<\/div>\n          <div class=\"var-desc\">The most complex configuration \u2014 combining two different pipe diameters in a single integrated assembly for demanding EV platform packaging requirements.<\/div>\n          <div class=\"var-attrs\">\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Dual pipe diameter construction<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Most complex assembly variant<\/div>\n            <div class=\"var-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Full EV sub-system integration<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:var(--ice);\" aria-hidden=\"true\">\n  <svg viewBox=\"0 1440 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,56 C360,0 1080,56 1440,28 L1440,0 L0,0 Z\" fill=\"var(--navy-2)\"\/>\n  <\/svg>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PROCESS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"process\">\n  <div class=\"wrap\">\n    <div class=\"proc-header\">\n      <div class=\"eyebrow eyebrow-dark sr\" style=\"margin:0 auto 16px;\"><span class=\"eyebrow-line\"><\/span>Manufacturing Excellence<\/div>\n      <h2 class=\"proc-h2 sr\" data-d=\"1\">4-Process <em>Robotic<\/em> Excellence<\/h2>\n      <p class=\"proc-sub sr\" data-d=\"2\">From projection welding to final robot assembly \u2014 every stage is precision-controlled for joint integrity, dimensional accuracy and structural conformance.<\/p>\n    <\/div>\n    <div class=\"proc-grid\">\n\n      <div class=\"proc-card sr\" data-d=\"1\">\n        <div class=\"proc-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"proc-card-title\">Projection Welding<\/h3>\n        <p class=\"proc-card-desc\">Child parts from stamping undergo projection welding to fuse nuts onto the part. Nuts are precisely positioned and resistance-welded using projection geometry \u2014 delivering strong, inspected fastener joints verified for position, weld quality and pull-out strength.<\/p>\n      <\/div>\n\n      <div class=\"proc-card sr\" data-d=\"2\">\n        <div class=\"proc-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"proc-card-title\">Laser Cutting<\/h3>\n        <p class=\"proc-card-desc\">Circular steel tube is cut to precise lengths and profiles using laser technology. Clean, accurate edges with minimal heat-affected zone \u2014 cut tubes are checked for length accuracy, squareness and edge quality before welding assembly stages.<\/p>\n      <\/div>\n\n      <div class=\"proc-card sr\" data-d=\"3\">\n        <div class=\"proc-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"proc-card-title\">Robot Child Part Welding<\/h3>\n        <p class=\"proc-card-desc\">Child parts without nut (from stamping) and with nut (from projection welding) are combined and CO2 robot-welded into sub-assembly units. Each joint is executed to design spec \u2014 consistent penetration, verified geometry before final assembly.<\/p>\n      <\/div>\n\n      <div class=\"proc-card proc-card--accent sr\" data-d=\"4\">\n        <div class=\"proc-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"proc-card-title\">Robot Assembly Welding<\/h3>\n        <p class=\"proc-card-desc\">Laser-cut tubes and sub-assemblies are brought together in the final robotic welding stage. The complete Cross Car Beam is assembled in a single controlled operation \u2014 joint positions, weld sequences and dimensions verified against full assembly specification.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MARKET SHARE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"wave-div\" style=\"background:var(--navy-2);\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,0 C480,56 960,0 1440,40 L1440,56 L0,56 Z\" fill=\"var(--white)\"\/>\n  <\/svg>\n<\/div>\n\n<section id=\"market\" style=\"background:var(--white);padding:100px 0 120px;position:relative;\">\n  <div class=\"wrap\">\n    <div class=\"mkt-header sr\">\n      <div class=\"eyebrow\" style=\"margin-bottom:20px;\"><span class=\"eyebrow-line\"><\/span>Market Performance<\/div>\n      <h2 class=\"mkt-h2\">Production <em>Market Share<\/em><\/h2>\n      <p class=\"mkt-sub\">Half-year platform market share \u2014 Cross Car Beam (IP) supply to principal customer assembly plant.<\/p>\n    <\/div>\n    <div class=\"mkt-grid\">\n\n      <div class=\"mkt-row sr\" data-d=\"1\">\n        <div class=\"mkt-period-col\">\n          <span class=\"mkt-period\">H1 2024<\/span>\n          <span class=\"mkt-date-note\">Jan \u2013 Jun 2024<\/span>\n        <\/div>\n        <div class=\"mkt-bar-col\">\n          <div class=\"mkt-bar-track\">\n            <div class=\"mkt-bar-fill\" data-w=\"55.42\" style=\"background:linear-gradient(90deg,var(--deep-blue),var(--blue));\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mkt-pct-col\">\n          <span class=\"mkt-pct counter\" data-target=\"55\" data-suffix=\".42%\">0%<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mkt-row sr\" data-d=\"2\">\n        <div class=\"mkt-period-col\">\n          <span class=\"mkt-period\">H2 2024<\/span>\n          <span class=\"mkt-date-note\">Jul \u2013 Dec 2024<\/span>\n        <\/div>\n        <div class=\"mkt-bar-col\">\n          <div class=\"mkt-bar-track\">\n            <div class=\"mkt-bar-fill\" data-w=\"64.65\" style=\"background:linear-gradient(90deg,var(--deep-blue),var(--teal));\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mkt-pct-col\">\n          <span class=\"mkt-pct counter\" data-target=\"64\" data-suffix=\".65%\">0%<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mkt-row mkt-row--latest sr\" data-d=\"3\">\n        <div class=\"mkt-period-col\">\n          <span class=\"mkt-period\">H1 2025<\/span>\n          <span class=\"mkt-date-note\">Jan \u2013 Jun 2025<\/span>\n        <\/div>\n        <div class=\"mkt-bar-col\">\n          <div class=\"mkt-bar-track\">\n            <div class=\"mkt-bar-fill\" data-w=\"54.90\" style=\"background:linear-gradient(90deg,#4f46e5,var(--sky));\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mkt-pct-col\">\n          <span class=\"mkt-pct counter\" data-target=\"54\" data-suffix=\".90%\">0%<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n    <p class=\"mkt-footnote\">Market share figures represent CCB unit supply to Perodua as a proportion of total platform production volume for the reference period.<\/p>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/#ccb-widget -->\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function(){\n\n  \/* cursor glow \u2014 desktop only *\/\n  var glow = document.getElementById('cursor-glow');\n  if (glow) {\n    document.addEventListener('mousemove', function(e){\n      glow.style.left = e.clientX+'px';\n      glow.style.top  = e.clientY+'px';\n    }, {passive:true});\n  }\n\n  \/* scroll reveal *\/\n  var srEls = document.querySelectorAll('.sr,.sr-l,.sr-r,.sr-s');\n  var srObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('up'); srObs.unobserve(e.target); }\n    });\n  }, {threshold:.1});\n  srEls.forEach(function(el){ srObs.observe(el); });\n\n  \/* spec + market bars *\/\n  var bars = document.querySelectorAll('.spec-bar-fill[data-w], .mkt-bar-fill[data-w]');\n  var barObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        var w = e.target.getAttribute('data-w');\n        setTimeout(function(){ e.target.style.width = w+'%'; }, 300);\n        barObs.unobserve(e.target);\n      }\n    });\n  }, {threshold:.3});\n  bars.forEach(function(b){ barObs.observe(b); });\n\n  \/* counter animation *\/\n  document.querySelectorAll('.counter[data-target]').forEach(function(el){\n    var obs = new IntersectionObserver(function(entries){\n      if(!entries[0].isIntersecting) return;\n      obs.disconnect();\n      var target = +el.getAttribute('data-target');\n      var suf = el.getAttribute('data-suffix') || '';\n      var dur = 1600, start = performance.now();\n      function tick(now){\n        var t = Math.min((now - start) \/ dur, 1);\n        var e = 1 - Math.pow(1 - t, 3);\n        el.textContent = Math.round(e * target) + suf;\n        if(t < 1) requestAnimationFrame(tick);\n      }\n      requestAnimationFrame(tick);\n    }, {threshold:.5});\n    obs.observe(el);\n  });\n\n  \/* page nav rail *\/\n  var SECTIONS = [\n    {id:'hero',      label:'Overview'},\n    {id:'intro',     label:'Introduction'},\n    {id:'materials', label:'Materials'},\n    {id:'variants',  label:'Variants'},\n    {id:'process',   label:'Process'},\n    {id:'market',    label:'Market Share'}\n  ];\n\n  var styleTag = document.createElement('style');\n  styleTag.textContent = [\n    '.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;}',\n    '.page-nav-pip{width:4px;height:22px;border-radius:3px;background:rgba(147,197,253,.38);cursor:pointer;border:none;padding:0;position:relative;transition:height .3s,background .3s,box-shadow .3s;}',\n    '.page-nav-pip:hover{background:#3b82f6;height:30px;}',\n    '.page-nav-pip.active{background:#1e40af;height:40px;box-shadow:0 0 14px rgba(30,64,175,.5);}',\n    '.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:\"Space Grotesk\",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;box-shadow:0 4px 16px rgba(7,26,61,.25);transition:opacity .18s;}',\n    '.page-nav-pip:hover::after{opacity:1;}',\n    '@media(max-width:1100px){.page-nav-rail{display:none;}}'\n  ].join('');\n  document.head.appendChild(styleTag);\n\n  var rail = document.createElement('nav');\n  rail.className = 'page-nav-rail';\n  rail.setAttribute('aria-label','Page sections');\n  document.body.appendChild(rail);\n\n  var pips = [];\n  SECTIONS.forEach(function(sec){\n    var el = document.getElementById(sec.id);\n    if(!el) return;\n    var btn = document.createElement('button');\n    btn.className = 'page-nav-pip';\n    btn.setAttribute('data-label', sec.label);\n    btn.setAttribute('aria-label', 'Go to '+sec.label);\n    btn.addEventListener('click', function(){\n      el.scrollIntoView({behavior:'smooth', block:'start'});\n    });\n    rail.appendChild(btn);\n    pips.push({btn:btn, el:el});\n  });\n\n  var ticking = false;\n  function updateNav(){\n    ticking = false;\n    var mid = window.scrollY + window.innerHeight * 0.45;\n    var best = -1, bestDist = Infinity;\n    pips.forEach(function(p, i){\n      var rect = p.el.getBoundingClientRect();\n      var top = rect.top + window.scrollY;\n      var dist = Math.abs(top + rect.height * 0.35 - mid);\n      if(dist < bestDist){ bestDist = dist; best = i; }\n    });\n    pips.forEach(function(p, i){ p.btn.classList.toggle('active', i === best); });\n  }\n  window.addEventListener('scroll', function(){\n    if(!ticking){ requestAnimationFrame(updateNav); ticking = true; }\n  }, {passive:true});\n  updateNav();\n\n})();\n<\/script>\n\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>Cross Car Beam &#8211; ICE \/ HEV \/ EV Cross Car Beam. Reinforced IP Sub-Assembly \u00b7 ICE \u00b7 HEV \u00b7 [&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-3564","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3564","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=3564"}],"version-history":[{"count":41,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3564\/revisions"}],"predecessor-version":[{"id":4049,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3564\/revisions\/4049"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=3564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}