{"id":2809,"date":"2026-05-24T08:55:01","date_gmt":"2026-05-24T08:55:01","guid":{"rendered":"https:\/\/uisb.com\/?page_id=2809"},"modified":"2026-07-28T07:32:52","modified_gmt":"2026-07-28T07:32:52","slug":"elementor-page-2809","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/elementor-page-2809\/","title":{"rendered":"About US aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2809\" class=\"elementor elementor-2809\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f99e1ca e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"f99e1ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da54750 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"da54750\" 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 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n#uisb-about {\n  --uw: #ffffff;\n  --up: #f7fbff;\n  --up2: #eef7ff;\n  --uice: #dff2ff;\n  --uice2: #c6e9ff;\n  --ubs: #58b7f5;\n  --ub: #1487d4;\n  --ubd: #075f9d;\n  --un: #061a33;\n  --un2: #0b2b52;\n  --un3: #103d73;\n  --uink: #10233d;\n  --utxt: #344b66;\n  --umut: #6c8198;\n  --uline: rgba(10,70,125,0.13);\n  --uline2: rgba(20,135,212,0.28);\n  --uglass: rgba(255,255,255,0.74);\n  --ushsm: 0 10px 28px rgba(7,37,74,0.08);\n  --ush: 0 22px 70px rgba(7,37,74,0.13);\n  --ushhi: 0 34px 100px rgba(7,37,74,0.2);\n  --urad: 24px;\n  font-family: 'Barlow', sans-serif;\n  color: var(--utxt);\n  background:\n    radial-gradient(circle at 12% 4%, rgba(88,183,245,0.2), transparent 28rem),\n    radial-gradient(circle at 92% 20%, rgba(6,26,51,0.12), transparent 26rem),\n    linear-gradient(180deg, var(--uw), var(--up));\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: Smooth;\n    overflow-x: hidden;\n}\n\n#uisb-about *,\n#uisb-about *::before,\n#uisb-about *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n#uisb-about a {\n  color: inherit;\n}\n\n#uisb-about img {\n  max-width: 100%;\n  display: block;\n}\n\n\/* ---------- SCROLL PROGRESS ---------- *\/\n#uisb-about .uisb-scroll-progress {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  width: 0;\n  background: linear-gradient(90deg, var(--ub), var(--ubs), var(--un));\n  z-index: 9999;\n  box-shadow: 0 0 22px rgba(20,135,212,0.45);\n  transition: width 0.05s linear;\n  pointer-events: none;\n}\n\n\/* ---------- BUTTONS ---------- *\/\n#uisb-about .uisb-btn-primary,\n#uisb-about .uisb-btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  padding: 13px 26px;\n  text-decoration: none;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n  transition: 0.28s ease;\n}\n\n#uisb-about .uisb-btn-primary {\n  color: var(--uw) !important;\n  background: linear-gradient(135deg, var(--ub), var(--un3));\n  border: 1px solid rgba(255,255,255,0.2);\n  box-shadow: 0 16px 34px rgba(20,135,212,0.22);\n}\n\n#uisb-about .uisb-btn-primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 24px 54px rgba(20,135,212,0.32);\n  filter: brightness(1.04);\n}\n\n#uisb-about .uisb-btn-ghost {\n  color: var(--un) !important;\n  background: rgba(255,255,255,0.66);\n  border: 1px solid var(--uline2);\n  box-shadow: var(--ushsm);\n}\n\n#uisb-about .uisb-btn-ghost:hover {\n  transform: translateY(-3px);\n  border-color: var(--ub);\n  color: var(--ubd) !important;\n  box-shadow: var(--ush);\n}\n\n\/* ---------- SECTION LABEL \u2014 eco-label pill style ---------- *\/\n#uisb-about .uisb-section-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 18px;\n  border-radius: 999px;\n  background: var(--up2);\n  border: 1px solid var(--uline2);\n  color: var(--ubd);\n  font-family: 'DM Mono', 'Courier New', monospace;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 22px;\n  box-shadow: 0 2px 12px rgba(20,135,212,0.07);\n}\n\n#uisb-about .uisb-section-label::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--ub);\n  flex-shrink: 0;\n  animation: uisbEcoDot 2s ease-in-out infinite;\n}\n\n@keyframes uisbEcoDot {\n  0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(20,135,212,0.5); }\n  50%       { opacity: 0.5; transform: scale(0.65); box-shadow: 0 0 0 5px rgba(20,135,212,0); }\n}\n\n\/* ============================================================\n   HERO \u2014 PREMIUM CINEMATIC FULL-BLEED\n   ============================================================ *\/\n#uisb-about .uisb-hero {\n  min-height: 100vh;\n  display: grid;\n  grid-template-rows: 1fr auto;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* BG image *\/\n#uisb-about .uisb-hero-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n}\n#uisb-about .uisb-hero-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 35%;\n  filter: brightness(0.48) saturate(1.2) contrast(1.06);\n  transform: scale(1.05);\n  transition: transform 14s ease-out;\n}\n#uisb-about .uisb-hero:hover .uisb-hero-bg img {\n  transform: scale(1.02);\n}\n\n\/* Multi-layer cinematic overlay *\/\n#uisb-about .uisb-hero-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(108deg,\n      rgba(1,4,12,0.95) 0%,\n      rgba(3,10,24,0.88) 28%,\n      rgba(6,26,51,0.72) 55%,\n      rgba(6,26,51,0.42) 80%,\n      rgba(6,26,51,0.22) 100%),\n    radial-gradient(ellipse 65% 80% at 0% 50%,  rgba(3,10,28,0.85),  transparent 62%),\n    radial-gradient(ellipse 45% 60% at 100% 50%, rgba(20,135,212,0.12), transparent 55%),\n    radial-gradient(ellipse 80% 40% at 50% 100%, rgba(1,4,12,0.8),     transparent 50%);\n}\n\n\/* Ghost watermark *\/\n#uisb-about .uisb-hero-ghost {\n  position: absolute;\n  right: -1%;\n  bottom: 6%;\n  z-index: 2;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(120px,17vw,260px);\n  font-weight: 900;\n  line-height: 0.85;\n  text-transform: uppercase;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255,255,255,0.048);\n  pointer-events: none;\n  user-select: none;\n  letter-spacing: -5px;\n}\n\n\/* Inner 3-col grid: accent | text | card *\/\n#uisb-about .uisb-hero-inner {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 56px 1fr 400px;\n  gap: 0 clamp(28px,3.5vw,56px);\n  align-items: center;\n  min-height: calc(100vh - 108px);\n  padding: 120px clamp(24px,5vw,72px) 64px;\n}\n\n\/* Vertical accent bar *\/\n#uisb-about .uisb-hero-accent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n  height: 280px;\n  align-self: center;\n}\n#uisb-about .uisb-hero-accent-line {\n  width: 1px;\n  flex: 1;\n  background: linear-gradient(to bottom,\n    transparent 0%,\n    rgba(88,183,245,0.55) 30%,\n    rgba(88,183,245,0.55) 70%,\n    transparent 100%);\n}\n#uisb-about .uisb-hero-accent-year {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  transform: rotate(180deg);\n  font-family: 'DM Mono', 'Courier New', monospace;\n  font-size: 10px;\n  letter-spacing: 3.5px;\n  color: rgba(88,183,245,0.5);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n\/* Main text *\/\n#uisb-about .uisb-hero-content {\n  position: relative;\n  z-index: 2;\n  padding: 0;\n}\n\n\/* Eyebrow pill \u2014 dark context variant *\/\n#uisb-about .uisb-hero-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 18px;\n  border-radius: 999px;\n  background: rgba(20,135,212,0.13);\n  border: 1px solid rgba(88,183,245,0.36);\n  color: #58b7f5;\n  font-family: 'DM Mono', 'Courier New', monospace;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 28px;\n  box-shadow: 0 2px 12px rgba(20,135,212,0.07);\n}\n#uisb-about .uisb-hero-eyebrow::before {\n  content: \"\";\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #58b7f5;\n  flex-shrink: 0;\n  animation: uisbEcoDot 2s ease-in-out infinite;\n}\n\n#uisb-about .uisb-hero-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(72px,10vw,152px);\n  font-weight: 900;\n  line-height: 0.84;\n  letter-spacing: -2.5px;\n  color: #fff;\n  text-transform: uppercase;\n  margin-bottom: 44px;\n}\n#uisb-about .uisb-hero-title em {\n  display: block;\n  font-style: normal;\n  color: transparent;\n  -webkit-text-stroke: 2px rgba(88,183,245,0.82);\n}\n\n#uisb-about .uisb-hero-buttons {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n\/* Ghost btn override for dark bg *\/\n#uisb-about .uisb-hero .uisb-btn-ghost {\n  color: rgba(255,255,255,0.88) !important;\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(88,183,245,0.38);\n}\n#uisb-about .uisb-hero .uisb-btn-ghost:hover {\n  color: #fff !important;\n  background: rgba(255,255,255,0.13);\n  border-color: rgba(88,183,245,0.7);\n}\n\n\/* Who We Are glass card *\/\n#uisb-about .uisb-hero-wwa {\n  position: relative;\n  background: rgba(255,255,255,0.042);\n  border: 1px solid rgba(88,183,245,0.2);\n  border-radius: 26px;\n  padding: 38px 34px 34px;\n  backdrop-filter: blur(32px);\n  -webkit-backdrop-filter: blur(32px);\n  overflow: hidden;\n  box-shadow:\n    0 40px 96px rgba(0,0,0,0.38),\n    inset 0 1px 0 rgba(255,255,255,0.09),\n    inset 0 0 0 1px rgba(88,183,245,0.06);\n}\n\/* top glimmer *\/\n#uisb-about .uisb-hero-wwa::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 1px;\n  background: linear-gradient(90deg,\n    transparent 0%,\n    rgba(88,183,245,0.65) 45%,\n    rgba(88,183,245,0.35) 70%,\n    transparent 100%);\n}\n\/* shimmer sweep *\/\n#uisb-about .uisb-hero-wwa::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(110deg,\n    transparent 25%,\n    rgba(88,183,245,0.05) 50%,\n    transparent 75%);\n  transform: translateX(-200%);\n  animation: uisbWwaShimmer 7s ease-in-out infinite 1.2s;\n  pointer-events: none;\n}\n@keyframes uisbWwaShimmer {\n  0%, 100% { transform: translateX(-200%); }\n  50%       { transform: translateX(200%); }\n}\n\n#uisb-about .uisb-hero-wwa-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  font-family: 'DM Mono', 'Courier New', monospace;\n  font-size: 10px;\n  letter-spacing: 2.2px;\n  text-transform: uppercase;\n  color: rgba(88,183,245,0.75);\n  margin-bottom: 20px;\n}\n#uisb-about .uisb-hero-wwa-tag::before {\n  content: \"\";\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: #58b7f5;\n  flex-shrink: 0;\n  animation: uisbEcoDot 2s ease-in-out infinite 0.4s;\n}\n\n#uisb-about .uisb-hero-wwa-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(22px,2.2vw,30px);\n  font-weight: 800;\n  text-transform: uppercase;\n  color: #fff;\n  letter-spacing: -0.5px;\n  margin-bottom: 16px;\n  line-height: 1.04;\n}\n\n#uisb-about .uisb-hero-wwa-body {\n  font-size: 14px;\n  line-height: 1.84;\n  color: rgba(255,255,255,0.46);\n  margin-bottom: 26px;\n}\n\n#uisb-about .uisb-hero-wwa-rule {\n  height: 1px;\n  background: rgba(88,183,245,0.12);\n  margin-bottom: 22px;\n}\n\n#uisb-about .uisb-hero-wwa-foot {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n#uisb-about .uisb-hero-wwa-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: rgba(20,135,212,0.14);\n  border: 1px solid rgba(20,135,212,0.28);\n  border-radius: 999px;\n  padding: 5px 14px;\n  font-family: 'Barlow', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  color: rgba(88,183,245,0.82);\n}\n#uisb-about .uisb-hero-wwa-pill::before {\n  content: \"\";\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: rgba(88,183,245,0.6);\n  flex-shrink: 0;\n}\n#uisb-about .uisb-hero-wwa-year {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 40px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2px;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(88,183,245,0.28);\n}\n\n\/* Stats strip \u2014 dark glass *\/\n#uisb-about .uisb-hero-stats {\n  position: relative;\n  z-index: 3;\n  background: rgba(1,4,12,0.78);\n  backdrop-filter: blur(22px);\n  border-top: 1px solid rgba(88,183,245,0.14);\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n}\n#uisb-about .uisb-hero-stats > div {\n  padding: 30px 18px;\n  text-align: center;\n  border-right: 1px solid rgba(88,183,245,0.09);\n  position: relative;\n}\n#uisb-about .uisb-hero-stats > div::after {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 2px;\n  background: linear-gradient(90deg, var(--ub), var(--ubs));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.5s ease;\n}\n#uisb-about .uisb-hero-stats > div:hover::after {\n  transform: scaleX(1);\n}\n#uisb-about .uisb-hero-stats > div:last-child {\n  border-right: 0;\n}\n#uisb-about .uisb-hero-stat-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 46px;\n  line-height: 1;\n  font-weight: 900;\n  color: #fff;\n}\n#uisb-about .uisb-hero-stat-num span {\n  color: #58b7f5;\n}\n#uisb-about .uisb-hero-stat-label {\n  margin-top: 8px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n\/* Staggered card reveal *\/\n@keyframes uisbCardEnter {\n  from { opacity: 0; transform: translateX(40px) scale(0.97); }\n  to   { opacity: 1; transform: translateX(0) scale(1); }\n}\n\n\/* ---------- GENERAL TITLES ---------- *\/\n#uisb-about .uisb-section-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(38px,5vw,66px);\n  font-weight: 900;\n  line-height: 0.96;\n  letter-spacing: -1px;\n  color: var(--un);\n  text-transform: uppercase;\n}\n\n\/* ---------- CORPORATE PROFILE ---------- *\/\n#uisb-about .uisb-profile-section {\n  padding: 112px clamp(20px,5vw,72px);\n  background: linear-gradient(180deg, var(--uw), var(--up2));\n  border-bottom: 1px solid var(--uline);\n  overflow: hidden;\n}\n\n#uisb-about .uisb-profile-layout {\n  max-width: 1440px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(260px,340px) minmax(0,1fr);\n  gap: clamp(36px,6vw,80px);\n  align-items: start;\n}\n\n#uisb-about .uisb-profile-aside {\n  position: sticky;\n  top: 40px;\n}\n\n#uisb-about .uisb-profile-aside-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 76px;\n  line-height: 0.9;\n  font-weight: 900;\n  color: transparent;\n  -webkit-text-stroke: 1.3px rgba(20,135,212,0.28);\n  text-transform: uppercase;\n  margin-bottom: 22px;\n}\n\n#uisb-about .uisb-profile-aside h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  line-height: 0.96;\n  font-weight: 900;\n  color: var(--un);\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n#uisb-about .uisb-profile-aside p {\n  line-height: 1.8;\n  color: var(--umut);\n}\n\n#uisb-about .uisb-profile-table {\n  overflow: hidden;\n  border: 1px solid var(--uline);\n  border-radius: var(--urad);\n  background: rgba(255,255,255,0.82);\n  box-shadow: var(--ush);\n}\n\n#uisb-about .uisb-profile-row {\n  display: grid;\n  grid-template-columns: 230px 1fr;\n  border-bottom: 1px solid var(--uline);\n  transition: 0.25s;\n}\n\n#uisb-about .uisb-profile-row:last-child {\n  border-bottom: 0;\n}\n\n#uisb-about .uisb-profile-row:hover {\n  background: rgba(223,242,255,0.45);\n}\n\n#uisb-about .uisb-profile-key {\n  padding: 22px 28px;\n  border-right: 1px solid var(--uline);\n  color: var(--ubd);\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n}\n\n#uisb-about .uisb-profile-val {\n  padding: 22px 28px;\n  color: var(--utxt);\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  line-height: 1.55;\n}\n\n#uisb-about .uisb-profile-row.featured {\n  background: linear-gradient(90deg, rgba(223,242,255,0.8), rgba(255,255,255,0.9));\n}\n\n#uisb-about .uisb-profile-row.featured .uisb-profile-val {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  font-weight: 900;\n  color: var(--un);\n}\n\n#uisb-about .uisb-profile-val a {\n  color: var(--ub);\n  font-weight: 800;\n  text-decoration: none;\n}\n\n\/* ---------- VMV ---------- *\/\n#uisb-about .uisb-vmv {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 24px;\n  padding: 112px clamp(20px,5vw,72px);\n  background: linear-gradient(180deg, var(--uw), var(--up2));\n  border-top: 1px solid var(--uline);\n  border-bottom: 1px solid var(--uline);\n}\n\n#uisb-about .uisb-vmv-card,\n#uisb-about .uisb-pillar-card,\n#uisb-about .uisb-timeline-item,\n#uisb-about .uisb-figure-card {\n  background: rgba(255,255,255,0.84);\n  border: 1px solid var(--uline);\n  box-shadow: var(--ushsm);\n  backdrop-filter: blur(14px);\n  position: relative;\n  overflow: hidden;\n  transition: 0.35s ease;\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n\n#uisb-about .uisb-vmv-card {\n  border-radius: var(--urad);\n  padding: 42px 36px;\n}\n\n#uisb-about .uisb-vmv-card::before,\n#uisb-about .uisb-pillar-card::before,\n#uisb-about .uisb-figure-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ub), var(--ubs), var(--un));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: 0.45s ease;\n}\n\n#uisb-about .uisb-vmv-card:hover,\n#uisb-about .uisb-pillar-card:hover,\n#uisb-about .uisb-timeline-item:hover {\n  transform: translateY(-8px);\n  border-color: var(--uline2);\n  box-shadow: var(--ushhi);\n}\n\n#uisb-about .uisb-vmv-card:hover::before,\n#uisb-about .uisb-pillar-card:hover::before,\n#uisb-about .uisb-figure-card:hover::before {\n  transform: scaleX(1);\n}\n\n#uisb-about .uisb-vmv-num,\n#uisb-about .uisb-pillar-num {\n  position: absolute;\n  right: 22px;\n  top: 12px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 76px;\n  line-height: 0.9;\n  font-weight: 900;\n  color: transparent;\n  -webkit-text-stroke: 1.3px rgba(20,135,212,0.24);\n}\n\n#uisb-about .uisb-vmv-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n  color: var(--ubd);\n  background: var(--up2);\n  border: 1px solid var(--uline2);\n}\n\n#uisb-about .uisb-vmv-card h3,\n#uisb-about .uisb-pillar-card h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 32px;\n  color: var(--un);\n  font-weight: 900;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n#uisb-about .uisb-vmv-card p,\n#uisb-about .uisb-pillar-card p {\n  color: var(--umut);\n  line-height: 1.75;\n}\n\n#uisb-about .uisb-pillar-card {\n  display: flex;\n  flex-direction: column;\n}\n\n#uisb-about .uisb-pillar-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: auto;\n  padding-top: 20px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--ub);\n  opacity: 0.7;\n  transition: opacity 0.3s ease, gap 0.3s ease;\n}\n\n#uisb-about .uisb-pillar-card:hover .uisb-pillar-cta {\n  opacity: 1;\n  gap: 8px;\n}\n\n\/* ---------- FIGURES ---------- *\/\n#uisb-about .uisb-figures {\n  display: grid;\n  grid-template-columns: repeat(6,1fr);\n  background: linear-gradient(180deg, var(--uw), var(--up2));\n  border-top: 1px solid var(--uline);\n  border-bottom: 1px solid var(--uline);\n}\n\n#uisb-about .uisb-figure-card {\n  border-radius: 0;\n  box-shadow: none;\n  border-right: 1px solid var(--uline);\n  text-align: center;\n  padding: 54px 24px;\n}\n\n#uisb-about .uisb-figure-card:last-child {\n  border-right: 0;\n}\n\n#uisb-about .uisb-figure-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ushhi);\n}\n\n#uisb-about .uisb-figure-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 54px;\n  line-height: 1;\n  font-weight: 900;\n  color: var(--un);\n}\n\n#uisb-about .uisb-figure-num span {\n  color: var(--ub) !important;\n}\n\n#uisb-about .uisb-figure-label {\n  margin-top: 10px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--umut);\n}\n\n\/* ---------- PILLARS ---------- *\/\n#uisb-about .uisb-pillars {\n  background: linear-gradient(180deg, var(--uw), var(--up));\n  border-top: 1px solid var(--uline);\n  padding: 112px clamp(20px,5vw,72px);\n  overflow: hidden;\n}\n\n#uisb-about .uisb-pillars-grid {\n  margin: 54px auto 0;\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 22px;\n}\n\n#uisb-about .uisb-pillar-card {\n  border-radius: 24px;\n  padding: 38px 28px;\n  min-height: 240px;\n}\n\n\/* ---------- CTA ---------- *\/\n#uisb-about .uisb-cta-section {\n  padding: 0 clamp(20px,5vw,72px) 112px;\n  background: var(--uw);\n}\n\n#uisb-about .uisb-cta-inner {\n  background: linear-gradient(135deg, var(--un), var(--un3) 55%, var(--ub));\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 32px;\n  padding: clamp(42px,6vw,82px);\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 36px;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--ushhi);\n}\n\n#uisb-about .uisb-cta-inner::before {\n  content: \"\";\n  position: absolute;\n  right: -160px;\n  top: -180px;\n  width: 480px;\n  height: 480px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,255,255,0.22), transparent 62%);\n}\n\n#uisb-about .uisb-cta-bg {\n  position: absolute;\n  right: 8%;\n  top: -20px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 22vw;\n  font-weight: 900;\n  color: rgba(255,255,255,0.06);\n  line-height: 1;\n  pointer-events: none;\n}\n\n#uisb-about .uisb-cta-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(34px,4vw,56px);\n  line-height: 0.96;\n  font-weight: 900;\n  color: var(--uw);\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n#uisb-about .uisb-cta-sub {\n  color: rgba(255,255,255,0.72);\n  line-height: 1.7;\n}\n\n#uisb-about .uisb-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  background: var(--uw);\n  color: var(--un) !important;\n  text-decoration: none;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n  padding: 15px 30px;\n  box-shadow: 0 18px 44px rgba(0,0,0,0.18);\n  transition: 0.3s;\n}\n\n#uisb-about .uisb-cta-btn:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 28px 64px rgba(0,0,0,0.25);\n}\n\n\/* ---------- PAGE NAV RAIL ---------- *\/\n#uisb-about .uisb-page-nav-rail {\n  position: fixed;\n  right: 22px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 7px;\n  z-index: 900;\n  pointer-events: auto;\n}\n\n#uisb-about .uisb-page-nav-pip {\n  width: 4px;\n  height: 22px;\n  border-radius: 3px;\n  background: rgba(20,135,212,0.3);\n  cursor: pointer;\n  border: none;\n  padding: 0;\n  transition:\n    height 0.32s cubic-bezier(0.22,1,0.36,1),\n    background 0.32s ease,\n    box-shadow 0.32s ease;\n  position: relative;\n}\n\n#uisb-about .uisb-page-nav-pip:hover {\n  background: var(--ub);\n  height: 30px;\n}\n\n#uisb-about .uisb-page-nav-pip.active {\n  background: var(--ubd);\n  height: 40px;\n  box-shadow: 0 0 14px rgba(7,95,157,0.5);\n}\n\n#uisb-about .uisb-page-nav-pip::after {\n  content: attr(data-label);\n  position: absolute;\n  right: calc(100% + 12px);\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(6,26,51,0.92);\n  color: #fff;\n  font-family: 'Barlow', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.3px;\n  padding: 5px 12px;\n  border-radius: 10px;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.18s ease;\n  box-shadow: 0 4px 16px rgba(6,26,51,0.25);\n}\n\n#uisb-about .uisb-page-nav-pip:hover::after {\n  opacity: 1;\n}\n\n@media (max-width: 1100px) {\n  #uisb-about .uisb-page-nav-rail {\n    display: none;\n  }\n}\n\n\/* ---------- REVEAL ---------- *\/\n#uisb-about .uisb-reveal {\n  opacity: 0;\n  transform: translateY(32px) scale(0.97);\n  transition:\n    opacity 0.7s cubic-bezier(0.22,1,0.36,1),\n    transform 0.7s cubic-bezier(0.22,1,0.36,1);\n  will-change: opacity, transform;\n}\n\n#uisb-about .uisb-reveal.uisb-visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n#uisb-about .uisb-hero-reveal {\n  animation: uisbHeroEnter 0.9s cubic-bezier(0.22,1,0.36,1) 0.2s both;\n}\n\n\/* ---------- KEYFRAMES ---------- *\/\n@keyframes uisbHeroEnter {\n  from { opacity: 0; transform: translateY(36px) scale(0.97); }\n  to   { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n@keyframes uisbShapeDrift {\n  0%, 100% { transform: translate3d(0,0,0) rotate(0deg); }\n  50%       { transform: translate3d(0,-22px,0) rotate(12deg); }\n}\n\n@keyframes uisbTechFloat {\n  0%, 100% { transform: translateY(0); }\n  50%       { transform: translateY(-12px); }\n}\n\n@keyframes uisbDotPulse {\n  0%   { box-shadow: 0 0 0 0 rgba(20,135,212,0.36); }\n  70%  { box-shadow: 0 0 0 16px rgba(20,135,212,0); }\n  100% { box-shadow: 0 0 0 0 rgba(20,135,212,0); }\n}\n\n@keyframes uisbNudge {\n  50% { transform: translateX(5px); }\n}\n\n\/* ---------- STRENGTH SECTION ---------- *\/\n#uisb-about .lp-strength-section {\n  position: relative;\n  padding: 95px 8%;\n  overflow: hidden;\n  background: linear-gradient(180deg, var(--up), var(--uw));\n  border-top: 1px solid var(--uline);\n  border-bottom: 1px solid var(--uline);\n}\n#uisb-about .lp-strength-inner { max-width: 1200px; margin: 0 auto; }\n#uisb-about .lp-section-title { text-align: center; margin-bottom: 58px; }\n#uisb-about .lp-section-title h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(34px,4vw,48px);\n  color: var(--un);\n  margin-bottom: 15px;\n  letter-spacing: -1px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n#uisb-about .lp-section-title p { color: var(--umut); font-size: 18px; }\n\n#uisb-about .lp-eco-label {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 7px 18px; border-radius: 999px;\n  background: var(--up2); border: 1px solid var(--uline2);\n  color: var(--ubd);\n  font-family: 'DM Mono', 'Courier New', monospace;\n  font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;\n  margin-bottom: 22px;\n  transition: all .6s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-eco-label::before {\n  content: \"\"; width: 6px; height: 6px; border-radius: 50%;\n  background: var(--ub); animation: uisbEcoDot 2s ease-in-out infinite;\n}\n\n#uisb-about .lp-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; }\n#uisb-about .lp-stat-card {\n  background: rgba(255,255,255,0.78);\n  border: 1px solid var(--uline2);\n  backdrop-filter: blur(18px);\n  box-shadow: var(--ush);\n  padding: 38px 28px; border-radius: 26px;\n  text-align: center; transition: .4s ease;\n  position: relative; overflow: hidden;\n}\n#uisb-about .lp-stat-card::before {\n  content: \"\"; position: absolute;\n  width: 130px; height: 130px; right: -55px; top: -55px;\n  background: rgba(88,183,245,0.22); border-radius: 50%; transition: .45s ease;\n}\n#uisb-about .lp-stat-card:hover { transform: translateY(-12px) scale(1.02); box-shadow: var(--ushhi); border-color: var(--ubs); }\n#uisb-about .lp-stat-card:hover::before { transform: scale(1.65); }\n#uisb-about .lp-stat-card h3, #uisb-about .lp-stat-card p { position: relative; z-index: 2; }\n#uisb-about .lp-stat-card h3 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px,4vw,52px); color: var(--ubd);\n  margin-bottom: 10px; letter-spacing: -1px; font-weight: 900;\n}\n#uisb-about .lp-stat-card p { font-weight: 700; color: var(--umut); }\n\n\/* ---------- ECOSYSTEM \/ COMPANY STRUCTURE ---------- *\/\n#uisb-about .lp-ecosystem {\n  position: relative; padding: 100px 24px 120px; overflow: hidden;\n  background:\n    radial-gradient(ellipse 70% 50% at 25% 5%, rgba(20,135,212,.05), transparent),\n    radial-gradient(ellipse 50% 40% at 80% 95%, rgba(88,183,245,.07), transparent),\n    linear-gradient(180deg, var(--uw), var(--up));\n}\n#uisb-about #networkCanvas {\n  position: absolute; inset: 0; width: 100%; height: 100%;\n  pointer-events: none; z-index: 0; opacity: .45;\n}\n#uisb-about .lp-dot-overlay {\n  position: absolute; inset: 0; pointer-events: none; z-index: 1;\n  background-image: radial-gradient(rgba(88,183,245,.18) 1px, transparent 1px);\n  background-size: 28px 28px;\n  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n}\n#uisb-about .lp-eco-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 3; }\n#uisb-about .lp-eco-header { text-align: center; margin-bottom: 64px; }\n#uisb-about .lp-eco-header h2 {\n  font-family: 'Barlow Condensed', sans-serif; font-weight: 900;\n  font-size: clamp(32px,5vw,52px); line-height: 1.12;\n  color: var(--un); margin-bottom: 16px;\n  letter-spacing: -.02em; text-transform: uppercase;\n}\n#uisb-about .lp-eco-header h2 .word {\n  display: inline-block; opacity: 0;\n  transform: translateY(28px) rotateX(40deg);\n  transition: opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-eco-header h2 .word.in { opacity: 1; transform: translateY(0) rotateX(0); }\n#uisb-about .lp-eco-header h2 .shimmer {\n  font-style: normal;\n  background: linear-gradient(135deg, var(--ub), var(--ubd));\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n}\n#uisb-about .lp-eco-header p {\n  font-size: 17px; color: var(--umut); line-height: 1.7;\n  max-width: 520px; margin: 0 auto;\n  opacity: 0; transform: translateY(16px);\n  transition: all .7s cubic-bezier(.4,0,.2,1) .45s;\n}\n#uisb-about .lp-eco-header.in p { opacity: 1; transform: translateY(0); }\n#uisb-about .lp-eco-header .lp-eco-label { opacity: 0; transform: translateY(12px); }\n#uisb-about .lp-eco-header.in .lp-eco-label { opacity: 1; transform: translateY(0); }\n\n#uisb-about .lp-tree { display: flex; flex-direction: column; align-items: center; }\n#uisb-about .lp-parent-chain { display: flex; flex-direction: column; align-items: center; }\n#uisb-about .lp-eco-node {\n  padding: 14px 32px; border-radius: 999px;\n  background: rgba(255,255,255,0.88); backdrop-filter: blur(14px);\n  border: 1px solid var(--uline2);\n  font-family: 'Barlow', sans-serif; font-weight: 600; font-size: 15px; color: var(--un);\n  white-space: nowrap; box-shadow: var(--ush); text-align: center;\n  transition: all .35s cubic-bezier(.4,0,.2,1); position: relative;\n  opacity: 0; transform: translateY(18px) scale(.96);\n}\n#uisb-about .lp-eco-node.in { opacity: 1; transform: translateY(0) scale(1); }\n#uisb-about .lp-eco-node:hover { box-shadow: var(--ushhi); transform: translateY(-2px); }\n#uisb-about .lp-eco-node.holding {\n  background: linear-gradient(135deg, var(--ubd), var(--un3));\n  color: #fff; border-color: transparent;\n  padding: 18px 40px; font-size: 16px;\n  box-shadow: 0 10px 40px rgba(20,135,212,.22);\n}\n#uisb-about .lp-eco-node.holding::before {\n  content: \"\"; position: absolute; inset: -6px; border-radius: inherit;\n  border: 2px solid rgba(20,135,212,.25);\n  animation: lpEcoRing 2.8s ease-out infinite;\n}\n#uisb-about .lp-eco-node.holding::after {\n  content: \"\"; position: absolute; inset: -14px; border-radius: inherit;\n  border: 1.5px solid rgba(20,135,212,.12);\n  animation: lpEcoRing 2.8s ease-out infinite .6s;\n}\n@keyframes lpEcoRing { 0%{opacity:1;transform:scale(1)} 80%,100%{opacity:0;transform:scale(1.12)} }\n\n#uisb-about .lp-eco-vline {\n  width: 2px; height: 36px; border-radius: 1px;\n  position: relative; overflow: hidden; background: rgba(88,183,245,.2);\n}\n#uisb-about .lp-eco-vline-inner {\n  position: absolute; top: 0; left: 0; width: 100%; height: 0;\n  background: linear-gradient(to bottom, var(--ubs), var(--ub));\n  transition: height .5s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-eco-vline.drawn .lp-eco-vline-inner { height: 100%; }\n#uisb-about .lp-eco-vline.drawn .lp-eco-vline-inner::after {\n  content: \"\"; position: absolute; width: 6px; height: 6px;\n  left: -2px; border-radius: 50%; background: var(--ub);\n  box-shadow: 0 0 10px rgba(20,135,212,.6);\n  animation: lpEcoTravel 1.8s ease-in-out infinite;\n}\n@keyframes lpEcoTravel { 0%{top:-6px;opacity:0} 15%{opacity:1} 85%{opacity:1} 100%{top:calc(100% + 2px);opacity:0} }\n\n#uisb-about .lp-rail-section { position: relative; width: 100%; }\n#uisb-about .lp-rail-section::before {\n  content: \"\"; position: absolute; top: 0; left: 6%;\n  height: 2px; background: var(--ubs); width: 0;\n  transition: width .7s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-rail-section.drawn::before { width: 88%; }\n#uisb-about .lp-sub-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; width: 100%; position: relative; }\n#uisb-about .lp-sub-col { display: flex; flex-direction: column; align-items: center; }\n#uisb-about .lp-sub-col::before {\n  content: \"\"; display: block; width: 2px;\n  background: linear-gradient(to bottom, var(--ubs), var(--uice2));\n  margin: 0 auto; height: 0; transition: height .4s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-sub-col.drawn::before { height: 28px; }\n#uisb-about .lp-sub-card {\n  width: 100%; border-radius: 22px;\n  background: rgba(255,255,255,0.88); backdrop-filter: blur(18px);\n  border: 1px solid var(--uline2); padding: 28px 24px 24px;\n  box-shadow: var(--ush); transition: all .45s cubic-bezier(.4,0,.2,1);\n  position: relative; overflow: hidden; opacity: 0; transform: translateY(20px);\n}\n#uisb-about .lp-sub-card.in { opacity: 1; transform: translateY(0); }\n#uisb-about .lp-sub-card::before {\n  content: \"\"; position: absolute; width: 140px; height: 140px;\n  right: -55px; top: -55px; border-radius: 50%; pointer-events: none;\n  background: linear-gradient(135deg, rgba(88,183,245,.22), rgba(20,135,212,.05));\n  transition: all .5s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-sub-card::after {\n  content: \"\"; position: absolute; inset: 0;\n  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.38) 50%, transparent 60%);\n  transform: translateX(-150%); transition: transform .7s cubic-bezier(.4,0,.2,1);\n  pointer-events: none; z-index: 3;\n}\n#uisb-about .lp-sub-card:hover::after { transform: translateX(150%); }\n#uisb-about .lp-sub-card:hover { transform: translateY(-6px); box-shadow: var(--ushhi); border-color: var(--ubs); }\n#uisb-about .lp-sub-card:hover::before { transform: scale(1.3); }\n#uisb-about .lp-card-name {\n  font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 800;\n  color: var(--un); line-height: 1.25; margin-bottom: 4px;\n  position: relative; z-index: 4; text-transform: uppercase;\n}\n#uisb-about .lp-card-tagline { font-size: 13px; font-weight: 500; color: var(--ub); margin-bottom: 18px; position: relative; z-index: 4; }\n#uisb-about .lp-card-products { display: flex; flex-wrap: wrap; gap: 6px; position: relative; z-index: 4; }\n#uisb-about .lp-product-tag {\n  padding: 6px 13px; border-radius: 999px; background: var(--up2);\n  border: 1px solid rgba(88,183,245,.2);\n  font-size: 12px; font-weight: 500; color: var(--un);\n  transition: all .25s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-product-tag:hover { background: var(--uice); border-color: var(--ubs); transform: translateY(-1px); }\n#uisb-about .lp-ext-stake { display: flex; flex-direction: column; align-items: center; margin-top: 12px; position: relative; z-index: 4; }\n#uisb-about .lp-ext-group { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }\n#uisb-about .lp-ext-badge {\n  display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 14px;\n  background: rgba(220,242,255,0.7); border: 1px solid rgba(20,135,212,.2);\n  backdrop-filter: blur(10px); transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n#uisb-about .lp-ext-badge:hover { border-color: rgba(20,135,212,.42); box-shadow: 0 4px 16px rgba(20,135,212,.1); }\n#uisb-about .lp-ext-pct { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: 18px; color: var(--ubd); line-height: 1; }\n#uisb-about .lp-ext-name { font-size: 11px; color: var(--umut); line-height: 1.25; max-width: 130px; }\n\n@media (max-width: 900px) {\n  #uisb-about .lp-stats { grid-template-columns: 1fr 1fr; }\n  #uisb-about .lp-sub-row { grid-template-columns: repeat(2,1fr); gap: 16px; }\n  #uisb-about .lp-rail-section::before { display: none; }\n  #uisb-about .lp-sub-col::before { display: none; }\n}\n@media (max-width: 540px) {\n  #uisb-about .lp-stats { grid-template-columns: 1fr; }\n  #uisb-about .lp-sub-row { grid-template-columns: 1fr; gap: 14px; }\n  #uisb-about .lp-eco-node { font-size: 13px; padding: 12px 22px; }\n  #uisb-about .lp-eco-node.holding { font-size: 14px; padding: 14px 28px; }\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width: 1280px) {\n  #uisb-about .uisb-hero-inner { grid-template-columns: 56px 1fr 340px; }\n}\n\n@media (max-width: 1100px) {\n  #uisb-about .uisb-vmv { grid-template-columns: repeat(2,1fr); }\n  #uisb-about .uisb-pillars-grid { grid-template-columns: repeat(2,1fr); }\n  #uisb-about .uisb-figures { grid-template-columns: repeat(3,1fr); }\n  #uisb-about .uisb-profile-layout { grid-template-columns: 1fr; }\n  #uisb-about .uisb-profile-aside { position: relative; top: auto; }\n  #uisb-about .uisb-cta-inner { grid-template-columns: 1fr; }\n  #uisb-about .uisb-hero-accent { display: none; }\n  #uisb-about .uisb-hero-inner {\n    grid-template-columns: 1fr 320px;\n    gap: 0 32px;\n  }\n}\n\n@media (max-width: 820px) {\n  #uisb-about .uisb-hero-inner {\n    grid-template-columns: 1fr;\n    align-items: start;\n    padding: 96px 20px 40px;\n    gap: 32px 0;\n  }\n  #uisb-about .uisb-hero-wwa { order: 2; }\n  #uisb-about .uisb-hero-stats { grid-template-columns: 1fr; }\n  #uisb-about .uisb-hero-stats > div { padding: 20px 18px; }\n  #uisb-about .uisb-hero-title { font-size: clamp(58px,14vw,80px); letter-spacing: -1.5px; }\n  #uisb-about .uisb-vmv,\n  #uisb-about .uisb-pillars-grid,\n  #uisb-about .uisb-figures { grid-template-columns: 1fr; }\n  #uisb-about .uisb-profile-section,\n  #uisb-about .uisb-pillars { padding: 76px 20px; }\n  #uisb-about .uisb-profile-row { grid-template-columns: 1fr; }\n  #uisb-about .uisb-profile-key { border-right: 0; border-bottom: 1px solid var(--uline); padding-bottom: 12px; }\n  #uisb-about .uisb-profile-val { padding-top: 14px; }\n  #uisb-about .uisb-cta-section { padding: 0 20px 76px; }\n  #uisb-about .uisb-section-title { font-size: 42px; }\n  #uisb-about .uisb-figure-card { border-right: 0; border-bottom: 1px solid var(--uline); }\n}\n\n<\/style>\n\n<div id=\"uisb-about\">\n\n  <div class=\"uisb-scroll-progress\" id=\"uisbScrollProgress\"><\/div>\n\n  <!-- ============================================================\n   01. HERO \u2014 PREMIUM CINEMATIC\n   ============================================================ -->\n  <section class=\"uisb-hero\" id=\"uisb-top\">\n\n    <!-- Full-bleed background -->\n    <div class=\"uisb-hero-bg\">\n      <img decoding=\"async\"\n        src=\"http:\/\/uisb.com\/wp-content\/uploads\/2024\/09\/batch_Plant-1-Meru.jpg\"\n        alt=\"UISB Manufacturing Plant\"\n      \/>\n    <\/div>\n    <div class=\"uisb-hero-overlay\"><\/div>\n\n    <!-- Ghost watermark -->\n    <div class=\"uisb-hero-ghost\" aria-hidden=\"true\">UI<br>GROUP<\/div>\n\n    <!-- Inner: accent | text | card -->\n    <div class=\"uisb-hero-inner\">\n\n      <!-- Vertical accent -->\n      <div class=\"uisb-hero-accent\" aria-hidden=\"true\">\n        <div class=\"uisb-hero-accent-line\"><\/div>\n        <div class=\"uisb-hero-accent-year\">Est. 1973<\/div>\n        <div class=\"uisb-hero-accent-line\"><\/div>\n      <\/div>\n\n      <!-- Main copy -->\n      <div class=\"uisb-hero-content uisb-hero-reveal\">\n        <div class=\"uisb-hero-eyebrow\">About Us<\/div>\n        <h1 class=\"uisb-hero-title\">BUILT TO <em>ENGINEER.<\/em><\/h1>\n        <div class=\"uisb-hero-buttons\">\n          <a href=\"#uisb-corporate-profile\" class=\"uisb-btn-primary\">Explore Company<\/a>\n          <a href=\"\/history\/\" class=\"uisb-btn-ghost\">View History<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Who We Are glass card -->\n      <div class=\"uisb-hero-wwa\" style=\"animation: uisbCardEnter 0.9s cubic-bezier(0.22,1,0.36,1) 0.55s both;\">\n        <div class=\"uisb-hero-wwa-tag\">Who We Are<\/div>\n        <h2 class=\"uisb-hero-wwa-title\">Automated precision manufacturing.<\/h2>\n        <p class=\"uisb-hero-wwa-body\">\n          Since 1973, we have delivered precision automotive manufacturing\n          solutions trusted by Malaysia's leading vehicle assemblers \u2014\n          combining OEM precision, scalable automation, and manufacturing\n          excellence across five decades.\n        <\/p>\n        <div class=\"uisb-hero-wwa-rule\"><\/div>\n        <div class=\"uisb-hero-wwa-foot\">\n          <div class=\"uisb-hero-wwa-pill\">EST. 1973<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Stats strip -->\n    <div class=\"uisb-hero-stats\">\n      <div>\n        <div class=\"uisb-hero-stat-num\">50<span>+<\/span><\/div>\n        <div class=\"uisb-hero-stat-label\">Years of Experience<\/div>\n      <\/div>\n      <div>\n        <div class=\"uisb-hero-stat-num\">800<span>+<\/span><\/div>\n        <div class=\"uisb-hero-stat-label\">Skilled Employees<\/div>\n      <\/div>\n      <div>\n        <div class=\"uisb-hero-stat-num\">8<\/div>\n        <div class=\"uisb-hero-stat-label\">Global Tech Partners<\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <!-- ============================================================\n   03. CORPORATE PROFILE\n   ============================================================ -->\n  <section class=\"uisb-profile-section\" id=\"uisb-corporate-profile\">\n    <div class=\"uisb-profile-layout\">\n      <div class=\"uisb-profile-aside uisb-reveal\">\n        <div class=\"uisb-profile-aside-tag\">UI<br \/>GROUP<\/div>\n        <div class=\"uisb-section-label\">Corporate Information<\/div>\n        <h2>Corporate<br \/>Profile<\/h2>\n        <p>\n          With over five decades of manufacturing excellence, United Industries Group is a trusted automotive component partner to leading OEM customers across the region.\n        <\/p>\n      <\/div>\n\n      <div class=\"uisb-profile-table uisb-reveal uisb-reveal-delay-1\">\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Company Name<\/div>\n          <div class=\"uisb-profile-val\">United Industries Group<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">CEO<\/div>\n          <div class=\"uisb-profile-val\">Michael Khoo<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row featured\">\n          <div class=\"uisb-profile-key\">Year Founded<\/div>\n          <div class=\"uisb-profile-val\">1973<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Main Products<\/div>\n          <div class=\"uisb-profile-val\"><a href=\"\/products\/\">See our products \u2192<\/a><\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Employees<\/div>\n          <div class=\"uisb-profile-val\">Approx. 800++<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Head Office<\/div>\n          <div class=\"uisb-profile-val\">\n            Lot 5018, Jalan Teratai, Off Jalan Meru, 41050 Klang, Selangor, Malaysia\n          <\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Branch<\/div>\n          <div class=\"uisb-profile-val\">Lot 15706, Jalan Persiaran Hicom Pegoh 2, Taman Perindustrian Hicom Pegoh, 78000 Alor Gajah, Melaka, Malaysia<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Certification<\/div>\n          <div class=\"uisb-profile-val\">ISO Certified \u2014 Automotive OEM Standard<\/div>\n        <\/div>\n        <div class=\"uisb-profile-row\">\n          <div class=\"uisb-profile-key\">Management<\/div>\n          <div class=\"uisb-profile-val\"><a href=\"\/leadership\/\">See our management \u2192<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n   04. VISION \/ MISSION \/ VALUES\n   ============================================================ -->\n  <div class=\"uisb-vmv\" id=\"uisb-vmv\">\n    <div class=\"uisb-vmv-card uisb-reveal\">\n      <div class=\"uisb-vmv-icon\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n          <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Our Vision<\/h3>\n      <p>\n        To be profitable, to fund investment and growth, and to be meaningful for\n        the future and our shareholders.\n      <\/p>\n    <\/div>\n\n    <div class=\"uisb-vmv-card uisb-reveal uisb-reveal-delay-1\">\n      <div class=\"uisb-vmv-icon\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Our Mission<\/h3>\n      <p>To become a first-tier supplier for our customers and our business partners.<\/p>\n      <br\/>\n      <p>To be the market leader of our products through development and manufacturing innovation and cost competitiveness.<\/p>\n      <br\/>\n      <p>To have the best trained employees in the industry.<\/p>\n    <\/div>\n\n    <div class=\"uisb-vmv-card uisb-reveal uisb-reveal-delay-2\">\n      <div class=\"uisb-vmv-icon\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n          <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Our Values<\/h3>\n      <p>Keeping our company processes simple and clear.<\/p>\n      <br\/>\n      <p>Have our employees be owners of the product and respect our work and responsibility.<\/p>\n      <br\/>\n      <p>Continuous investment and innovation in our process.<\/p>\n      <br\/>\n      <p>Build respect with all our stakeholders \u2014 employees, customers, suppliers, TA and JV partners.<\/p>\n    <\/div>\n  <\/div>\n  <!-- ============================================================\n   06. KEY FIGURES\n   ============================================================ -->\n  <div class=\"uisb-figures\" id=\"uisb-figures\">\n    <div class=\"uisb-figure-card uisb-reveal\">\n      <div class=\"uisb-figure-num\">2<\/div>\n      <div class=\"uisb-figure-label\">Manufacturing<br \/>Plants<\/div>\n    <\/div>\n    <div class=\"uisb-figure-card uisb-reveal uisb-reveal-delay-1\">\n      <div class=\"uisb-figure-num\">368K<span style=\"font-size:1.5rem\">+<\/span><\/div>\n      <div class=\"uisb-figure-label\">Sq Ft<br \/>Plant Size<\/div>\n    <\/div>\n    <div class=\"uisb-figure-card uisb-reveal uisb-reveal-delay-2\">\n      <div class=\"uisb-figure-num\">1<\/div>\n      <div class=\"uisb-figure-label\">Joint Venture<br \/>Entity<\/div>\n    <\/div>\n    <div class=\"uisb-figure-card uisb-reveal\">\n      <div class=\"uisb-figure-num\">8<\/div>\n      <div class=\"uisb-figure-label\">Technical<br \/>Partners<\/div>\n    <\/div>\n    <div class=\"uisb-figure-card uisb-reveal uisb-reveal-delay-1\">\n      <div class=\"uisb-figure-num\">800<span style=\"font-size:1.5rem\">+<\/span><\/div>\n      <div class=\"uisb-figure-label\">Skilled<br \/>Workforce<\/div>\n    <\/div>\n    <div class=\"uisb-figure-card uisb-reveal uisb-reveal-delay-2\">\n      <div class=\"uisb-figure-num\">50<span style=\"font-size:1.5rem\">+<\/span><\/div>\n      <div class=\"uisb-figure-label\">Years<br \/>Experience<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ============================================================\n   07. PILLARS OF EXCELLENCE\n   ============================================================ -->\n  <div class=\"uisb-pillars\" id=\"uisb-pillars\">\n    <div class=\"uisb-section-label\">Our Pillars<\/div>\n    <h2 class=\"uisb-section-title\">Excellence today, ready for tomorrow.<\/h2>\n\n    <div class=\"uisb-pillars-grid\">\n      <a href=\"\/operations\/#quality\" class=\"uisb-pillar-card uisb-reveal\">\n        <h4>Quality Systems<\/h4>\n        <p>ISO, IATF and continuous improvement practices create traceable, consistent, and reliable component manufacturing.<\/p>\n        <span class=\"uisb-pillar-cta\">See Our Quality Policy &rsaquo;<\/span>\n      <\/a>\n      <a href=\"\/products-solutions\/#technology\" class=\"uisb-pillar-card uisb-reveal uisb-reveal-delay-1\">\n        <h4>Automation<\/h4>\n        <p>Modern production workflows improve cycle efficiency, stability, repeatability, and scalable manufacturing output.<\/p>\n        <span class=\"uisb-pillar-cta\">See Our Capabilities &rsaquo;<\/span>\n      <\/a>\n      <a href=\"\/customers-partners\/#partners\" class=\"uisb-pillar-card uisb-reveal uisb-reveal-delay-2\">\n        <h4>Technical Partners<\/h4>\n        <p>Long-standing global partnerships strengthen UISB's capability in automotive systems and components.<\/p>\n        <span class=\"uisb-pillar-cta\">See Our Partners &rsaquo;<\/span>\n      <\/a>\n      <a href=\"\/customers-partners\/#customers\" class=\"uisb-pillar-card uisb-reveal uisb-reveal-delay-3\">\n        <h4>OEM Reliability<\/h4>\n        <p>UISB supports leading assemblers with precision, responsive delivery, and disciplined engineering culture.<\/p>\n        <span class=\"uisb-pillar-cta\">See Our Customers &rsaquo;<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- ============================================================\n   08. OUR STRENGTH\n   ============================================================ -->\n  <section class=\"lp-strength-section\" id=\"uisb-strength\">\n    <div class=\"lp-strength-inner\">\n      <div class=\"lp-section-title\">\n        <div class=\"lp-eco-label\">Our Strength<\/div>\n        <h2>Our Strength<\/h2>\n        <p>Manufacturing experience, technology partnership and automotive excellence.<\/p>\n      <\/div>\n      <div class=\"lp-stats\">\n        <div class=\"lp-stat-card\"><h3>50+<\/h3><p>Years Experience<\/p><\/div>\n        <div class=\"lp-stat-card\"><h3>3<\/h3><p>Main Companies<\/p><\/div>\n        <div class=\"lp-stat-card\"><h3>OEM<\/h3><p>Automotive Supply<\/p><\/div>\n        <div class=\"lp-stat-card\"><h3>ISO<\/h3><p>Certified Excellence<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n   09. COMPANY STRUCTURE (ECOSYSTEM)\n   ============================================================ -->\n  <section class=\"lp-ecosystem\" id=\"uisb-ecosystem\">\n    <canvas id=\"networkCanvas\"><\/canvas>\n    <div class=\"lp-dot-overlay\"><\/div>\n    <div class=\"lp-eco-container\">\n      <div class=\"lp-eco-header\" id=\"ecoHeader\">\n        <div class=\"lp-eco-label\">Company Structure<\/div>\n        <h2 id=\"ecoTitle\"><\/h2>\n        <p>A diversified manufacturing group united by innovation, engineering excellence and strategic global partnerships.<\/p>\n      <\/div>\n      <div class=\"lp-tree\" id=\"orgTree\">\n        <div class=\"lp-parent-chain\">\n          <div class=\"lp-eco-node\" data-delay=\"0\">Atlan Holdings Berhad<\/div>\n          <div class=\"lp-eco-vline\"><div class=\"lp-eco-vline-inner\"><\/div><\/div>\n          <div class=\"lp-eco-node\" data-delay=\"180\">Duty Free International Limited<\/div>\n          <div class=\"lp-eco-vline\"><div class=\"lp-eco-vline-inner\"><\/div><\/div>\n          <div class=\"lp-eco-node holding\" data-delay=\"360\">United Industries Holding Sdn Bhd<\/div>\n          <div class=\"lp-eco-vline\"><div class=\"lp-eco-vline-inner\"><\/div><\/div>\n        <\/div>\n        <div class=\"lp-rail-section\" id=\"railSection\">\n          <div class=\"lp-sub-row\">\n            <div class=\"lp-sub-col\" data-col=\"0\">\n              <div class=\"lp-sub-card\">\n                <div class=\"lp-card-name\">United Industries Sdn Bhd<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"lp-sub-col\" data-col=\"1\">\n              <div class=\"lp-sub-card\">\n                <div class=\"lp-card-name\">United Sanoh Industries Sdn Bhd<\/div>\n                <div class=\"lp-ext-stake\">\n                  <div class=\"lp-ext-group\">\n                    <div class=\"lp-ext-badge\"><span class=\"lp-ext-pct\">25%<\/span><span class=\"lp-ext-name\">Sanoh Industrial Co., Ltd<\/span><\/div>\n                    <div class=\"lp-ext-badge\"><span class=\"lp-ext-pct\">5%<\/span><span class=\"lp-ext-name\">Shinsho Corporation<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"lp-sub-col\" data-col=\"2\">\n              <div class=\"lp-sub-card\">\n                <div class=\"lp-card-name\">United Vehicles Industries Sdn Bhd<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"lp-sub-col\" data-col=\"3\">\n              <div class=\"lp-sub-card\">\n                <div class=\"lp-card-name\">UVI Advance Technology Sdn Bhd<\/div>\n                <div class=\"lp-ext-stake\">\n                  <div class=\"lp-ext-group\">\n                    <div class=\"lp-ext-badge\"><span class=\"lp-ext-pct\">50%<\/span><span class=\"lp-ext-name\">United Daisheng Technology Industries<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n   10. CALL TO ACTION\n   ============================================================ -->\n  <div class=\"uisb-cta-section\" id=\"uisb-contact\">\n    <div class=\"uisb-cta-inner\">\n      <div class=\"uisb-cta-bg\">UI GROUP<\/div>\n      <div>\n        <h2 class=\"uisb-cta-title\">Ready to build the next automotive standard?<\/h2>\n        <p class=\"uisb-cta-sub\">\n          Connect with UISB for OEM components, automation-focused manufacturing,\n          and long-term technical collaboration.\n        <\/p>\n      <\/div>\n      <a href=\"\/contact\/\" class=\"uisb-cta-btn\">Contact UISB<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Side nav rail -->\n  <nav class=\"uisb-page-nav-rail\" id=\"uisbPageNavRail\" aria-label=\"Page sections\"><\/nav>\n\n<\/div>\n\n<script>\n(function() {\n  var root = document.getElementById('uisb-about');\n  if (!root) return;\n\n  \/* ---- Scroll progress ---- *\/\n  var bar = root.querySelector('#uisbScrollProgress');\n  function updateProgress() {\n    if (!bar) return;\n    var y = window.scrollY;\n    var h = document.documentElement.scrollHeight - window.innerHeight;\n    bar.style.width = (h ? (y \/ h) * 100 : 0) + '%';\n    root.querySelectorAll('.uisb-float-shape').forEach(function(el, i) {\n      el.style.translate = '0 ' + (y * (0.025 + i * 0.01)) + 'px';\n    });\n  }\n  window.addEventListener('scroll', updateProgress, { passive: true });\n  updateProgress();\n\n  \/* ---- Reveal on scroll ---- *\/\n  function attachRevealObserver() {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (!entry.isIntersecting) return;\n        var delay = 0;\n        if (entry.target.classList.contains('uisb-reveal-delay-1')) delay = 100;\n        if (entry.target.classList.contains('uisb-reveal-delay-2')) delay = 200;\n        if (entry.target.classList.contains('uisb-reveal-delay-3')) delay = 300;\n        setTimeout(function() { entry.target.classList.add('uisb-visible'); }, delay);\n        obs.unobserve(entry.target);\n      });\n    }, { threshold: 0.12, rootMargin: '-60px 0px -60px 0px' });\n\n    root.querySelectorAll('.uisb-reveal').forEach(function(el) {\n      if (el.classList.contains('uisb-hero-reveal')) return;\n      obs.observe(el);\n    });\n  }\n  if (document.readyState === 'complete') {\n    requestAnimationFrame(function() { requestAnimationFrame(attachRevealObserver); });\n  } else {\n    window.addEventListener('load', function() {\n      requestAnimationFrame(function() { requestAnimationFrame(attachRevealObserver); });\n    });\n  }\n\n  \/* ---- Animated counters ---- *\/\n  function animateNums() {\n    root.querySelectorAll('.uisb-hero-stat-num, .uisb-figure-num').forEach(function(el) {\n      if (el.dataset.uisbDone) return;\n      var m = el.textContent.match(\/\\d+\/);\n      if (!m) return;\n      el.dataset.uisbDone = '1';\n      var target = parseInt(m[0], 10);\n      var suffix = el.innerHTML.replace(m[0], '');\n      var cur = 0;\n      var step = Math.max(1, Math.ceil(target \/ 42));\n      (function tick() {\n        cur = Math.min(target, cur + step);\n        el.innerHTML = cur + suffix;\n        if (cur < target) requestAnimationFrame(tick);\n      })();\n    });\n  }\n  var numObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) { if (e.isIntersecting) animateNums(); });\n  }, { threshold: 0.25 });\n  var figEl = root.querySelector('.uisb-figures');\n  var heroEl = root.querySelector('.uisb-hero');\n  if (figEl) numObs.observe(figEl);\n  if (heroEl) numObs.observe(heroEl);\n\n  \/* ---- Card tilt ---- *\/\n  root.querySelectorAll('.uisb-vmv-card, .uisb-pillar-card, .uisb-figure-card, .uisb-timeline-item').forEach(function(card) {\n    card.addEventListener('mousemove', function(e) {\n      var r = card.getBoundingClientRect();\n      var rx = ((e.clientY - r.top) \/ r.height - 0.5) * -5;\n      var ry = ((e.clientX - r.left) \/ r.width - 0.5) * 5;\n      card.style.transform = 'perspective(900px) rotateX(' + rx + 'deg) rotateY(' + ry + 'deg) translateY(-8px)';\n    });\n    card.addEventListener('mouseleave', function() { card.style.transform = ''; });\n  });\n\n  \/* ---- Ecosystem: Network Canvas ---- *\/\n  (function(){\n    var c = document.getElementById('networkCanvas');\n    if (!c) return;\n    var ctx = c.getContext('2d');\n    var w, h, nodes = [];\n    var NODE_COUNT = 40, CONNECT_DIST = 160;\n    if (matchMedia('(prefers-reduced-motion:reduce)').matches) return;\n    function resize(){ var sec = c.parentElement; w = c.width = sec.offsetWidth; h = c.height = sec.offsetHeight; }\n    function init(){ resize(); nodes = []; for(var i=0;i<NODE_COUNT;i++) nodes.push({x:Math.random()*w,y:Math.random()*h,vx:(Math.random()-.5)*.35,vy:(Math.random()-.5)*.35,r:Math.random()*2+1.2}); }\n    function draw(){\n      ctx.clearRect(0,0,w,h);\n      for(var i=0;i<nodes.length;i++) for(var j=i+1;j<nodes.length;j++){\n        var dx=nodes[i].x-nodes[j].x,dy=nodes[i].y-nodes[j].y,dist=Math.sqrt(dx*dx+dy*dy);\n        if(dist<CONNECT_DIST){ ctx.beginPath();ctx.moveTo(nodes[i].x,nodes[i].y);ctx.lineTo(nodes[j].x,nodes[j].y);ctx.strokeStyle='rgba(88,183,245,'+((1-dist\/CONNECT_DIST)*.18)+')';ctx.lineWidth=.8;ctx.stroke(); }\n      }\n      for(var k=0;k<nodes.length;k++){ ctx.beginPath();ctx.arc(nodes[k].x,nodes[k].y,nodes[k].r,0,Math.PI*2);ctx.fillStyle='rgba(20,135,212,.22)';ctx.fill(); }\n    }\n    function update(){ for(var k=0;k<nodes.length;k++){ nodes[k].x+=nodes[k].vx;nodes[k].y+=nodes[k].vy;if(nodes[k].x<0||nodes[k].x>w)nodes[k].vx*=-1;if(nodes[k].y<0||nodes[k].y>h)nodes[k].vy*=-1; } }\n    function loop(){ update();draw();requestAnimationFrame(loop); }\n    init(); loop(); window.addEventListener('resize', resize);\n  })();\n\n  \/* ---- Ecosystem: Heading Word Reveal ---- *\/\n  (function(){\n    var title = document.getElementById('ecoTitle');\n    var header = document.getElementById('ecoHeader');\n    if (!title||!header) return;\n    var parts = ['Building','Manufacturing','<em class=\"shimmer\">Excellence<\/em>','Together'];\n    title.innerHTML = parts.map(function(w){ return '<span class=\"word\">'+w+'<\/span>'; }).join(' ');\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(!e.isIntersecting) return;\n        header.classList.add('in');\n        title.querySelectorAll('.word').forEach(function(w,i){ setTimeout(function(){ w.classList.add('in'); },120+i*110); });\n        io.unobserve(e.target);\n      });\n    },{threshold:0.2});\n    io.observe(header);\n  })();\n\n  \/* ---- Ecosystem: Tree Draw Animation ---- *\/\n  (function(){\n    var tree = document.getElementById('orgTree');\n    var rail = document.getElementById('railSection');\n    if (!tree||!rail) return;\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(!e.isIntersecting) return;\n        var ecoNodes = tree.querySelectorAll('.lp-eco-node');\n        var vlines = tree.querySelectorAll('.lp-eco-vline');\n        ecoNodes.forEach(function(node,i){ var d=parseInt(node.dataset.delay)||0; setTimeout(function(){ node.classList.add('in'); },d); if(vlines[i]) setTimeout(function(){ vlines[i].classList.add('drawn'); },d+250); });\n        setTimeout(function(){ rail.classList.add('drawn'); },700);\n        tree.querySelectorAll('.lp-sub-col').forEach(function(col,i){ setTimeout(function(){ col.classList.add('drawn'); var card=col.querySelector('.lp-sub-card'); if(card) setTimeout(function(){ card.classList.add('in'); },200); },900+i*150); });\n        io.unobserve(e.target);\n      });\n    },{threshold:0.1,rootMargin:'0px 0px -40px 0px'});\n    io.observe(tree);\n  })();\n\n  \/* ---- Smooth anchor scroll ---- *\/\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\n    a.addEventListener('click', function(e) {\n      var t = document.querySelector(a.getAttribute('href'));\n      if (!t) return;\n      e.preventDefault();\n      t.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n  });\n\n  \/* ---- Page nav rail ---- *\/\n  (function() {\n    var SECTIONS = [\n      { id: 'uisb-top',              label: 'Overview' },\n      { id: 'uisb-corporate-profile',label: 'Profile' },\n      { id: 'uisb-vmv',              label: 'Vision' },\n      { id: 'uisb-figures',          label: 'Figures' },\n      { id: 'uisb-pillars',          label: 'Pillars' },\n      { id: 'uisb-strength',         label: 'Strength' },\n      { id: 'uisb-ecosystem',        label: 'Company' },\n      { id: 'uisb-contact',          label: 'Contact' }\n    ];\n\n    var rail = document.getElementById('uisbPageNavRail');\n    if (!rail) return;\n\n    var pips = [];\n    SECTIONS.forEach(function(sec) {\n      var el = document.getElementById(sec.id);\n      if (!el) return;\n      var btn = document.createElement('button');\n      btn.className = 'uisb-page-nav-pip';\n      btn.setAttribute('data-label', sec.label);\n      btn.setAttribute('aria-label', 'Go to ' + sec.label);\n      btn.addEventListener('click', function() {\n        el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      });\n      rail.appendChild(btn);\n      pips.push({ btn: btn, el: el });\n    });\n\n    var ticking = false;\n    function updateNav() {\n      ticking = false;\n      var mid = window.scrollY + window.innerHeight * 0.45;\n      var best = -1, bestDist = Infinity;\n      pips.forEach(function(p, i) {\n        var rect = p.el.getBoundingClientRect();\n        var top = rect.top + window.scrollY;\n        var dist = Math.abs(top + rect.height * 0.35 - mid);\n        if (dist < bestDist) { bestDist = dist; best = i; }\n      });\n      pips.forEach(function(p, i) { p.btn.classList.toggle('active', i === best); });\n    }\n    window.addEventListener('scroll', function() {\n      if (!ticking) { requestAnimationFrame(updateNav); ticking = true; }\n    }, { passive: true });\n    updateNav();\n  })();\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UIGROUP Est. 1973 About Us BUILT TO ENGINEER. Explore Company View History Who We Are Automated precision manufacturing. Since 1973, [&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-2809","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2809","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=2809"}],"version-history":[{"count":45,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2809\/revisions"}],"predecessor-version":[{"id":3695,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/2809\/revisions\/3695"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=2809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}