{"id":3317,"date":"2026-06-26T03:13:21","date_gmt":"2026-06-26T03:13:21","guid":{"rendered":"https:\/\/uisb.com\/?page_id=3317"},"modified":"2026-09-11T03:03:56","modified_gmt":"2026-09-11T03:03:56","slug":"fuel-tank-range","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/fuel-tank-range\/","title":{"rendered":"Fuel Tank Range aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3317\" class=\"elementor elementor-3317\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8284cf e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"c8284cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4092b70 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"4092b70\" 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: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  --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  --display:'DM Serif Display',Georgia,serif;\n  --body:'Space Grotesk',system-ui,sans-serif;\n  --ease:cubic-bezier(.22,1,.36,1);\n  --amber:#f59e0b;\n  --amber-light:#fef3c7;\n  --amber-dark:#92400e;\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;font-size:16px;}\nbody,#ft-widget{font-family:var(--body);background:var(--navy-2);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nbutton,#ft-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{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%);transition:opacity .4s;}\n\n.top-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--amber),var(--sky));background-size:300% 100%;animation:stripeFlow 5s linear infinite;z-index:2000;}\n@keyframes stripeFlow{0%{background-position:0%}100%{background-position:300%}}\n\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;animation:eyePulse 2.5s ease-in-out infinite;box-shadow:0 0 0 0 rgba(59,130,246,.4);}\n@keyframes eyePulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 6px rgba(59,130,246,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-amber{color:#92400e;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);}\n.eyebrow-amber .eyebrow-line{background:var(--amber);}\n\n.sr{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease);}\n.sr.up{opacity:1;transform:none;}\n.sr-l{opacity:0;transform:translateX(-36px);transition:opacity .75s var(--ease),transform .75s var(--ease);}\n.sr-l.up{opacity:1;transform:none;}\n.sr-r{opacity:0;transform:translateX(36px);transition:opacity .75s var(--ease),transform .75s var(--ease);}\n.sr-r.up{opacity:1;transform:none;}\n.sr-s{opacity:0;transform:scale(.93);transition:opacity .6s var(--ease),transform .6s var(--ease);}\n.sr-s.up{opacity:1;transform:none;}\n[data-d=\"1\"]{transition-delay:.08s}[data-d=\"2\"]{transition-delay:.16s}\n[data-d=\"3\"]{transition-delay:.24s}[data-d=\"4\"]{transition-delay:.32s}\n[data-d=\"5\"]{transition-delay:.40s}[data-d=\"6\"]{transition-delay:.48s}\n\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-tank-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\n.hero-scroll-cue{position:absolute;bottom:36px;left:0;right:0;margin:0 auto;width:fit-content;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;opacity:0;animation:hLoad .8s 3s both;}\n.hero-scroll-line{width:56px;height:1px;background:linear-gradient(90deg,rgba(147,197,253,.45),transparent);}\n@keyframes hLoad{from{opacity:0}to{opacity:1}}\n@keyframes hUp{100%{transform:translateY(0)}}\n\n\/* \u2550\u2550\u2550 WAVE \u2550\u2550\u2550 *\/\n.wave-div{position:relative;z-index:5;line-height:0;display:block;overflow:hidden;}\n.wave-div svg{display:block;width:100%;}\n\n\/* \u2550\u2550\u2550 INTRO \u2550\u2550\u2550 *\/\n#intro{background:var(--white);padding:100px 0 90px;overflow:hidden;position:relative;}\n#intro::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);}\n.intro-grid{display:grid;grid-template-columns:1fr;gap:48px;max-width:760px;}\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:all .3s var(--ease);}\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 .3s;}\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.intro-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n.intro-spec-card{background:var(--ice);border:1px solid var(--border);border-radius:14px;padding:22px 20px;transition:all .3s var(--ease);}\n.intro-spec-card:hover{background:var(--soft-blue);border-color:rgba(59,130,246,.4);transform:translateY(-4px);box-shadow:var(--shadow);}\n.isc-icon{width:32px;height:32px;border-radius:9px;background:var(--soft-blue);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .3s var(--ease);}\n.intro-spec-card:hover .isc-icon{background:var(--blue);border-color:var(--blue);}\n.isc-icon svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;}\n.intro-spec-card:hover .isc-icon svg{stroke:#fff;}\n.isc-val{font-family:var(--display);font-size:22px;color:var(--navy);line-height:1;margin-bottom:5px;}\n.isc-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}\n.intro-spec-card.wide{grid-column:span 2;display:flex;gap:24px;align-items:center;}\n.intro-spec-card.wide .isc-body{flex:1;}\n.wide-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}\n.wide-chip{font-size:10px;font-weight:600;color:var(--deep-blue);background:var(--light-blue);border-radius:999px;padding:3px 12px;}\n.oem-list{display:flex;flex-direction:column;gap:10px;grid-column:span 2;background:var(--ice);border:1px solid var(--border);border-radius:14px;padding:20px;}\n.oem-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(147,197,253,.2);font-size:13px;}\n.oem-row:last-child{border-bottom:none;}\n.oem-name{font-weight:700;color:var(--navy);}\n.oem-model{color:var(--muted);font-size:12px;}\n.oem-cap{font-family:var(--display);font-size:16px;color:var(--deep-blue);}\n\n\/* \u2550\u2550\u2550 MATERIALS \u2550\u2550\u2550 *\/\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(245,158,11,.06) 0%,transparent 55%);pointer-events:none;}\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;background:linear-gradient(90deg,var(--amber),#fbbf24,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow 5s linear infinite;}\n@keyframes shimmerFlow{0%{background-position:100%}100%{background-position:-100%}}\n.mat-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:560px;margin:0 auto;line-height:1.8;}\n.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\n@media(max-width:768px){.mat-grid{grid-template-columns:1fr;}}\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 .35s,transform .35s var(--ease),box-shadow .35s;}\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.amber-head{background:linear-gradient(135deg,rgba(7,26,61,.8) 0%,rgba(180,83,9,.35) 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.amber-tag{color:#fcd34d;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.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.2s var(--ease);}\n.spec-bar-fill.amber-fill{background:linear-gradient(90deg,#b45309,var(--amber));}\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.amber-chip{color:#fcd34d;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2);}\n\n\/* grades block *\/\n.grades-block{margin-top:24px;background:rgba(59,130,246,.06);border:1px solid rgba(147,197,253,.12);border-radius:20px;padding:32px 36px;}\n.grades-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n@media(max-width:768px){.grades-inner{grid-template-columns:1fr 1fr;}}\n@media(max-width:480px){.grades-inner{grid-template-columns:1fr;}}\n.grade-card{background:rgba(255,255,255,.03);border:1px solid rgba(147,197,253,.1);border-radius:14px;padding:18px 20px;transition:border-color .3s,background .3s;}\n.grade-card:hover{background:rgba(255,255,255,.06);border-color:rgba(147,197,253,.25);}\n.grade-name{font-family:var(--display);font-size:18px;color:#f0f5ff;font-weight:400;margin-bottom:4px;}\n.grade-full{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.4);margin-bottom:10px;}\n.grade-desc{font-size:11.5px;color:rgba(147,197,253,.52);line-height:1.65;}\n\n\/* \u2550\u2550\u2550 COMPONENTS \u2550\u2550\u2550 *\/\n#components{background:var(--ice);padding:100px 0;overflow:hidden;position:relative;}\n#components::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);}\n.comp-header{margin-bottom:60px;}\n.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n@media(max-width:900px){.comp-grid{grid-template-columns:1fr 1fr;}}\n@media(max-width:580px){.comp-grid{grid-template-columns:1fr;}}\n.comp-card{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .4s var(--ease);position:relative;}\n.comp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}\n.comp-card.upper::before{background:linear-gradient(90deg,var(--blue),var(--sky));}\n.comp-card.lower::before{background:linear-gradient(90deg,var(--amber),#fbbf24);}\n.comp-card.sub::before{background:linear-gradient(90deg,#8b5cf6,#a78bfa);}\n.comp-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);border-color:rgba(147,197,253,.6);}\n.comp-card:hover::before{transform:scaleX(1);}\n.comp-vis{height:90px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}\n.comp-vis.upper-vis{background:linear-gradient(160deg,#eff6ff 0%,#dbeafe 60%,#bfdbfe 100%);}\n.comp-vis.lower-vis{background:linear-gradient(160deg,#fef9ee 0%,#fef3c7 60%,#fde68a 100%);}\n.comp-vis.sub-vis{background:linear-gradient(160deg,#f5f3ff 0%,#ede9fe 60%,#ddd6fe 100%);}\n.comp-vis svg{width:52px;height:52px;opacity:.7;}\n.comp-body{padding:24px 26px;}\n.comp-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px;}\n.comp-desc{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:18px;}\n.comp-steps{display:flex;flex-direction:column;gap:6px;}\n.comp-step{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);}\n.comp-step-num{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}\n.upper .comp-step-num{background:var(--soft-blue);color:var(--deep-blue);}\n.lower .comp-step-num{background:var(--amber-light);color:var(--amber-dark);}\n.sub .comp-step-num{background:#ede9fe;color:#5b21b6;}\n\n\/* \u2550\u2550\u2550 PROCESS \u2550\u2550\u2550 *\/\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;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;}\n.proc-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:540px;margin:0 auto;line-height:1.8;}\n\n\/* Phase tabs *\/\n.phase-tabs{display:flex;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.1);border-radius:16px;padding:5px;margin:0 auto 64px;width:fit-content;flex-wrap:wrap;}\n.phase-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:none;background:transparent;color:rgba(147,197,253,.5);font-family:var(--body);font-size:13px;font-weight:600;cursor:pointer;transition:all .28s var(--ease);white-space:nowrap;}\n.phase-tab:hover{color:rgba(147,197,253,.85);}\n.phase-tab.pt-active{background:rgba(147,197,253,.13);color:#fff;}\n.phase-tab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}\n.pt-stamp .phase-tab-dot{background:#3b82f6;}\n.pt-weld .phase-tab-dot{background:#f59e0b;}\n.pt-paint .phase-tab-dot{background:#8b5cf6;}\n.pt-final .phase-tab-dot{background:#10b981;}\n\n\/* Timeline *\/\n.timeline{position:relative;max-width:960px;margin:0 auto;}\n.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(147,197,253,.3) 5%,rgba(147,197,253,.3) 95%,transparent 100%);}\n.phase-divider{text-align:center;position:relative;margin:56px 0 48px;}\n.phase-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(147,197,253,.1);}\n.phase-badge{position:relative;display:inline-flex;align-items:center;gap:10px;background:rgba(15,23,42,.95);border:1px solid rgba(147,197,253,.2);border-radius:999px;padding:8px 20px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);}\n.phase-badge-dot{width:8px;height:8px;border-radius:50%;}\n.phase-stamp .phase-badge-dot{background:#3b82f6;}\n.phase-weld .phase-badge-dot{background:#f59e0b;}\n.phase-paint .phase-badge-dot{background:#8b5cf6;}\n.phase-final .phase-badge-dot{background:#10b981;}\n.phase-count{font-size:9px;color:rgba(147,197,253,.35);margin-left:4px;}\n\n.tl-step{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:start;margin-bottom:48px;position:relative;}\n.tl-step:last-child{margin-bottom:0;}\n.tl-center{display:flex;flex-direction:column;align-items:center;padding-top:28px;position:relative;z-index:2;}\n.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--navy-2);border:2px solid rgba(147,197,253,.4);position:relative;transition:all .4s var(--ease);flex-shrink:0;}\n.tl-dot::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:rgba(59,130,246,.12);opacity:0;transition:opacity .4s;}\n.tl-step.visible .tl-dot{border-color:var(--blue);background:var(--blue);box-shadow:0 0 16px rgba(59,130,246,.5);}\n.tl-step.visible .tl-dot::after{opacity:1;}\n.tl-step.weld-phase.visible .tl-dot{border-color:var(--amber);background:var(--amber);box-shadow:0 0 16px rgba(245,158,11,.5);}\n.tl-step.paint-phase.visible .tl-dot{border-color:#8b5cf6;background:#8b5cf6;box-shadow:0 0 16px rgba(139,92,246,.5);}\n.tl-step.final-phase.visible .tl-dot{border-color:#10b981;background:#10b981;box-shadow:0 0 16px rgba(16,185,129,.5);}\n\n.tl-card{background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.1);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;transition:all .4s var(--ease);}\n.tl-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;border-radius:18px;background:rgba(59,130,246,.04);}\n.tl-card:hover{border-color:rgba(147,197,253,.25);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.35);}\n.tl-card:hover::before{opacity:1;}\n.tl-ghost{position:absolute;right:-8px;bottom:-14px;font-family:var(--display);font-size:100px;font-weight:400;color:rgba(147,197,253,.03);line-height:1;user-select:none;pointer-events:none;}\n.tl-card{border-top:2px solid rgba(147,197,253,.15);}\n\/* stamping phase *\/\n.stamp-phase .tl-card{border-top-color:var(--blue);}\n\/* weld phase *\/\n.weld-phase .tl-card{border-top-color:var(--amber);}\n\/* paint phase *\/\n.paint-phase .tl-card{border-top-color:#8b5cf6;}\n\/* final phase *\/\n.final-phase .tl-card{border-top-color:#10b981;}\n.tl-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}\n.tl-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:rgba(147,197,253,.7);background:rgba(147,197,253,.1);border:1px solid rgba(147,197,253,.2);flex-shrink:0;}\n.stamp-phase .tl-num{color:#93c5fd;background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);}\n.weld-phase .tl-num{color:#fcd34d;background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);}\n.paint-phase .tl-num{color:#c4b5fd;background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3);}\n.final-phase .tl-num{color:#6ee7b7;background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);}\n.tl-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.38);}\n.stamp-phase .tl-tag{color:rgba(147,197,253,.5);}\n.weld-phase .tl-tag{color:rgba(245,158,11,.5);}\n.paint-phase .tl-tag{color:rgba(139,92,246,.5);}\n.final-phase .tl-tag{color:rgba(16,185,129,.5);}\n.tl-title{font-family:var(--display);font-size:17px;font-weight:400;color:#f0f5ff;line-height:1.25;margin-bottom:8px;}\n.tl-divider{height:1px;background:rgba(147,197,253,.07);margin-bottom:8px;}\n.tl-desc{font-size:13px;color:rgba(147,197,253,.52);line-height:1.75;}\n.tl-step:nth-child(even) .tl-card-wrap{grid-column:3;}\n.tl-step:nth-child(even) .tl-ghost{left:-8px;right:auto;}\n.tl-card-wrap{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);}\n.tl-step:nth-child(odd) .tl-card-wrap{transform:translateX(32px);}\n.tl-step:nth-child(even) .tl-card-wrap{transform:translateX(-32px);}\n.tl-step.visible .tl-card-wrap{opacity:1;transform:translateX(0);}\n\n@media(max-width:768px){\n  .timeline::before{left:20px;}\n  .tl-step{grid-template-columns:40px 1fr;grid-template-rows:auto;}\n  .tl-center{padding-top:30px;}\n  .tl-step .tl-card-wrap,.tl-step:nth-child(even) .tl-card-wrap{grid-column:2;transform:translateX(20px);}\n  .tl-step.visible .tl-card-wrap{transform:translateX(0);}\n  .tl-step .tl-connector,.tl-step .tl-empty{display:none;}\n  .phase-divider{margin:40px 0 36px;}\n  .phase-tabs{width:100%;justify-content:center;}\n  .comp-grid{grid-template-columns:1fr;}\n}\n@media(prefers-reduced-motion:reduce){\n  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}\n  .sr,.sr-l,.sr-r,.sr-s,.tl-card-wrap{opacity:1;transform:none;}\n}\n\n\/* \u2550\u2550\u2550 PROCESS BENTO GRID \u2550\u2550\u2550 *\/\n.proc-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1060px;margin:0 auto;}\n@media(max-width:860px){.proc-bento{grid-template-columns:1fr 1fr;}}\n@media(max-width:560px){.proc-bento{grid-template-columns:1fr;}}\n\n.proc-card{background:rgba(255,255,255,.08);backdrop-filter:blur(28px) saturate(1.8) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(1.8) brightness(1.08);border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.32);border-left-color:rgba(255,255,255,.22);box-shadow:0 12px 40px rgba(0,0,0,.22),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 0 50px rgba(255,255,255,.03);border-radius:22px;padding:28px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;}\n.proc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:22px 22px 0 0;}\n.pc-stamp{background:linear-gradient(155deg,rgba(59,130,246,.18) 0%,rgba(255,255,255,.06) 60%);}\n.pc-stamp::before{background:linear-gradient(90deg,#1e40af,#3b82f6,rgba(147,197,253,.1));}\n.pc-weld{background:linear-gradient(155deg,rgba(245,158,11,.16) 0%,rgba(255,255,255,.06) 60%);}\n.pc-weld::before{background:linear-gradient(90deg,#92400e,#f59e0b,rgba(252,211,77,.1));}\n.pc-paint{background:linear-gradient(155deg,rgba(139,92,246,.16) 0%,rgba(255,255,255,.06) 60%);}\n.pc-paint::before{background:linear-gradient(90deg,#5b21b6,#8b5cf6,rgba(196,181,253,.1));}\n.pc-final{background:linear-gradient(155deg,rgba(16,185,129,.18) 0%,rgba(255,255,255,.06) 60%);}\n.pc-final::before{background:linear-gradient(90deg,#065f46,#10b981,rgba(110,231,183,.1));}\n\n.pc-w2{grid-column:span 2;}\n.pc-w3{grid-column:span 3;}\n@media(max-width:860px){.pc-w2,.pc-w3{grid-column:span 2;}}\n@media(max-width:560px){.pc-w2,.pc-w3{grid-column:span 1;}}\n\n.proc-glow{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.32;pointer-events:none;}\n.pc-stamp .proc-glow{background:#3b82f6;}\n.pc-weld .proc-glow{background:#f59e0b;}\n.pc-paint .proc-glow{background:#8b5cf6;}\n.pc-final .proc-glow{background:#10b981;}\n\n.proc-ghost-n{position:absolute;right:-2px;bottom:-10px;font-family:var(--display);font-size:120px;font-weight:400;line-height:1;user-select:none;pointer-events:none;}\n.pc-stamp .proc-ghost-n{color:rgba(59,130,246,.06);}\n.pc-weld .proc-ghost-n{color:rgba(245,158,11,.06);}\n.pc-paint .proc-ghost-n{color:rgba(139,92,246,.06);}\n.pc-final .proc-ghost-n{color:rgba(16,185,129,.06);}\n\n\/* Icon + tag row *\/\n.proc-head-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;}\n.proc-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.pc-stamp .proc-icon{background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.22);}\n.pc-weld .proc-icon{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.22);}\n.pc-paint .proc-icon{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.22);}\n.pc-final .proc-icon{background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.22);}\n.proc-icon svg{width:17px;height:17px;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}\n.pc-stamp .proc-icon svg{stroke:#3b82f6;}\n.pc-weld .proc-icon svg{stroke:#f59e0b;}\n.pc-paint .proc-icon svg{stroke:#8b5cf6;}\n.pc-final .proc-icon svg{stroke:#10b981;}\n\n.proc-btag{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-radius:999px;padding:3px 10px 3px 8px;}\n.proc-btag-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}\n.pbt-stamp{color:#93c5fd;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);}\n.pbt-stamp .proc-btag-dot{background:#3b82f6;}\n.pbt-weld{color:#fcd34d;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);}\n.pbt-weld .proc-btag-dot{background:#f59e0b;}\n.pbt-paint{color:#c4b5fd;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.22);}\n.pbt-paint .proc-btag-dot{background:#8b5cf6;}\n.pbt-final{color:#6ee7b7;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22);}\n.pbt-final .proc-btag-dot{background:#10b981;}\n\n.proc-step-num{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;color:rgba(147,197,253,.25);margin-bottom:6px;font-family:var(--body);}\n.proc-card-title{font-family:var(--display);font-size:18px;font-weight:400;color:#f0f5ff;line-height:1.2;margin-bottom:0;}\n.proc-card-rule{height:1px;margin:13px 0;}\n.pc-stamp .proc-card-rule{background:rgba(59,130,246,.15);}\n.pc-weld .proc-card-rule{background:rgba(245,158,11,.14);}\n.pc-paint .proc-card-rule{background:rgba(139,92,246,.14);}\n.pc-final .proc-card-rule{background:rgba(16,185,129,.15);}\n.proc-card-desc{font-size:12.5px;color:rgba(147,197,253,.48);line-height:1.78;flex:1;}\n\n\/* Wide card 01 \u2014 2-column inner *\/\n.pc-w2-body{display:flex;gap:0;align-items:stretch;flex:1;}\n.pc-w2-text{flex:1;min-width:0;display:flex;flex-direction:column;}\n.pc-w2-accent{flex-shrink:0;width:120px;margin-left:32px;padding-left:32px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center;gap:16px;}\n@media(max-width:860px){.pc-w2-accent{display:none;}}\n.pc-accent-n{font-family:var(--display);font-size:52px;font-weight:400;color:rgba(59,130,246,.25);line-height:1;letter-spacing:-.02em;}\n.pc-accent-chip{display:block;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(93,169,255,.4);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.14);border-radius:8px;padding:6px 10px;line-height:1.4;}\n\n\/* Bottom attribute chips (shared) *\/\n.proc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);}\n.pc-weld .proc-chips{border-top-color:rgba(255,255,255,.1);}\n.pc-paint .proc-chips{border-top-color:rgba(255,255,255,.1);}\n.proc-chip{font-size:9px;font-weight:600;letter-spacing:.04em;border-radius:7px;padding:4px 10px;}\n.pchip-blue{color:#93c5fd;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.18);}\n.pchip-amber{color:#fcd34d;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.18);}\n.pchip-purple{color:#c4b5fd;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.18);}\n\n\/* Step 06 \u2014 full-width with bottom KPI strip *\/\n.pc-w3 .proc-card-title{font-size:24px;}\n.pc-kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.28);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);}\n.pc-kpi-cell{padding:16px 20px;border-right:1px solid rgba(255,255,255,.1);}\n.pc-kpi-cell:last-child{border-right:none;}\n.pc-kpi-v{font-family:var(--display);font-size:28px;color:#f0f5ff;line-height:1;margin-bottom:5px;}\n.pc-kpi-green .pc-kpi-v{color:#6ee7b7;}\n.pc-kpi-purple .pc-kpi-v{color:#c4b5fd;}\n.pc-kpi-muted .pc-kpi-v{color:rgba(147,197,253,.5);}\n.pc-kpi-k{font-size:7.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(147,197,253,.3);}\n\n\/* \u2550\u2550\u2550 MARKET SHARE \u2550\u2550\u2550 *\/\n#market{background:linear-gradient(160deg,#dbeafe 0%,#eff6ff 40%,#e0eeff 70%,#dde9ff 100%);padding:100px 0;position:relative;overflow:hidden;}\n#market::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 520px 420px at 4% 12%,rgba(59,130,246,.28) 0%,transparent 62%),radial-gradient(ellipse 420px 380px at 96% 88%,rgba(99,102,241,.22) 0%,transparent 62%),radial-gradient(ellipse 380px 320px at 72% 8%,rgba(147,197,253,.32) 0%,transparent 58%),radial-gradient(ellipse 340px 300px at 18% 92%,rgba(245,158,11,.1) 0%,transparent 58%),radial-gradient(ellipse 300px 260px at 55% 55%,rgba(59,130,246,.08) 0%,transparent 55%);pointer-events:none;}\n.mkt-header{text-align:center;margin-bottom:64px;}\n.mkt-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--navy);line-height:1.12;letter-spacing:-.02em;margin-bottom:12px;}\n.mkt-h2 em{font-style:italic;background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--deep-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\n.mkt-sub{font-size:14px;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.8;}\n.mkt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;}\n@media(max-width:768px){.mkt-grid{grid-template-columns:1fr;}}\n.mkt-card{background:#ffffff;border:1px solid rgba(147,197,253,.35);border-radius:22px;padding:36px 28px 28px;position:relative;overflow:hidden;box-shadow:0 4px 28px rgba(59,130,246,.07);}\n.mkt-card.total-card{border-color:rgba(59,130,246,.35);background:rgba(239,246,255,.6);}\n.mkt-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}\n.perodua-card::before{background:linear-gradient(90deg,rgba(59,130,246,.9),rgba(147,197,253,.3));}\n.proton-card::before{background:linear-gradient(90deg,rgba(245,158,11,.8),rgba(252,211,77,.2));}\n.total-card::before{background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--sky),var(--blue),var(--deep-blue));}\n.mkt-oem{font-size:8.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:8px;}\n.mkt-oem-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}\n.perodua-card .mkt-oem{color:var(--deep-blue);}\n.perodua-card .mkt-oem-dot{background:var(--blue);box-shadow:0 0 8px rgba(59,130,246,.4);}\n.proton-card .mkt-oem{color:var(--amber-dark);}\n.proton-card .mkt-oem-dot{background:var(--amber);box-shadow:0 0 8px rgba(245,158,11,.4);}\n.total-card .mkt-oem{color:var(--deep-blue);}\n.total-card .mkt-oem-dot{background:var(--blue);box-shadow:0 0 10px rgba(59,130,246,.5);}\n.mkt-ring-wrap{display:flex;justify-content:center;margin-bottom:24px;}\n.mkt-ring{}\n.mkt-ring-track{fill:none;stroke:rgba(59,130,246,.1);stroke-width:7;}\n.mkt-ring-fill{fill:none;stroke-width:7;stroke-linecap:round;transform:rotate(-90deg);transform-box:fill-box;transform-origin:50% 50%;}\n.perodua-fill{stroke:var(--blue);filter:drop-shadow(0 0 6px rgba(59,130,246,.5));}\n.proton-fill{stroke:var(--amber);filter:drop-shadow(0 0 6px rgba(245,158,11,.45));}\n.total-fill{stroke:var(--sky);filter:drop-shadow(0 0 6px rgba(147,197,253,.5));}\n.mkt-ring-label{font-family:'DM Serif Display',Georgia,serif;font-size:18px;fill:#071a3d;dominant-baseline:middle;text-anchor:middle;}\n.mkt-ring-sublabel{font-size:6.5px;fill:rgba(30,64,175,.5);dominant-baseline:middle;text-anchor:middle;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;letter-spacing:.12em;}\n.mkt-stats{display:flex;flex-direction:column;border:1px solid rgba(147,197,253,.25);border-bottom:none;border-radius:14px;overflow:hidden;}\n.mkt-stat{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(147,197,253,.18);}\n.mkt-stat:last-child{border-bottom:none;}\n.mkt-stat:nth-child(odd){background:rgba(59,130,246,.03);}\n.mkt-stat-k{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}\n.mkt-stat-v{font-family:var(--display);font-size:15px;font-weight:400;color:var(--navy);}\n.mkt-stat-v.highlight{color:var(--deep-blue);}\n.total-card .mkt-stat-v.highlight{color:var(--deep-blue);}\n\n\/* \u2500\u2500 MARKET REDESIGN \u2500\u2500 *\/\n.mkt-glass{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:90%;border-radius:28px;background:rgba(255,255,255,.16);backdrop-filter:blur(42px) saturate(2.2) brightness(1.06);-webkit-backdrop-filter:blur(42px) saturate(2.2) brightness(1.06);border:1px solid rgba(255,255,255,.52);border-top-color:rgba(255,255,255,.72);border-left-color:rgba(255,255,255,.65);box-shadow:0 8px 32px rgba(31,38,135,.13),0 2px 6px rgba(0,0,0,.05),inset 0 2px 0 rgba(255,255,255,.82),inset 0 0 60px rgba(255,255,255,.06);pointer-events:none;z-index:0;}\n.mkt-total-hero{display:flex;align-items:center;gap:52px;background:var(--navy);border-radius:22px;padding:40px 48px;margin-bottom:16px;position:relative;overflow:hidden;}\n.mkt-total-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 15% 50%,rgba(59,130,246,.28) 0%,transparent 60%),radial-gradient(ellipse 45% 55% at 85% 50%,rgba(30,64,175,.18) 0%,transparent 55%);pointer-events:none;}\n.mkt-total-ring{flex-shrink:0;position:relative;z-index:1;}\n.mkt-total-body{flex:1;position:relative;z-index:1;min-width:0;}\n.mkt-total-eyebrow{font-size:8.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sky);margin-bottom:12px;display:flex;align-items:center;gap:10px;}\n.mkt-total-eyebrow::before{content:'';display:block;width:24px;height:1px;background:var(--sky);flex-shrink:0;}\n.mkt-total-pct{font-family:var(--display);font-size:clamp(48px,5.5vw,84px);font-weight:400;color:#fff;line-height:1;letter-spacing:-.04em;margin-bottom:10px;}\n.mkt-total-pct-unit{font-size:.55em;vertical-align:super;line-height:1;}\n.mkt-total-desc{font-size:13px;color:rgba(147,197,253,.6);margin-bottom:28px;line-height:1.7;max-width:480px;}\n.mkt-total-stats-row{display:flex;gap:0;border-top:1px solid rgba(147,197,253,.12);padding-top:22px;}\n.mkt-total-stat{padding-right:30px;margin-right:30px;border-right:1px solid rgba(147,197,253,.1);}\n.mkt-total-stat:last-child{border-right:none;padding-right:0;margin-right:0;}\n.mkt-total-stat-v{display:block;font-family:var(--display);font-size:21px;color:#fff;line-height:1;margin-bottom:5px;}\n.mkt-total-stat-k{display:block;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(147,197,253,.38);}\n.mkt-breakdown-label{display:flex;align-items:center;gap:16px;font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}\n.mkt-breakdown-label::before,.mkt-breakdown-label::after{content:'';flex:1;height:1px;background:rgba(147,197,253,.2);}\n.mkt-oem-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n@media(max-width:680px){.mkt-oem-grid{grid-template-columns:1fr;}}\n.mkt-oem-card{background:#fff;border:1px solid rgba(147,197,253,.28);border-radius:18px;padding:26px 28px 24px;box-shadow:0 2px 16px rgba(59,130,246,.05);position:relative;overflow:hidden;}\n.mkt-oem-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}\n.perodua-oem::before{background:linear-gradient(90deg,var(--deep-blue),var(--blue),rgba(147,197,253,.3));}\n.proton-oem::before{background:linear-gradient(90deg,var(--amber-dark),var(--amber),rgba(252,211,77,.3));}\n.mkt-oem-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}\n.mkt-oem-brand-row{display:flex;align-items:center;gap:8px;}\n.mkt-oem-brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;}\n.mkt-oem-brand-name{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}\n.mkt-oem-pct{font-family:var(--display);font-size:28px;font-weight:400;letter-spacing:-.02em;line-height:1;}\n.mkt-oem-bar-wrap{height:5px;background:rgba(59,130,246,.08);border-radius:999px;overflow:hidden;margin-bottom:20px;}\n.mkt-oem-bar-fill{height:100%;border-radius:999px;}\n.mkt-oem-stats-row{display:flex;align-items:center;gap:0;}\n.mkt-oem-stat{flex:1;text-align:center;}\n.mkt-oem-stat:first-child{text-align:left;}\n.mkt-oem-stat:last-child{text-align:right;}\n.mkt-oem-stat-divider{width:1px;height:32px;background:rgba(147,197,253,.2);flex-shrink:0;}\n.mkt-oem-stat-v{display:block;font-family:var(--display);font-size:17px;color:var(--navy);line-height:1;margin-bottom:4px;}\n.mkt-oem-stat-k{display:block;font-size:7.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}\n@media(max-width:900px){.mkt-total-hero{flex-direction:column;gap:28px;padding:32px 28px;}.mkt-total-ring{align-self:center;}.mkt-total-stats-row{flex-wrap:wrap;gap:16px;}.mkt-total-stat{border-right:none;padding-right:0;margin-right:0;}}\n\n\/* \u2550\u2550\u2550 ARCH BRIDGE (navy-2 \u2192 navy-2 subtle divider) \u2550\u2550\u2550 *\/\n.arch-bridge{position:relative;height:80px;background:var(--navy-2);overflow:hidden;}\n.arch-bridge::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:680px;height:110px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.11) 0%,transparent 68%);filter:blur(22px);pointer-events:none;}\n.ab-rule{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;padding:0 72px;}\n.ab-line{flex:1;height:1px;}\n.ab-line:first-child{background:linear-gradient(90deg,transparent 0%,rgba(147,197,253,.22) 40%,rgba(147,197,253,.38) 100%);}\n.ab-line:last-child{background:linear-gradient(270deg,transparent 0%,rgba(147,197,253,.22) 40%,rgba(147,197,253,.38) 100%);}\n.ab-gem{width:9px;height:9px;border-radius:2px;background:var(--blue);transform:rotate(45deg);box-shadow:0 0 0 5px rgba(59,130,246,.14),0 0 22px rgba(59,130,246,.55),0 0 40px rgba(59,130,246,.2);margin:0 28px;flex-shrink:0;}\n\n\/* \u2550\u2550\u2550 TECH SPEC \u2014 MATERIALS REDESIGN \u2550\u2550\u2550 *\/\n\/* Comparison matrix *\/\n.ts-matrix-wrap{overflow-x:auto;margin-bottom:52px;border-radius:16px;border:1px solid rgba(147,197,253,.1);background:rgba(255,255,255,.018);}\n.ts-matrix{width:100%;border-collapse:collapse;min-width:900px;}\n.ts-matrix thead tr{border-bottom:1px solid rgba(147,197,253,.1);}\n.ts-matrix thead th{padding:13px 16px;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(147,197,253,.38);text-align:left;white-space:nowrap;background:rgba(255,255,255,.012);}\n.ts-matrix tbody tr{border-bottom:1px solid rgba(147,197,253,.055);}\n.ts-matrix tbody tr:last-child{border-bottom:none;}\n.ts-matrix tbody tr.ts-prow{background:rgba(59,130,246,.045);}\n.ts-matrix tbody td{padding:13px 16px;font-size:12px;color:rgba(180,210,255,.6);vertical-align:middle;}\n.ts-matrix tbody tr.ts-prow td{color:rgba(200,225,255,.82);}\n.ts-gc{display:flex;align-items:center;gap:10px;}\n.ts-gdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\n.ts-gname{font-family:var(--display);font-size:14px;color:#eef4ff;white-space:nowrap;}\n.ts-gstd{font-size:7.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(147,197,253,.28);display:block;margin-top:2px;}\n.ts-grole{display:inline-flex;align-items:center;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px;white-space:nowrap;}\n.ts-role-body{background:rgba(59,130,246,.18);color:#93c5fd;border:1px solid rgba(59,130,246,.3);}\n.ts-role-bracket{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.25);}\n.ts-role-support{background:rgba(255,255,255,.06);color:rgba(147,197,253,.52);border:1px solid rgba(147,197,253,.12);}\n\n\/* Primary cards *\/\n.ts-pg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}\n@media(max-width:768px){.ts-pg{grid-template-columns:1fr;}}\n.ts-pc{border-radius:20px;overflow:hidden;border:1px solid rgba(147,197,253,.12);}\n.ts-pc-hd{padding:28px 30px 22px;position:relative;overflow:hidden;}\n.ts-pc-hd::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}\n.ts-pc-hd::after{content:'';position:absolute;bottom:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.03);}\n.ts-pc.blue-pc .ts-pc-hd{background:linear-gradient(135deg,rgba(5,18,50,.95) 0%,rgba(30,64,175,.38) 100%);}\n.ts-pc.blue-pc .ts-pc-hd::before{background:linear-gradient(90deg,var(--deep-blue),var(--sky));}\n.ts-pc.amber-pc .ts-pc-hd{background:linear-gradient(135deg,rgba(5,18,50,.95) 0%,rgba(146,64,14,.32) 100%);}\n.ts-pc.amber-pc .ts-pc-hd::before{background:linear-gradient(90deg,#92400e,var(--amber));}\n.ts-pc-ey{font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:11px;display:flex;align-items:center;gap:8px;}\n.blue-pc .ts-pc-ey{color:var(--sky);}\n.amber-pc .ts-pc-ey{color:#fcd34d;}\n.ts-pc-ey-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}\n.blue-pc .ts-pc-ey-dot{background:var(--sky);}\n.amber-pc .ts-pc-ey-dot{background:var(--amber);}\n.ts-pc-name{font-family:var(--display);font-size:28px;color:#fff;line-height:1.05;margin-bottom:5px;position:relative;z-index:1;}\n.ts-pc-sub{font-size:10.5px;position:relative;z-index:1;line-height:1.5;}\n.blue-pc .ts-pc-sub{color:rgba(147,197,253,.45);}\n.amber-pc .ts-pc-sub{color:rgba(252,211,77,.4);}\n.ts-mech{display:grid;grid-template-columns:repeat(3,1fr);}\n.ts-mech-item{padding:16px 18px;background:rgba(8,16,42,.45);border-top:1px solid rgba(147,197,253,.07);border-right:1px solid rgba(147,197,253,.07);}\n.ts-mech-item:last-child{border-right:none;}\n.ts-mech-v{font-family:var(--display);font-size:17px;color:#eef4ff;line-height:1;margin-bottom:5px;}\n.ts-mech-k{font-size:7.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(147,197,253,.3);}\n.ts-pc-bd{padding:22px 30px;}\n.ts-spec-rows{border:1px solid rgba(147,197,253,.08);border-radius:12px;overflow:hidden;margin-bottom:18px;}\n.ts-spec-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(147,197,253,.06);}\n.ts-spec-row:last-child{border-bottom:none;}\n.ts-spec-row:nth-child(odd){background:rgba(255,255,255,.012);}\n.ts-spec-k{font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.32);}\n.ts-spec-v{font-size:12px;font-weight:600;color:rgba(200,220,255,.78);text-align:right;max-width:60%;}\n.ts-chip-row{display:flex;flex-wrap:wrap;gap:6px;}\n.ts-chip{font-size:9px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.05em;}\n.blue-pc .ts-chip{color:#93c5fd;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);}\n.amber-pc .ts-chip{color:#fcd34d;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);}\n\n\/* Supporting grades *\/\n.ts-sh{display:flex;align-items:center;gap:14px;margin-bottom:18px;}\n.ts-sh-line{flex:1;height:1px;background:rgba(147,197,253,.08);}\n.ts-sh-lbl{font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(147,197,253,.26);white-space:nowrap;}\n.ts-sg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n@media(max-width:900px){.ts-sg-grid{grid-template-columns:1fr 1fr;}}\n@media(max-width:500px){.ts-sg-grid{grid-template-columns:1fr;}}\n.ts-sg{background:rgba(255,255,255,.024);border:1px solid rgba(147,197,253,.08);border-radius:16px;padding:20px 22px;position:relative;overflow:hidden;}\n.ts-sg-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px;}\n.ts-sg-name{font-family:var(--display);font-size:21px;color:#eef4ff;line-height:1;}\n.ts-sg-std{font-size:7.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.26);display:block;margin-top:3px;}\n.ts-sg-badge{font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;flex-shrink:0;margin-top:2px;white-space:nowrap;}\n.ts-sg-desc{font-size:11px;color:rgba(147,197,253,.44);line-height:1.65;margin-bottom:12px;}\n.ts-sg-props{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;}\n.ts-sg-prop{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(147,197,253,.3);}\n.ts-sg-prop span{color:rgba(200,220,255,.6);font-weight:600;display:block;font-size:11px;letter-spacing:0;text-transform:none;margin-top:2px;}\n\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@keyframes streamFlow{\n  0%{stroke-dashoffset:1500;}\n  100%{stroke-dashoffset:-1500;}\n}\n\n\/* \u2550\u2550\u2550 PAGE NAV RAIL \u2550\u2550\u2550 *\/\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 .32s cubic-bezier(.22,1,.36,1),background .32s ease,box-shadow .32s ease!important;}\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;transition:opacity .18s ease!important;box-shadow:0 4px 16px rgba(7,26,61,.25);}\n.page-nav-pip:hover::after{opacity:1;}\n@media(max-width:1100px){.page-nav-rail{display:none;}}\n\n\/* \u2500\u2500 STATIC: all animation and transition removed \u2500\u2500 *\/\n*,*::before,*::after{\n  animation:none!important;\n  transition:none!important;\n}\n.sr,.sr-l,.sr-r,.sr-s{opacity:1!important;transform:none!important;}\n.tl-card-wrap{opacity:1!important;transform:none!important;}\n#particleCanvas{display:none!important;}\n\n\/* \u2500\u2500 SWIRL EXCEPTION \u2014 higher specificity wins the !important cascade \u2500\u2500 *\/\n.hero-swirl path.sw{fill:none;stroke-linecap:round;stroke-dasharray:1500;}\n.hero-swirl path.sw1{stroke:rgba(147,197,253,.60);stroke-width:1.6;animation:streamFlow 7s 0s linear infinite!important;}\n.hero-swirl path.sw2{stroke:rgba(59,130,246,.48);stroke-width:1.2;animation:streamFlow 9s -3s linear infinite!important;}\n.hero-swirl path.sw3{stroke:rgba(99,179,255,.36);stroke-width:1.0;animation:streamFlow 11s -5.5s linear infinite!important;}\n.hero-swirl path.sw4{stroke:rgba(186,230,253,.28);stroke-width:0.8;animation:streamFlow 6s -1.8s linear infinite!important;}\n<\/style>\n\n<div id=\"ft-widget\">\n\n<div class=\"top-bar\"><\/div>\n<div id=\"cursor-glow\" aria-hidden=\"true\"><\/div>\n\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<section id=\"hero\">\n  <canvas id=\"particleCanvas\"><\/canvas>\n  <div class=\"hero-blob hero-blob-1\"><\/div>\n  <div class=\"hero-blob hero-blob-2\"><\/div>\n\n  <div class=\"hero-inner\">\n\n    <!-- LEFT: text -->\n    <div class=\"hero-left\">\n      <div class=\"hero-badge\">\n        <span class=\"hero-badge-dot\"><\/span>\n        Tier-1 Automotive Supplier \u00b7 Malaysia\n      <\/div>\n\n      <h1 class=\"hero-h1\">\n        <span class=\"hero-h1-line1\">Automotive<\/span>\n        <span class=\"hero-h1-line2\">Fuel Tank<\/span>\n        <span class=\"hero-h1-line3\">Systems.<\/span>\n      <\/h1>\n\n      <p class=\"hero-lead\">\n        Precision-stamped steel fuel tanks formed from high-strength zinc-coated sheet \u2014\n        multi-phase welded, UEP-primed, wet-painted and comprehensively tested\n        to meet the most demanding automotive OEM requirements.\n      <\/p>\n\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\n      <div class=\"hero-stats\" style=\"display:none\">\n        <div class=\"h-stat\">\n          <span class=\"h-stat-n\">33\u2013100 L<\/span>\n          <span class=\"h-stat-l\">Capacity Range<\/span>\n        <\/div>\n        <div class=\"h-stat\">\n          <span class=\"h-stat-n counter\" data-target=\"4\">0<\/span>\n          <span class=\"h-stat-l\">Process Phases<\/span>\n        <\/div>\n        <div class=\"h-stat\">\n          <span class=\"h-stat-n\">2\u00d7<\/span>\n          <span class=\"h-stat-l\">Leak Tested<\/span>\n        <\/div>\n        <div class=\"h-stat\">\n          <span class=\"h-stat-n\">OHM<\/span>\n          <span class=\"h-stat-l\">Pump Verified<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: product image -->\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 class=\"sw sw1\" d=\"M -110,100 C 40,-60 180,20 290,160 C 400,300 500,420 690,380\"\/>\n        <!-- Stream 2: lower-left entry \u2192 upper-right exit -->\n        <path class=\"sw sw2\" d=\"M -110,440 C 60,560 200,400 290,280 C 380,160 510,80 690,110\"\/>\n        <!-- Stream 3: top entry \u2192 bottom-left exit -->\n        <path class=\"sw sw3\" d=\"M 210,-90 C 520,-60 620,160 540,310 C 460,460 310,570 90,570\"\/>\n        <!-- Stream 4: right entry \u2192 wraps behind \u2192 left exit -->\n        <path class=\"sw sw4\" d=\"M 690,50 C 540,-30 400,60 310,190 C 220,320 250,460 400,540\"\/>\n      <\/svg>\n      <!-- Tank image -->\n      <img\n        src=\"http:\/\/uisb.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-9-2026-02_27_59-PM.png\"\n        alt=\"Automotive Fuel Tank \u2014 precision stamped steel assembly\"\n        class=\"hero-tank-img\"\n        loading=\"eager\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hero-scroll-cue\" aria-hidden=\"true\">\n    <div class=\"hero-scroll-line\"><\/div>\n    Scroll to explore\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:#05060f;\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,0 C360,56 720,0 1080,40 C1260,56 1380,20 1440,28 L1440,56 L0,56 Z\" fill=\"#ffffff\"\/>\n  <\/svg>\n<\/div>\n\n<!-- \u2550\u2550\u2550 INTRO \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\">Engineered for <em>Every Platform<\/em><\/h2>\n        <p class=\"sec-p sr\" data-d=\"2\">\n          Our automotive fuel tank product range spans compact passenger vehicles to heavy commercial trucks \u2014 delivering precision-stamped, seam-welded steel assemblies with multi-layer corrosion protection and verified fuel system integrity.\n        <\/p>\n        <p class=\"sec-p sr\" data-d=\"3\">\n          Each tank is built from high-strength zinc-coated steel sheet, drawn and trimmed through progressive die stamping, then assembled through a dedicated multi-stage welding line before wet paint-shop treatment and full final inspection.\n        <\/p>\n        <div class=\"pull-quote sr\" data-d=\"4\">\n          <p>\"Stamped from TZSE high-strength zinc-coated steel, seam-welded for airtight integrity, UEP-coated, wet painted and dual leak-tested \u2014 covering capacities from 33 L to 100 L across Perodua, Proton and Hino platforms.\"<\/p>\n        <\/div>\n        <div class=\"feat-list\">\n          <div class=\"feat-item sr\" data-d=\"3\">\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>Dual Leak Testing<\/h4>\n              <p>Pressure-tested at the welding line and again after final assembly \u2014 zero tolerance for fuel leakage.<\/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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>OHM \/ Fuel Pump Resistance Check<\/h4>\n              <p>Electrical resistance of fuel pump and sender unit verified before every tank ships.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item sr\" data-d=\"5\">\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>Multi-OEM Platform Coverage<\/h4>\n              <p>Qualified and supplied to Perodua, Proton and Hino \u2014 compact car to heavy truck.<\/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<!-- \u2550\u2550\u2550 MATERIALS \u2550\u2550\u2550 -->\n<section id=\"materials\">\n  <div class=\"wrap\">\n\n    <!-- Header -->\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\">Material Grade <em>Reference<\/em><\/h2>\n      <p class=\"mat-sub sr\" data-d=\"2\">Eight JIS-standard steel grades covering every tank component \u2014 from deep-draw body panels to structural brackets, each specified for coating weight, mechanical properties and manufacturing process.<\/p>\n    <\/div>\n\n    <!-- \u2500\u2500 COMPARISON MATRIX \u2500\u2500 -->\n    <div class=\"ts-matrix-wrap sr\" data-d=\"2\">\n      <table class=\"ts-matrix\" aria-label=\"Steel grade comparison\">\n        <thead>\n          <tr>\n            <th>Grade<\/th>\n            <th>Standard<\/th>\n            <th>Yield Str. (MPa)<\/th>\n            <th>Tensile Str. (MPa)<\/th>\n            <th>Coating<\/th>\n            <th>Application Role<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr class=\"ts-prow\">\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#3b82f6;box-shadow:0 0 6px rgba(59,130,246,.6);\"><\/div><div><div class=\"ts-gname\">TZSE<\/div><span class=\"ts-gstd\">JIS G3302<\/span><\/div><\/div><\/td>\n            <td>JIS G3302<\/td><td>270 \u2013 340<\/td><td>340 \u2013 440<\/td><td>Z45 \u2014 hot-dip Zn, 90 g\/m\u00b2<\/td>\n            <td><span class=\"ts-grole ts-role-body\">Tank Body<\/span><\/td>\n          <\/tr>\n          <tr class=\"ts-prow\">\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.6);\"><\/div><div><div class=\"ts-gname\">SCGA270D-45<\/div><span class=\"ts-gstd\">JIS G3302<\/span><\/div><\/div><\/td>\n            <td>JIS G3302<\/td><td>\u2265 270<\/td><td>270 \u2013 380<\/td><td>ZF45 \u2014 ZnFe alloy, Fe 8\u201312%<\/td>\n            <td><span class=\"ts-grole ts-role-bracket\">Brackets<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#93c5fd;\"><\/div><div><div class=\"ts-gname\">SCTZ<\/div><span class=\"ts-gstd\">JIS G3302<\/span><\/div><\/div><\/td>\n            <td>JIS G3302<\/td><td>~270<\/td><td>~340<\/td><td>Z \u2014 hot-dip Zn coated<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Brackets \/ Clips<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#14b8a6;\"><\/div><div><div class=\"ts-gname\">SECF<\/div><span class=\"ts-gstd\">JIS G3313<\/span><\/div><\/div><\/td>\n            <td>JIS G3313<\/td><td>230 \u2013 280<\/td><td>300 \u2013 380<\/td><td>EZ + chemical post-treat.<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Cosmetic Panels<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#f97316;\"><\/div><div><div class=\"ts-gname\">SPHC<\/div><span class=\"ts-gstd\">JIS G3131<\/span><\/div><\/div><\/td>\n            <td>JIS G3131<\/td><td>\u2265 205<\/td><td>\u2265 270<\/td><td>None (HR mill scale)<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Base Plates<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#fb923c;\"><\/div><div><div class=\"ts-gname\">SPHD<\/div><span class=\"ts-gstd\">JIS G3131<\/span><\/div><\/div><\/td>\n            <td>JIS G3131<\/td><td>\u2265 205<\/td><td>\u2265 270<\/td><td>None (HR pickled &amp; oiled)<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Formed Parts<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#8b5cf6;\"><\/div><div><div class=\"ts-gname\">SPC270<\/div><span class=\"ts-gstd\">JIS G3141<\/span><\/div><\/div><\/td>\n            <td>JIS G3141<\/td><td>205 \u2013 270<\/td><td>270 \u2013 340<\/td><td>None \/ optional Zn<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Stamp. Brackets<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><div class=\"ts-gc\"><div class=\"ts-gdot\" style=\"background:#10b981;\"><\/div><div><div class=\"ts-gname\">SECC<\/div><span class=\"ts-gstd\">JIS G3313<\/span><\/div><\/div><\/td>\n            <td>JIS G3313<\/td><td>205 \u2013 280<\/td><td>270 \u2013 380<\/td><td>EZ \u2014 electrolytic Zn ~20 g\/m\u00b2<\/td>\n            <td><span class=\"ts-grole ts-role-support\">Housings<\/span><\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n\n\n  <\/div>\n<\/section>\n\n<!-- PROCESS -->\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\">Six <em>Critical<\/em> Operations<\/h2>\n      <p class=\"proc-sub sr\" data-d=\"2\">From 21 sequential steps, these six demand the most precision, the most specialist tooling, and the strictest quality gates \u2014 where an OEM-grade fuel tank is truly made or broken.<\/p>\n    <\/div>\n    <div class=\"proc-bento\">\n\n      <!-- \u2500\u2500 ROW 1: 01 (2col) + 02 (1col) \u2500\u2500 Stamping phase -->\n\n      <!-- 01 Cam-Pierce \u2014 2 col wide, inner accent panel -->\n      <div class=\"proc-card pc-stamp pc-w2\">\n        <div class=\"proc-glow\"><\/div>\n        <div class=\"proc-ghost-n\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v10\"\/><path d=\"M9 10l3 3 3-3\"\/><line x1=\"5\" y1=\"17\" x2=\"19\" y2=\"17\"\/><line x1=\"5\" y1=\"21\" x2=\"19\" y2=\"21\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-stamp\"><span class=\"proc-btag-dot\"><\/span>Stamping<\/div>\n        <\/div>\n        <div class=\"pc-w2-body\">\n          <div class=\"pc-w2-text\">\n            <div class=\"proc-card-title\">Cam-Pierce<\/div>\n            <div class=\"proc-card-rule\"><\/div>\n            <p class=\"proc-card-desc\">Angled cam tooling pierces holes on non-vertical faces and undercut features that conventional vertical press tooling cannot reach. Cam angle and entry depth are precisely set per part-specific tooling specification \u2014 among the most geometrically demanding operations in the entire stamping line.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 02 Sub Tank Formation \u2014 1 col -->\n      <div class=\"proc-card pc-stamp\">\n        <div class=\"proc-glow\"><\/div>\n        <div class=\"proc-ghost-n\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-stamp\"><span class=\"proc-btag-dot\"><\/span>Stamping<\/div>\n        <\/div>\n        <div class=\"proc-card-title\">Sub Tank Formation<\/div>\n        <div class=\"proc-card-rule\"><\/div>\n        <p class=\"proc-card-desc\">A separate internal shell formed and trimmed through two dedicated press operations \u2014 acts as a fuel baffle to suppress slosh and provides a stable housing pocket for the sender unit. Invisible from outside, critical in function.<\/p>\n        <div class=\"proc-chips\">\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 ROW 2: 03 + 04 + 05 \u2014 equal columns \u2500\u2500 -->\n\n      <!-- 03 Seam Weld \u2014 1 col -->\n      <div class=\"proc-card pc-weld\">\n        <div class=\"proc-glow\"><\/div>\n        <div class=\"proc-ghost-n\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 12 Q6 7 9 12 Q12 17 15 12 Q18 7 21 12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-weld\"><span class=\"proc-btag-dot\"><\/span>Welding<\/div>\n        <\/div>\n        <div class=\"proc-card-title\">Seam Weld<\/div>\n        <div class=\"proc-card-rule\"><\/div>\n        <p class=\"proc-card-desc\">Continuous weld joins upper and lower pan flanges around the full tank perimeter. Weld speed, current and electrode pressure are monitored and logged on every unit \u2014 this single joint defines the tank's lifetime leak integrity.<\/p>\n        <div class=\"proc-chips\">\n        <\/div>\n      <\/div>\n\n      <!-- 04 Welding Line Leak Test \u2014 1 col -->\n      <div class=\"proc-card pc-weld\">\n        <div class=\"proc-glow\"><\/div>\n        <div class=\"proc-ghost-n\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 C12 2 6 10 6 14a6 6 0 0 0 12 0C18 10 12 2 12 2z\"\/><path d=\"M9 15 Q10 13 12 14\" stroke-width=\"1.5\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-weld\"><span class=\"proc-btag-dot\"><\/span>Welding<\/div>\n        <\/div>\n        <div class=\"proc-card-title\">Welding Line Leak Test<\/div>\n        <div class=\"proc-card-rule\"><\/div>\n        <p class=\"proc-card-desc\">Tank is pressurized then fully submerged in a water bath. Any leakage across seam welds, spot welds or joint interfaces surfaces as visible bubble streams \u2014 triggering immediate rejection. First mandatory zero-leakage gate.<\/p>\n        <div class=\"proc-chips\">\n        <\/div>\n      <\/div>\n\n      <!-- 05 UEP Electrocoat \u2014 1 col -->\n      <div class=\"proc-card pc-paint\">\n        <div class=\"proc-glow\"><\/div>\n        <div class=\"proc-ghost-n\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-paint\"><span class=\"proc-btag-dot\"><\/span>Paint Shop<\/div>\n        <\/div>\n        <div class=\"proc-card-title\">UEP Electrocoat Priming<\/div>\n        <div class=\"proc-card-rule\"><\/div>\n        <p class=\"proc-card-desc\">Tank fully immersed in a cathodic electrophoretic primer bath. Electrical charge drives uniform epoxy film deposition across every surface \u2014 including internal cavities spray equipment cannot reach. Film thickness: 15\u201325 \u00b5m.<\/p>\n        <div class=\"proc-chips\">\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 ROW 3: 06 \u2014 full 3-col width \u2500\u2500 Grand finale -->\n\n      <div class=\"proc-card pc-final pc-w3\">\n        <div class=\"proc-glow\" style=\"top:-80px;right:-80px;width:260px;height:260px;opacity:.28;\"><\/div>\n        <div class=\"proc-ghost-n\" style=\"font-size:140px;right:0;bottom:-14px;\">UIG<\/div>\n        <div class=\"proc-head-row\">\n          <div class=\"proc-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n          <\/div>\n          <div class=\"proc-btag pbt-final\"><span class=\"proc-btag-dot\"><\/span>Final Inspection<\/div>\n        <\/div>\n        <div class=\"proc-card-title\">Final Leak Test &amp; OHM Verification<\/div>\n        <div class=\"proc-card-rule\"><\/div>\n        <p class=\"proc-card-desc\">The fully assembled tank \u2014 with all fittings, pipe connections and sub-assemblies in place \u2014 undergoes a second pressure leak test. Immediately after, an OHM meter verifies the electrical resistance of the fuel pump and sender unit. Only tanks clearing both tests are labelled, recorded and cleared for shipment.<\/p>\n        <!-- KPI strip -->\n        <div class=\"pc-kpi-strip\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 MARKET SHARE \u2550\u2550\u2550 -->\n<section id=\"market\">\n  <div class=\"mkt-glass\" aria-hidden=\"true\"><\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1;\">\n\n    <div class=\"mkt-header sr\">\n      <div class=\"eyebrow\" style=\"margin:0 auto 16px;\"><span class=\"eyebrow-line\"><\/span>Market Intelligence<\/div>\n      <h2 class=\"mkt-h2\">Metal Fuel Tank <em>Market Share<\/em><\/h2>\n      <p class=\"mkt-sub\">Domestic OEM supply coverage across Perodua and Proton passenger vehicle platforms based on annual production volumes.<\/p>\n    <\/div>\n\n    <!-- \u2500\u2500 COMBINED TOTAL HERO \u2500\u2500 -->\n    <div class=\"mkt-total-hero sr\" data-d=\"1\">\n      <div class=\"mkt-total-ring\">\n        <svg viewBox=\"0 0 104 104\" width=\"168\" height=\"168\" aria-hidden=\"true\">\n          <circle cx=\"52\" cy=\"52\" r=\"44\" fill=\"none\" stroke=\"rgba(255,255,255,.08)\" stroke-width=\"7\"\/>\n          <circle class=\"mkt-ring-fill total-fill\" cx=\"52\" cy=\"52\" r=\"44\" stroke-dasharray=\"83.7 192.8\"\/>\n          <text x=\"52\" y=\"47\" font-family=\"'DM Serif Display',Georgia,serif\" font-size=\"15\" fill=\"#ffffff\" dominant-baseline=\"middle\" text-anchor=\"middle\">30.27%<\/text>\n          <text x=\"52\" y=\"62\" font-family=\"'Space Grotesk',system-ui,sans-serif\" font-size=\"6\" font-weight=\"700\" letter-spacing=\"1.5\" fill=\"rgba(147,197,253,.55)\" dominant-baseline=\"middle\" text-anchor=\"middle\">COMBINED<\/text>\n        <\/svg>\n      <\/div>\n      <div class=\"mkt-total-body\">\n        <div class=\"mkt-total-eyebrow\">Combined OEM Market Share<\/div>\n        <div class=\"mkt-total-pct\">30.27<span class=\"mkt-total-pct-unit\">%<\/span><\/div>\n        <p class=\"mkt-total-desc\">Metal fuel tanks supplied across Perodua and Proton vehicle platforms \u2014 71,436 units out of 235,961 vehicles produced.<\/p>\n        <div class=\"mkt-total-stats-row\">\n          <div class=\"mkt-total-stat\">\n            <span class=\"mkt-total-stat-v\">235,961<\/span>\n            <span class=\"mkt-total-stat-k\">Total Produced<\/span>\n          <\/div>\n          <div class=\"mkt-total-stat\">\n            <span class=\"mkt-total-stat-v\">71,436<\/span>\n            <span class=\"mkt-total-stat-k\">Units Supplied<\/span>\n          <\/div>\n          <div class=\"mkt-total-stat\">\n            <span class=\"mkt-total-stat-v\">2 OEMs<\/span>\n            <span class=\"mkt-total-stat-k\">Platforms Covered<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 OEM BREAKDOWN \u2500\u2500 -->\n    <div class=\"mkt-breakdown-label\">OEM Breakdown<\/div>\n    <div class=\"mkt-oem-grid\">\n\n      <!-- Perodua -->\n      <div class=\"mkt-oem-card perodua-oem sr-l\" data-d=\"2\">\n        <div class=\"mkt-oem-top\">\n          <div class=\"mkt-oem-brand-row\">\n            <span class=\"mkt-oem-brand-dot\" style=\"background:var(--blue);box-shadow:0 0 6px rgba(59,130,246,.4);\"><\/span>\n            <span class=\"mkt-oem-brand-name\" style=\"color:var(--deep-blue);\">Perodua<\/span>\n          <\/div>\n          <div class=\"mkt-oem-pct\" style=\"color:var(--deep-blue);\">36.27%<\/div>\n        <\/div>\n        <div class=\"mkt-oem-bar-wrap\">\n          <div class=\"mkt-oem-bar-fill\" style=\"width:36.27%;background:linear-gradient(90deg,var(--deep-blue),var(--blue));\"><\/div>\n        <\/div>\n        <div class=\"mkt-oem-stats-row\">\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\">166,188<\/span>\n            <span class=\"mkt-oem-stat-k\">Vehicles Produced<\/span>\n          <\/div>\n          <div class=\"mkt-oem-stat-divider\"><\/div>\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\" style=\"color:var(--deep-blue);\">60,278<\/span>\n            <span class=\"mkt-oem-stat-k\">Our Supply<\/span>\n          <\/div>\n          <div class=\"mkt-oem-stat-divider\"><\/div>\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\">36.27%<\/span>\n            <span class=\"mkt-oem-stat-k\">Market Share<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Proton -->\n      <div class=\"mkt-oem-card proton-oem sr-r\" data-d=\"2\">\n        <div class=\"mkt-oem-top\">\n          <div class=\"mkt-oem-brand-row\">\n            <span class=\"mkt-oem-brand-dot\" style=\"background:var(--amber);box-shadow:0 0 6px rgba(245,158,11,.4);\"><\/span>\n            <span class=\"mkt-oem-brand-name\" style=\"color:var(--amber-dark);\">Proton<\/span>\n          <\/div>\n          <div class=\"mkt-oem-pct\" style=\"color:var(--amber-dark);\">15.99%<\/div>\n        <\/div>\n        <div class=\"mkt-oem-bar-wrap\">\n          <div class=\"mkt-oem-bar-fill\" style=\"width:15.99%;background:linear-gradient(90deg,var(--amber-dark),var(--amber));\"><\/div>\n        <\/div>\n        <div class=\"mkt-oem-stats-row\">\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\">69,773<\/span>\n            <span class=\"mkt-oem-stat-k\">Vehicles Produced<\/span>\n          <\/div>\n          <div class=\"mkt-oem-stat-divider\"><\/div>\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\" style=\"color:var(--amber-dark);\">11,158<\/span>\n            <span class=\"mkt-oem-stat-k\">Our Supply<\/span>\n          <\/div>\n          <div class=\"mkt-oem-stat-divider\"><\/div>\n          <div class=\"mkt-oem-stat\">\n            <span class=\"mkt-oem-stat-v\">15.99%<\/span>\n            <span class=\"mkt-oem-stat-k\">Market Share<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/#ft-widget -->\n\n<script>\n\/\/ Cursor glow\n(function(){\n  const g=document.getElementById('cursor-glow');\n  if(!g)return;\n  document.addEventListener('mousemove',e=>{g.style.left=e.clientX+'px';g.style.top=e.clientY+'px';});\n})();\n\n\/\/ Page nav rail\n(function(){\n  var SECTIONS = [\n    {id:'hero',      label:'Overview'},\n    {id:'intro',     label:'Product'},\n    {id:'materials', label:'Specifications'},\n    {id:'process',   label:'Process'},\n    {id:'market',    label:'Market Share'}\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  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  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  var ticking = false;\n  window.addEventListener('scroll', function(){\n    if(!ticking){ requestAnimationFrame(updateNav); ticking = true; }\n  }, {passive:true});\n  updateNav();\n})();\n<\/script>\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>Tier-1 Automotive Supplier \u00b7 Malaysia Automotive Fuel Tank Systems. Precision-stamped steel fuel tanks formed from high-strength zinc-coated sheet \u2014 multi-phase [&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-3317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3317","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=3317"}],"version-history":[{"count":20,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3317\/revisions"}],"predecessor-version":[{"id":4046,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3317\/revisions\/4046"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=3317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}