{"id":40,"date":"2026-07-14T16:56:14","date_gmt":"2026-07-14T16:56:14","guid":{"rendered":"https:\/\/dev.tschuan.com\/?page_id=40"},"modified":"2026-07-21T17:10:33","modified_gmt":"2026-07-21T17:10:33","slug":"service","status":"publish","type":"page","link":"https:\/\/dev.tschuan.com\/?page_id=40","title":{"rendered":"Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5a79e7 e-flex e-con-boxed e-con e-parent\" data-id=\"a5a79e7\" 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-bd0abe1 elementor-widget elementor-widget-html\" data-id=\"bd0abe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nTS CHUAN \u2014 SERVICE PAGE \u2014 FULL UPDATED VERSION (HOMEPAGE-STYLE HERO)\r\n\r\nUse this entire file inside one Elementor HTML Widget.\r\n\r\nElementor parent container:\r\n- Content Width: Full Width\r\n- Width: 100%\r\n- Padding: 0\r\n- Margin: 0\r\n- Gap: 0\r\n\r\nIMAGE SETUP COMPLETE\r\n1. Service Hero\r\n2. Plan & Select\r\n3. Prepare & Coordinate \u2014 Main\r\n4. Prepare & Coordinate \u2014 Detail\r\n5. Partner Technologies \u2014 Main\r\n6. Partner Technologies \u2014 Detail\r\n\r\nSupport & Maintain intentionally uses a navy gradient background without a photo.\r\n\r\nWorking links:\r\n- Discuss Your Project:\r\n  https:\/\/dev.tschuan.com\/?page_id=205\r\n- Explore Services:\r\n  #service-journey\r\n- Explore Partner Technologies:\r\n  https:\/\/dev.tschuan.com\/?tsc_product_group=partner-technologies\r\n\r\nThe old Service-page Contact section has been removed.\r\nPlace the reusable global Contact CTA HTML Widget below this widget.\r\n-->\r\n<main aria-label=\"TS Chuan services\" class=\"tsc-service-v4\">\r\n<style>\r\n    .tsc-service-v4 {\r\n      --navy:#071A2A;\r\n      --navy-2:#0D263A;\r\n      --navy-3:#133148;\r\n      --red:#C9252D;\r\n      --red-dark:#A91F26;\r\n      --blue:#176CAB;\r\n      --paper:#F5F7FA;\r\n      --white:#FFFFFF;\r\n      --text:#1D2937;\r\n      --muted:#68778A;\r\n      --line:#DCE3EA;\r\n      --shadow:0 24px 68px rgba(7,26,42,.13);\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      color:var(--text);\r\n      background:#fff;\r\n      font-family:\"Segoe UI\",Arial,Helvetica,sans-serif;\r\n      line-height:1.65;\r\n    }\r\n\r\n    .tsc-service-v4,\r\n    .tsc-service-v4 * { box-sizing:border-box; }\r\n\r\n    .tsc-service-v4 a {\r\n      color:inherit;\r\n      text-decoration:none;\r\n    }\r\n\r\n    .tsc-service-v4 img {\r\n      display:block;\r\n      width:100%;\r\n      max-width:100%;\r\n    }\r\n\r\n    .tsc-service-v4 h1,\r\n    .tsc-service-v4 h2,\r\n    .tsc-service-v4 h3,\r\n    .tsc-service-v4 p,\r\n    .tsc-service-v4 figure {\r\n      margin-top:0;\r\n    }\r\n\r\n    .tsc-service-v4 h1,\r\n    .tsc-service-v4 h2,\r\n    .tsc-service-v4 h3 {\r\n      margin-bottom:0;\r\n      font-weight:500;\r\n      letter-spacing:-.65px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-container {\r\n      width:min(1200px,calc(100% - 40px));\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-section {\r\n      padding:104px 0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-eyebrow {\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:11px;\r\n      margin-bottom:17px;\r\n      color:var(--red);\r\n      font-size:12px;\r\n      font-weight:600;\r\n      letter-spacing:1.8px;\r\n      line-height:1;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-eyebrow::before {\r\n      content:\"\";\r\n      width:38px;\r\n      height:2px;\r\n      flex:0 0 auto;\r\n      background:currentColor;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-section-title {\r\n      max-width:720px;\r\n      color:var(--navy);\r\n      font-size:clamp(34px,3.7vw,54px);\r\n      line-height:1.07;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-section-copy {\r\n      max-width:610px;\r\n      margin:19px 0 0;\r\n      color:var(--muted);\r\n      font-size:16px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button {\r\n      min-height:50px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:11px;\r\n      padding:14px 23px;\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:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button::after {\r\n      content:\"\u2192\";\r\n      font-size:18px;\r\n      transition:transform .22s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button:hover {\r\n      transform:translateY(-2px);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button:hover::after {\r\n      transform:translateX(4px);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button-red {\r\n      background:var(--red);\r\n      color:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button-red:hover {\r\n      background:var(--red-dark);\r\n      box-shadow:0 14px 30px rgba(201,37,45,.2);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button-outline {\r\n      border-color:rgba(255,255,255,.34);\r\n      color:#fff;\r\n      background:rgba(255,255,255,.04);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-button-outline:hover {\r\n      border-color:rgba(255,255,255,.62);\r\n      background:rgba(255,255,255,.09);\r\n    }\r\n\r\n    \/* HERO \u2014 HOMEPAGE-STYLE FULL BACKGROUND IMAGE *\/\r\n    .tsc-service-v4 .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(--navy);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero-bg {\r\n      position:absolute!important;\r\n      inset:0!important;\r\n      z-index:0;\r\n      width:100%!important;\r\n      max-width:none!important;\r\n      height:100%!important;\r\n      margin:0!important;\r\n      object-fit:cover;\r\n      object-position:center center;\r\n      filter:saturate(.96) contrast(1.02) brightness(.90);\r\n      transform:scale(1.04);\r\n      transition:transform 1.45s cubic-bezier(.2,.72,.25,1);\r\n    }\r\n\r\n    .tsc-service-v4.is-ready .tsc-hero-bg {\r\n      transform:scale(1);\r\n    }\r\n\r\n    .tsc-service-v4 .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,.92) 0%,\r\n          rgba(7,26,42,.84) 29%,\r\n          rgba(7,26,42,.61) 51%,\r\n          rgba(7,26,42,.30) 73%,\r\n          rgba(7,26,42,.15) 100%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(7,26,42,.12) 0%,\r\n          rgba(7,26,42,.05) 43%,\r\n          rgba(7,26,42,.36) 100%\r\n        );\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero-inner {\r\n      position:relative;\r\n      z-index:2;\r\n      width:min(1200px,calc(100% - 40px));\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:112px 0 124px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero-copy {\r\n      width:100%;\r\n      max-width:760px;\r\n      margin:0;\r\n      color:#fff;\r\n      text-align:left;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero .tsc-eyebrow {\r\n      color:#F0444C;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero h1 {\r\n      max-width:760px;\r\n      color:#fff;\r\n      font-size:clamp(48px,5vw,74px);\r\n      line-height:1.02;\r\n      letter-spacing:-1.15px;\r\n      text-shadow:0 10px 28px rgba(0,0,0,.25);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero p {\r\n      max-width:620px;\r\n      margin:26px 0 0;\r\n      padding-left:19px;\r\n      border-left:3px solid var(--red);\r\n      color:rgba(245,248,251,.90);\r\n      font-size:17px;\r\n      line-height:1.68;\r\n      text-shadow:0 6px 18px rgba(0,0,0,.20);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-hero-actions {\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:13px;\r\n      margin-top:33px;\r\n    }\r\n\r\n    \/* JOURNEY OVERVIEW *\/\r\n    .tsc-service-v4 .tsc-journey {\r\n      position:relative;\r\n      background:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-journey-heading {\r\n      max-width:760px;\r\n      margin-bottom:48px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-journey-stage {\r\n      position:relative;\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      border-top:1px solid var(--line);\r\n      border-bottom:1px solid var(--line);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-journey-stage::before {\r\n      content:\"\";\r\n      position:absolute;\r\n      left:0;\r\n      top:-2px;\r\n      width:0;\r\n      height:3px;\r\n      background:var(--red);\r\n      transition:width 1.35s cubic-bezier(.2,.72,.25,1);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-journey.is-visible .tsc-journey-stage::before {\r\n      width:100%;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage {\r\n      min-height:218px;\r\n      padding:31px 32px;\r\n      border-right:1px solid var(--line);\r\n      background:#fff;\r\n      transition:background .25s ease,transform .25s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage:last-child {\r\n      border-right:0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage:hover {\r\n      background:var(--paper);\r\n      transform:translateY(-5px);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage-number {\r\n      display:block;\r\n      margin-bottom:39px;\r\n      color:var(--red);\r\n      font-size:13px;\r\n      font-weight:600;\r\n      letter-spacing:1.3px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage h3 {\r\n      color:var(--navy);\r\n      font-size:24px;\r\n      line-height:1.2;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage p {\r\n      margin:12px 0 0;\r\n      color:var(--muted);\r\n      font-size:14px;\r\n      line-height:1.58;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage-tags {\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:8px;\r\n      margin-top:19px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-stage-tags span {\r\n      padding:7px 10px;\r\n      border:1px solid var(--line);\r\n      border-radius:999px;\r\n      color:#536274;\r\n      font-size:11.5px;\r\n      font-weight:500;\r\n      line-height:1;\r\n      background:#fff;\r\n    }\r\n\r\n    \/* SHARED EDITORIAL SERVICE ITEMS *\/\r\n    .tsc-service-v4 .tsc-service-list {\r\n      margin-top:31px;\r\n      border-top:1px solid var(--line);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-service-item {\r\n      display:grid;\r\n      grid-template-columns:54px 1fr;\r\n      gap:17px;\r\n      padding:21px 0;\r\n      border-bottom:1px solid var(--line);\r\n      transition:transform .25s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-service-item:hover {\r\n      transform:translateX(6px);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-icon {\r\n      width:46px;\r\n      height:46px;\r\n      display:grid;\r\n      place-items:center;\r\n      border:1px solid rgba(201,37,45,.22);\r\n      border-radius:14px;\r\n      color:var(--red);\r\n      background:rgba(201,37,45,.055);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-icon svg {\r\n      width:24px;\r\n      height:24px;\r\n      fill:none;\r\n      stroke:currentColor;\r\n      stroke-width:1.7;\r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-service-item h3 {\r\n      color:var(--navy);\r\n      font-size:20px;\r\n      line-height:1.25;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-service-item p {\r\n      margin:7px 0 0;\r\n      color:var(--muted);\r\n      font-size:14px;\r\n      line-height:1.58;\r\n    }\r\n\r\n    \/* PLAN & SELECT *\/\r\n    .tsc-service-v4 .tsc-plan {\r\n      background:var(--paper);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-split {\r\n      display:grid;\r\n      grid-template-columns:.92fr 1.08fr;\r\n      gap:clamp(46px,5vw,76px);\r\n      align-items:center;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-split > *,\r\n    .tsc-service-v4 .tsc-prepare-layout > *,\r\n    .tsc-service-v4 .tsc-partner-layout > * {\r\n      min-width:0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-frame {\r\n      position:relative;\r\n      min-height:560px;\r\n      overflow:hidden;\r\n      border-radius:28px;\r\n      box-shadow:var(--shadow);\r\n      background:var(--navy-2);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-frame img {\r\n      height:100%;\r\n      min-height:560px;\r\n      object-fit:cover;\r\n      object-position:center;\r\n      transition:transform 1.05s cubic-bezier(.2,.72,.25,1);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-frame:hover img {\r\n      transform:scale(1.035);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-frame::after {\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(180deg,transparent 52%,rgba(7,26,42,.72));\r\n      pointer-events:none;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-label {\r\n      position:absolute;\r\n      z-index:3;\r\n      right:22px;\r\n      bottom:22px;\r\n      max-width:245px;\r\n      padding:18px 19px;\r\n      border-left:3px solid var(--red);\r\n      background:rgba(7,26,42,.88);\r\n      color:rgba(255,255,255,.82);\r\n      font-size:13px;\r\n      line-height:1.5;\r\n      backdrop-filter:blur(9px);\r\n    }\r\n\r\n    \/* PREPARE & COORDINATE *\/\r\n    .tsc-service-v4 .tsc-prepare {\r\n      background:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-prepare-layout {\r\n      display:grid;\r\n      grid-template-columns:1.04fr .96fr;\r\n      gap:clamp(48px,5.3vw,78px);\r\n      align-items:center;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-prepare-layout > .tsc-reveal {\r\n      position:relative;\r\n      z-index:3;\r\n      padding:18px clamp(4px,1.4vw,20px);\r\n      background:transparent!important;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage {\r\n      position:relative;\r\n      min-height:610px;\r\n      padding:0 62px 55px 0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-main {\r\n      position:absolute;\r\n      inset:0 62px 55px 0;\r\n      overflow:hidden;\r\n      border-radius:0 28px 28px 0;\r\n      box-shadow:var(--shadow);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-main img {\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center;\r\n      transition:transform 1s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage:hover .tsc-collage-main img {\r\n      transform:scale(1.035);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-small {\r\n      position:absolute;\r\n      right:0;\r\n      bottom:0;\r\n      z-index:5;\r\n      width:260px;\r\n      height:190px;\r\n      overflow:hidden;\r\n      border:8px solid #fff;\r\n      border-radius:24px;\r\n      box-shadow:0 24px 58px rgba(7,26,42,.22);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-small img {\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-badge {\r\n      position:absolute;\r\n      z-index:6;\r\n      left:24px;\r\n      top:24px;\r\n      max-width:235px;\r\n      padding:14px 17px 14px 19px;\r\n      border:1px solid rgba(255,255,255,.72);\r\n      border-left:3px solid var(--red);\r\n      border-radius:13px;\r\n      color:var(--navy);\r\n      background:rgba(255,255,255,.92);\r\n      backdrop-filter:blur(12px);\r\n      box-shadow:0 14px 36px rgba(7,26,42,.17);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-badge strong {\r\n      display:block;\r\n      font-size:14px;\r\n      font-weight:500;\r\n      line-height:1.25;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-collage-badge span {\r\n      display:block;\r\n      margin-top:4px;\r\n      color:#6B7888;\r\n      font-size:11.5px;\r\n      line-height:1.4;\r\n    }\r\n\r\n    \/* SUPPORT & MAINTAIN \u2014 PHOTO-FREE NAVY GRADIENT *\/\r\n    .tsc-service-v4 .tsc-support {\r\n      position:relative;\r\n      min-height:690px;\r\n      display:flex;\r\n      align-items:flex-end;\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n      background:\r\n        radial-gradient(circle at 84% 18%,rgba(23,108,171,.22),transparent 28%),\r\n        radial-gradient(circle at 16% 84%,rgba(201,37,45,.15),transparent 30%),\r\n        linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 52%,var(--navy-3) 100%);\r\n    }\r\n\r\n\r\n    .tsc-service-v4 .tsc-support::before {\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      z-index:-1;\r\n      opacity:.16;\r\n      background-image:\r\n        radial-gradient(circle,rgba(255,255,255,.58) 1.5px,transparent 2px);\r\n      background-size:20px 20px;\r\n      -webkit-mask-image:\r\n        linear-gradient(90deg,transparent 0%,#000 17%,#000 86%,transparent 100%);\r\n      mask-image:\r\n        linear-gradient(90deg,transparent 0%,#000 17%,#000 86%,transparent 100%);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-support-inner {\r\n      width:100%;\r\n      padding:96px 0;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-support-copy {\r\n      max-width:720px;\r\n      color:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-support .tsc-section-title {\r\n      color:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-support .tsc-section-copy {\r\n      color:rgba(255,255,255,.72);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-services {\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:15px;\r\n      margin-top:40px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-service {\r\n      min-height:190px;\r\n      padding:25px 24px;\r\n      border:1px solid rgba(255,255,255,.18);\r\n      border-radius:20px;\r\n      background:rgba(13,38,58,.72);\r\n      backdrop-filter:blur(13px);\r\n      transition:transform .25s ease,background .25s ease,border-color .25s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-service:hover {\r\n      transform:translateY(-7px);\r\n      border-color:rgba(255,255,255,.32);\r\n      background:rgba(13,38,58,.9);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-number {\r\n      display:block;\r\n      margin-bottom:31px;\r\n      color:#F0444C;\r\n      font-size:12px;\r\n      font-weight:600;\r\n      letter-spacing:1.3px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-service h3 {\r\n      color:#fff;\r\n      font-size:20px;\r\n      line-height:1.25;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-overlay-service p {\r\n      margin:9px 0 0;\r\n      color:rgba(255,255,255,.63);\r\n      font-size:13.5px;\r\n      line-height:1.52;\r\n    }\r\n\r\n    \/* PARTNER TECHNOLOGIES *\/\r\n    .tsc-service-v4 .tsc-partner {\r\n      background:var(--navy);\r\n      color:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-layout {\r\n      display:grid;\r\n      grid-template-columns:.82fr 1.18fr;\r\n      gap:70px;\r\n      align-items:center;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner .tsc-section-title {\r\n      color:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner .tsc-section-copy {\r\n      color:rgba(255,255,255,.68);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-dark-list {\r\n      margin-top:31px;\r\n      border-top:1px solid rgba(255,255,255,.14);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-dark-row {\r\n      display:grid;\r\n      grid-template-columns:36px 1fr;\r\n      gap:14px;\r\n      padding:16px 0;\r\n      border-bottom:1px solid rgba(255,255,255,.14);\r\n      transition:transform .24s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-dark-row:hover {\r\n      transform:translateX(6px);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-dark-row > span {\r\n      color:#F0444C;\r\n      font-size:12px;\r\n      font-weight:600;\r\n      letter-spacing:1px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-dark-row h3 {\r\n      color:#fff;\r\n      font-size:17px;\r\n      line-height:1.3;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-visual {\r\n      position:relative;\r\n      min-height:560px;\r\n      padding:34px 0 42px 52px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-main {\r\n      position:absolute;\r\n      inset:0 0 0 80px;\r\n      overflow:hidden;\r\n      border-radius:28px 0 0 28px;\r\n      box-shadow:0 32px 90px rgba(0,0,0,.29);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-main::after {\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(180deg,transparent 50%,rgba(7,26,42,.48));\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-main img {\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center;\r\n      transition:transform .95s ease;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-visual:hover .tsc-partner-main img {\r\n      transform:scale(1.035);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-detail {\r\n      position:absolute;\r\n      z-index:5;\r\n      left:0;\r\n      bottom:0;\r\n      width:250px;\r\n      height:183px;\r\n      overflow:hidden;\r\n      border:8px solid var(--navy);\r\n      border-radius:23px;\r\n      box-shadow:0 24px 56px rgba(0,0,0,.30);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-detail img {\r\n      height:100%;\r\n      object-fit:cover;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-badge {\r\n      position:absolute;\r\n      z-index:6;\r\n      left:0;\r\n      top:0;\r\n      width:190px;\r\n      padding:21px;\r\n      border:1px solid rgba(255,255,255,.18);\r\n      border-radius:21px;\r\n      background:rgba(13,38,58,.91);\r\n      backdrop-filter:blur(12px);\r\n      box-shadow:0 18px 45px rgba(0,0,0,.25);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-badge::before {\r\n      content:\"\";\r\n      display:block;\r\n      width:31px;\r\n      height:3px;\r\n      margin-bottom:15px;\r\n      background:var(--red);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-badge strong {\r\n      display:block;\r\n      color:#fff;\r\n      font-size:16px;\r\n      font-weight:500;\r\n      line-height:1.28;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-partner-badge span {\r\n      display:block;\r\n      margin-top:7px;\r\n      color:rgba(255,255,255,.63);\r\n      font-size:12px;\r\n      line-height:1.45;\r\n    }\r\n\r\n    \/* START PROCESS *\/\r\n    .tsc-service-v4 .tsc-start {\r\n      background:var(--paper);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-start-heading {\r\n      max-width:680px;\r\n      margin-bottom:43px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-band {\r\n      display:grid;\r\n      grid-template-columns:1fr 90px 1fr 90px 1fr;\r\n      align-items:stretch;\r\n      border:1px solid var(--line);\r\n      border-radius:25px;\r\n      overflow:hidden;\r\n      background:#fff;\r\n      box-shadow:0 18px 50px rgba(7,26,42,.08);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-step {\r\n      min-height:220px;\r\n      padding:31px 29px;\r\n      background:#fff;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-step small {\r\n      display:block;\r\n      margin-bottom:42px;\r\n      color:var(--red);\r\n      font-size:12px;\r\n      font-weight:600;\r\n      letter-spacing:1.2px;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-step h3 {\r\n      color:var(--navy);\r\n      font-size:22px;\r\n      line-height:1.22;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-step p {\r\n      margin:10px 0 0;\r\n      color:var(--muted);\r\n      font-size:14px;\r\n      line-height:1.55;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-process-arrow {\r\n      display:grid;\r\n      place-items:center;\r\n      border-left:1px solid var(--line);\r\n      border-right:1px solid var(--line);\r\n      color:var(--red);\r\n      font-size:29px;\r\n      background:#FBFCFD;\r\n    }\r\n\r\n\r\n\r\n    \/* MANUAL IMAGE SLOTS\r\n       Replace each PASTE_... marker in the HTML with a Media Library URL.\r\n       The placeholder disappears automatically after a valid image loads. *\/\r\n    .tsc-service-v4 .tsc-image-slot {\r\n      position:relative;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(7,26,42,.98),\r\n          rgba(19,49,72,.92)\r\n        );\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-slot-note {\r\n      position:absolute;\r\n      inset:0;\r\n      z-index:1;\r\n      display:grid;\r\n      place-items:center;\r\n      padding:28px;\r\n      color:rgba(255,255,255,.72);\r\n      text-align:center;\r\n      font-size:12px;\r\n      font-weight:600;\r\n      line-height:1.5;\r\n      letter-spacing:1.35px;\r\n      text-transform:uppercase;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-slot img {\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-slot.is-image-empty img {\r\n      display:none!important;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-slot.has-manual-image\r\n    .tsc-image-slot-note {\r\n      display:none;\r\n    }\r\n\r\n    \/* REVEAL *\/\r\n    .tsc-service-v4 .tsc-reveal {\r\n      opacity:.001;\r\n      background:transparent!important;\r\n      transform:translateY(25px);\r\n      transition:\r\n        opacity .72s ease,\r\n        transform .72s cubic-bezier(.2,.72,.25,1);\r\n      transition-delay:var(--delay,0ms);\r\n    }\r\n\r\n    .tsc-service-v4 .is-visible .tsc-reveal,\r\n    .tsc-service-v4.is-ready .tsc-hero .tsc-reveal {\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-reveal {\r\n      position:relative;\r\n      opacity:0;\r\n      transform:translateY(24px) scale(.992);\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .9s cubic-bezier(.2,.72,.25,1);\r\n    }\r\n\r\n    .tsc-service-v4 .is-visible .tsc-image-reveal {\r\n      opacity:1;\r\n      transform:none;\r\n    }\r\n\r\n    .tsc-service-v4 .tsc-image-reveal::before {\r\n      display:none!important;\r\n      content:none!important;\r\n    }\r\n\r\n    @media (max-width:1080px) {\r\n      .tsc-service-v4 .tsc-split,\r\n      .tsc-service-v4 .tsc-prepare-layout,\r\n      .tsc-service-v4 .tsc-partner-layout {\r\n        grid-template-columns:1fr;\r\n        gap:54px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-prepare-layout .tsc-collage {\r\n        order:2;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-prepare-layout > .tsc-reveal {\r\n        padding:0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-overlay-services {\r\n        grid-template-columns:1fr;\r\n        max-width:710px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-contact-inner {\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n      }\r\n    }\r\n\r\n    @media (max-width:820px) {\r\n      .tsc-service-v4 .tsc-journey-stage {\r\n        grid-template-columns:1fr;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-stage {\r\n        border-right:0;\r\n        border-bottom:1px solid var(--line);\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-stage:last-child {\r\n        border-bottom:0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-process-band {\r\n        grid-template-columns:1fr;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-process-arrow {\r\n        min-height:62px;\r\n        border-left:0;\r\n        border-right:0;\r\n        border-top:1px solid var(--line);\r\n        border-bottom:1px solid var(--line);\r\n        transform:rotate(90deg);\r\n      }\r\n    }\r\n\r\n    @media (max-width:720px) {\r\n      .tsc-service-v4 .tsc-container {\r\n        width:calc(100% - 28px);\r\n        max-width:1200px;\r\n        padding:0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-section {\r\n        padding:76px 0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero {\r\n        min-height:auto;\r\n        align-items:end;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero-bg {\r\n        object-position:64% center;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero::before {\r\n        background:\r\n          linear-gradient(\r\n            90deg,\r\n            rgba(7,26,42,.94) 0%,\r\n            rgba(7,26,42,.84) 58%,\r\n            rgba(7,26,42,.48) 100%\r\n          ),\r\n          linear-gradient(\r\n            180deg,\r\n            rgba(7,26,42,.13) 0%,\r\n            rgba(7,26,42,.28) 100%\r\n          );\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero-inner {\r\n        width:calc(100% - 28px);\r\n        padding:104px 0 82px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero-copy {\r\n        max-width:100%;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-hero-actions {\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-image-frame,\r\n      .tsc-service-v4 .tsc-image-frame img {\r\n        min-height:420px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-collage {\r\n        min-height:500px;\r\n        padding:0 0 66px 0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-collage-main {\r\n        inset:0 0 66px 0;\r\n        border-radius:24px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-collage-small {\r\n        right:18px;\r\n        width:200px;\r\n        height:145px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-support {\r\n        min-height:auto;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-support-inner {\r\n        padding:78px 0;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-visual {\r\n        min-height:500px;\r\n        padding:0 0 64px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-main {\r\n        inset:0 0 64px 0;\r\n        border-radius:24px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-badge {\r\n        left:18px;\r\n        top:18px;\r\n        width:174px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-detail {\r\n        left:18px;\r\n        width:195px;\r\n        height:142px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n      .tsc-service-v4 .tsc-hero h1 {\r\n        max-width:100%;\r\n        font-size:clamp(40px,11.5vw,54px);\r\n        line-height:1.04;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-stage {\r\n        padding:27px 22px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-collage {\r\n        min-height:440px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-collage-small {\r\n        width:165px;\r\n        height:120px;\r\n        border-width:6px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-detail {\r\n        width:165px;\r\n        height:122px;\r\n        border-width:6px;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-partner-badge {\r\n        width:155px;\r\n        padding:17px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n      .tsc-service-v4 *,\r\n      .tsc-service-v4 *::before,\r\n      .tsc-service-v4 *::after {\r\n        animation:none!important;\r\n        transition:none!important;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-reveal {\r\n        opacity:1!important;\r\n        transform:none!important;\r\n      }\r\n\r\n      .tsc-service-v4 .tsc-image-reveal::before {\r\n        display:none!important;\r\n      }\r\n    }\r\n  <\/style>\r\n<!-- 1. HERO -->\r\n<section class=\"tsc-hero\" aria-labelledby=\"tsc-service-hero-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-11_49_15-PM-1.png\"\r\n    alt=\"Malaysian engineering team providing project support at a wastewater treatment facility\"\r\n    loading=\"eager\"\r\n    fetchpriority=\"high\"\r\n    decoding=\"async\"\r\n  \/>\r\n\r\n  <div class=\"tsc-hero-inner\">\r\n    <div class=\"tsc-hero-copy\">\r\n      <div class=\"tsc-reveal\" style=\"--delay:0ms\">\r\n        <span class=\"tsc-eyebrow\">Our Services<\/span>\r\n\r\n        <h1 id=\"tsc-service-hero-title\">\r\n          Support Across Every Stage of Your Project\r\n        <\/h1>\r\n\r\n        <p>\r\n          From equipment selection and project coordination to installation,\r\n          maintenance and local after-sales support.\r\n        <\/p>\r\n\r\n        <div class=\"tsc-hero-actions\">\r\n          <a\r\n            class=\"tsc-button tsc-button-red\"\r\n            href=\"https:\/\/dev.tschuan.com\/?page_id=205\"\r\n          >\r\n            Discuss Your Project\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"tsc-button tsc-button-outline\"\r\n            href=\"#service-journey\"\r\n          >\r\n            Explore Services\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- 2. SERVICE JOURNEY -->\r\n<section class=\"tsc-section tsc-journey tsc-watch\" id=\"service-journey\">\r\n<div class=\"tsc-container\">\r\n<div class=\"tsc-journey-heading tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">Service Journey<\/span>\r\n<h2 class=\"tsc-section-title\">Clear Support from Planning to Ongoing Operation<\/h2>\r\n<p class=\"tsc-section-copy\">Six core services are grouped into three simple project stages, so customers can quickly identify the support they need.<\/p>\r\n<\/div>\r\n<div class=\"tsc-journey-stage\">\r\n<article class=\"tsc-stage tsc-reveal\" style=\"--delay:70ms\">\r\n<span class=\"tsc-stage-number\">01<\/span>\r\n<h3>Plan &amp; Select<\/h3>\r\n<p>Identify suitable equipment and align its configuration with project requirements.<\/p>\r\n<div class=\"tsc-stage-tags\">\r\n<span>Equipment Selection<\/span>\r\n<span>Product Configuration<\/span>\r\n<\/div>\r\n<\/article>\r\n<article class=\"tsc-stage tsc-reveal\" style=\"--delay:140ms\">\r\n<span class=\"tsc-stage-number\">02<\/span>\r\n<h3>Prepare &amp; Coordinate<\/h3>\r\n<p>Coordinate technical requirements, equipment preparation and project implementation.<\/p>\r\n<div class=\"tsc-stage-tags\">\r\n<span>Fabrication Coordination<\/span>\r\n<span>Site Coordination<\/span>\r\n<\/div>\r\n<\/article>\r\n<article class=\"tsc-stage tsc-reveal\" style=\"--delay:210ms\">\r\n<span class=\"tsc-stage-number\">03<\/span>\r\n<h3>Support &amp; Maintain<\/h3>\r\n<p>Provide local assistance after delivery through troubleshooting and parts support.<\/p>\r\n<div class=\"tsc-stage-tags\">\r\n<span>Maintenance Support<\/span>\r\n<span>Spare Parts<\/span>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 3. PLAN & SELECT -->\r\n<section class=\"tsc-section tsc-plan tsc-watch\">\r\n<div class=\"tsc-container tsc-split\">\r\n<div class=\"tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">01 \u2014 Plan &amp; Select<\/span>\r\n<h2 class=\"tsc-section-title\">Start with the Right Equipment Direction<\/h2>\r\n<p class=\"tsc-section-copy\">Early technical review helps narrow the product options before detailed project coordination begins.<\/p>\r\n<div class=\"tsc-service-list\">\r\n<article class=\"tsc-service-item\">\r\n<span aria-hidden=\"true\" class=\"tsc-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<circle cx=\"10.5\" cy=\"10.5\" r=\"5.5\"><\/circle>\r\n<path d=\"m15 15 4 4\"><\/path>\r\n<path d=\"M8 10.5h5\"><\/path>\r\n<path d=\"M10.5 8v5\"><\/path>\r\n<\/svg>\r\n<\/span>\r\n<div>\r\n<h3>Equipment Selection<\/h3>\r\n<p>Helping customers identify suitable equipment based on application and project requirements.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"tsc-service-item\">\r\n<span aria-hidden=\"true\" class=\"tsc-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 7h10\"><\/path>\r\n<path d=\"M18 7h2\"><\/path>\r\n<path d=\"M10 17h10\"><\/path>\r\n<path d=\"M4 17h2\"><\/path>\r\n<circle cx=\"16\" cy=\"7\" r=\"2\"><\/circle>\r\n<circle cx=\"8\" cy=\"17\" r=\"2\"><\/circle>\r\n<\/svg>\r\n<\/span>\r\n<div>\r\n<h3>Product Configuration<\/h3>\r\n<p>Aligning equipment configuration and technical specifications with the needs of the project.<\/p>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<figure class=\"tsc-image-frame tsc-image-reveal tsc-image-slot\" data-image-label=\"Plan &amp; Select Image\">\r\n<!-- Replace this src with a WordPress Media Library URL when the final photo is available. -->\r\n<span class=\"tsc-image-slot-note\">Add Image: Plan &amp; Select Image<\/span><img alt=\"Technical team reviewing equipment drawings and project requirements\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-11_49_26-PM-1.png\"\/>\r\n<figcaption class=\"tsc-image-label\">Application requirements are reviewed before the equipment direction is finalised.<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/section>\r\n<!-- 4. PREPARE & COORDINATE -->\r\n<section class=\"tsc-section tsc-prepare tsc-watch\">\r\n<div class=\"tsc-container tsc-prepare-layout\">\r\n<div class=\"tsc-collage tsc-image-reveal\">\r\n<figure class=\"tsc-collage-main tsc-image-slot\" data-image-label=\"Preparation Main Image\">\r\n<!-- Replace this src with a WordPress Media Library URL when the final photo is available. -->\r\n<span class=\"tsc-image-slot-note\">Add Image: Preparation Main Image<\/span><img alt=\"Malaysian technicians preparing stainless-steel wastewater equipment in a workshop\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-11_49_38-PM-1.png\"\/>\r\n<\/figure>\r\n<figure class=\"tsc-collage-small tsc-image-slot\" data-image-label=\"Preparation Detail Image\">\r\n<span class=\"tsc-image-slot-note\">Add Image: Preparation Detail Image<\/span><img alt=\"Malaysian engineering team coordinating installation requirements at a project site\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-11_49_46-PM-1.png\"\/>\r\n<\/figure>\r\n<div class=\"tsc-collage-badge\">\r\n<strong>Factory to Site<\/strong>\r\n<span>Technical and project coordination.<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">02 \u2014 Prepare &amp; Coordinate<\/span>\r\n<h2 class=\"tsc-section-title\">Coordinate the Details Before Site Implementation<\/h2>\r\n<p class=\"tsc-section-copy\">TS Chuan supports the coordination needed between technical requirements, equipment preparation and site activities.<\/p>\r\n<div class=\"tsc-service-list\">\r\n<article class=\"tsc-service-item\">\r\n<span aria-hidden=\"true\" class=\"tsc-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 19V8l8-4 8 4v11\"><\/path>\r\n<path d=\"M8 19v-5h8v5\"><\/path>\r\n<path d=\"M8 9h.01\"><\/path>\r\n<path d=\"M12 9h.01\"><\/path>\r\n<path d=\"M16 9h.01\"><\/path>\r\n<\/svg>\r\n<\/span>\r\n<div>\r\n<h3>Fabrication Coordination<\/h3>\r\n<p>Coordinating technical requirements, fabrication details and equipment preparation.<\/p>\r\n<\/div>\r\n<\/article>\r\n<article class=\"tsc-service-item\">\r\n<span aria-hidden=\"true\" class=\"tsc-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 20h18\"><\/path>\r\n<path d=\"M6 20V9l6-4 6 4v11\"><\/path>\r\n<path d=\"M9 20v-5h6v5\"><\/path>\r\n<path d=\"M4 7h4\"><\/path>\r\n<path d=\"M16 7h4\"><\/path>\r\n<\/svg>\r\n<\/span>\r\n<div>\r\n<h3>Installation &amp; Site Coordination<\/h3>\r\n<p>Supporting delivery planning, site preparation and installation coordination.<\/p>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 5. SUPPORT & MAINTAIN -->\r\n<section class=\"tsc-support tsc-watch\">\r\n<div class=\"tsc-container tsc-support-inner\">\r\n<div class=\"tsc-support-copy tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">03 \u2014 Support &amp; Maintain<\/span>\r\n<h2 class=\"tsc-section-title\">Local Support Beyond Equipment Delivery<\/h2>\r\n<p class=\"tsc-section-copy\">Operational support is presented clearly, so customers can quickly identify the next action when equipment requires attention.<\/p>\r\n<\/div>\r\n<div class=\"tsc-overlay-services\">\r\n<article class=\"tsc-overlay-service tsc-reveal\" style=\"--delay:90ms\">\r\n<span class=\"tsc-overlay-number\">01<\/span>\r\n<h3>Maintenance &amp; Troubleshooting<\/h3>\r\n<p>Local technical assistance for operational issues and equipment maintenance requirements.<\/p>\r\n<\/article>\r\n<article class=\"tsc-overlay-service tsc-reveal\" style=\"--delay:160ms\">\r\n<span class=\"tsc-overlay-number\">02<\/span>\r\n<h3>Spare Parts Coordination<\/h3>\r\n<p>Support for identifying, sourcing and coordinating suitable replacement parts.<\/p>\r\n<\/article>\r\n<article class=\"tsc-overlay-service tsc-reveal\" style=\"--delay:230ms\">\r\n<span class=\"tsc-overlay-number\">03<\/span>\r\n<h3>Warranty Coordination<\/h3>\r\n<p>Communication and follow-up with relevant manufacturers or international principals.<\/p>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 6. PARTNER TECHNOLOGIES -->\r\n<section class=\"tsc-section tsc-partner tsc-watch\">\r\n<div class=\"tsc-container tsc-partner-layout\">\r\n<div class=\"tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">Partner Technologies<\/span>\r\n<h2 class=\"tsc-section-title\">International Technology, Supported Locally<\/h2>\r\n<p class=\"tsc-section-copy\">Selected international technologies are supported through a Malaysia-based team for project communication and after-sales coordination.<\/p>\r\n<div class=\"tsc-dark-list\">\r\n<article class=\"tsc-dark-row\">\r\n<span>01<\/span>\r\n<div><h3>Local Technical Communication<\/h3><\/div>\r\n<\/article>\r\n<article class=\"tsc-dark-row\">\r\n<span>02<\/span>\r\n<div><h3>Installation &amp; Commissioning Assistance<\/h3><\/div>\r\n<\/article>\r\n<article class=\"tsc-dark-row\">\r\n<span>03<\/span>\r\n<div><h3>Repair &amp; Troubleshooting Support<\/h3><\/div>\r\n<\/article>\r\n<article class=\"tsc-dark-row\">\r\n<span>04<\/span>\r\n<div><h3>Spare Parts &amp; Warranty Coordination<\/h3><\/div>\r\n<\/article>\r\n<\/div>\r\n<a class=\"tsc-button tsc-button-red\" href=\"https:\/\/dev.tschuan.com\/?tsc_product_group=partner-technologies\" style=\"margin-top:30px\">Explore Partner Technologies<\/a>\r\n<\/div>\r\n<div class=\"tsc-partner-visual tsc-image-reveal\">\r\n<figure class=\"tsc-partner-main tsc-image-slot\" data-image-label=\"Partner Technology Main Image\">\r\n<span class=\"tsc-image-slot-note\">Add Image: Partner Technology Main Image<\/span><img alt=\"Aerial view of an industrial technology and manufacturing facility\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-11_49_55-PM-1.png\"\/>\r\n<\/figure>\r\n<figure class=\"tsc-partner-detail tsc-image-slot\" data-image-label=\"Partner Technology Detail Image\">\r\n<span class=\"tsc-image-slot-note\">Add Image: Partner Technology Detail Image<\/span><img alt=\"Aerial view of an industrial facility supported by a Malaysia-based team\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-11_49_55-PM-1.png\"\/>\r\n<\/figure>\r\n<div class=\"tsc-partner-badge\">\r\n<strong>Malaysia-Based Support<\/strong>\r\n<span>Local coordination from project discussion to after-sales follow-up.<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 7. HOW TO START -->\r\n<section class=\"tsc-section tsc-start tsc-watch\">\r\n<div class=\"tsc-container\">\r\n<div class=\"tsc-start-heading tsc-reveal\">\r\n<span class=\"tsc-eyebrow\">How to Start<\/span>\r\n<h2 class=\"tsc-section-title\">A Simple Way to Begin the Discussion<\/h2>\r\n<p class=\"tsc-section-copy\">The process stays simple whether the requirement involves a new project, an existing unit or technical support.<\/p>\r\n<\/div>\r\n<div class=\"tsc-process-band tsc-reveal\" style=\"--delay:90ms\">\r\n<article class=\"tsc-process-step\">\r\n<small>01<\/small>\r\n<h3>Share Your Requirement<\/h3>\r\n<p>Tell us about the project, equipment or service issue.<\/p>\r\n<\/article>\r\n<div aria-hidden=\"true\" class=\"tsc-process-arrow\">\u2192<\/div>\r\n<article class=\"tsc-process-step\">\r\n<small>02<\/small>\r\n<h3>Technical Review<\/h3>\r\n<p>Our team reviews the requirement and available options.<\/p>\r\n<\/article>\r\n<div aria-hidden=\"true\" class=\"tsc-process-arrow\">\u2192<\/div>\r\n<article class=\"tsc-process-step\">\r\n<small>03<\/small>\r\n<h3>Recommended Support<\/h3>\r\n<p>We coordinate the relevant equipment, service or next action.<\/p>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 8. CONTACT US -->\r\n\r\n<script>\r\n    (function () {\r\n      var page = document.currentScript.closest(\".tsc-service-v4\");\r\n      if (!page) return;\r\n\r\n      requestAnimationFrame(function () {\r\n        page.classList.add(\"is-ready\");\r\n      });\r\n\r\n\r\n      var imageSlots = page.querySelectorAll(\".tsc-image-slot\");\r\n\r\n      imageSlots.forEach(function (slot) {\r\n        var image = slot.querySelector(\"img\");\r\n        if (!image) return;\r\n\r\n        var source = (image.getAttribute(\"src\") || \"\").trim();\r\n        var isMarker =\r\n          !source ||\r\n          source.indexOf(\"PASTE_\") === 0;\r\n\r\n        function showPlaceholder() {\r\n          slot.classList.remove(\"has-manual-image\");\r\n          slot.classList.add(\"is-image-empty\");\r\n        }\r\n\r\n        function showImage() {\r\n          if (!image.naturalWidth) {\r\n            showPlaceholder();\r\n            return;\r\n          }\r\n\r\n          slot.classList.remove(\"is-image-empty\");\r\n          slot.classList.add(\"has-manual-image\");\r\n        }\r\n\r\n        if (isMarker) {\r\n          showPlaceholder();\r\n          return;\r\n        }\r\n\r\n        image.addEventListener(\"load\", showImage);\r\n        image.addEventListener(\"error\", showPlaceholder);\r\n\r\n        if (image.complete) {\r\n          showImage();\r\n        }\r\n      });\r\n\r\n      var sections = page.querySelectorAll(\".tsc-watch\");\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        sections.forEach(function (section) {\r\n          section.classList.add(\"is-visible\");\r\n        });\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"is-visible\");\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold:0.14,\r\n        rootMargin:\"0px 0px -8% 0px\"\r\n      });\r\n\r\n      sections.forEach(function (section) {\r\n        observer.observe(section);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/main>\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-77bbed5 e-flex e-con-boxed e-con e-parent\" data-id=\"77bbed5\" 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-efb4d5d elementor-widget elementor-widget-html\" data-id=\"efb4d5d\" 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>Our Services Support Across Every Stage of Your Project From equipment selection and project coordination to installation, maintenance and local after-sales support. Discuss Your Project Explore Services Service Journey Clear Support from Planning to Ongoing Operation Six core services are grouped into three simple project stages, so customers can quickly identify the support they need. [&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-40","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":28,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}