{"id":10,"date":"2026-07-14T13:58:43","date_gmt":"2026-07-14T13:58:43","guid":{"rendered":"https:\/\/dev.tschuan.com\/?page_id=10"},"modified":"2026-07-22T18:01:29","modified_gmt":"2026-07-22T18:01:29","slug":"home","status":"publish","type":"page","link":"https:\/\/dev.tschuan.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c6d12f e-flex e-con-boxed e-con e-parent\" data-id=\"6c6d12f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4356519 elementor-widget elementor-widget-html\" data-id=\"4356519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   TS CHUAN \u2014 HOMEPAGE CORE BODY FOR ELEMENTOR HTML WIDGET\r\n   Updated:\r\n   - Full-width hero image with readable overlay\r\n   - Two-line desktop hero heading\r\n   - Visual Markets We Support section with STP, IND, WTP and FCS\r\n   - Expanded Featured Solutions checklist with Grit Remover System\r\n   - Image-based Why TS Chuan icons\r\n   - Seven Trusted By logos\r\n   ========================================================= *\/\r\n\r\n.tsc-home-approved {\r\n  --tsc-navy: #071A2A;\r\n  --tsc-blue: #0E3550;\r\n  --tsc-steel: #5E7187;\r\n  --tsc-silver: #EEF3F7;\r\n  --tsc-bg: #F4F7FA;\r\n  --tsc-line: #D8E2EA;\r\n  --tsc-red: #C9252D;\r\n  --tsc-red-dark: #A51F25;\r\n  --tsc-ink: #17233A;\r\n  --tsc-muted: #63738A;\r\n  --tsc-white: #FFFFFF;\r\n  --tsc-shadow: 0 28px 80px rgba(7, 26, 42, .16);\r\n  --tsc-font: \"Segoe UI\", Arial, Helvetica, sans-serif;\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: #fff;\r\n  color: var(--tsc-ink);\r\n  font-family: var(--tsc-font);\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  font-weight: 400;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.tsc-home-approved,\r\n.tsc-home-approved * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tsc-home-approved img {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n\r\n.tsc-home-approved a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tsc-home-approved h1,\r\n.tsc-home-approved h2,\r\n.tsc-home-approved h3,\r\n.tsc-home-approved p {\r\n  margin-top: 0;\r\n}\r\n\r\n.tsc-home-approved h1,\r\n.tsc-home-approved h2,\r\n.tsc-home-approved h3 {\r\n  margin-bottom: 16px;\r\n  color: var(--tsc-ink);\r\n  letter-spacing: -.7px;\r\n  line-height: 1.08;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-home-approved h2 {\r\n  font-size: clamp(32px, 3.4vw, 48px);\r\n}\r\n\r\n.tsc-home-approved h3 {\r\n  font-size: clamp(20px, 1.65vw, 25px);\r\n}\r\n\r\n.tsc-home-approved p {\r\n  margin-bottom: 0;\r\n  color: var(--tsc-muted);\r\n}\r\n\r\n.tsc-container {\r\n  width: min(1200px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.tsc-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 18px;\r\n  color: var(--tsc-red) !important;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 2.1px;\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tsc-eyebrow::before {\r\n  content: \"\";\r\n  width: 46px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: currentColor;\r\n}\r\n\r\n.tsc-lead {\r\n  max-width: 700px;\r\n  font-size: clamp(17px, 1.2vw, 20px);\r\n  line-height: 1.65;\r\n  font-weight: 400;\r\n}\r\n\r\n.tsc-btn-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.tsc-btn {\r\n  min-height: 50px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 14px 22px;\r\n  border: 1px solid transparent;\r\n  border-radius: 999px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n  transition:\r\n    transform .24s ease,\r\n    background .24s ease,\r\n    border-color .24s ease;\r\n}\r\n\r\n.tsc-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.tsc-home-approved .tsc-btn-red {\r\n  color: #fff;\r\n  background: var(--tsc-red);\r\n}\r\n\r\n.tsc-btn-red:hover {\r\n  background: var(--tsc-red-dark);\r\n}\r\n\r\n.tsc-home-approved .tsc-btn-glass {\r\n  color: #fff;\r\n  background: rgba(255, 255, 255, .10);\r\n  border-color: rgba(255, 255, 255, .30);\r\n}\r\n\r\n.tsc-btn-glass:hover {\r\n  background: rgba(255, 255, 255, .18);\r\n}\r\n\r\n.tsc-text-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-text-link span {\r\n  transition: transform .22s ease;\r\n}\r\n\r\n.tsc-text-link:hover span {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* =========================================================\r\n   HERO \u2014 FULL BACKGROUND IMAGE\r\n   ========================================================= *\/\r\n\r\n.tsc-hero {\r\n  position: relative;\r\n  min-height: calc(100vh - 86px);\r\n  display: grid;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: var(--tsc-navy);\r\n}\r\n\r\n.tsc-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: 58% center;\r\n  opacity: 1;\r\n  filter: saturate(1.02) contrast(1.02) brightness(.92);\r\n}\r\n\r\n.tsc-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7, 26, 42, .90) 0%,\r\n      rgba(7, 26, 42, .82) 27%,\r\n      rgba(7, 26, 42, .60) 48%,\r\n      rgba(7, 26, 42, .27) 74%,\r\n      rgba(7, 26, 42, .12) 100%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7, 26, 42, .10) 0%,\r\n      rgba(7, 26, 42, .05) 46%,\r\n      rgba(7, 26, 42, .34) 100%\r\n    );\r\n}\r\n\r\n.tsc-hero-wrap {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: min(1200px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n  padding: 112px 0 128px;\r\n}\r\n\r\n.tsc-hero-box {\r\n  max-width: 900px;\r\n}\r\n\r\n.tsc-hero-box .tsc-eyebrow {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tsc-hero h1 {\r\n  max-width: 920px;\r\n  margin-bottom: 26px;\r\n  color: #fff;\r\n  font-size: clamp(52px, 4.6vw, 72px);\r\n  line-height: 1.02;\r\n  font-weight: 600;\r\n  letter-spacing: -1.3px;\r\n  text-shadow: 0 10px 28px rgba(0, 0, 0, .24);\r\n}\r\n\r\n.tsc-hero h1 span {\r\n  display: block;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tsc-hero .tsc-lead {\r\n  max-width: 690px;\r\n  padding-left: 20px;\r\n  color: rgba(240, 245, 249, .94);\r\n  border-left: 3px solid rgba(201, 37, 45, .92);\r\n  text-shadow: 0 5px 18px rgba(0, 0, 0, .22);\r\n}\r\n\r\n\/* =========================================================\r\n   THREE-PANEL NAVIGATION\r\n   ========================================================= *\/\r\n\r\n.tsc-entry-strip {\r\n  position: relative;\r\n  z-index: 5;\r\n  background: var(--tsc-navy);\r\n}\r\n\r\n.tsc-entry-grid {\r\n  width: min(1200px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.15fr .92fr .92fr;\r\n  border-left: 1px solid rgba(255, 255, 255, .13);\r\n  border-right: 1px solid rgba(255, 255, 255, .13);\r\n}\r\n\r\n.tsc-entry-card {\r\n  min-height: 230px;\r\n  display: block;\r\n  padding: 36px 34px;\r\n  color: #fff;\r\n  background: rgba(255, 255, 255, .03);\r\n  border-left: 1px solid rgba(255, 255, 255, .13);\r\n  transition:\r\n    background .28s ease,\r\n    transform .28s ease;\r\n}\r\n\r\n.tsc-entry-card:first-child {\r\n  border-left: 0;\r\n}\r\n\r\n.tsc-entry-card:hover {\r\n  background: rgba(255, 255, 255, .08);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.tsc-entry-number {\r\n  display: block;\r\n  margin-bottom: 52px;\r\n  color: #fff;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tsc-entry-card h3 {\r\n  color: #fff;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-entry-card p {\r\n  color: rgba(232, 240, 247, .75);\r\n  font-size: 14px;\r\n  line-height: 1.58;\r\n}\r\n\r\n\/* =========================================================\r\n   MARKETS WE SUPPORT \u2014 VISUAL, CONCISE CARDS\r\n   ========================================================= *\/\r\n\r\n.tsc-applications {\r\n  position: relative;\r\n  padding: 104px 0 108px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 8% 10%, rgba(14, 53, 80, .07), transparent 28%),\r\n    var(--tsc-bg);\r\n}\r\n\r\n.tsc-applications::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  right: -90px;\r\n  width: 320px;\r\n  height: 320px;\r\n  border: 42px solid rgba(201, 37, 45, .045);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.tsc-applications-head {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 780px;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.tsc-applications-head h2 {\r\n  max-width: 730px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.tsc-applications-intro {\r\n  max-width: 650px;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.tsc-application-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.tsc-application-card {\r\n  position: relative;\r\n  min-height: 238px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  padding: 27px 24px 25px;\r\n  border: 1px solid var(--tsc-line);\r\n  border-radius: 24px;\r\n  background: #fff;\r\n  box-shadow: 0 16px 42px rgba(7, 26, 42, .07);\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n.tsc-application-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0 0 auto;\r\n  height: 4px;\r\n  background: var(--tsc-red);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .28s ease;\r\n}\r\n\r\n.tsc-application-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: rgba(14, 53, 80, .24);\r\n  box-shadow: 0 24px 54px rgba(7, 26, 42, .12);\r\n}\r\n\r\n.tsc-application-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.tsc-application-top {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.tsc-application-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  flex: 0 0 64px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: #fff;\r\n  border-radius: 18px;\r\n  background: var(--tsc-navy);\r\n  box-shadow: 0 13px 28px rgba(7, 26, 42, .15);\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.tsc-application-card:nth-child(2) .tsc-application-icon {\r\n  background: var(--tsc-blue);\r\n}\r\n\r\n.tsc-application-card:nth-child(3) .tsc-application-icon {\r\n  background: var(--tsc-red);\r\n}\r\n\r\n.tsc-application-card:nth-child(4) .tsc-application-icon {\r\n  background: #465365;\r\n}\r\n\r\n.tsc-application-card:hover .tsc-application-icon {\r\n  transform: translateY(-3px) scale(1.06);\r\n}\r\n\r\n.tsc-application-icon svg {\r\n  width: 32px;\r\n  height: 32px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.75;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.tsc-application-code {\r\n  min-width: 44px;\r\n  min-height: 28px;\r\n  display: inline-grid;\r\n  place-items: center;\r\n  padding: 6px 9px;\r\n  border: 1px solid var(--tsc-line);\r\n  border-radius: 999px;\r\n  color: var(--tsc-red);\r\n  background: var(--tsc-bg);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n.tsc-application-card h3 {\r\n  margin-bottom: 9px;\r\n  color: var(--tsc-navy);\r\n  font-size: 20px;\r\n  line-height: 1.25;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-application-card p {\r\n  max-width: 250px;\r\n  font-size: 13px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.tsc-applications-footer {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 30px;\r\n}\r\n\r\n\/* =========================================================\r\n   FEATURED SOLUTIONS\r\n   ========================================================= *\/\r\n\r\n.tsc-value-section {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 92px 0 110px;\r\n  color: #fff;\r\n  background:\r\n    radial-gradient(circle at 24% 22%, rgba(255, 255, 255, .12), transparent 24%),\r\n    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .10), transparent 22%),\r\n    var(--tsc-navy);\r\n}\r\n\r\n.tsc-value-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .13;\r\n  background-image:\r\n    radial-gradient(circle, rgba(255, 255, 255, .75) 2px, transparent 2.5px);\r\n  background-size: 18px 18px;\r\n  -webkit-mask-image:\r\n    linear-gradient(90deg, transparent 0%, #000 18%, #000 84%, transparent 100%);\r\n  mask-image:\r\n    linear-gradient(90deg, transparent 0%, #000 18%, #000 84%, transparent 100%);\r\n}\r\n\r\n.tsc-value-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n}\r\n\r\n.tsc-value-title .tsc-eyebrow {\r\n  color: #fff !important;\r\n  opacity: .9;\r\n}\r\n\r\n.tsc-value-title h2 {\r\n  max-width: 520px;\r\n  color: #fff;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-value-visual {\r\n  width: min(100%, 460px);\r\n  margin-top: 25px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, .20);\r\n  border-radius: 0 54px 0 0;\r\n  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);\r\n}\r\n\r\n.tsc-value-visual img {\r\n  width: 100%;\r\n  height: 250px;\r\n  object-fit: cover;\r\n}\r\n\r\n.tsc-value-intro {\r\n  max-width: 660px;\r\n  color: rgba(255, 255, 255, .88) !important;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.tsc-benefit-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 10px 28px;\r\n  margin-top: 32px;\r\n}\r\n\r\n.tsc-benefit {\r\n  position: relative;\r\n  min-height: 46px;\r\n  padding: 12px 0 12px 31px;\r\n  color: rgba(255, 255, 255, .84);\r\n  border-bottom: 1px solid rgba(255, 255, 255, .12);\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.tsc-benefit::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 18px;\r\n  left: 0;\r\n  width: 12px;\r\n  height: 6px;\r\n  border-left: 2px solid var(--tsc-red);\r\n  border-bottom: 2px solid var(--tsc-red);\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.tsc-value-section .tsc-text-link {\r\n  margin-top: 26px;\r\n  color: #fff;\r\n}\r\n\r\n\/* =========================================================\r\n   WHY TS CHUAN\r\n   ========================================================= *\/\r\n\r\n.tsc-compliance-section {\r\n  padding: 86px 0 100px;\r\n  background: var(--tsc-bg);\r\n}\r\n\r\n.tsc-compliance-layout {\r\n  display: grid;\r\n  grid-template-columns: .8fr 1.2fr;\r\n  gap: 54px;\r\n  align-items: center;\r\n}\r\n\r\n.tsc-compliance-layout h2 {\r\n  color: #465365;\r\n  line-height: 1.24;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-support-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.tsc-support-card {\r\n  min-height: 170px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 22px;\r\n  text-align: center;\r\n  border: 1px solid var(--tsc-line);\r\n  border-radius: 18px;\r\n  background: #fff;\r\n  box-shadow: 0 14px 34px rgba(7, 26, 42, .06);\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.tsc-support-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 44px rgba(7, 26, 42, .10);\r\n}\r\n\r\n.tsc-support-mark {\r\n  width: 62px;\r\n  height: 62px;\r\n  display: grid;\r\n  place-items: center;\r\n  margin: 0 auto 12px;\r\n  overflow: hidden;\r\n  border-radius: 16px;\r\n  background: var(--tsc-navy);\r\n}\r\n\r\n.tsc-support-mark img {\r\n  width: 84px;\r\n  height: 84px;\r\n  max-width: none;\r\n  object-fit: cover;\r\n  transform-origin: center;\r\n  transition:\r\n    transform .48s cubic-bezier(.2, .68, .23, 1),\r\n    filter .48s ease;\r\n  will-change: transform;\r\n}\r\n\r\n.tsc-support-card:hover .tsc-support-mark img {\r\n  filter: brightness(1.06);\r\n}\r\n\r\n.tsc-support-card:nth-child(1):hover .tsc-support-mark img {\r\n  transform: rotate(-6deg) scale(1.06);\r\n}\r\n\r\n.tsc-support-card:nth-child(2):hover .tsc-support-mark img {\r\n  transform: translateY(-2px) scale(1.06);\r\n}\r\n\r\n.tsc-support-card:nth-child(3):hover .tsc-support-mark img {\r\n  transform: rotate(4deg) scale(1.06);\r\n}\r\n\r\n.tsc-support-card:nth-child(4):hover .tsc-support-mark img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.tsc-support-card strong {\r\n  display: block;\r\n  color: var(--tsc-navy);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.3;\r\n}\r\n\r\n.tsc-support-card span {\r\n  display: block;\r\n  margin-top: 7px;\r\n  color: var(--tsc-muted);\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* =========================================================\r\n   TRUSTED CLIENTS\r\n   ========================================================= *\/\r\n\r\n.tsc-partner-section {\r\n  padding: 92px 0 78px;\r\n  background: #fff;\r\n}\r\n\r\n.tsc-band-title {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  align-items: center;\r\n  gap: 28px;\r\n  margin-bottom: 48px;\r\n  color: var(--tsc-red);\r\n  text-align: center;\r\n}\r\n\r\n.tsc-band-title::before,\r\n.tsc-band-title::after {\r\n  content: \"\";\r\n  height: 3px;\r\n  background: var(--tsc-red);\r\n  opacity: .86;\r\n}\r\n\r\n.tsc-band-title h2 {\r\n  margin: 0;\r\n  color: var(--tsc-red);\r\n  white-space: nowrap;\r\n  font-weight: 500;\r\n}\r\n\r\n.tsc-partner-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, minmax(0, 1fr));\r\n  gap: 20px 18px;\r\n  align-items: stretch;\r\n}\r\n\r\n.tsc-partner-card {\r\n  min-height: 116px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 22px 16px;\r\n  overflow: hidden;\r\n  background: #fff;\r\n  border: 1px solid transparent;\r\n  border-radius: 14px;\r\n  filter: grayscale(100%);\r\n  opacity: .76;\r\n  transition:\r\n    transform .24s ease,\r\n    filter .24s ease,\r\n    opacity .24s ease,\r\n    border-color .24s ease,\r\n    box-shadow .24s ease;\r\n}\r\n\r\n.tsc-partner-card:hover {\r\n  opacity: 1;\r\n  filter: grayscale(0%);\r\n  transform: translateY(-5px);\r\n  border-color: var(--tsc-line);\r\n  box-shadow: 0 16px 38px rgba(7, 26, 42, .09);\r\n}\r\n\r\n.tsc-partner-card img {\r\n  width: auto;\r\n  max-width: 100%;\r\n  height: auto;\r\n  max-height: 62px;\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n.tsc-partner-card:nth-child(1) img,\r\n.tsc-partner-card:nth-child(2) img,\r\n.tsc-partner-card:nth-child(3) img {\r\n  max-height: 68px;\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL APPEARANCE\r\n   ========================================================= *\/\r\n\r\n.tsc-home-approved.tsc-motion-ready [data-tsc-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .72s cubic-bezier(.2, .68, .23, 1);\r\n  transition-delay: var(--tsc-delay, 0ms);\r\n}\r\n\r\n.tsc-home-approved.tsc-motion-ready [data-tsc-reveal=\"left\"] {\r\n  transform: translateX(-24px);\r\n}\r\n\r\n.tsc-home-approved.tsc-motion-ready [data-tsc-reveal=\"right\"] {\r\n  transform: translateX(24px);\r\n}\r\n\r\n.tsc-home-approved.tsc-motion-ready [data-tsc-reveal].tsc-visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .tsc-hero-bg {\r\n    object-position: 62% center;\r\n  }\r\n\r\n  .tsc-hero h1 {\r\n    font-size: clamp(48px, 6vw, 66px);\r\n  }\r\n\r\n  .tsc-entry-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .tsc-entry-card:nth-child(3) {\r\n    grid-column: 1 \/ -1;\r\n    border-top: 1px solid rgba(255, 255, 255, .13);\r\n  }\r\n\r\n  .tsc-application-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .tsc-value-grid,\r\n  .tsc-compliance-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tsc-partner-grid {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 720px) {\r\n  .tsc-container,\r\n  .tsc-hero-wrap,\r\n  .tsc-entry-grid {\r\n    width: min(100% - 28px, 1200px);\r\n  }\r\n\r\n  .tsc-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .tsc-hero-bg {\r\n    object-position: 68% center;\r\n  }\r\n\r\n  .tsc-hero::before {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(7, 26, 42, .93) 0%,\r\n        rgba(7, 26, 42, .84) 55%,\r\n        rgba(7, 26, 42, .48) 100%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7, 26, 42, .12) 0%,\r\n        rgba(7, 26, 42, .28) 100%\r\n      );\r\n  }\r\n\r\n  .tsc-hero-wrap {\r\n    padding: 88px 0 86px;\r\n  }\r\n\r\n  .tsc-hero-box {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .tsc-hero h1 {\r\n    font-size: clamp(40px, 11vw, 56px);\r\n    line-height: 1.04;\r\n  }\r\n\r\n  .tsc-hero h1 span {\r\n    white-space: normal;\r\n  }\r\n\r\n  .tsc-hero .tsc-lead {\r\n    max-width: 100%;\r\n    padding-left: 16px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .tsc-btn-row {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .tsc-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .tsc-entry-grid,\r\n  .tsc-application-grid,\r\n  .tsc-benefit-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tsc-entry-card,\r\n  .tsc-entry-card:first-child {\r\n    border-left: 0;\r\n    border-top: 1px solid rgba(255, 255, 255, .13);\r\n  }\r\n\r\n  .tsc-entry-card:first-child {\r\n    border-top: 0;\r\n  }\r\n\r\n  .tsc-entry-card:nth-child(3) {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .tsc-entry-number {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .tsc-applications,\r\n  .tsc-value-section,\r\n  .tsc-partner-section,\r\n  .tsc-compliance-section {\r\n    padding-top: 70px;\r\n    padding-bottom: 70px;\r\n  }\r\n\r\n  .tsc-applications-head {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .tsc-application-card {\r\n    min-height: auto;\r\n  }\r\n\r\n  .tsc-value-grid {\r\n    gap: 42px;\r\n  }\r\n\r\n  .tsc-value-visual {\r\n    width: 100%;\r\n  }\r\n\r\n  .tsc-value-visual img {\r\n    height: 220px;\r\n  }\r\n\r\n  .tsc-band-title {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tsc-band-title::before,\r\n  .tsc-band-title::after {\r\n    display: none;\r\n  }\r\n\r\n  .tsc-band-title h2 {\r\n    white-space: normal;\r\n  }\r\n\r\n  .tsc-partner-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .tsc-support-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tsc-compliance-layout {\r\n    gap: 34px;\r\n  }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n  .tsc-partner-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tsc-home-approved *,\r\n  .tsc-home-approved *::before,\r\n  .tsc-home-approved *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n  .tsc-home-approved [data-tsc-reveal] {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"tsc-home-approved\" id=\"tsc-approved-home-revised\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"tsc-hero\" aria-labelledby=\"tsc-home-title\">\r\n    <img\r\n      class=\"tsc-hero-bg\"\r\n      src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-09_34_42-AM-1.webp\"\r\n      alt=\"Large modern wastewater treatment facility with workers and screening equipment\"\r\n      loading=\"eager\"\r\n      fetchpriority=\"high\"\r\n      decoding=\"async\"\r\n    \/>\r\n\r\n    <div class=\"tsc-hero-wrap\">\r\n      <div class=\"tsc-hero-box\" data-tsc-reveal=\"left\">\r\n        <p class=\"tsc-eyebrow\">Wastewater Solution Provider<\/p>\r\n\r\n        <h1 id=\"tsc-home-title\">\r\n          <span>Integrated Wastewater<\/span>\r\n          <span>Treatment Solutions<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"tsc-lead\">\r\n          TS Chuan brings together own-manufactured equipment, international\r\n          partner technologies, and local project support for municipal and\r\n          industrial wastewater applications.\r\n        <\/p>\r\n\r\n        <div class=\"tsc-btn-row\">\r\n          <a\r\n            class=\"tsc-btn tsc-btn-red\"\r\n            href=\"https:\/\/dev.tschuan.com\/?page_id=142\"\r\n          >\r\n            Explore Solutions\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"tsc-btn tsc-btn-glass\"\r\n            href=\"https:\/\/dev.tschuan.com\/?page_id=205\"\r\n          >\r\n            Contact Us\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MAIN BUSINESS AREAS -->\r\n  <section class=\"tsc-entry-strip\" aria-label=\"Main business areas\">\r\n    <div class=\"tsc-entry-grid\">\r\n\r\n      <a\r\n        class=\"tsc-entry-card\"\r\n        href=\"https:\/\/dev.tschuan.com\/?tsc_product_group=ts-chuan-products\"\r\n        data-tsc-reveal\r\n      >\r\n        <span class=\"tsc-entry-number\">01<\/span>\r\n        <h3>TS Chuan Products<\/h3>\r\n        <p>\r\n          Wastewater equipment developed and manufactured under the TS Chuan\r\n          product range.\r\n        <\/p>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"tsc-entry-card\"\r\n        href=\"https:\/\/dev.tschuan.com\/?tsc_product_group=partner-technologies\"\r\n        data-tsc-reveal\r\n        style=\"--tsc-delay:80ms\"\r\n      >\r\n        <span class=\"tsc-entry-number\">02<\/span>\r\n        <h3>Partner Technologies<\/h3>\r\n        <p>\r\n          International technologies represented, coordinated, and locally\r\n          supported by TS Chuan.\r\n        <\/p>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"tsc-entry-card\"\r\n        href=\"https:\/\/dev.tschuan.com\/?page_id=40\"\r\n        data-tsc-reveal\r\n        style=\"--tsc-delay:160ms\"\r\n      >\r\n        <span class=\"tsc-entry-number\">03<\/span>\r\n        <h3>Project Services<\/h3>\r\n        <p>\r\n          Technical support from equipment selection through project\r\n          coordination and after-sales service.\r\n        <\/p>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MARKETS WE SUPPORT -->\r\n  <section class=\"tsc-applications\" id=\"markets-we-support\">\r\n    <div class=\"tsc-container\">\r\n\r\n      <div class=\"tsc-applications-head\" data-tsc-reveal>\r\n        <p class=\"tsc-eyebrow\">Markets We Support<\/p>\r\n        <h2>Solutions for Key Water &amp; Wastewater Applications<\/h2>\r\n        <p class=\"tsc-applications-intro\">\r\n          Equipment and technologies for municipal, industrial, treatment,\r\n          and flow-control infrastructure.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tsc-application-grid\">\r\n\r\n        <!-- STP -->\r\n        <article class=\"tsc-application-card\" data-tsc-reveal>\r\n          <div class=\"tsc-application-top\">\r\n            <div class=\"tsc-application-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 20V9l8-5 8 5v11\" \/>\r\n                <path d=\"M8 20v-5h8v5\" \/>\r\n                <path d=\"M8 10h.01M12 10h.01M16 10h.01\" \/>\r\n                <path d=\"M3 21h18\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"tsc-application-code\">STP<\/span>\r\n          <\/div>\r\n          <h3>Municipal Wastewater<\/h3>\r\n          <p>Sewage treatment plants and public wastewater projects.<\/p>\r\n        <\/article>\r\n\r\n        <!-- IND -->\r\n        <article\r\n          class=\"tsc-application-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:70ms\"\r\n        >\r\n          <div class=\"tsc-application-top\">\r\n            <div class=\"tsc-application-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M3 21V10l6 3V9l6 4V7l6 3v11\" \/>\r\n                <path d=\"M3 21h18\" \/>\r\n                <path d=\"M7 17h.01M11 17h.01M15 17h.01M19 17h.01\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"tsc-application-code\">IND<\/span>\r\n          <\/div>\r\n          <h3>Industrial Wastewater<\/h3>\r\n          <p>Process wastewater systems for industrial facilities.<\/p>\r\n        <\/article>\r\n\r\n        <!-- WTP -->\r\n        <article\r\n          class=\"tsc-application-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:140ms\"\r\n        >\r\n          <div class=\"tsc-application-top\">\r\n            <div class=\"tsc-application-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 3s6 6.1 6 11a6 6 0 1 1-12 0c0-4.9 6-11 6-11Z\" \/>\r\n                <path d=\"M9.5 15.5c.8 1 1.7 1.5 2.8 1.5\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"tsc-application-code\">WTP<\/span>\r\n          <\/div>\r\n          <h3>Water Treatment Plants<\/h3>\r\n          <p>Water intake and treatment-process equipment.<\/p>\r\n        <\/article>\r\n\r\n        <!-- FCS -->\r\n        <article\r\n          class=\"tsc-application-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:210ms\"\r\n        >\r\n          <div class=\"tsc-application-top\">\r\n            <div class=\"tsc-application-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 4v16M19 4v16\" \/>\r\n                <path d=\"M7 7h10v8H7z\" \/>\r\n                <path d=\"m9 15 6-8\" \/>\r\n                <path d=\"M3 19c1.4 0 1.4 1 2.8 1s1.4-1 2.8-1 1.4 1 2.8 1 1.4-1 2.8-1 1.4 1 2.8 1 1.4-1 2.8-1\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"tsc-application-code\">FCS<\/span>\r\n          <\/div>\r\n          <h3>Flap Control Station<\/h3>\r\n          <p>Flow regulation and backflow-control infrastructure.<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tsc-applications-footer\" data-tsc-reveal>\r\n        <a\r\n          class=\"tsc-text-link\"\r\n          href=\"https:\/\/dev.tschuan.com\/?page_id=205\"\r\n          style=\"color:var(--tsc-blue)\"\r\n        >\r\n          Discuss Your Application <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FEATURED SOLUTIONS -->\r\n  <section class=\"tsc-value-section\">\r\n    <div class=\"tsc-container tsc-value-grid\">\r\n\r\n      <div class=\"tsc-value-title\" data-tsc-reveal=\"left\">\r\n        <p class=\"tsc-eyebrow\">Featured Solutions<\/p>\r\n        <h2>Equipment and Technologies for the Treatment Process<\/h2>\r\n\r\n        <div class=\"tsc-value-visual\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-09_44_08-AM.webp\"\r\n            alt=\"Stainless-steel mechanical screening equipment at a wastewater treatment facility\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div data-tsc-reveal=\"right\">\r\n        <p class=\"tsc-value-intro\">\r\n          Explore solution areas across pre-treatment, grit handling, aeration,\r\n          sludge management, biological treatment, and separation. Detailed\r\n          models and partner brands remain organised within the Product section.\r\n        <\/p>\r\n\r\n        <div class=\"tsc-benefit-grid\">\r\n          <div class=\"tsc-benefit\">Screening &amp; Pre-Treatment<\/div>\r\n          <div class=\"tsc-benefit\">Grit Remover System<\/div>\r\n          <div class=\"tsc-benefit\">Material Handling &amp; Conveying<\/div>\r\n          <div class=\"tsc-benefit\">Blower &amp; Aeration Systems<\/div>\r\n          <div class=\"tsc-benefit\">Sludge Thickening &amp; Handling<\/div>\r\n          <div class=\"tsc-benefit\">Surface Skimming &amp; Scum Removal<\/div>\r\n          <div class=\"tsc-benefit\">Biological Treatment Systems<\/div>\r\n          <div class=\"tsc-benefit\">Centrifuge Separation<\/div>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"tsc-text-link\"\r\n          href=\"https:\/\/dev.tschuan.com\/?page_id=142\"\r\n        >\r\n          View All Products <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WHY TS CHUAN -->\r\n  <section class=\"tsc-compliance-section\">\r\n    <div class=\"tsc-container tsc-compliance-layout\">\r\n\r\n      <div data-tsc-reveal=\"left\">\r\n        <p class=\"tsc-eyebrow\">Why TS Chuan<\/p>\r\n        <h2>International Technology With Local Project Support<\/h2>\r\n\r\n        <p>\r\n          TS Chuan helps customers work with both local equipment and\r\n          international technologies through a Malaysia-based team that\r\n          understands project coordination and long-term support needs.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"tsc-text-link\"\r\n          href=\"https:\/\/dev.tschuan.com\/?page_id=28\"\r\n          style=\"color:var(--tsc-blue)\"\r\n        >\r\n          Learn About TS Chuan <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"tsc-support-grid\">\r\n\r\n        <div class=\"tsc-support-card\" data-tsc-reveal>\r\n          <div>\r\n            <div class=\"tsc-support-mark\">\r\n              <img\r\n                src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-10_18_18-AM.webp\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              \/>\r\n            <\/div>\r\n            <strong>Local Engineering Support<\/strong>\r\n            <span>\r\n              Practical technical communication and product coordination.\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"tsc-support-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:70ms\"\r\n        >\r\n          <div>\r\n            <div class=\"tsc-support-mark\">\r\n              <img\r\n                src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-10_18_12-AM.webp\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              \/>\r\n            <\/div>\r\n            <strong>Malaysian Project Experience<\/strong>\r\n            <span>\r\n              Support informed by local project and authority requirements.\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"tsc-support-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:140ms\"\r\n        >\r\n          <div>\r\n            <div class=\"tsc-support-mark\">\r\n              <img\r\n                src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-10_18_06-AM.webp\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              \/>\r\n            <\/div>\r\n            <strong>Installation &amp; Commissioning<\/strong>\r\n            <span>\r\n              Local assistance during site installation, testing, and start-up.\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"tsc-support-card\"\r\n          data-tsc-reveal\r\n          style=\"--tsc-delay:210ms\"\r\n        >\r\n          <div>\r\n            <div class=\"tsc-support-mark\">\r\n              <img\r\n                src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-10_18_00-AM-1.png\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              \/>\r\n            <\/div>\r\n            <strong>After-Sales Support<\/strong>\r\n            <span>\r\n              Ongoing communication for service, repairs, spare parts, and warranty.\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!--\r\n    FEATURED PROJECTS \/ ACHIEVEMENTS\r\n    Add this section only after TS Chuan provides confirmed project names,\r\n    approved photographs, project scope, and verified achievement details.\r\n  -->\r\n\r\n  <!-- TRUSTED BY -->\r\n  <section class=\"tsc-partner-section\">\r\n    <div class=\"tsc-container\">\r\n\r\n      <div class=\"tsc-band-title\" data-tsc-reveal>\r\n        <h2>Trusted By<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"tsc-partner-grid\">\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal>\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/VIE.PA_BIG.png\"\r\n            alt=\"VIE.PA logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:55ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/logo-2.png\"\r\n            alt=\"Client logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:110ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/JBALB-logo-.jpg\"\r\n            alt=\"JBALB logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:165ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/indah-water-seeklogo.png\"\r\n            alt=\"Indah Water logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:220ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/jfe-holdings-seeklogo.png\"\r\n            alt=\"JFE Holdings logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:275ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/Air-Selangor-Logo-Full-Colour-scaled.png\"\r\n            alt=\"Air Selangor logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tsc-partner-card\" data-tsc-reveal style=\"--tsc-delay:330ms\">\r\n          <img\r\n            src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/xylem-seeklogo.png\"\r\n            alt=\"Xylem logo\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById('tsc-approved-home-revised');\r\n\r\n  if (!root || root.dataset.tscInitialised === 'true') {\r\n    return;\r\n  }\r\n\r\n  root.dataset.tscInitialised = 'true';\r\n\r\n  const reduceMotion = window.matchMedia(\r\n    '(prefers-reduced-motion: reduce)'\r\n  ).matches;\r\n\r\n  const revealItems = root.querySelectorAll('[data-tsc-reveal]');\r\n\r\n  if (reduceMotion || !('IntersectionObserver' in window)) {\r\n    revealItems.forEach(function (item) {\r\n      item.classList.add('tsc-visible');\r\n    });\r\n    return;\r\n  }\r\n\r\n  root.classList.add('tsc-motion-ready');\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries, obs) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) {\r\n          return;\r\n        }\r\n\r\n        entry.target.classList.add('tsc-visible');\r\n        obs.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.13,\r\n      rootMargin: '0px 0px -6% 0px'\r\n    }\r\n  );\r\n\r\n  revealItems.forEach(function (item) {\r\n    observer.observe(item);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4d0c6c e-flex e-con-boxed e-con e-parent\" data-id=\"b4d0c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-badbe89 elementor-widget elementor-widget-shortcode\" data-id=\"badbe89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section id=\"tsch-9568c92a-6c83-403c-95df-2b435228fa0f\" class=\"tsch-home-insights\">\n        <style>\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f {\n                --navy:#071a2a;\n                --blue:#0e3550;\n                --red:#c9252d;\n                --red-dark:#a51f25;\n                --paper:#f4f7fa;\n                --line:#d8e2ea;\n                --ink:#17233a;\n                --muted:#63738a;\n\n                position:relative;\n                width:100vw;\n                max-width:100vw;\n                margin-left:calc(50% - 50vw);\n                overflow:hidden;\n                padding:98px 0;\n                color:var(--ink);\n                background:#fff;\n                font-family:\"Segoe UI\",Arial,Helvetica,sans-serif;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *,\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *::before,\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *::after {\n                box-sizing:border-box;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f a {\n                color:inherit;\n                text-decoration:none;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-shell {\n                width:min(1200px,calc(100% - 40px));\n                margin:0 auto;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-head {\n                display:grid;\n                grid-template-columns:minmax(0,1fr) minmax(300px,455px);\n                gap:58px;\n                align-items:end;\n                margin-bottom:44px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-eyebrow {\n                display:inline-flex;\n                align-items:center;\n                gap:11px;\n                margin-bottom:17px;\n                color:var(--red);\n                font-size:12px;\n                font-weight:600;\n                letter-spacing:2px;\n                text-transform:uppercase;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-eyebrow::before {\n                content:\"\";\n                width:45px;\n                height:2px;\n                border-radius:999px;\n                background:currentColor;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f h2 {\n                max-width:720px;\n                margin:0;\n                color:var(--navy);\n                font-size:clamp(37px,4vw,54px);\n                font-weight:500;\n                line-height:1.06;\n                letter-spacing:-1.45px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-intro {\n                margin:0;\n                color:var(--muted);\n                font-size:16px;\n                line-height:1.75;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid {\n                display:grid;\n                grid-template-columns:repeat(3,minmax(0,1fr));\n                gap:22px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid.is-count-1 {\n                grid-template-columns:minmax(0,390px);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid.is-count-2 {\n                max-width:810px;\n                grid-template-columns:repeat(2,minmax(0,1fr));\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-card {\n                min-width:0;\n                overflow:hidden;\n                display:flex;\n                flex-direction:column;\n                border:1px solid var(--line);\n                border-radius:26px;\n                background:#fff;\n                box-shadow:0 18px 46px rgba(7,26,42,.08);\n                transition:transform .28s ease,box-shadow .28s ease;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-card:hover {\n                transform:translateY(-7px);\n                box-shadow:0 26px 60px rgba(7,26,42,.14);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-media {\n                position:relative;\n                height:220px;\n                overflow:hidden;\n                display:block;\n                background:linear-gradient(135deg,var(--navy),var(--blue));\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-media img {\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                transition:transform .65s ease;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-card:hover .tsch-media img {\n                transform:scale(1.05);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-placeholder {\n                position:absolute;\n                inset:0;\n                display:grid;\n                place-items:center;\n                padding:28px;\n                color:rgba(255,255,255,.82);\n                text-align:center;\n                font-size:11px;\n                font-weight:600;\n                letter-spacing:1.4px;\n                text-transform:uppercase;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-body {\n                flex:1;\n                display:flex;\n                flex-direction:column;\n                padding:25px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-meta {\n                color:var(--red);\n                font-size:10px;\n                font-weight:600;\n                letter-spacing:1px;\n                text-transform:uppercase;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f h3 {\n                margin:11px 0 0;\n                color:var(--navy);\n                font-size:23px;\n                font-weight:500;\n                line-height:1.2;\n                letter-spacing:-.45px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-excerpt {\n                margin:14px 0 0;\n                color:var(--muted);\n                font-size:14px;\n                line-height:1.65;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-link {\n                display:inline-flex;\n                align-items:center;\n                gap:8px;\n                margin-top:auto;\n                padding-top:22px;\n                color:var(--blue);\n                font-size:13px;\n                font-weight:600;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-link span {\n                transition:transform .22s ease;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-card:hover .tsch-link span {\n                transform:translateX(4px);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-footer {\n                display:flex;\n                justify-content:flex-end;\n                margin-top:34px;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-button {\n                min-height:50px;\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                padding:14px 22px;\n                border:1px solid rgba(7,26,42,.24);\n                border-radius:999px;\n                color:var(--navy);\n                background:#fff;\n                font-size:13px;\n                font-weight:600;\n                transition:.24s ease;\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-button:hover {\n                color:#fff;\n                border-color:var(--navy);\n                background:var(--navy);\n                transform:translateY(-2px);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f.tsch-motion .tsch-reveal {\n                opacity:0;\n                transform:translateY(22px);\n                transition:opacity .72s ease,transform .72s cubic-bezier(.2,.68,.23,1);\n                transition-delay:var(--tsch-delay,0ms);\n            }\n\n            #tsch-9568c92a-6c83-403c-95df-2b435228fa0f.tsch-motion .tsch-reveal.is-visible {\n                opacity:1;\n                transform:none;\n            }\n\n            @media(max-width:960px) {\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-head {\n                    grid-template-columns:1fr;\n                    gap:18px;\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid.is-count-2 {\n                    max-width:none;\n                    grid-template-columns:repeat(2,minmax(0,1fr));\n                }\n            }\n\n            @media(max-width:680px) {\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f {\n                    padding:72px 0;\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-shell {\n                    width:calc(100% - 28px);\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid.is-count-1,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-grid.is-count-2 {\n                    grid-template-columns:1fr;\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-media {\n                    height:210px;\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-footer,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-button {\n                    width:100%;\n                }\n            }\n\n            @media(prefers-reduced-motion:reduce) {\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *::before,\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f *::after {\n                    animation:none !important;\n                    transition:none !important;\n                }\n\n                #tsch-9568c92a-6c83-403c-95df-2b435228fa0f .tsch-reveal {\n                    opacity:1 !important;\n                    transform:none !important;\n                }\n            }\n        <\/style>\n\n        <div class=\"tsch-shell\">\n            <div class=\"tsch-head tsch-reveal\">\n                <div>\n                    <span class=\"tsch-eyebrow\">Insight<\/span>\n                    <h2>Ideas, Technology &amp; Industry Perspectives<\/h2>\n                <\/div>\n\n                <p class=\"tsch-intro\">\n                    Explore technical knowledge, equipment guidance, technology developments,\n                    project experience and industry updates from TS Chuan.\n                <\/p>\n            <\/div>\n\n            <div class=\"tsch-grid is-count-1\">\n                                                                        <article class=\"tsch-card tsch-reveal\" style=\"--tsch-delay:0ms\">\n                        <a class=\"tsch-media\" href=\"https:\/\/dev.tschuan.com\/?p=198\" aria-label=\"Why Mechanical Screening Matters in Wastewater Treatment\">\n                                                            <span class=\"tsch-placeholder\">TS Chuan Insight<\/span>\n                                                    <\/a>\n\n                        <div class=\"tsch-body\">\n                            <span class=\"tsch-meta\">\n                                Technical Insight \u00b7\n                                Jul 2026                            <\/span>\n\n                            <h3>\n                                <a href=\"https:\/\/dev.tschuan.com\/?p=198\">\n                                    Why Mechanical Screening Matters in Wastewater Treatment                                <\/a>\n                            <\/h3>\n\n                            <p class=\"tsch-excerpt\">\n                                Wastewater entering a treatment plant can contain more than dissolved contaminants. It may also carry plastics, rags, paper, fibres, leaves, food residues, and other\u2026                            <\/p>\n\n                            <a class=\"tsch-link\" href=\"https:\/\/dev.tschuan.com\/?p=198\">\n                                Read Insight <span>\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/article>\n                                                                <\/div>\n\n            <div class=\"tsch-footer tsch-reveal\">\n                <a class=\"tsch-button\" href=\"https:\/\/dev.tschuan.com\/?page_id=188\">\n                    View All Insights\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <script>\n            (function () {\n                const root = document.getElementById(\"tsch-9568c92a-6c83-403c-95df-2b435228fa0f\");\n                if (!root || root.dataset.ready === '1') return;\n                root.dataset.ready = '1';\n\n                const items = root.querySelectorAll('.tsch-reveal');\n                const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n                if (reduceMotion || !('IntersectionObserver' in window)) {\n                    items.forEach(function (item) {\n                        item.classList.add('is-visible');\n                    });\n                    return;\n                }\n\n                root.classList.add('tsch-motion');\n\n                const observer = new IntersectionObserver(function (entries, currentObserver) {\n                    entries.forEach(function (entry) {\n                        if (!entry.isIntersecting) return;\n                        entry.target.classList.add('is-visible');\n                        currentObserver.unobserve(entry.target);\n                    });\n                }, {\n                    threshold:0.13,\n                    rootMargin:'0px 0px -6% 0px'\n                });\n\n                items.forEach(function (item) {\n                    observer.observe(item);\n                });\n            })();\n        <\/script>\n    <\/section>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b35e3b e-flex e-con-boxed e-con e-parent\" data-id=\"7b35e3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa43f11 elementor-widget elementor-widget-html\" data-id=\"aa43f11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tsc-global-contact\" aria-labelledby=\"tsc-global-contact-title\">\r\n  <div class=\"tsc-global-contact__shell\">\r\n\r\n    <div class=\"tsc-global-contact__card\">\r\n\r\n      <!-- Decorative background -->\r\n      <div class=\"tsc-global-contact__grid\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tsc-global-contact__shape\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- Content -->\r\n      <div class=\"tsc-global-contact__content\">\r\n        <span class=\"tsc-global-contact__eyebrow\">\r\n          Contact Us\r\n        <\/span>\r\n\r\n        <h2 id=\"tsc-global-contact-title\">\r\n          Let\u2019s Discuss Your Project Requirements\r\n        <\/h2>\r\n\r\n        <p>\r\n          Share your application, equipment requirements, or upcoming project\r\n          with TS Chuan. Our team will review your enquiry and get in touch\r\n          with the appropriate next steps.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Action -->\r\n      <div class=\"tsc-global-contact__action\">\r\n        <a\r\n          href=\"https:\/\/dev.tschuan.com\/?page_id=205\"\r\n          class=\"tsc-global-contact__button\"\r\n          aria-label=\"Contact the TS Chuan team\"\r\n        >\r\n          <span>Contact Our Team<\/span>\r\n          <strong aria-hidden=\"true\">\u2192<\/strong>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   TS CHUAN \u2014 REUSABLE CONTACT CTA\r\n   Paste HTML + CSS into one Elementor HTML Widget\r\n   ========================================================= *\/\r\n\r\n.tsc-global-contact {\r\n  --tsc-contact-navy: #071a2a;\r\n  --tsc-contact-blue: #0e3550;\r\n  --tsc-contact-red: #c9252d;\r\n  --tsc-contact-red-dark: #a51f25;\r\n  --tsc-contact-white: #ffffff;\r\n  --tsc-contact-line: rgba(255, 255, 255, 0.13);\r\n\r\n  position: relative;\r\n\r\n  \/* Full-width outside the Elementor boxed container *\/\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n\r\n  overflow: hidden;\r\n  padding: 70px 0;\r\n  background: #ffffff;\r\n  font-family: \"Segoe UI\", Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.tsc-global-contact,\r\n.tsc-global-contact * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tsc-global-contact a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tsc-global-contact__shell {\r\n  width: min(1200px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.tsc-global-contact__card {\r\n  position: relative;\r\n  min-height: 340px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.35fr) minmax(270px, 0.65fr);\r\n  overflow: hidden;\r\n  border-radius: 34px;\r\n  color: var(--tsc-contact-white);\r\n  background:\r\n    radial-gradient(\r\n      circle at 18% 20%,\r\n      rgba(201, 37, 45, 0.18),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      var(--tsc-contact-navy),\r\n      var(--tsc-contact-blue)\r\n    );\r\n  box-shadow: 0 28px 80px rgba(7, 26, 42, 0.18);\r\n  animation: tscContactReveal 0.75s ease both;\r\n}\r\n\r\n\/* Decorative engineering grid *\/\r\n.tsc-global-contact__grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.11;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255, 255, 255, 0.12) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255, 255, 255, 0.12) 1px,\r\n      transparent 1px\r\n    );\r\n  background-size: 46px 46px;\r\n  mask-image: linear-gradient(\r\n    90deg,\r\n    #000,\r\n    rgba(0, 0, 0, 0.7) 65%,\r\n    transparent\r\n  );\r\n}\r\n\r\n\/* Decorative red outline *\/\r\n.tsc-global-contact__shape {\r\n  position: absolute;\r\n  top: -150px;\r\n  right: 13%;\r\n  width: 390px;\r\n  height: 560px;\r\n  border: 46px solid rgba(201, 37, 45, 0.13);\r\n  transform: rotate(17deg);\r\n  pointer-events: none;\r\n}\r\n\r\n.tsc-global-contact__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 54px 58px;\r\n}\r\n\r\n.tsc-global-contact__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  width: fit-content;\r\n  margin-bottom: 20px;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tsc-global-contact__eyebrow::before {\r\n  content: \"\";\r\n  width: 44px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: var(--tsc-contact-red);\r\n}\r\n\r\n.tsc-global-contact__content h2 {\r\n  max-width: 760px;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(37px, 4vw, 54px);\r\n  font-weight: 500;\r\n  line-height: 1.07;\r\n  letter-spacing: -1.4px;\r\n}\r\n\r\n.tsc-global-contact__content p {\r\n  max-width: 720px;\r\n  margin: 21px 0 0;\r\n  color: rgba(235, 242, 248, 0.78);\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* Right-side action area *\/\r\n.tsc-global-contact__action {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: 340px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 35px;\r\n  border-left: 1px solid var(--tsc-contact-line);\r\n  background: rgba(255, 255, 255, 0.055);\r\n  backdrop-filter: blur(5px);\r\n}\r\n\r\n.tsc-global-contact__button {\r\n  width: 178px;\r\n  height: 178px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  padding: 25px;\r\n  border: 1px solid rgba(255, 255, 255, 0.32);\r\n  border-radius: 50%;\r\n  color: #ffffff;\r\n  background: rgba(255, 255, 255, 0.035);\r\n  text-align: center;\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.tsc-global-contact__button span {\r\n  max-width: 110px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n}\r\n\r\n.tsc-global-contact__button strong {\r\n  font-size: 25px;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.tsc-global-contact__button:hover {\r\n  color: #ffffff;\r\n  border-color: var(--tsc-contact-red);\r\n  background: var(--tsc-contact-red);\r\n  transform: scale(1.055);\r\n  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.tsc-global-contact__button:hover strong {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Entry animation *\/\r\n@keyframes tscContactReveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n  .tsc-global-contact__card {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tsc-global-contact__action {\r\n    min-height: 240px;\r\n    border-top: 1px solid var(--tsc-contact-line);\r\n    border-left: 0;\r\n  }\r\n\r\n  .tsc-global-contact__content {\r\n    padding: 48px 42px;\r\n  }\r\n\r\n  .tsc-global-contact__shape {\r\n    right: -100px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  .tsc-global-contact {\r\n    padding: 50px 0;\r\n  }\r\n\r\n  .tsc-global-contact__shell {\r\n    width: calc(100% - 28px);\r\n  }\r\n\r\n  .tsc-global-contact__card {\r\n    min-height: auto;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .tsc-global-contact__content {\r\n    padding: 39px 27px;\r\n  }\r\n\r\n  .tsc-global-contact__content h2 {\r\n    font-size: 36px;\r\n    line-height: 1.09;\r\n  }\r\n\r\n  .tsc-global-contact__content p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .tsc-global-contact__action {\r\n    min-height: 215px;\r\n    padding: 28px;\r\n  }\r\n\r\n  .tsc-global-contact__button {\r\n    width: 155px;\r\n    height: 155px;\r\n  }\r\n}\r\n\r\n\/* Accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tsc-global-contact__card,\r\n  .tsc-global-contact__button,\r\n  .tsc-global-contact__button strong {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\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>Wastewater Solution Provider Integrated Wastewater Treatment Solutions TS Chuan brings together own-manufactured equipment, international partner technologies, and local project support for municipal and industrial wastewater applications. Explore Solutions Contact Us 01 TS Chuan Products Wastewater equipment developed and manufactured under the TS Chuan product range. 02 Partner Technologies International technologies represented, coordinated, and locally supported [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":26,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}