{"id":2825,"date":"2026-05-24T13:32:17","date_gmt":"2026-05-24T13:32:17","guid":{"rendered":"https:\/\/uisb.com\/?page_id=2825"},"modified":"2026-09-11T00:28:32","modified_gmt":"2026-09-11T00:28:32","slug":"elementor-page-2825","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/elementor-page-2825\/","title":{"rendered":"Operation and Excellence aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2825\" class=\"elementor elementor-2825\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2abdcaf e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"2abdcaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-945cf8e jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"945cf8e\" 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<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\nhtml {\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* ============================================================\r\n  00. ROOT VARIABLES (global fallback for nav + misc)\r\n============================================================ *\/\r\n:root {\r\n  --white:#ffffff; --ice:#f8fbff; --soft-blue:#eff6ff;\r\n  --light-blue:#dbeafe; --sky:#93c5fd; --blue:#3b82f6;\r\n  --deep-blue:#1e40af; --navy:#071a3d; --navy-2:#0f172a;\r\n  --text:#172033; --muted:#64748b;\r\n  --ease:cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.card h3,\r\n.card p {\r\n  text-decoration: none;\r\n}\r\n\r\n.ast-single-post .entry-content a {\r\n    text-decoration: none;\r\n}\r\n\r\n\/* ============================================================\r\n  01. SCOPED THEME VARIABLES & RESET\r\n============================================================ *\/\r\n.uig-ops-page {\r\n  --white: #ffffff; --ice: #f8fbff; --soft-blue: #eff6ff;\r\n  --light-blue: #dbeafe; --sky: #93c5fd; --blue: #3b82f6;\r\n  --deep-blue: #1e40af; --navy: #071a3d; --navy-2: #0f172a;\r\n  --text: #172033; --muted: #64748b;\r\n  --glass: rgba(255,255,255,.76); --glass-strong: rgba(255,255,255,.9);\r\n  --border: rgba(147,197,253,.34);\r\n  --shadow: 0 16px 42px rgba(30,64,175,.11);\r\n  --shadow-strong: 0 24px 68px rgba(30,64,175,.16);\r\n  --ease: cubic-bezier(.16, 1, .3, 1);\r\n  position: relative; overflow: clip;\r\n  background: radial-gradient(circle at 10% 4%, rgba(147,197,253,.18), transparent 28%),\r\n              radial-gradient(circle at 88% 12%, rgba(219,234,254,.38), transparent 28%), #ffffff;\r\n  color: var(--text); font-family: Arial, sans-serif;\r\n  isolation: isolate; scroll-behavior: smooth;\r\n  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;\r\n}\r\n.uig-ops-page, .uig-ops-page * { box-sizing: border-box; }\r\n.uig-ops-page a { color: inherit; }\r\n.uig-ops-page img { max-width: 100%; display: block; }\r\n.uig-ops-page::before {\r\n  content: \"\"; position: absolute; inset: 0; z-index: -2;\r\n  background-image: linear-gradient(115deg, rgba(30,64,175,.035) 1px, transparent 1px),\r\n                    linear-gradient(25deg, rgba(96,165,250,.03) 1px, transparent 1px);\r\n  background-size: 120px 120px, 180px 180px; pointer-events: none;\r\n}\r\n.uig-ops-page::after {\r\n  content: \"\"; position: absolute; width: 900px; height: 900px;\r\n  right: -450px; top: 12%; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(147,197,253,.24), transparent 64%);\r\n  z-index: -1; pointer-events: none;\r\n}\r\n\r\n\/* ============================================================\r\n  02. SHARED COMPONENTS\r\n============================================================ *\/\r\n.uig-oe-section { position: relative; padding: 112px 8%; overflow: hidden; }\r\n.uig-oe-section-head { max-width: 940px; margin: 0 auto 58px; text-align: center; }\r\n\/* \u2500\u2500 Unified section label pill (all light-bg sections) \u2500\u2500 *\/\r\n.uig-oe-section-label {\r\n  display: inline-flex; align-items: center; width: fit-content;\r\n  padding: 8px 16px; border: 1px solid rgba(30,64,175,.28); border-radius: 999px;\r\n  background: rgba(239,246,255,.82); box-shadow: 0 4px 18px rgba(30,64,175,.08);\r\n  font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;\r\n  letter-spacing: .18em; text-transform: uppercase; color: var(--deep-blue);\r\n  margin-bottom: 18px;\r\n}\r\n.uig-oe-section h2, .uig-oe-hero h1 { color: var(--navy); letter-spacing: -1.8px; }\r\n.uig-oe-section-head h2, .uig-oe-process-left h2, .uig-oe-quality-copy h2 {\r\n  font-size: clamp(34px,4.8vw,62px); line-height: 1.02; margin: 0 0 18px;\r\n}\r\n.uig-oe-section-head h2 span, .uig-oe-hero h1 span {\r\n  background: linear-gradient(135deg, var(--deep-blue), var(--blue));\r\n  -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.uig-oe-section-head p, .uig-oe-quality-copy p { color: var(--muted); font-size: 18px; line-height: 1.8; }\r\n.uig-oe-btn {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  min-height: 54px; padding: 15px 28px; border-radius: 15px; font-weight: 950;\r\n  text-decoration: none;\r\n  transition: transform .32s var(--ease), box-shadow .32s var(--ease),\r\n              background .32s var(--ease), color .32s var(--ease), border-color .32s var(--ease);\r\n  border: 1px solid transparent;\r\n}\r\n.uig-oe-btn:hover { transform: translateY(-3px); }\r\n.uig-oe-btn-primary {\r\n  color: var(--white); background: linear-gradient(135deg, var(--deep-blue), var(--blue));\r\n  box-shadow: 0 16px 42px rgba(30,64,175,.22);\r\n}\r\n.uig-oe-btn-primary:hover { box-shadow: 0 24px 60px rgba(30,64,175,.32); }\r\n.uig-oe-btn-outline {\r\n  color: var(--deep-blue); background: rgba(255,255,255,.58); border-color: rgba(30,64,175,.42);\r\n}\r\n.uig-oe-btn-outline:hover { background: var(--navy); color: var(--white); box-shadow: 0 20px 50px rgba(30,64,175,.22); }\r\n.uig-oe-btn-light { color: var(--deep-blue); background: var(--white); box-shadow: 0 18px 48px rgba(7,26,61,.22); }\r\n\r\n\/* ============================================================\r\n  03. HERO\r\n============================================================ *\/\r\n.uig-oe-hero {\r\n  min-height: 96vh; position: relative; overflow: hidden;\r\n  display: flex; flex-direction: column;\r\n  background: linear-gradient(155deg, #03060f 0%, #060c1b 35%, #071830 70%, #040d1a 100%);\r\n}\r\n.uig-oe-hero::before {\r\n  content: ''; position: absolute;\r\n  top: -200px; right: -150px; width: 760px; height: 760px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(29,60,170,.26) 0%, rgba(59,130,246,.08) 45%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n  animation: heroOrbFloat 14s ease-in-out infinite alternate;\r\n}\r\n.uig-oe-hero::after {\r\n  content: ''; position: absolute;\r\n  bottom: -140px; left: 5%; width: 540px; height: 540px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(96,165,250,.09) 0%, transparent 68%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n@keyframes heroOrbFloat {\r\n  from { transform: translate(0,0) scale(1); }\r\n  to   { transform: translate(48px,36px) scale(1.1); }\r\n}\r\n.uig-oe-hero-grid {\r\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(147,197,253,.048) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(147,197,253,.048) 1px, transparent 1px);\r\n  background-size: 68px 68px;\r\n  mask-image: linear-gradient(160deg, rgba(0,0,0,.55) 0%, transparent 72%);\r\n  -webkit-mask-image: linear-gradient(160deg, rgba(0,0,0,.55) 0%, transparent 72%);\r\n}\r\n\/* Main two-column body *\/\r\n.uig-oe-hero-body {\r\n  flex: 1; display: grid; grid-template-columns: 1fr 400px; gap: 56px;\r\n  align-items: center; padding: 126px 8% 80px; position: relative; z-index: 2;\r\n}\r\n\/* Tag \/ eyebrow *\/\r\n\/* Headline *\/\r\n.uig-oe-hero h1 {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(3rem, 5.2vw, 5.2rem); font-weight: 700;\r\n  line-height: .96; letter-spacing: -.044em; color: #edf3fc; margin: 0 0 26px;\r\n  opacity: 1; \/* always visible \u2014 SplitText hides words individually, not the h1 *\/\r\n}\r\n.uig-oe-hero h1 em {\r\n  font-style: normal; display: inline-block;\r\n  background: linear-gradient(110deg, #60c8ff 0%, #a78bfa 38%, #38bdf8 72%, #60c8ff 100%);\r\n  background-size: 240% 100%;\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n  animation: heroGradShift 5.5s ease-in-out infinite;\r\n  filter: drop-shadow(0 0 22px rgba(96,200,255,.28));\r\n}\r\n@keyframes heroGradShift {\r\n  0%, 100% { background-position: 0% 50%; }\r\n  50%       { background-position: 100% 50%; }\r\n}\r\n\/* Sub paragraph *\/\r\n.oe-hero-tag-pill {\r\n  margin-top: 18px;\r\n  margin-bottom: 24px;\r\n  background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(147,197,253,0.08));\r\n  border-color: rgba(147,197,253,0.35);\r\n  color: rgba(255,255,255,0.88);\r\n  font-family: 'Bebas Neue', 'DM Mono', monospace;\r\n  font-size: 13px;\r\n  letter-spacing: 0.32em;\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  box-shadow: 0 4px 18px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12);\r\n}\r\n.oe-hero-tag-pill::before {\r\n  background: var(--sky);\r\n  box-shadow: 0 0 10px rgba(147,197,253,0.8);\r\n}\r\n\r\n.uig-oe-hero-sub {\r\n  font-family: 'DM Sans', sans-serif; font-size: 1.05rem; line-height: 1.8;\r\n  color: rgba(170,205,240,.55); max-width: 490px; margin: 0 0 38px;\r\n}\r\n\/* CTA row *\/\r\n.uig-oe-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }\r\n.uig-ops-page .uig-oe-hero-btn-ff {\r\n  display: inline-flex; align-items: center; gap: 11px;\r\n  padding: 15px 32px; border-radius: 100px; position: relative; overflow: hidden;\r\n  background: linear-gradient(130deg, #2b51d4 0%, #3d7ff5 50%, #5b9bff 100%);\r\n  color: #ffffff; font-family: 'Space Grotesk', sans-serif; font-size: .92rem; font-weight: 700;\r\n  text-decoration: none; letter-spacing: .02em;\r\n  box-shadow: 0 0 0 1px rgba(91,155,255,.4), 0 12px 36px rgba(30,64,175,.45), 0 0 60px rgba(59,130,246,.18);\r\n  transition: transform .3s var(--ease), box-shadow .3s;\r\n}\r\n.uig-ops-page .uig-oe-hero-btn-ff::before {\r\n  content: ''; position: absolute; inset: 0; border-radius: inherit;\r\n  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.22) 50%, transparent 70%);\r\n  background-size: 200% 100%; background-position: 200% 0;\r\n  transition: background-position .55s ease;\r\n}\r\n.uig-ops-page .uig-oe-hero-btn-ff:hover::before { background-position: -50% 0; }\r\n.uig-ops-page .uig-oe-hero-btn-ff:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(91,155,255,.55), 0 20px 52px rgba(30,64,175,.58), 0 0 80px rgba(59,130,246,.24); }\r\n.uig-oe-hero-btn-ff-arrow { transition: transform .28s ease; display: inline-block; }\r\n.uig-ops-page .uig-oe-hero-btn-ff:hover .uig-oe-hero-btn-ff-arrow { transform: translateX(5px); }\r\n.uig-ops-page .uig-oe-hero-btn-g {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 14px 28px; border-radius: 100px;\r\n  border: 1px solid rgba(147,197,253,.4); background: rgba(147,197,253,.07);\r\n  color: rgba(220,238,255,.92); font-family: 'Space Grotesk', sans-serif; font-size: .92rem; font-weight: 600;\r\n  text-decoration: none; letter-spacing: .02em;\r\n  transition: border-color .28s, background .28s, color .28s, transform .28s, box-shadow .28s;\r\n}\r\n.uig-ops-page .uig-oe-hero-btn-g:hover {\r\n  border-color: rgba(147,197,253,.65); background: rgba(147,197,253,.14);\r\n  color: #ffffff; transform: translateY(-2px);\r\n  box-shadow: 0 0 0 4px rgba(147,197,253,.1);\r\n}\r\n\/* Right stat cluster *\/\r\n.uig-oe-hero-stats { display: flex; flex-direction: column; gap: 12px; }\r\n@keyframes heroStatBob {\r\n  0%, 100% { transform: translateY(0px);   box-shadow: 0 4px 18px rgba(30,64,175,.12); }\r\n  50%       { transform: translateY(-14px); box-shadow: 0 22px 48px rgba(30,64,175,.32), 0 0 0 1px rgba(147,197,253,.22); }\r\n}\r\n@keyframes heroStatWave {\r\n  0%        { transform: translateX(0%)   scaleY(1);    opacity: .55; }\r\n  50%       { transform: translateX(25%)  scaleY(1.2);  opacity: 1;   }\r\n  100%      { transform: translateX(50%)  scaleY(1);    opacity: .55; }\r\n}\r\n.uig-oe-hero-stat {\r\n  background: rgba(255,255,255,.043); border: 1px solid rgba(147,197,253,.12);\r\n  border-radius: 22px; padding: 22px 26px; position: relative; overflow: hidden;\r\n  backdrop-filter: blur(8px);\r\n  transition: border-color .3s, background .3s;\r\n}\r\n.uig-oe-hero-stat:nth-child(1) { animation: heroStatBob 3.6s ease-in-out infinite; }\r\n.uig-oe-hero-stat:nth-child(2) { animation: heroStatBob 3.6s ease-in-out infinite 1.1s; }\r\n.uig-oe-hero-stat:nth-child(3) { animation: heroStatBob 3.6s ease-in-out infinite 2.2s; }\r\n.uig-oe-hero-stat:hover { border-color: rgba(147,197,253,.35); background: rgba(255,255,255,.075); animation-play-state: paused; }\r\n.uig-oe-hero-stat::before {\r\n  content: ''; position: absolute; top: 0; left: 15%; right: 15%; height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(147,197,253,.4), transparent);\r\n}\r\n.uig-oe-hero-stat::after {\r\n  content: ''; position: absolute;\r\n  bottom: 0; left: -50%; width: 200%; height: 44px;\r\n  background: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(59,130,246,.18), transparent 68%);\r\n  border-radius: 50% 50% 0 0;\r\n  animation: heroStatWave 3.8s ease-in-out infinite;\r\n}\r\n.uig-oe-hero-stat:nth-child(2)::after { animation-delay: 1.1s; }\r\n.uig-oe-hero-stat:nth-child(3)::after { animation-delay: 2.2s; }\r\n.uig-oe-hero-stat-val {\r\n  font-family: 'Space Grotesk', sans-serif; font-size: 2.5rem; font-weight: 800;\r\n  line-height: 1; letter-spacing: -.04em; margin-bottom: 5px; position: relative; z-index: 1;\r\n  background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%);\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n}\r\n.uig-oe-hero-stat-label {\r\n  font-family: 'DM Sans', sans-serif; font-size: .8rem;\r\n  color: rgba(170,205,240,.46); line-height: 1.45; position: relative; z-index: 1;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n  05. QUALITY CONTROL\r\n============================================================ *\/\r\n\/* \u2500\u2500\u2500 QC & MONITOR REDESIGN \u2500\u2500\u2500 *\/\r\n.uig-oe-quality-section {\r\n  background:\r\n    radial-gradient(ellipse 75% 85% at 110% 4%, rgba(59,130,246,.20), transparent 56%),\r\n    radial-gradient(ellipse 52% 65% at -5% 100%, rgba(99,102,241,.12), transparent 60%),\r\n    linear-gradient(150deg, #040915 0%, #071327 45%, #081a37 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(147,197,253,.08);\r\n  border-bottom: 1px solid rgba(147,197,253,.11);\r\n}\r\n.uig-oe-quality-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(147,197,253,.040) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(147,197,253,.040) 1px, transparent 1px),\r\n    radial-gradient(circle, rgba(147,197,253,.10) 1px, transparent 1.4px);\r\n  background-size: 74px 74px, 74px 74px, 18px 18px;\r\n  background-position: center, center, 9px 9px;\r\n  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.86), rgba(0,0,0,.30));\r\n  mask-image: linear-gradient(to bottom, rgba(0,0,0,.86), rgba(0,0,0,.30));\r\n}\r\n.uig-oe-quality-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 680px;\r\n  height: 680px;\r\n  right: -280px;\r\n  bottom: -320px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at center,\r\n      transparent 0 27%,\r\n      rgba(96,165,250,.10) 27.3% 27.8%,\r\n      transparent 28.2% 42%,\r\n      rgba(147,197,253,.07) 42.4% 42.8%,\r\n      transparent 43.2% 58%,\r\n      rgba(59,130,246,.05) 58.4% 58.8%,\r\n      transparent 59.2%);\r\n  opacity: .82;\r\n}\r\n.uig-qc-header { max-width: 640px; margin: 0 0 56px; position: relative; z-index: 1; }\r\n.uig-qc-header h2 {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 700;\r\n  line-height: 1.06; letter-spacing: -.036em; color: var(--navy); margin: 0 0 14px;\r\n}\r\n.uig-qc-header p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 1.05rem; line-height: 1.75; color: var(--muted); margin: 0;\r\n}\r\n.uig-oe-quality-section .uig-qc-header .uig-oe-section-label,\r\n.uig-oe-quality-section .uig-qc-process-head .uig-oe-section-label {\r\n  border-color: rgba(147,197,253,.24);\r\n  background: rgba(147,197,253,.08);\r\n  color: rgba(191,219,254,.88);\r\n  box-shadow: 0 4px 18px rgba(0,0,0,.12);\r\n}\r\n.uig-oe-quality-section .uig-qc-header h2,\r\n.uig-oe-quality-section .uig-qc-process-head h3 {\r\n  color: #edf3fc;\r\n}\r\n.uig-oe-quality-section .uig-qc-header p,\r\n.uig-oe-quality-section .uig-qc-process-head p {\r\n  color: rgba(170,205,240,.64);\r\n}\r\n\r\n.uig-qc-body {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 36px;\r\n  position: relative; z-index: 1; align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 DANCO Policy Card \u2500\u2500 *\/\r\n.uig-qc-policy {\r\n  background: linear-gradient(148deg, #071a3d 0%, #0c1e4a 55%, #050e25 100%);\r\n  border-radius: 28px; padding: 40px 36px;\r\n  border: 1px solid rgba(56,130,246,.22);\r\n  box-shadow: 0 32px 80px rgba(7,26,61,.35), 0 0 0 1px rgba(147,197,253,.08);\r\n  position: relative; overflow: hidden;\r\n}\r\n.uig-qc-policy::before {\r\n  content: ''; position: absolute; top: -100px; right: -80px;\r\n  width: 340px; height: 340px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(59,130,246,.22), transparent 65%);\r\n  pointer-events: none;\r\n}\r\n.uig-qc-policy::after {\r\n  content: ''; position: absolute; bottom: -60px; left: -40px;\r\n  width: 240px; height: 240px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(30,64,175,.15), transparent 65%);\r\n  pointer-events: none;\r\n}\r\n.uig-qc-policy-tag {\r\n  display: inline-flex; align-items: center; width: fit-content;\r\n  padding: 8px 16px; border-radius: 999px; margin-bottom: 10px;\r\n  border: 1px solid rgba(147,197,253,.22); background: rgba(147,197,253,.08);\r\n  font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;\r\n  letter-spacing: .18em; text-transform: uppercase; color: rgba(147,197,253,.85);\r\n}\r\n.uig-qc-policy-intro {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: .87rem; line-height: 1.68; color: rgba(170,205,240,.62); margin-bottom: 28px;\r\n}\r\n.uig-qc-policy-intro strong { color: rgba(230,248,255,.86); font-weight: 600; }\r\n.uig-danco-list { display: flex; flex-direction: column; position: relative; z-index: 1; }\r\n.uig-danco-item {\r\n  display: flex; align-items: flex-start; gap: 18px;\r\n  padding: 16px 0; border-bottom: 1px solid rgba(147,197,253,.09);\r\n}\r\n.uig-danco-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n.uig-danco-letter {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.6rem, 4vw, 3.6rem); font-weight: 800; line-height: 1;\r\n  background: linear-gradient(135deg, #60c8ff 20%, #93d8ff 80%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n  flex-shrink: 0; width: 46px; text-align: center; margin-top: 1px;\r\n  filter: drop-shadow(0 0 12px rgba(96,200,255,.35));\r\n}\r\n.uig-danco-term {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: .92rem; font-weight: 700; color: #eef6ff; margin-bottom: 4px; letter-spacing: .01em;\r\n}\r\n.uig-danco-desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: .76rem; color: rgba(140,185,225,.55); line-height: 1.5; font-style: italic;\r\n}\r\n\r\n\/* \u2500\u2500 QC Process Steps \u2500\u2500 *\/\r\n.uig-qc-process { display: flex; flex-direction: column; gap: 14px; }\r\n.uig-qc-process-head { margin-bottom: 8px; }\r\n.uig-qc-process-head .uig-oe-section-label { margin-bottom: 10px; }\r\n.uig-qc-process-head h3 {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(1.4rem, 2.2vw, 1.9rem); font-weight: 700;\r\n  line-height: 1.12; letter-spacing: -.024em; color: var(--navy); margin: 0 0 8px;\r\n}\r\n.uig-qc-process-head p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: .92rem; color: var(--muted); line-height: 1.7; margin: 0;\r\n}\r\n.uig-qc-step {\r\n  display: flex; align-items: flex-start; gap: 18px;\r\n  padding: 22px 24px;\r\n  background: rgba(255,255,255,.82); border: 1px solid rgba(147,197,253,.42); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n  border-radius: 22px; box-shadow: 0 8px 28px rgba(30,64,175,.08);\r\n  transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s, border-color .32s;\r\n}\r\n.uig-qc-step:hover { transform: translateX(6px); box-shadow: 0 18px 50px rgba(30,64,175,.14); border-color: rgba(93,165,255,.58); }\r\n.uig-qc-step-num {\r\n  flex-shrink: 0; width: 52px; height: 52px; border-radius: 16px;\r\n  background: linear-gradient(135deg, var(--deep-blue), var(--blue)); color: #fff;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Space Grotesk', sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .04em;\r\n  box-shadow: 0 6px 20px rgba(30,64,175,.28);\r\n}\r\n.uig-qc-step-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 1rem; font-weight: 700; color: var(--navy); margin: 0 0 5px;\r\n}\r\n.uig-qc-step-desc {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: .87rem; color: var(--muted); line-height: 1.65; margin: 0;\r\n}\r\n\r\n\/* QC mobile *\/\r\n@media (max-width: 900px) {\r\n  .uig-qc-body { grid-template-columns: 1fr; gap: 24px; }\r\n  .uig-qc-header { margin-bottom: 36px; }\r\n}\r\n@media (max-width: 540px) {\r\n  .uig-qc-policy { padding: 28px 20px; }\r\n  .uig-danco-letter { font-size: 2.4rem; width: 38px; }\r\n}\r\n.uig-oe-cert-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }\r\n.uig-oe-cert-strip span {\r\n  padding: 12px 16px; border-radius: 999px; color: var(--deep-blue);\r\n  background: rgba(239,246,255,.9); border: 1px solid rgba(147,197,253,.58);\r\n  box-shadow: 0 10px 25px rgba(30,64,175,.08); font-size: 13px; font-weight: 950;\r\n}\r\n\r\n\/* ============================================================\r\n  06. KAIZEN\r\n============================================================ *\/\r\n\/* \u2500\u2500\u2500 MANUFACTURING PROCESS APPROACH \u2500\u2500\u2500 *\/\r\n.uig-mpa-section {\r\n  background:\r\n    radial-gradient(ellipse 58% 50% at 14% 8%, rgba(224,231,255,.52), transparent 58%),\r\n    radial-gradient(ellipse 52% 62% at 94% 94%, rgba(219,234,254,.48), transparent 62%),\r\n    linear-gradient(180deg, #ffffff 0%, #fbfdff 45%, #f5f8fc 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(255,255,255,.92);\r\n  border-bottom: 1px solid rgba(30,64,175,.06);\r\n}\r\n.uig-mpa-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(120deg, transparent 0 17%, rgba(30,64,175,.028) 17.1% 17.25%, transparent 17.35% 100%),\r\n    linear-gradient(120deg, transparent 0 42%, rgba(59,130,246,.024) 42.1% 42.25%, transparent 42.35% 100%),\r\n    linear-gradient(120deg, transparent 0 67%, rgba(96,165,250,.022) 67.1% 67.25%, transparent 67.35% 100%);\r\n  background-size: 320px 320px;\r\n  opacity: .92;\r\n}\r\n.uig-mpa-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 7%;\r\n  right: 7%;\r\n  top: 0;\r\n  height: 1px;\r\n  pointer-events: none;\r\n  background: linear-gradient(90deg, transparent, rgba(59,130,246,.24), transparent);\r\n}\r\n.uig-mpa-header {\r\n  display: flex; justify-content: space-between; align-items: flex-end;\r\n  gap: 24px; margin-bottom: 52px; flex-wrap: wrap; position: relative; z-index: 1;\r\n}\r\n.uig-mpa-header h2 {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 700;\r\n  line-height: 1.06; letter-spacing: -.034em; color: var(--navy); margin: 10px 0 10px;\r\n}\r\n.uig-mpa-header p { font-family: 'DM Sans', sans-serif; font-size: 1.05rem; line-height: 1.75; color: var(--muted); margin: 0; max-width: 520px; }\r\n\r\n\/* PDCA flow *\/\r\n.uig-pdca-grid {\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px; position: relative; margin-bottom: 28px; z-index: 1;\r\n}\r\n.uig-pdca-grid::before {\r\n  content: ''; position: absolute;\r\n  top: 26px; left: calc(12.5% + 8px); right: calc(12.5% + 8px); height: 2px;\r\n  background: linear-gradient(90deg, var(--deep-blue) 0%, var(--blue) 50%, var(--sky) 100%);\r\n  z-index: 0; border-radius: 2px;\r\n  mask-image: repeating-linear-gradient(90deg, #000 0, #000 8px, transparent 8px, transparent 16px);\r\n  -webkit-mask-image: repeating-linear-gradient(90deg, #000 0, #000 8px, transparent 8px, transparent 16px);\r\n}\r\n.uig-pdca-step {\r\n  display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1;\r\n}\r\n.uig-pdca-node {\r\n  width: 52px; height: 52px; border-radius: 50%; margin-bottom: 18px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, var(--deep-blue), var(--blue));\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: #fff; font-family: 'JetBrains Mono', monospace; font-size: .72rem; font-weight: 700; letter-spacing: .06em;\r\n  box-shadow: 0 4px 18px rgba(30,64,175,.32), 0 0 0 5px rgba(59,130,246,.12);\r\n}\r\n.uig-pdca-card {\r\n  position: relative; overflow: hidden; width: 100%;\r\n  background: rgba(255,255,255,.94); border: 1px solid rgba(147,197,253,.34); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n  border-radius: 22px; padding: 26px 22px;\r\n  box-shadow: 0 8px 30px rgba(30,64,175,.09);\r\n  transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s, border-color .32s;\r\n}\r\n.uig-pdca-card:hover { transform: translateY(-7px); box-shadow: 0 22px 56px rgba(30,64,175,.16); border-color: rgba(93,165,255,.55); }\r\n.uig-pdca-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--deep-blue), var(--blue), var(--sky));\r\n}\r\n.uig-pdca-watermark {\r\n  position: absolute; top: -4px; right: 12px;\r\n  font-family: 'Space Grotesk', sans-serif; font-size: 3.8rem; font-weight: 800; line-height: 1;\r\n  color: rgba(219,234,254,.65); letter-spacing: -.04em; user-select: none; pointer-events: none;\r\n}\r\n.uig-pdca-title {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 8px; line-height: 1.3;\r\n}\r\n.uig-pdca-desc { font-family: 'DM Sans', sans-serif; font-size: .84rem; color: var(--muted); line-height: 1.68; margin: 0; }\r\n\r\n\/* Supporting pillars *\/\r\n.uig-mpa-pillars {\r\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\r\n  padding: 18px 26px; margin-bottom: 28px;\r\n  background: rgba(239,246,255,.72); border: 1px solid rgba(147,197,253,.32); border-radius: 18px;\r\n  position: relative; z-index: 1;\r\n}\r\n.uig-mpa-pillars-label {\r\n  font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 600;\r\n  letter-spacing: .16em; text-transform: uppercase; color: var(--muted);\r\n  flex-shrink: 0; padding-right: 10px; border-right: 1px solid rgba(147,197,253,.4); margin-right: 2px;\r\n}\r\n.uig-mpa-pillar {\r\n  padding: 7px 16px; border-radius: 999px;\r\n  background: rgba(255,255,255,.92); border: 1px solid rgba(147,197,253,.48);\r\n  font-family: 'Space Grotesk', sans-serif; font-size: .82rem; font-weight: 700; color: var(--deep-blue);\r\n  box-shadow: 0 3px 12px rgba(30,64,175,.08);\r\n  transition: transform .22s ease, background .22s;\r\n}\r\n.uig-mpa-pillar:hover { transform: translateY(-2px); background: #fff; }\r\n\r\n\r\n\/* ============================================================\r\n  07. EXCELLENCE DASHBOARD\r\n============================================================ *\/\r\n.uig-exc-section {\r\n  background:\r\n    radial-gradient(ellipse 68% 60% at 96% 8%, rgba(191,219,254,.42), transparent 58%),\r\n    radial-gradient(ellipse 52% 58% at 6% 100%, rgba(224,231,255,.56), transparent 60%),\r\n    linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #eef5ff 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(255,255,255,.92);\r\n  border-bottom: 1px solid rgba(30,64,175,.08);\r\n}\r\n.uig-exc-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(30,64,175,.028) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(30,64,175,.028) 1px, transparent 1px);\r\n  background-size: 78px 78px;\r\n  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.12));\r\n  mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.12));\r\n}\r\n.uig-exc-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 620px;\r\n  height: 620px;\r\n  right: -250px;\r\n  top: -220px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at center,\r\n      transparent 0 29%,\r\n      rgba(96,165,250,.10) 29.4% 29.9%,\r\n      transparent 30.3% 44%,\r\n      rgba(59,130,246,.07) 44.4% 44.8%,\r\n      transparent 45.2% 58%,\r\n      rgba(167,139,250,.05) 58.4% 58.8%,\r\n      transparent 59.2%);\r\n  opacity: .9;\r\n}\r\n.uig-exc-body {\r\n  display: grid; grid-template-columns: 380px 1fr; gap: 72px; align-items: start;\r\n  position: relative; z-index: 1;\r\n}\r\n.uig-exc-left { position: sticky; top: 80px; }\r\n\/* dark-bg variant \u2014 same font\/spacing as .uig-oe-section-label *\/\r\n.uig-exc-section-label {\r\n  display: inline-flex; align-items: center; width: fit-content;\r\n  padding: 8px 16px; border-radius: 999px; margin-bottom: 18px;\r\n  border: 1px solid rgba(30,64,175,.18); background: rgba(239,246,255,.92);\r\n  font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;\r\n  letter-spacing: .18em; text-transform: uppercase; color: var(--deep-blue);\r\n  box-shadow: 0 4px 18px rgba(30,64,175,.08);\r\n}\r\n.uig-exc-headline {\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(2.2rem, 3.4vw, 3rem); font-weight: 700;\r\n  line-height: 1.06; letter-spacing: -.034em; margin: 0 0 20px;\r\n  background: linear-gradient(110deg, #60c8ff 0%, #a78bfa 28%, #38bdf8 52%, #818cf8 76%, #60c8ff 100%);\r\n  background-size: 280% 100%;\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n  animation: excNeonShift 5s ease-in-out infinite, excNeonPulse 5s ease-in-out infinite;\r\n}\r\n@keyframes excNeonShift {\r\n  0%   { background-position: 0%   50%; }\r\n  50%  { background-position: 100% 50%; }\r\n  100% { background-position: 0%   50%; }\r\n}\r\n@keyframes excNeonPulse {\r\n  0%, 100% { filter: drop-shadow(0 0 8px rgba(96,200,255,.18)) drop-shadow(0 0 18px rgba(96,200,255,.08)); }\r\n  33%      { filter: drop-shadow(0 0 10px rgba(167,139,250,.20)) drop-shadow(0 0 20px rgba(167,139,250,.08)); }\r\n  66%      { filter: drop-shadow(0 0 9px rgba(56,189,248,.18))  drop-shadow(0 0 18px rgba(56,189,248,.08)); }\r\n}\r\n.uig-exc-desc {\r\n  font-family: 'DM Sans', sans-serif; font-size: 1rem; line-height: 1.78;\r\n  color: var(--muted); margin: 0;\r\n}\r\n.uig-exc-cards {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;\r\n}\r\n.uig-exc-card {\r\n  position: relative; overflow: hidden;\r\n  background: rgba(255,255,255,.82); border: 1px solid rgba(147,197,253,.34);\r\n  border-radius: 24px; padding: 30px 28px;\r\n  text-decoration: none; color: inherit; display: flex; flex-direction: column;\r\n  box-shadow: 0 12px 36px rgba(30,64,175,.08);\r\n  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n  transition: transform .32s cubic-bezier(.16,1,.3,1), background .32s, border-color .32s, box-shadow .32s;\r\n}\r\n.uig-exc-card:hover {\r\n  background: rgba(255,255,255,.96); border-color: rgba(93,165,255,.46);\r\n  transform: translateY(-6px); box-shadow: 0 24px 60px rgba(30,64,175,.14);\r\n}\r\n.uig-exc-card::before {\r\n  content: ''; position: absolute; top: 0; left: 28px; right: 28px; height: 2px;\r\n  background: linear-gradient(90deg, var(--deep-blue), var(--blue), var(--sky));\r\n  border-radius: 0 0 3px 3px;\r\n  transition: left .32s ease, right .32s ease;\r\n}\r\n.uig-exc-card:hover::before { left: 14px; right: 14px; }\r\n.uig-exc-card-icon {\r\n  width: 40px; height: 40px; border-radius: 12px; margin-bottom: 20px; flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  background: rgba(239,246,255,.96); border: 1px solid rgba(147,197,253,.36);\r\n}\r\n.uig-exc-card-icon svg { width: 20px; height: 20px; color: var(--sky); }\r\n.uig-exc-card-title {\r\n}\r\n.uig-exc-card-desc {\r\n  font-family: 'DM Sans', sans-serif; font-size: .875rem;\r\n  color: var(--muted); line-height: 1.72; margin: 0; flex: 1;\r\n}\r\n.uig-exc-card-link {\r\n  display: flex; align-items: center; gap: 6px; margin-top: 22px;\r\n  font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 600;\r\n  letter-spacing: .14em; text-transform: uppercase; color: rgba(30,64,175,.62);\r\n  transition: color .24s, gap .24s;\r\n}\r\n.uig-exc-card:hover .uig-exc-card-link { color: var(--deep-blue); gap: 10px; }\r\n.uig-exc-card-link::after { content: '\u2192'; font-size: 1rem; font-family: inherit; }\r\n\r\n\/* ============================================================\r\n  08. REVEAL ANIMATIONS\r\n============================================================ *\/\r\n.uig-oe-reveal { opacity: 0; transform: translate3d(0,28px,0); transition: opacity .62s var(--ease), transform .62s var(--ease); }\r\n.uig-oe-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); }\r\n.uig-oe-delay-1 { transition-delay: .06s; }\r\n.uig-oe-delay-2 { transition-delay: .12s; }\r\n.uig-oe-delay-3 { transition-delay: .18s; }\r\n.uig-oe-delay-4 { transition-delay: .24s; }\r\n\r\n\/* ============================================================\r\n  10. RESPONSIVE\r\n============================================================ *\/\r\n@media (max-width: 820px) {\r\n  .uig-oe-section { padding-left: 6%; padding-right: 6%; }\r\n  \/* Hero mobile *\/\r\n  .uig-oe-hero-body { grid-template-columns: 1fr; gap: 36px; padding: 100px 6% 60px; }\r\n  .uig-oe-hero-stats { flex-direction: row; flex-wrap: wrap; }\r\n  .uig-oe-hero-stat { flex: 1; min-width: 130px; }\r\n  .uig-oe-hero h1 { font-size: clamp(2.4rem, 7.5vw, 3.6rem); }\r\n  \/* MPA mobile *\/\r\n  .uig-pdca-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .uig-pdca-grid::before { display: none; }\r\n  .uig-pdca-node { width: 44px; height: 44px; font-size: .64rem; }\r\n  \/* Excellence Dashboard mobile *\/\r\n  .uig-exc-body { grid-template-columns: 1fr; gap: 36px; }\r\n  .uig-exc-left { position: static; }\r\n  .uig-exc-headline { font-size: clamp(1.9rem, 5.5vw, 2.5rem); }\r\n}\r\n@media (max-width: 520px) {\r\n  .uig-pdca-grid { grid-template-columns: 1fr; }\r\n  .uig-mpa-pillars { padding: 14px 18px; }\r\n  .uig-exc-cards { grid-template-columns: 1fr; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .uig-ops-page *, .uig-ops-page *::before, .uig-ops-page *::after { animation: none !important; transition: none !important; }\r\n}\r\nhtml { scroll-behavior: smooth; }\r\n\r\n\/* ============================================================\r\n  PAGE NAV \u2014 pip style\r\n============================================================ *\/\r\n.uig-page-nav {\r\n  position: fixed; right: 22px; top: 50%; transform: translateY(-50%);\r\n  z-index: 9999; display: flex; flex-direction: column; align-items: center; gap: 7px;\r\n  pointer-events: auto;\r\n}\r\n@media (max-width: 1280px) { .uig-page-nav { display: none; } }\r\n.upn-item {\r\n  width: 4px; height: 22px; border-radius: 3px;\r\n  background: rgba(147,197,253,.38); cursor: pointer;\r\n  border: none; padding: 0; position: relative;\r\n  transition: height .32s cubic-bezier(.22,1,.36,1), background .32s ease, box-shadow .32s ease;\r\n}\r\n.upn-item:hover { background: var(--blue, #3b82f6); height: 30px; }\r\n.upn-item.upn-active {\r\n  background: var(--deep-blue, #1e40af); height: 40px;\r\n  box-shadow: 0 0 14px rgba(30,64,175,.5);\r\n}\r\n.upn-item::after {\r\n  content: attr(data-label); position: absolute;\r\n  right: calc(100% + 12px); top: 50%; transform: translateY(-50%);\r\n  background: rgba(7,26,61,.92); color: #fff;\r\n  font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .3px;\r\n  padding: 5px 12px; border-radius: 10px; white-space: nowrap;\r\n  opacity: 0; pointer-events: none; transition: opacity .18s ease;\r\n  box-shadow: 0 4px 16px rgba(7,26,61,.25);\r\n}\r\n.upn-item:hover::after { opacity: 1; }\r\n\r\n\/* \u2500\u2500 ECO LABEL (shared pill badge) \u2500\u2500 *\/\r\n.eco-label {\r\n  display:inline-flex; align-items:center; gap:8px;\r\n  padding:7px 18px; border-radius:999px;\r\n  background:var(--soft-blue); border:1px solid var(--border);\r\n  color:var(--deep-blue); font-family:'DM Mono',monospace;\r\n  font-size:12px; letter-spacing:1.5px; text-transform:uppercase;\r\n  margin-bottom:22px;\r\n  transition:all .6s cubic-bezier(.4,0,.2,1);\r\n}\r\n.eco-label::before {\r\n  content:\"\"; width:6px; height:6px; border-radius:50%;\r\n  background:var(--blue); animation:eco-pulse-dot 2s ease infinite;\r\n}\r\n@keyframes eco-pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.6)} }\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"uig-ops-page\" id=\"uigOpsExcellence\">\r\n\r\n  <!-- PAGE SCROLLSPY NAV -->\r\n  <nav class=\"uig-page-nav\" id=\"uigPageNav\" aria-label=\"Page sections\" aria-hidden=\"true\">\r\n\t<div class=\"upn-item\" data-target=\"operations-hero\" data-label=\"Overview\"><\/div>\r\n    <div class=\"upn-item\" data-target=\"excellence\"      data-label=\"Excellence Dashboard\"><\/div>\r\n    <div class=\"upn-item\" data-target=\"quality\"         data-label=\"QC and Monitor\"><\/div>\r\n    <div class=\"upn-item\" data-target=\"kaizen\"          data-label=\"Manufacturing Process Approach\"><\/div>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"uig-oe-hero\" id=\"operations-hero\">\r\n    <div class=\"uig-oe-hero-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Two-column body -->\r\n    <div class=\"uig-oe-hero-body\">\r\n\r\n      <!-- Left: headline + CTA -->\r\n      <div class=\"uig-oe-reveal\">\r\n        <div class=\"eco-label oe-hero-tag-pill\">Operational Systems<\/div>\r\n\t\t<h1>Precision<br>Manufacturing,<br><em>Automated<\/em><br>for OEM.<\/h1>\r\n        <p class=\"uig-oe-hero-sub\">United Industries Group strengthens every operation through structured process control, quality assurance, digital monitoring, and continuous improvement across automotive component manufacturing.<\/p>\r\n        <div class=\"uig-oe-hero-actions\">\r\n          <a class=\"uig-oe-hero-btn-ff\" href=\"#excellence\">Explore Process <span class=\"uig-oe-hero-btn-p-arrow\"><\/span><\/a>\r\n          <a class=\"uig-oe-hero-btn-g\" href=\"\/products-solutions\/\">Explore Solutions<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: stat cards -->\r\n      <div class=\"uig-oe-hero-stats uig-oe-reveal uig-oe-delay-2\">\r\n        <div class=\"uig-oe-hero-stat\">\r\n          <div class=\"uig-oe-hero-stat-val\">50+<\/div>\r\n          <div class=\"uig-oe-hero-stat-label\">Years of manufacturing excellence<\/div>\r\n        <\/div>\r\n        <div class=\"uig-oe-hero-stat\">\r\n          <div class=\"uig-oe-hero-stat-val\">ISO 9001<\/div>\r\n          <div class=\"uig-oe-hero-stat-label\">Quality Management certified<\/div>\r\n        <\/div>\r\n        <div class=\"uig-oe-hero-stat\">\r\n          <div class=\"uig-oe-hero-stat-val\">8+<\/div>\r\n          <div class=\"uig-oe-hero-stat-label\">Active automation projects in-house<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- EXCELLENCE DASHBOARD -->\r\n    <section class=\"uig-oe-section uig-exc-section\" id=\"excellence\">\r\n  \r\n      <div class=\"uig-exc-body\">\r\n  \r\n        <!-- Left: intro text -->\r\n        <div class=\"uig-exc-left uig-oe-reveal\">\r\n          <div class=\"uig-exc-section-label\">Excellence Dashboard<\/div>\r\n          <h2 class=\"uig-exc-headline\">What operational excellence means at UISB.<\/h2>\r\n          <p class=\"uig-exc-desc\">A simple communication layer for customers, partners, and future employees: UISB focuses on reliable delivery, quality confidence, flexible manufacturing, safe work practices, and continual improvement.<\/p>\r\n        <\/div>\r\n  \r\n        <!-- Right: 2\u00d72 card grid, each linking to Vision & Values page -->\r\n        <div class=\"uig-exc-cards\">\r\n  \r\n          <a href=\"\/about\/#uisb-vmv\" class=\"uig-exc-card uig-oe-reveal uig-oe-delay-1\">\r\n            <div class=\"uig-exc-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 8h14M5 12h14M5 16h10\"\/><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"uig-exc-card-title\">Delivery Discipline<\/div>\r\n            <p class=\"uig-exc-card-desc\">Production planning, storage control, and shipment readiness.<\/p>\r\n            <div class=\"uig-exc-card-link\">Our Mission<\/div>\r\n          <\/a>\r\n  \r\n          <a href=\"\/leadership\/#sec-philosophy\" class=\"uig-exc-card uig-oe-reveal uig-oe-delay-2\">\r\n            <div class=\"uig-exc-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"uig-exc-card-title\">Quality Confidence<\/div>\r\n            <p class=\"uig-exc-card-desc\">ISO management, monitoring, inspection, and customer focus.<\/p>\r\n            <div class=\"uig-exc-card-link\">Our Philosophy<\/div>\r\n          <\/a>\r\n  \r\n          <a href=\"\/about\/#uisb-vmv\" class=\"uig-exc-card uig-oe-reveal uig-oe-delay-3\">\r\n            <div class=\"uig-exc-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"4\" height=\"10\" rx=\"1\"\/><rect x=\"10\" y=\"7\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"17\" y=\"3\" width=\"4\" height=\"18\" rx=\"1\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"uig-exc-card-title\">Automation Growth<\/div>\r\n            <p class=\"uig-exc-card-desc\">Robotics, process cells, traceability, and digital visibility.<\/p>\r\n            <div class=\"uig-exc-card-link\">Our Vision<\/div>\r\n          <\/a>\r\n  \r\n          <a href=\"\/about\/#uisb-vmv\" class=\"uig-exc-card uig-oe-reveal uig-oe-delay-4\">\r\n            <div class=\"uig-exc-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"uig-exc-card-title\">People Excellence<\/div>\r\n            <p class=\"uig-exc-card-desc\">Training, teamwork, safety, 5S, and Kaizen culture.<\/p>\r\n            <div class=\"uig-exc-card-link\">Our Values<\/div>\r\n          <\/a>\r\n  \r\n        <\/div>\r\n      <\/div>\r\n  \r\n    <\/section>\r\n\r\n  <!-- QUALITY CONTROL -->\r\n    <section class=\"uig-oe-section uig-oe-quality-section\" id=\"quality\">\r\n  \r\n      <!-- Section header -->\r\n      <div class=\"uig-qc-header uig-oe-reveal\">\r\n        <div class=\"uig-oe-section-label\">Quality Control &amp; Monitor<\/div>\r\n        <h2>Confidence is built into every checkpoint.<\/h2>\r\n        <p>UISB's quality approach: incoming control, in-process monitoring, final verification, and continuous feedback for improvement.<\/p>\r\n      <\/div>\r\n  \r\n      <div class=\"uig-qc-body\">\r\n  \r\n        <!-- DANCO Quality Policy Card -->\r\n        <div class=\"uig-qc-policy uig-oe-reveal\">\r\n          <div class=\"uig-qc-policy-tag\">Quality Policy Statement<\/div>\r\n          <p class=\"uig-qc-policy-intro\">The companies are committed to provide <strong>PRODUCTS<\/strong> and <strong>SERVICES<\/strong> that are:<\/p>\r\n          <div class=\"uig-danco-list\">\r\n            <div class=\"uig-danco-item\">\r\n              <div class=\"uig-danco-letter\">D<\/div>\r\n              <div>\r\n                <div class=\"uig-danco-term\">EFECT FREE<\/div>\r\n                <div class=\"uig-danco-desc\">Dasar pengeluaran yang bebas dari sebarang kerosakan<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-danco-item\">\r\n              <div class=\"uig-danco-letter\">A<\/div>\r\n              <div>\r\n                <div class=\"uig-danco-term\">TTENTIVE<\/div>\r\n                <div class=\"uig-danco-desc\">Ambil perhatian dan tindakan yang wajar dan pantas<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-danco-item\">\r\n              <div class=\"uig-danco-letter\">N<\/div>\r\n              <div>\r\n                <div class=\"uig-danco-term\">EED CONSCIOUS<\/div>\r\n                <div class=\"uig-danco-desc\">Nilai kesedaran yang tinggi terhadap keperluan ke arah kemajuan<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-danco-item\">\r\n              <div class=\"uig-danco-letter\">C<\/div>\r\n              <div>\r\n                <div class=\"uig-danco-term\">ONTINUOUSLY IMPROVING<\/div>\r\n                <div class=\"uig-danco-desc\">Cadangan dan perlaksanaan yang berterusan ke arah kemajuan<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-danco-item\">\r\n              <div class=\"uig-danco-letter\">O<\/div>\r\n              <div>\r\n                <div class=\"uig-danco-term\">N TIME<\/div>\r\n                <div class=\"uig-danco-desc\">Operasi yang terancang dan menepati masa<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n  \r\n        <!-- QC Process Steps -->\r\n        <div class=\"uig-oe-reveal uig-oe-delay-2\">\r\n          <div class=\"uig-qc-process-head\">\r\n            <div class=\"uig-oe-section-label\">Process Standards<\/div>\r\n            <h3>Three gates, zero compromise.<\/h3>\r\n            <p>Every product passes through structured checkpoints \u2014 from raw material to final shipment.<\/p>\r\n          <\/div>\r\n          <div class=\"uig-qc-process\">\r\n            <div class=\"uig-qc-step\">\r\n              <div class=\"uig-qc-step-num\">01<\/div>\r\n              <div>\r\n                <div class=\"uig-qc-step-title\">Incoming Control<\/div>\r\n                <p class=\"uig-qc-step-desc\">Material, part, and specification checks before production starts.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-qc-step\">\r\n              <div class=\"uig-qc-step-num\">02<\/div>\r\n              <div>\r\n                <div class=\"uig-qc-step-title\">In-Process Monitoring<\/div>\r\n                <p class=\"uig-qc-step-desc\">Operator checks, process control, jig\/fixture discipline, and inspection records.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"uig-qc-step\">\r\n              <div class=\"uig-qc-step-num\">03<\/div>\r\n              <div>\r\n                <div class=\"uig-qc-step-title\">Final Verification<\/div>\r\n                <p class=\"uig-qc-step-desc\">Final quality gate before packing, storage, shipment, and customer delivery.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n  \r\n      <\/div>\r\n    <\/section>\r\n\r\n  <!-- MANUFACTURING PROCESS APPROACH -->\r\n    <section class=\"uig-oe-section uig-mpa-section\" id=\"kaizen\">\r\n  \r\n      <!-- Header -->\r\n      <div class=\"uig-mpa-header uig-oe-reveal\">\r\n        <div>\r\n          <div class=\"uig-oe-section-label\">Manufacturing Process Approach<\/div>\r\n          <h2>Continuous improvement that connects people, process, and performance.<\/h2>\r\n          <p>Each improvement cycle turns daily observations into better standards \u2014 building a culture where quality and efficiency compound over time.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n  \r\n      <!-- PDCA Flow Timeline -->\r\n      <div class=\"uig-pdca-grid\">\r\n        <div class=\"uig-pdca-step uig-oe-reveal uig-oe-delay-1\">\r\n          <div class=\"uig-pdca-node\">PLAN<\/div>\r\n          <div class=\"uig-pdca-card\">\r\n            <div class=\"uig-pdca-watermark\">01<\/div>\r\n            <div class=\"uig-pdca-title\">Identify improvement opportunities<\/div>\r\n            <p class=\"uig-pdca-desc\">Review performance, detect abnormalities, and set improvement direction.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"uig-pdca-step uig-oe-reveal uig-oe-delay-2\">\r\n          <div class=\"uig-pdca-node\">DO<\/div>\r\n          <div class=\"uig-pdca-card\">\r\n            <div class=\"uig-pdca-watermark\">02<\/div>\r\n            <div class=\"uig-pdca-title\">Implement controlled action<\/div>\r\n            <p class=\"uig-pdca-desc\">Apply countermeasures, trial process updates, and involve the operating team.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"uig-pdca-step uig-oe-reveal uig-oe-delay-3\">\r\n          <div class=\"uig-pdca-node\">CHECK<\/div>\r\n          <div class=\"uig-pdca-card\">\r\n            <div class=\"uig-pdca-watermark\">03<\/div>\r\n            <div class=\"uig-pdca-title\">Measure actual result<\/div>\r\n            <p class=\"uig-pdca-desc\">Validate improvement through quality, productivity, safety, and delivery indicators.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"uig-pdca-step uig-oe-reveal uig-oe-delay-4\">\r\n          <div class=\"uig-pdca-node\">ACT<\/div>\r\n          <div class=\"uig-pdca-card\">\r\n            <div class=\"uig-pdca-watermark\">04<\/div>\r\n            <div class=\"uig-pdca-title\">Standardize the new best way<\/div>\r\n            <p class=\"uig-pdca-desc\">Update standards, train teams, and keep improving through the next cycle.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n  \r\n      <!-- Supporting systems -->\r\n      <div class=\"uig-mpa-pillars uig-oe-reveal\">\r\n        <span class=\"uig-mpa-pillars-label\">Supporting Systems<\/span>\r\n        <span class=\"uig-mpa-pillar\">5S<\/span>\r\n        <span class=\"uig-mpa-pillar\">QMS<\/span>\r\n        <span class=\"uig-mpa-pillar\">QCC<\/span>\r\n        <span class=\"uig-mpa-pillar\">Safety<\/span>\r\n        <span class=\"uig-mpa-pillar\">Training<\/span>\r\n      <\/div>\r\n  \r\n    <\/section>\r\n\r\n<\/div><!-- \/uig-ops-page -->\r\n\r\n<script>\r\n\/* \u2500\u2500 PAGE SCROLLSPY (uig-page-nav) \u2500\u2500 *\/\r\n(function () {\r\n  var nav = document.getElementById('uigPageNav');\r\n  if (!nav) return;\r\n  var items = nav.querySelectorAll('.upn-item');\r\n  var sections = [];\r\n  items.forEach(function (item) {\r\n    var id = item.getAttribute('data-target');\r\n    var el = document.getElementById(id);\r\n    if (el) sections.push({ el: el, pip: item });\r\n    item.addEventListener('click', function () {\r\n      el && el.scrollIntoView({ behavior: 'smooth' });\r\n    });\r\n  });\r\n  function update() {\r\n    var mid = window.scrollY + window.innerHeight * 0.45;\r\n    var active = null;\r\n    sections.forEach(function (s) {\r\n      var top = s.el.offsetTop;\r\n      var bot = top + s.el.offsetHeight;\r\n      if (mid >= top && mid < bot) active = s;\r\n    });\r\n    sections.forEach(function (s) {\r\n      s.pip.classList.toggle('upn-active', s === active);\r\n    });\r\n  }\r\n  window.addEventListener('scroll', update, { passive: true });\r\n  update();\r\n})();\r\n\r\n\/* \u2500\u2500 UIG-OE REVEAL \u2500\u2500 *\/\r\n(function () {\r\n  var obs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('.uig-oe-reveal').forEach(function (el) { obs.observe(el); });\r\n})();\r\n<\/script>\r\n\r\n<!-- anime.js v4 UMD \u2014 word-split hero headline (works on file:\/\/) -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/animejs@4.0.0\/lib\/anime.umd.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  var h1 = document.querySelector('.uig-oe-hero h1');\r\n  if (!h1) return;\r\n\r\n  \/* Manual word-split: replace <br> with spaces, keep <em>\u2026<\/em> as one token *\/\r\n  var raw = h1.innerHTML.replace(\/<br\\s*\\\/?>\/gi, ' ');\r\n  var tokens = raw.match(\/(<em>[^<]*<\\\/em>|[^\\s]+)\/g) || [];\r\n\r\n  if (!tokens.length) return;\r\n\r\n  \/* Wrap each token in a span; <em> stays intact inside *\/\r\n  h1.innerHTML = tokens.map(function (t) {\r\n    return '<span class=\"hw\" style=\"display:inline-block;opacity:0;transform:translateY(0.52em);will-change:transform,opacity\">' + t + '<\/span>';\r\n  }).join(' ');\r\n\r\n  var words = Array.from(h1.querySelectorAll('.hw'));\r\n\r\n  \/* Try anime.js v4 UMD globals, fall back to CSS-transition stagger *\/\r\n  var Mod   = window.AnimeJs || window.anime || {};\r\n  var anim  = Mod.animate  || window.animate;\r\n  var stag  = Mod.stagger  || window.stagger;\r\n\r\n  if (typeof anim === 'function') {\r\n    setTimeout(function () {\r\n      anim(words, {\r\n        opacity:    [0, 1],\r\n        translateY: ['0.52em', '0em'],\r\n        delay: typeof stag === 'function' ? stag(72, { start: 100 })\r\n               : function (_, i) { return 100 + i * 72; },\r\n        duration: 840,\r\n        ease: 'outExpo'\r\n      });\r\n    }, 80);\r\n  } else {\r\n    \/* Pure-CSS fallback \u2014 no dependency *\/\r\n    words.forEach(function (w, i) {\r\n      setTimeout(function () {\r\n        w.style.transition = 'opacity .82s cubic-bezier(.16,1,.3,1), transform .82s cubic-bezier(.16,1,.3,1)';\r\n        w.style.opacity    = '1';\r\n        w.style.transform  = 'translateY(0)';\r\n      }, 100 + i * 72);\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Operational Systems PrecisionManufacturing,Automatedfor OEM. United Industries Group strengthens every operation through structured process control, quality assurance, digital monitoring, and continuous [&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-2825","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2825","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=2825"}],"version-history":[{"count":159,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2825\/revisions"}],"predecessor-version":[{"id":3963,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2825\/revisions\/3963"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=2825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}