{"id":1088,"date":"2026-03-17T05:43:54","date_gmt":"2026-03-17T05:43:54","guid":{"rendered":"https:\/\/trendpowercharge.com\/about\/"},"modified":"2026-09-29T02:31:33","modified_gmt":"2026-09-29T02:31:33","slug":"about","status":"publish","type":"page","link":"https:\/\/trendpowercharge.com\/ms\/about\/","title":{"rendered":"Mengenai"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1088\" class=\"elementor elementor-1088\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca788b e-con-full e-flex e-con e-parent\" data-id=\"0ca788b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e2667 elementor-widget elementor-widget-html\" data-id=\"b1e2667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<main class=\"tp-about-page\" id=\"tp-about-page\">\n  <style>\n    #tp-about-page,\n    #tp-about-page * { box-sizing: border-box; }\n\n    #tp-about-page {\n      --tp-blue: #2f73dc;\n      --tp-blue-deep: #174fba;\n      --tp-green: #28b940;\n      --tp-navy: #071b38;\n      --tp-navy-2: #0d2a54;\n      --tp-ink: #0f172a;\n      --tp-body: #445166;\n      --tp-muted: #69768b;\n      --tp-line: #dce6f3;\n      --tp-soft: #f3f7fc;\n      --tp-white: #fff;\n      --tp-width: 1320px;\n      width: 100%;\n      overflow: hidden;\n      color: var(--tp-ink);\n      background: #fff;\n      font-family: Inter, Roboto, \"Helvetica Neue\", Arial, sans-serif;\n      font-size: 16px;\n      line-height: 1.65;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    #tp-about-page img { max-width: 100%; }\n    #tp-about-page a { text-decoration: none; }\n    #tp-about-page h1,\n    #tp-about-page h2,\n    #tp-about-page h3,\n    #tp-about-page h4,\n    #tp-about-page p { margin-top: 0; }\n\n    #tp-about-page .tp-shell {\n      width: min(calc(100% - 64px), var(--tp-width));\n      margin-inline: auto;\n    }\n\n    #tp-about-page .tp-section { padding: 112px 0; }\n    #tp-about-page .tp-section-soft { background: var(--tp-soft); }\n\n    #tp-about-page .tp-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 18px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-kicker::before {\n      content: \"\";\n      width: 32px;\n      height: 2px;\n      border-radius: 10px;\n      background: linear-gradient(90deg, var(--tp-blue), var(--tp-green));\n    }\n\n    #tp-about-page .tp-title {\n      max-width: 880px;\n      margin-bottom: 22px;\n      color: var(--tp-ink);\n      font-size: clamp(38px, 4.2vw, 64px);\n      font-weight: 760;\n      line-height: 1.06;\n      letter-spacing: -.045em;\n    }\n\n    #tp-about-page .tp-title-md {\n      max-width: 760px;\n      margin-bottom: 18px;\n      color: var(--tp-ink);\n      font-size: clamp(34px, 3.2vw, 50px);\n      font-weight: 760;\n      line-height: 1.1;\n      letter-spacing: -.04em;\n    }\n\n    #tp-about-page .tp-lead {\n      max-width: 780px;\n      margin-bottom: 0;\n      color: var(--tp-body);\n      font-size: 18px;\n      line-height: 1.78;\n    }\n\n    #tp-about-page .tp-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    #tp-about-page .tp-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 54px;\n      padding: 0 24px;\n      border: 1px solid transparent;\n      border-radius: 10px;\n      font-size: 15px;\n      font-weight: 750;\n      line-height: 1;\n      transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;\n    }\n\n    #tp-about-page .tp-btn svg { width: 18px; height: 18px; }\n    #tp-about-page .tp-btn:hover { transform: translateY(-2px); }\n\n    #tp-about-page .tp-btn-primary {\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-blue), var(--tp-blue-deep));\n      box-shadow: 0 14px 34px rgba(47, 115, 220, .24);\n    }\n\n    #tp-about-page .tp-btn-primary:hover {\n      color: #fff;\n      box-shadow: 0 18px 40px rgba(47, 115, 220, .32);\n    }\n\n    #tp-about-page .tp-btn-secondary {\n      color: var(--tp-ink);\n      background: rgba(255,255,255,.9);\n      border-color: rgba(15,23,42,.14);\n    }\n\n    #tp-about-page .tp-btn-secondary:hover {\n      color: var(--tp-blue);\n      border-color: rgba(47,115,220,.4);\n    }\n    \n    #tp-about-page .tp-hero {\n      position: relative;\n      min-height: 660px;\n      display: flex;\n      align-items: center;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 18% 15%, rgba(47,115,220,.15), transparent 27%),\n        linear-gradient(110deg, #f7faff 0%, #fff 47%, #edf4fd 100%);\n    }\n\n    #tp-about-page .tp-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -2;\n      opacity: .46;\n      background-image:\n        linear-gradient(rgba(47,115,220,.055) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(47,115,220,.055) 1px, transparent 1px);\n      background-size: 52px 52px;\n      mask-image: linear-gradient(90deg, #000, transparent 58%);\n    }\n\n    #tp-about-page .tp-hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .92fr) minmax(500px, .88fr);\n      gap: 64px;\n      align-items: center;\n      padding: 64px 0 72px;\n    }\n\n    #tp-about-page .tp-hero-copy { position: relative; z-index: 2; }\n\n    #tp-about-page .tp-hero-copy h1 {\n      max-width: 760px;\n      margin-bottom: 24px;\n      color: var(--tp-navy);\n      font-size: clamp(46px, 4.9vw, 70px);\n      font-weight: 780;\n      line-height: .99;\n      letter-spacing: -.055em;\n    }\n\n    #tp-about-page .tp-hero-copy h1 span {\n      color: var(--tp-blue);\n      background: linear-gradient(100deg, var(--tp-blue) 10%, #346ee0 55%, var(--tp-green));\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    #tp-about-page .tp-hero-copy > p {\n      max-width: 690px;\n      margin-bottom: 0;\n      color: var(--tp-body);\n      font-size: 18px;\n      line-height: 1.75;\n    }\n\n    #tp-about-page .tp-hero-promise {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin: 0 0 20px;\n      padding: 8px 13px;\n      color: #174fba;\n      background: rgba(255,255,255,.76);\n      border: 1px solid rgba(47,115,220,.18);\n      border-radius: 999px;\n      box-shadow: 0 8px 26px rgba(24,73,145,.06);\n      font-size: 12px;\n      font-weight: 750;\n      letter-spacing: .02em;\n    }\n\n    #tp-about-page .tp-hero-promise i {\n      width: 8px;\n      height: 8px;\n      background: var(--tp-green);\n      border-radius: 50%;\n      box-shadow: 0 0 0 5px rgba(40,185,64,.12);\n    }\n\n    #tp-about-page .tp-hero-media {\n      position: relative;\n      min-height: 520px;\n    }\n\n    #tp-about-page .tp-hero-image {\n      position: absolute;\n      inset: 0;\n      overflow: hidden;\n      border-radius: 28px 4px 28px 4px;\n      box-shadow: 0 36px 90px rgba(7,27,56,.22);\n    }\n\n    #tp-about-page .tp-hero-image::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 48%, rgba(7,27,56,.5));\n    }\n\n    #tp-about-page .tp-hero-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #tp-about-page .tp-hero-badge {\n      position: absolute;\n      right: -26px;\n      bottom: 36px;\n      z-index: 3;\n      width: 210px;\n      padding: 22px 24px;\n      color: #fff;\n      background: rgba(7,27,56,.9);\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 16px;\n      backdrop-filter: blur(14px);\n      box-shadow: 0 20px 48px rgba(7,27,56,.25);\n    }\n\n    #tp-about-page .tp-network-card {\n      position: absolute;\n      left: -34px;\n      top: 34px;\n      z-index: 4;\n      width: 236px;\n      padding: 18px;\n      color: var(--tp-ink);\n      background: rgba(255,255,255,.94);\n      border: 1px solid rgba(255,255,255,.86);\n      border-radius: 16px;\n      backdrop-filter: blur(14px);\n      box-shadow: 0 20px 55px rgba(12,40,80,.18);\n    }\n\n    #tp-about-page .tp-network-card-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 15px;\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    #tp-about-page .tp-live {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #14842a;\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-live::before {\n      content: \"\";\n      width: 7px;\n      height: 7px;\n      background: var(--tp-green);\n      border-radius: 50%;\n      box-shadow: 0 0 0 4px rgba(40,185,64,.12);\n    }\n\n    #tp-about-page .tp-network-row {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 8px;\n      align-items: center;\n      padding: 9px 0;\n      color: var(--tp-muted);\n      border-top: 1px solid #e8eef6;\n      font-size: 11px;\n    }\n\n    #tp-about-page .tp-network-row strong { color: var(--tp-ink); font-size: 12px; }\n\n    #tp-about-page .tp-hero-badge strong {\n      display: block;\n      margin-bottom: 4px;\n      font-size: 24px;\n      line-height: 1.2;\n    }\n\n    #tp-about-page .tp-hero-badge span {\n      color: rgba(255,255,255,.72);\n      font-size: 13px;\n      line-height: 1.5;\n    }\n    \n    #tp-about-page .tp-proof-wrap {\n      position: relative;\n      z-index: 5;\n      margin-top: -54px;\n    }\n\n    #tp-about-page .tp-proof {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      overflow: hidden;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 22px 60px rgba(19,49,94,.12);\n    }\n\n    #tp-about-page .tp-proof-item {\n      position: relative;\n      min-height: 132px;\n      padding: 27px 30px;\n    }\n\n    #tp-about-page .tp-proof-item + .tp-proof-item::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 28px;\n      bottom: 28px;\n      width: 1px;\n      background: var(--tp-line);\n    }\n\n    #tp-about-page .tp-proof-item strong {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--tp-blue);\n      font-size: 32px;\n      font-weight: 780;\n      line-height: 1.05;\n      letter-spacing: -.04em;\n    }\n\n    #tp-about-page .tp-proof-item span {\n      display: block;\n      color: var(--tp-muted);\n      font-size: 13px;\n      line-height: 1.5;\n    }\n    \n    #tp-about-page .tp-empathy {\n      position: relative;\n      padding: 122px 0;\n      background:\n        radial-gradient(circle at 90% 0%, rgba(40,185,64,.1), transparent 24%),\n        linear-gradient(180deg, #fff 0%, #f7faff 100%);\n    }\n\n    #tp-about-page .tp-empathy-head {\n      display: grid;\n      grid-template-columns: minmax(0, .86fr) minmax(380px, .65fr);\n      gap: 76px;\n      align-items: end;\n      margin-bottom: 52px;\n    }\n\n    #tp-about-page .tp-empathy-quote {\n      margin: 0;\n      padding: 26px 0 2px 30px;\n      color: var(--tp-body);\n      border-left: 3px solid var(--tp-green);\n      font-size: 18px;\n      line-height: 1.75;\n    }\n\n    #tp-about-page .tp-pain-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    #tp-about-page .tp-pain-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 260px;\n      padding: 29px 26px 26px;\n      background: rgba(255,255,255,.94);\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 15px 44px rgba(18,52,103,.055);\n      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n    }\n\n    #tp-about-page .tp-pain-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(47,115,220,.32);\n      box-shadow: 0 24px 58px rgba(18,52,103,.12);\n    }\n\n    #tp-about-page .tp-pain-card::after {\n      content: \"\";\n      position: absolute;\n      right: -30px;\n      bottom: -42px;\n      width: 110px;\n      height: 110px;\n      border: 18px solid rgba(47,115,220,.045);\n      border-radius: 50%;\n    }\n\n    #tp-about-page .tp-pain-num {\n      display: inline-flex;\n      margin-bottom: 33px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 850;\n      letter-spacing: .13em;\n    }\n\n    #tp-about-page .tp-pain-card h3 { margin-bottom: 11px; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-pain-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 14px; line-height: 1.7; }\n    \n    #tp-about-page .tp-ecosystem {\n      position: relative;\n      color: #fff;\n      background:\n        radial-gradient(circle at 13% 12%, rgba(47,115,220,.35), transparent 28%),\n        radial-gradient(circle at 93% 80%, rgba(40,185,64,.18), transparent 25%),\n        #06162f;\n    }\n\n    #tp-about-page .tp-ecosystem .tp-kicker { color: #9bc0ff; }\n    #tp-about-page .tp-ecosystem .tp-title-md { color: #fff; }\n    #tp-about-page .tp-ecosystem .tp-lead { color: #c7d5e9; }\n\n    #tp-about-page .tp-eco-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 16px;\n      margin-top: 56px;\n    }\n\n    #tp-about-page .tp-eco-card {\n      position: relative;\n      overflow: hidden;\n      min-height: 230px;\n      padding: 28px;\n      background: rgba(255,255,255,.055);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 18px;\n      backdrop-filter: blur(8px);\n      transition: transform .28s ease, background .28s ease, border-color .28s ease;\n    }\n\n    #tp-about-page .tp-eco-card:hover {\n      transform: translateY(-5px);\n      background: rgba(255,255,255,.09);\n      border-color: rgba(125,174,255,.38);\n    }\n\n    #tp-about-page .tp-eco-card:nth-child(1),\n    #tp-about-page .tp-eco-card:nth-child(4) { grid-column: span 6; }\n    #tp-about-page .tp-eco-card:nth-child(2),\n    #tp-about-page .tp-eco-card:nth-child(3),\n    #tp-about-page .tp-eco-card:nth-child(n+5) { grid-column: span 3; }\n    #tp-about-page .tp-eco-card:nth-child(7),\n    #tp-about-page .tp-eco-card:nth-child(8) { grid-column: span 6; }\n    #tp-about-page .tp-eco-card:nth-child(1),\n    #tp-about-page .tp-eco-card:nth-child(4) { min-height: 262px; }\n\n    #tp-about-page .tp-eco-icon {\n      display: grid;\n      place-items: center;\n      width: 46px;\n      height: 46px;\n      margin-bottom: 27px;\n      color: #9bc0ff;\n      background: rgba(47,115,220,.17);\n      border: 1px solid rgba(119,169,255,.22);\n      border-radius: 13px;\n    }\n\n    #tp-about-page .tp-eco-card:nth-child(4) .tp-eco-icon,\n    #tp-about-page .tp-eco-card:nth-child(8) .tp-eco-icon {\n      color: #7ee890;\n      background: rgba(40,185,64,.13);\n      border-color: rgba(40,185,64,.22);\n    }\n\n    #tp-about-page .tp-eco-icon svg { width: 23px; height: 23px; }\n    #tp-about-page .tp-eco-card h3 { margin-bottom: 10px; color: #fff; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-eco-card p { margin-bottom: 0; color: #b7c7dd; font-size: 13.5px; line-height: 1.72; }\n    #tp-about-page .tp-eco-tag { display: inline-flex; margin-top: 21px; color: #88b2f7; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n    \n    #tp-about-page .tp-ownership {\n      position: relative;\n      background: #fff;\n    }\n\n    #tp-about-page .tp-ownership-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .78fr) minmax(520px, 1fr);\n      gap: 78px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-owner-list {\n      display: grid;\n      gap: 13px;\n      margin-top: 32px;\n    }\n\n    #tp-about-page .tp-owner-item {\n      display: grid;\n      grid-template-columns: 42px 1fr;\n      gap: 14px;\n      padding: 16px 0;\n      border-top: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-owner-item b {\n      display: grid;\n      place-items: center;\n      width: 34px;\n      height: 34px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-blue), #4e89e8);\n      border-radius: 10px;\n      font-size: 12px;\n    }\n\n    #tp-about-page .tp-owner-item strong { display: block; margin-bottom: 4px; color: var(--tp-ink); font-size: 15px; }\n    #tp-about-page .tp-owner-item span { display: block; color: var(--tp-muted); font-size: 13px; line-height: 1.58; }\n\n    #tp-about-page .tp-console {\n      position: relative;\n      overflow: hidden;\n      padding: 24px;\n      color: #fff;\n      background: linear-gradient(145deg, #071b38, #0e3566);\n      border: 1px solid rgba(47,115,220,.18);\n      border-radius: 24px;\n      box-shadow: 0 35px 85px rgba(7,27,56,.22);\n    }\n\n    #tp-about-page .tp-console-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 20px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(255,255,255,.1);\n    }\n\n    #tp-about-page .tp-console-brand { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 800; }\n    #tp-about-page .tp-console-brand i { width: 9px; height: 9px; background: var(--tp-green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(40,185,64,.12); }\n    #tp-about-page .tp-console-state { color: #8de99c; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n\n    #tp-about-page .tp-console-metrics {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    #tp-about-page .tp-console-metric { padding: 17px; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.09); border-radius: 13px; }\n    #tp-about-page .tp-console-metric span { display: block; margin-bottom: 7px; color: #9eb3cf; font-size: 10px; }\n    #tp-about-page .tp-console-metric strong { display: block; color: #fff; font-size: 21px; line-height: 1; }\n\n    #tp-about-page .tp-console-main {\n      display: grid;\n      grid-template-columns: 1.25fr .75fr;\n      gap: 12px;\n    }\n\n    #tp-about-page .tp-console-chart,\n    #tp-about-page .tp-console-feed { min-height: 222px; padding: 18px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.085); border-radius: 13px; }\n    #tp-about-page .tp-console-label { display: block; margin-bottom: 17px; color: #b8c9df; font-size: 11px; font-weight: 750; }\n    #tp-about-page .tp-bars { display: flex; align-items: end; gap: 9px; height: 140px; padding-top: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }\n    #tp-about-page .tp-bars i { flex: 1; min-width: 8px; background: linear-gradient(180deg, #67a0ff, #285eb5); border-radius: 6px 6px 2px 2px; opacity: .92; }\n    #tp-about-page .tp-bars i:nth-child(2), #tp-about-page .tp-bars i:nth-child(6) { background: linear-gradient(180deg, #65d97a, #169b30); }\n    #tp-about-page .tp-feed-row { display: grid; grid-template-columns: 8px 1fr auto; gap: 9px; align-items: center; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.075); color: #bed0e8; font-size: 10px; }\n    #tp-about-page .tp-feed-row i { width: 7px; height: 7px; background: var(--tp-green); border-radius: 50%; }\n    #tp-about-page .tp-feed-row em { color: #7f98b8; font-style: normal; }\n    \n    #tp-about-page .tp-service {\n      background: linear-gradient(180deg, #f4f8fd, #fff);\n    }\n\n    #tp-about-page .tp-service-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n      margin-top: 50px;\n    }\n\n    #tp-about-page .tp-service-card {\n      position: relative;\n      min-height: 255px;\n      padding: 29px 27px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 17px;\n      box-shadow: 0 15px 40px rgba(17,52,102,.06);\n    }\n\n    #tp-about-page .tp-service-card strong {\n      display: block;\n      margin-bottom: 25px;\n      color: var(--tp-blue);\n      font-size: 12px;\n      font-weight: 850;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    #tp-about-page .tp-service-card h3 { margin-bottom: 10px; font-size: 19px; line-height: 1.35; }\n    #tp-about-page .tp-service-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 13.5px; line-height: 1.72; }\n    #tp-about-page .tp-service-note { margin-top: 18px; padding: 19px 23px; color: #d9e6f8; background: var(--tp-navy); border-radius: 14px; font-size: 14px; line-height: 1.7; }\n    #tp-about-page .tp-service-note b { color: #fff; }\n    \n    #tp-about-page .tp-intro-head {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(360px, .6fr);\n      gap: 70px;\n      align-items: end;\n      margin-bottom: 50px;\n    }\n\n    #tp-about-page .tp-intro-note {\n      padding: 25px 28px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--tp-navy), var(--tp-navy-2));\n      border-radius: 16px;\n      box-shadow: 0 18px 46px rgba(7,27,56,.15);\n    }\n\n    #tp-about-page .tp-intro-note strong {\n      display: block;\n      margin-bottom: 7px;\n      font-size: 18px;\n      line-height: 1.4;\n    }\n\n    #tp-about-page .tp-intro-note span {\n      color: #cddcf3;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    #tp-about-page .tp-audience-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n    }\n\n    #tp-about-page .tp-audience-card {\n      min-height: 250px;\n      padding: 30px 28px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 16px;\n      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n    }\n\n    #tp-about-page .tp-audience-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(47,115,220,.34);\n      box-shadow: 0 22px 50px rgba(21,54,105,.1);\n    }\n\n    #tp-about-page .tp-icon {\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      margin-bottom: 24px;\n      color: var(--tp-blue);\n      background: #eef5ff;\n      border-radius: 12px;\n    }\n\n    #tp-about-page .tp-icon svg { width: 24px; height: 24px; }\n    #tp-about-page .tp-audience-card h3 { margin-bottom: 10px; font-size: 20px; line-height: 1.25; }\n    #tp-about-page .tp-audience-card p { margin-bottom: 0; color: var(--tp-muted); font-size: 14px; line-height: 1.7; }\n    \n    #tp-about-page .tp-capabilities {\n      position: relative;\n      color: #fff;\n      background:\n        radial-gradient(circle at 90% 5%, rgba(47,115,220,.35), transparent 32%),\n        linear-gradient(135deg, #06172f 0%, #0a2448 58%, #0a3156 100%);\n    }\n\n    #tp-about-page .tp-capabilities::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      opacity: .25;\n      background-image:\n        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n      background-size: 58px 58px;\n      pointer-events: none;\n    }\n\n    #tp-about-page .tp-capabilities .tp-shell { position: relative; }\n    #tp-about-page .tp-capabilities .tp-kicker { color: #8fb8ff; }\n    #tp-about-page .tp-capabilities .tp-title-md { color: #fff; }\n    #tp-about-page .tp-capabilities .tp-lead { color: #c8d7eb; }\n\n    #tp-about-page .tp-cap-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: 54px;\n    }\n\n    #tp-about-page .tp-cap-card {\n      min-height: 265px;\n      padding: 30px;\n      background: rgba(255,255,255,.055);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 18px;\n      backdrop-filter: blur(8px);\n    }\n\n    #tp-about-page .tp-cap-num {\n      display: inline-flex;\n      margin-bottom: 30px;\n      color: #7cafff;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: .12em;\n    }\n\n    #tp-about-page .tp-cap-card h3 { margin-bottom: 12px; color: #fff; font-size: 21px; line-height: 1.3; }\n    #tp-about-page .tp-cap-card p { margin-bottom: 0; color: #b9c9df; font-size: 14px; line-height: 1.75; }\n    \n    #tp-about-page .tp-video-section {\n      background: linear-gradient(150deg, #f5f9ff 0%, #fff 52%, #f4f9f7 100%);\n      border-block: 1px solid #e8eff8;\n    }\n\n    #tp-about-page .tp-video-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.12fr) minmax(320px, .72fr);\n      gap: clamp(32px, 5vw, 72px);\n      align-items: center;\n    }\n\n    #tp-about-page .tp-video-frame {\n      position: relative;\n      aspect-ratio: 16 \/ 9;\n      overflow: hidden;\n      background: var(--tp-navy);\n      border: 1px solid rgba(21, 77, 145, .12);\n      border-radius: 24px;\n      box-shadow: 0 26px 68px rgba(8,34,72,.16);\n    }\n\n    #tp-about-page .tp-video-frame iframe {\n      display: block;\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    #tp-about-page .tp-video-copy .tp-detail-list {\n      display: grid;\n      gap: 15px;\n      margin: 30px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #tp-about-page .tp-detail-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      color: var(--tp-body);\n      font-size: 15px;\n    }\n\n    #tp-about-page .tp-check {\n      flex: 0 0 auto;\n      display: grid;\n      place-items: center;\n      width: 22px;\n      height: 22px;\n      margin-top: 2px;\n      color: #fff;\n      background: var(--tp-green);\n      border-radius: 999px;\n    }\n\n    #tp-about-page .tp-check svg { width: 13px; height: 13px; }\n    \n    #tp-about-page .tp-founder-grid {\n      display: grid;\n      grid-template-columns: minmax(360px, .72fr) minmax(0, 1fr);\n      gap: 84px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-founder-image {\n      position: relative;\n      overflow: hidden;\n      aspect-ratio: 4 \/ 5;\n      border-radius: 6px 28px 6px 28px;\n      box-shadow: 0 28px 70px rgba(15,37,74,.16);\n    }\n\n    #tp-about-page .tp-founder-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    #tp-about-page .tp-founder-image::after { content: \"\"; position: absolute; inset: auto 0 0; height: 35%; background: linear-gradient(transparent, rgba(7,27,56,.34)); }\n\n    #tp-about-page .tp-quote-mark {\n      margin-bottom: 12px;\n      color: var(--tp-blue);\n      font-family: Georgia, serif;\n      font-size: 78px;\n      line-height: .7;\n    }\n\n    #tp-about-page .tp-founder-quote {\n      margin-bottom: 26px;\n      color: var(--tp-ink);\n      font-size: clamp(25px, 2.4vw, 36px);\n      font-weight: 680;\n      line-height: 1.43;\n      letter-spacing: -.025em;\n    }\n\n    #tp-about-page .tp-founder-body { max-width: 760px; margin-bottom: 28px; color: var(--tp-body); font-size: 16px; line-height: 1.82; }\n    #tp-about-page .tp-founder-name strong { display: block; font-size: 17px; }\n    #tp-about-page .tp-founder-name span { color: var(--tp-muted); font-size: 13px; }\n    \n    #tp-about-page .tp-team-section {\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n    }\n    \n    #tp-about-page .tp-journey-head {\n      display: flex;\n      align-items: end;\n      justify-content: space-between;\n      gap: 50px;\n      margin-bottom: 54px;\n    }\n\n    #tp-about-page .tp-journey-head .tp-lead { max-width: 470px; }\n\n    #tp-about-page .tp-timeline {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      border-top: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-time-item {\n      position: relative;\n      padding: 37px 28px 8px 0;\n    }\n\n    #tp-about-page .tp-time-item::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: -7px;\n      width: 13px;\n      height: 13px;\n      background: #fff;\n      border: 3px solid var(--tp-blue);\n      border-radius: 999px;\n    }\n\n    #tp-about-page .tp-time-item:last-child::before { border-color: var(--tp-green); }\n    #tp-about-page .tp-time-year { display: block; margin-bottom: 14px; color: var(--tp-blue); font-size: 26px; font-weight: 780; line-height: 1; }\n    #tp-about-page .tp-time-item h3 { margin-bottom: 10px; font-size: 18px; line-height: 1.35; }\n    #tp-about-page .tp-time-item p { margin-bottom: 0; color: var(--tp-muted); font-size: 13px; line-height: 1.7; }\n    \n    #tp-about-page .tp-global-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(390px, .7fr);\n      gap: 72px;\n      align-items: center;\n    }\n\n    #tp-about-page .tp-global-map {\n      padding: 26px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 18px;\n      box-shadow: 0 22px 54px rgba(22,54,102,.1);\n    }\n\n    #tp-about-page .tp-global-map img { display: block; width: 100%; height: auto; }\n\n    #tp-about-page .tp-region-list {\n      display: grid;\n      gap: 12px;\n      margin-top: 32px;\n    }\n\n    #tp-about-page .tp-region {\n      display: grid;\n      grid-template-columns: 142px 1fr;\n      gap: 15px;\n      padding: 15px 0;\n      border-bottom: 1px solid var(--tp-line);\n    }\n\n    #tp-about-page .tp-region strong { color: var(--tp-ink); font-size: 14px; }\n    #tp-about-page .tp-region span { color: var(--tp-muted); font-size: 13px; line-height: 1.55; }\n    \n    #tp-about-page .tp-delivery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n      margin-top: 50px;\n    }\n\n    #tp-about-page .tp-step {\n      position: relative;\n      min-height: 220px;\n      padding: 28px;\n      background: #fff;\n      border: 1px solid var(--tp-line);\n      border-radius: 16px;\n    }\n\n    #tp-about-page .tp-step::after {\n      content: \"\";\n      position: absolute;\n      right: -19px;\n      top: 52px;\n      z-index: 2;\n      width: 20px;\n      height: 1px;\n      background: var(--tp-blue);\n    }\n\n    #tp-about-page .tp-step:last-child::after { display: none; }\n    #tp-about-page .tp-step span { display: inline-flex; margin-bottom: 28px; color: var(--tp-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; }\n    #tp-about-page .tp-step h3 { margin-bottom: 10px; font-size: 19px; }\n    #tp-about-page .tp-step p { margin-bottom: 0; color: var(--tp-muted); font-size: 13px; line-height: 1.7; }\n    \n    #tp-about-page .tp-cta-section { padding: 0 0 112px; background: var(--tp-soft); }\n\n    #tp-about-page .tp-cta {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 40px;\n      align-items: center;\n      padding: 64px 68px;\n      color: #fff;\n      background:\n        radial-gradient(circle at 88% 15%, rgba(40,185,64,.26), transparent 28%),\n        linear-gradient(120deg, var(--tp-navy), #103a71 75%, #164e75);\n      border-radius: 24px;\n      box-shadow: 0 28px 70px rgba(7,27,56,.2);\n    }\n\n    #tp-about-page .tp-cta::before {\n      content: \"\";\n      position: absolute;\n      right: -90px;\n      top: -130px;\n      width: 380px;\n      height: 380px;\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 50%;\n      box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.02);\n    }\n\n    #tp-about-page .tp-cta-copy { position: relative; z-index: 2; }\n    #tp-about-page .tp-cta h2 { max-width: 760px; margin-bottom: 14px; color: #fff; font-size: clamp(32px, 3vw, 48px); line-height: 1.12; letter-spacing: -.035em; }\n    #tp-about-page .tp-cta p { max-width: 720px; margin-bottom: 0; color: #cbd9ed; font-size: 16px; line-height: 1.75; }\n    #tp-about-page .tp-cta-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }\n    #tp-about-page .tp-cta .tp-btn-primary { color: var(--tp-navy); background: #fff; box-shadow: none; }\n    #tp-about-page .tp-cta .tp-btn-primary:hover { color: var(--tp-blue); }\n    #tp-about-page .tp-cta .tp-btn-secondary { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }\n    \n    #tp-about-page .tp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }\n    #tp-about-page .tp-reveal.is-visible { opacity: 1; transform: none; }\n\n    @media (max-width: 1120px) {\n      #tp-about-page .tp-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr); gap: 45px; }\n      #tp-about-page .tp-hero-copy h1 { font-size: 54px; }\n      #tp-about-page .tp-hero-media { min-height: 480px; }\n      #tp-about-page .tp-hero-badge { right: 18px; }\n      #tp-about-page .tp-network-card { left: 18px; top: 18px; }\n      #tp-about-page .tp-pain-grid,\n      #tp-about-page .tp-service-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-ownership-grid { grid-template-columns: minmax(0, .72fr) minmax(480px, 1fr); gap: 48px; }\n      #tp-about-page .tp-audience-grid,\n      #tp-about-page .tp-delivery-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-cap-grid { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-eco-card:nth-child(n) { grid-column: span 6; min-height: 235px; }\n      #tp-about-page .tp-step::after { display: none; }\n    }\n\n    @media (max-width: 900px) {\n      #tp-about-page .tp-shell { width: min(calc(100% - 40px), var(--tp-width)); }\n      #tp-about-page .tp-section { padding: 84px 0; }\n      #tp-about-page .tp-hero { min-height: auto; }\n      #tp-about-page .tp-hero-grid,\n      #tp-about-page .tp-intro-head,\n      #tp-about-page .tp-empathy-head,\n      #tp-about-page .tp-ownership-grid,\n      #tp-about-page .tp-video-grid,\n      #tp-about-page .tp-founder-grid,\n      #tp-about-page .tp-global-grid { grid-template-columns: 1fr; }\n      #tp-about-page .tp-hero-grid { padding: 58px 0 82px; }\n      #tp-about-page .tp-hero-media { min-height: 540px; }\n      #tp-about-page .tp-empathy { padding: 86px 0; }\n      #tp-about-page .tp-ownership-grid { gap: 56px; }\n      #tp-about-page .tp-proof { grid-template-columns: repeat(2, 1fr); }\n      #tp-about-page .tp-proof-item:nth-child(3)::before { display: none; }\n      #tp-about-page .tp-proof-item:nth-child(-n+2) { border-bottom: 1px solid var(--tp-line); }\n      #tp-about-page .tp-journey-head { display: block; }\n      #tp-about-page .tp-journey-head .tp-lead { max-width: 740px; }\n      #tp-about-page .tp-timeline { grid-template-columns: repeat(2, 1fr); row-gap: 34px; border-top: 0; }\n      #tp-about-page .tp-time-item { padding-top: 24px; border-top: 1px solid var(--tp-line); }\n      #tp-about-page .tp-cta { grid-template-columns: 1fr; padding: 52px 44px; }\n      #tp-about-page .tp-cta-actions { justify-content: flex-start; }\n    }\n\n    @media (max-width: 620px) {\n      #tp-about-page .tp-shell { width: min(calc(100% - 32px), var(--tp-width)); }\n      #tp-about-page .tp-section { padding: 68px 0; }\n      #tp-about-page .tp-title { font-size: 39px; }\n      #tp-about-page .tp-title-md { font-size: 34px; }\n      #tp-about-page .tp-lead { font-size: 16px; line-height: 1.72; }\n      #tp-about-page .tp-actions { display: grid; }\n      #tp-about-page .tp-btn { width: 100%; }\n      #tp-about-page .tp-hero-grid { padding: 42px 0 68px; gap: 38px; }\n      #tp-about-page .tp-hero-copy h1 { font-size: 42px; line-height: 1.04; }\n      #tp-about-page .tp-hero-copy > p { font-size: 16px; }\n      #tp-about-page .tp-hero-media { min-height: 390px; }\n      #tp-about-page .tp-hero-image { border-radius: 18px 4px 18px 4px; }\n      #tp-about-page .tp-hero-badge { left: 18px; right: 18px; bottom: 18px; width: auto; }\n      #tp-about-page .tp-network-card { display: none; }\n      #tp-about-page .tp-proof-wrap { margin-top: -34px; }\n      #tp-about-page .tp-proof { grid-template-columns: 1fr 1fr; border-radius: 14px; }\n      #tp-about-page .tp-proof-item { min-height: 116px; padding: 22px 18px; }\n      #tp-about-page .tp-proof-item strong { font-size: 27px; }\n      #tp-about-page .tp-proof-item span { font-size: 11.5px; }\n      #tp-about-page .tp-audience-grid,\n      #tp-about-page .tp-cap-grid,\n      #tp-about-page .tp-pain-grid,\n      #tp-about-page .tp-service-grid,\n      #tp-about-page .tp-delivery-grid,\n      #tp-about-page .tp-timeline { grid-template-columns: 1fr; }\n      #tp-about-page .tp-eco-grid { grid-template-columns: 1fr; }\n      #tp-about-page .tp-eco-card:nth-child(n) { grid-column: auto; min-height: auto; }\n      #tp-about-page .tp-console { padding: 16px; border-radius: 17px; }\n      #tp-about-page .tp-console-metrics { grid-template-columns: 1fr 1fr; }\n      #tp-about-page .tp-console-metric:last-child { grid-column: 1 \/ -1; }\n      #tp-about-page .tp-console-main { grid-template-columns: 1fr; }\n      #tp-about-page .tp-console-feed { min-height: auto; }\n      #tp-about-page .tp-audience-card,\n      #tp-about-page .tp-cap-card,\n      #tp-about-page .tp-step { min-height: auto; }\n      #tp-about-page .tp-founder-grid { gap: 50px; }\n      #tp-about-page .tp-founder-image { max-height: 520px; }\n      #tp-about-page .tp-founder-quote { font-size: 25px; }\n      #tp-about-page .tp-region { grid-template-columns: 1fr; gap: 5px; }\n      #tp-about-page .tp-cta-section { padding-bottom: 68px; }\n      #tp-about-page .tp-cta { padding: 42px 26px; border-radius: 18px; }\n      #tp-about-page .tp-cta-actions { display: grid; width: 100%; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #tp-about-page .tp-reveal { opacity: 1; transform: none; transition: none; }\n      #tp-about-page .tp-btn { transition: none; }\n    }\n  <\/style>\n  \n  <section class=\"tp-hero\" aria-labelledby=\"tp-about-title\">\n    <div class=\"tp-shell tp-hero-grid\">\n      <div class=\"tp-hero-copy tp-reveal\">\n        <span class=\"tp-kicker\">Mengenai TrendPower<\/span>\n        <div class=\"tp-hero-promise\"><i aria-hidden=\"true\"><\/i>Untuk pengendali, pengilang dan perniagaan tenaga<\/div>\n        <h1 id=\"tp-about-title\">Pengecasan adalah rumit. Kembangkan perniagaan anda <span>tidak sepatutnya.<\/span><\/h1>\n        <p>Setiap pengecas baharu menambah lebih banyak peranti, pembayaran, pengguna, pesanan kerja dan keperluan tempatan. Anda tidak sepatutnya perlu menguruskan kerumitan itu seorang diri. TrendPower membawakan perisian, pengalaman integrasi dan kakitangan untuk membantu anda beralih daripada idea kepada perniagaan pengecasan yang andal dan boleh diskala.<\/p>\n        <div class=\"tp-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/ms\/contact\/\">\n            Beritahu Kami Apa yang Anda Bina\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"tp-btn tp-btn-secondary\" href=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/09\/TRENDPOWER-EV-CHARGING-SOLUTION.pdf\" target=\"_blank\" rel=\"noopener\">\n            Terokai Keupayaan Kami\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3v12m0 0 5-5m-5 5-5-5M5 21h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-hero-media tp-reveal\">\n        <div class=\"tp-hero-image\">\n          <img fetchpriority=\"high\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/03\/TrendPower-scaled.webp\" width=\"2560\" height=\"1707\" loading=\"eager\" decoding=\"async\" alt=\"Ibu pejabat TrendPower dan pasukan perisian pengecasan EV global\">\n        <\/div>\n        <div class=\"tp-network-card\" aria-label=\"Gambaran keseluruhan rangkaian TrendPower yang menggambarkan\">\n          <div class=\"tp-network-card-head\"><span>Gambaran keseluruhan rangkaian<\/span><span class=\"tp-live\">Bersambung<\/span><\/div>\n          <div class=\"tp-network-row\"><span>Kesambungan pengecas<\/span><strong>OCPP 1.6 \/ 2.0.1<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Ekosistem pembayaran<\/span><strong>Global + Tempatan<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Operasi<\/span><strong>O&amp;M Jarak Jauh<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-hero-badge\">\n          <strong>20+ tahun<\/strong>\n          <span>pengalaman kejuruteraan perisian di sebalik setiap penyelesaian TrendPower.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <div class=\"tp-proof-wrap\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-proof tp-reveal\" aria-label=\"Petunjuk kepercayaan TrendPower\">\n        <div class=\"tp-proof-item\"><strong>20+ Tahun<\/strong><span>Pengalaman produk dan penghantaran perisian yang berterusan<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>150+<\/strong><span>Projek yang menyokong operasi perniagaan sebenar<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>30+ Negara<\/strong><span>Liputan pelanggan dan projek antarabangsa<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>100+ Pakar<\/strong><span>Profesional AI, IoT, perisian dan operasi<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <section class=\"tp-empathy\" aria-labelledby=\"tp-empathy-title\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-empathy-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Kami Memahami Tekanan<\/span>\n          <h2 class=\"tp-title-md\" id=\"tp-empathy-title\">Anda bukan sekadar menyambungkan pengecas. Anda melindungi setiap janji yang dibuat oleh jenama anda.<\/h2>\n        <\/div>\n        <p class=\"tp-empathy-quote\">Pemandu hanya melihat sama ada pengecasan berfungsi. Pasukan anda melihat segala-galanya di sebaliknya\u2014keserasian perkakasan, kegagalan pembayaran, tiket perkhidmatan, harga, rakan kongsi dan peraturan pasaran. Kami membina untuk realiti itu.<\/p>\n      <\/div>\n\n      <div class=\"tp-pain-grid\">\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">01 \/ MASA<\/span><h3>&quot;Kita perlu melancarkan\u2014tetapi membina dari awal mengambil masa terlalu lama.&quot;<\/h3><p>Penyetempatan, gerbang pembayaran, protokol peranti dan pematuhan boleh memanjangkan garis masa pembangunan sebelum pengecas pertama dilancarkan.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">02 \/ KAWALAN<\/span><h3>&quot;Kami tidak mahu platform berdiri di antara kami dan pelanggan kami.&quot;<\/h3><p>Pengendali memerlukan pemilikan terhadap jenama, hubungan pelanggan, data operasi dan keputusan perniagaan mereka\u2014bukannya satu lagi kebergantungan.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">03 \/ FLEKSIBILITI<\/span><h3>&quot;Model perniagaan kami tidak sesuai dengan sistem yang tegar dan sesuai untuk semua.&quot;<\/h3><p>Harga, rakan kongsi, aliran kerja dan perkhidmatan berubah mengikut pasaran. Platform ini perlu menyesuaikan diri tanpa memaksa anda untuk membina semula semuanya.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">04 \/ OPERASI<\/span><h3>&quot;Apabila sesuatu gagal, kita memerlukan jawapan\u2014bukan lebih banyak papan pemuka.&quot;<\/h3><p>Pemantauan jarak jauh, diagnostik, arahan kerja dan data operasi yang jelas membantu pasukan anda bertindak sebelum isu kecil menjadi masalah pelanggan.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-intro-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Siapakah Kami<\/span>\n          <h2 class=\"tp-title-md\">Anda membawa cita-cita. Kami membawakan kedalaman kejuruteraan untuk membantu menjadikannya kenyataan.<\/h2>\n          <p class=\"tp-lead\">TrendPower ialah anak syarikat Guangzhou Trend Information Technology Co., Ltd. Dari ibu pejabat kami di Pangkalan Industri Perisian Kebangsaan Tianhe Guangzhou dan pusat pembangunan perniagaan luar negara di Hong Kong, kami bekerjasama dengan pasukan di seluruh dunia untuk mengubah idea pengecasan EV yang kompleks menjadi sistem pengendalian yang praktikal.<\/p>\n        <\/div>\n        <div class=\"tp-intro-note\">\n          <strong>Kami tahu demo yang digilap tidak sama dengan operasi yang boleh dipercayai.<\/strong>\n          <span>Itulah sebabnya pasukan kami sentiasa mengikuti perkembangan strategi produk, penyepaduan pengecas, pembayaran, penyetempatan, penggunaan dan sokongan jangka panjang.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-audience-grid\">\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 21V8l6-4v17m0-11 6-3v14m0-9 6-3v12M6 11h.01M6 15h.01M12 12h.01M12 16h.01M18 14h.01M18 18h.01\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Pengeluar Pengecas<\/h3>\n          <p>Mempercepatkan kemasukan pasaran luar negara dengan platform yang serasi dengan OCPP, pembayaran setempat, pengalaman berbilang bahasa dan sokongan penyepaduan perkakasan.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 19V9m5 10V5m6 14v-7m5 7V3M2 21h20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Pengendali Pengecasan<\/h3>\n          <p>Bina jenama bebas, miliki data pelanggan dan operasi, uruskan rangkaian dari jauh dan cipta model pendapatan yang fleksibel.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3 3 8l9 5 9-5-9-5Zm-7 9v5l7 4 7-4v-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Perniagaan Hartanah &amp; Tenaga<\/h3>\n          <p>Menyelaras pengecasan, penyimpanan tenaga, jualan kuasa dan operasi tapak melalui satu seni bina tenaga digital yang terhubung.<\/p>\n        <\/article>\n        <article class=\"tp-audience-card tp-reveal\">\n          <div class=\"tp-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 16V7a2 2 0 0 1 2-2h9v11M14 9h4l3 4v3M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <h3>Rangkaian Armada &amp; Mobiliti<\/h3>\n          <p>Sokong pengecasan armada, senario trak tugas berat dan pengecasan atau pertukaran basikal elektrik dengan sambungan peranti yang boleh diskala.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-capabilities\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Keyakinan Kejuruteraan<\/span>\n        <h2 class=\"tp-title-md\">Bersedia untuk global mengikut seni bina, disetempatkan mengikut pasaran.<\/h2>\n        <p class=\"tp-lead\">Asas platform direka bentuk untuk mengurangkan geseran integrasi, melindungi kawalan operasi dan menyokong pengembangan merentasi pasaran, jenama pengecas dan model perniagaan.<\/p>\n      <\/div>\n\n      <div class=\"tp-cap-grid\">\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">01 \/ PROTOKOL<\/span><h3>OCPP &amp; Kebolehkendalian<\/h3><p>Sokongan untuk OCPP 1.6J \/ 2.0.1 dan OCPI membantu menyambungkan model pengecas, sistem dan ekosistem perayauan yang berbeza.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">02 \/ PEMBAYARAN<\/span><h3>Integrasi Pembayaran Global<\/h3><p>Pilihan arus perdana Connect termasuk Stripe, PayPal, Adyen dan Apple Pay, yang disesuaikan dengan tabiat transaksi tempatan.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">03 \/ PENYELOKATAN<\/span><h3>Pengalaman Sedia Pasaran<\/h3><p>Antara muka berbilang bahasa, aliran kerja serantau dan peraturan perniagaan yang boleh dikonfigurasikan menyokong pelancaran tempatan tanpa kehilangan kawalan jenama.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">04 \/ PENGGUNAAN<\/span><h3>Seni Bina Awan Fleksibel<\/h3><p>Pilihan awan awam atau swasta menyediakan laluan praktikal untuk keperluan data, pemilikan dan infrastruktur yang berbeza.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">05 \/ OPERASI<\/span><h3>O&amp;M Jarak Jauh<\/h3><p>Pemantauan, diagnostik, pembaikan jarak jauh dan aliran kerja pesanan kerja membantu pasukan operasi menyelesaikan masalah dengan lebih cepat.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">06 \/ SKALA<\/span><h3>Dibina untuk Pertumbuhan Rangkaian<\/h3><p>Seni bina IoT yang diasingkan perkakasan menyokong pengurusan berpusat dan pengembangan daripada rangkaian rintis kepada rangkaian peranti yang besar.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-ownership\">\n    <div class=\"tp-shell tp-ownership-grid\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Dibina Sekitar Perniagaan Anda<\/span>\n        <h2 class=\"tp-title-md\">Jenama anda. Pelanggan anda. Data operasi anda.<\/h2>\n        <p class=\"tp-lead\">Anda telah berusaha keras untuk membina kepercayaan pelanggan. Platform anda harus mengukuhkan hubungan itu\u2014bukannya menyembunyikannya di sebalik jenama orang lain atau model operasi yang tegar.<\/p>\n        <div class=\"tp-owner-list\">\n          <div class=\"tp-owner-item\"><b>01<\/b><div><strong>Pengalaman jenama bebas<\/strong><span>Aplikasi label putih, program mini dan portal pengurusan memastikan identiti anda kelihatan di setiap titik sentuh pelanggan.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>02<\/b><div><strong>Penentuan harga dan peraturan perniagaan yang fleksibel<\/strong><span>Konfigurasikan harga puncak dan luar puncak, yuran perkhidmatan, keahlian, peringkat rakan kongsi dan promosi di sekitar pasaran anda.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>03<\/b><div><strong>Keterlihatan data yang jelas<\/strong><span>Berikan pengilang, pengedar dan pengendali tahap akses yang betul sambil melindungi sempadan data setiap rakan kongsi.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>04<\/b><div><strong>Kawalan operasi langsung<\/strong><span>Pantau pesanan, pengecas, hasil dan aktiviti perkhidmatan tanpa menunggu laporan yang tidak lengkap daripada pelbagai sistem.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-console tp-reveal\" aria-label=\"Papan pemuka operasi TrendPower yang digambarkan\">\n        <div class=\"tp-console-top\"><span class=\"tp-console-brand\"><i aria-hidden=\"true\"><\/i>Operasi TrendPower<\/span><span class=\"tp-console-state\">Semua sistem yang disambungkan<\/span><\/div>\n        <div class=\"tp-console-metrics\">\n          <div class=\"tp-console-metric\"><span>Pengurusan peranti<\/span><strong>OCPP<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Status pembayaran<\/span><strong>Langsung<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Aliran kerja perkhidmatan<\/span><strong>Aktif<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-console-main\">\n          <div class=\"tp-console-chart\"><span class=\"tp-console-label\">Gambaran keseluruhan aktiviti pengecasan<\/span><div class=\"tp-bars\" aria-hidden=\"true\"><i style=\"height:40%\"><\/i><i style=\"height:58%\"><\/i><i style=\"height:48%\"><\/i><i style=\"height:72%\"><\/i><i style=\"height:63%\"><\/i><i style=\"height:86%\"><\/i><i style=\"height:76%\"><\/i><i style=\"height:94%\"><\/i><\/div><\/div>\n          <div class=\"tp-console-feed\"><span class=\"tp-console-label\">Operasi langsung<\/span><div class=\"tp-feed-row\"><i><\/i><span>Pembayaran disahkan<\/span><em>Sekarang<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Pengecas dalam talian<\/span><em>2m<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Pesanan kerja ditutup<\/span><em>8m<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Tarif dikemas kini<\/span><em>14m<\/em><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-ecosystem\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Satu Ekosistem Tenaga Digital Terhubung<\/span>\n        <h2 class=\"tp-title-md\">Lapan sistem perniagaan. Satu pasukan yang memahami bagaimana ia sesuai bersama.<\/h2>\n        <p class=\"tp-lead\">Perniagaan pengecasan jarang memerlukan satu ciri terpencil. TrendPower menghubungkan pengalaman pelanggan, rangkaian pengecas, aset tenaga, rakan kongsi dan pasukan perkhidmatan merentasi kitaran hayat operasi.<\/p>\n      <\/div>\n\n      <div class=\"tp-eco-grid\">\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19V5h16v14H4Zm4-4h2m2 0h4M8 9h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Pengurusan Operasi Pengecas EV<\/h3><p>Urus stesen pengecasan, pengguna, pesanan, harga dan data operasi melalui platform berjenama bebas.<\/p><span class=\"tp-eco-tag\">CPMS \u00b7 APLIKASI \u00b7 H5 \u00b7 PC<\/span><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 4h14v16H5V4Zm3 4h8M8 12h5M8 16h3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Pesanan Kerja Selepas Jualan<\/h3><p>Jana, tugaskan, luluskan dan jejaki pesanan kerja dengan kemajuan visual dan sokongan inventori.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 3v6m8-6v6M6 9h12v11H6V9Zm4 4h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Pengurusan Penyimpanan Tenaga<\/h3><p>Menyelaras peruntukan storan, pengecasan pintar dan penjadualan tenaga untuk tapak bersepadu.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3a9 9 0 1 0 9 9M12 7v5l3 2M17 3h4v4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Operasi &amp; Penyelenggaraan Jarak Jauh<\/h3><p>Gabungkan pemantauan, diagnosis kerosakan, pembaikan jarak jauh dan aliran kerja servis ke dalam satu pusat arahan O&amp;M pintar.<\/p><span class=\"tp-eco-tag\">Pantau \u00b7 Diagnosis \u00b7 Selesaikan<\/span><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 16V7h11v9m0-6h4l3 4v2M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Pengecasan Armada Tugas Berat<\/h3><p>Menyokong jadual armada yang kompleks, peralatan berbilang standard dan penggunaan tenaga yang diselaraskan.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 6h8v12H8V6Zm2-3h4v3m-4 12v3m7-11 3 2-3 2M7 10l-3 2 3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3>Pengecasan &amp; Pertukaran Bateri E-Bike<\/h3><p>Sambungkan senario pengecasan, pertukaran bateri, perkongsian dan penyewaan dalam satu penyelesaian mikromobiliti.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v18M3 12h18M6 6l12 12M18 6 6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Perkhidmatan Ekosistem Pengecasan<\/h3><p>Hubungkan peruncitan, perkhidmatan kenderaan dan program rakan kongsi untuk mengembangkan nilai melangkaui sesi pengecasan.<\/p><\/article>\n        <article class=\"tp-eco-card tp-reveal\"><div class=\"tp-eco-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0-5v2m0 14v2M3 12h2m14 0h2M5.6 5.6 7 7m10 10 1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div><h3>Platform Tengah IoT<\/h3><p>Menyediakan sambungan peranti berpusat yang selamat melalui seni bina yang direka untuk akses berskala besar.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-video-section\" aria-labelledby=\"tp-video-title\">\n    <div class=\"tp-shell tp-video-grid\">\n      <div class=\"tp-video-frame tp-reveal\">\n        <iframe\n          src=\"https:\/\/www.youtube-nocookie.com\/embed\/JLk9eNUuWIY?rel=0&amp;playsinline=1\"\n          title=\"Pengenalan syarikat TrendPower: Perisian dan operasi pengecasan EV\"\n          loading=\"lazy\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n          allowfullscreen><\/iframe>\n      <\/div>\n\n      <div class=\"tp-video-copy tp-reveal\">\n        <span class=\"tp-kicker\">Lihat TrendPower dalam 2 Minit<\/span>\n        <h2 class=\"tp-title-md\" id=\"tp-video-title\">Daripada sambungan pengecas hinggalah operasi harian.<\/h2>\n        <p class=\"tp-lead\">Lihat bagaimana TrendPower menyatukan perisian, sambungan perkakasan, pembayaran dan aliran kerja operasi dalam satu ekosistem penyelesaian.<\/p>\n        <ul class=\"tp-detail-list\">\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Pengurusan titik pengecasan merentasi senario rumah, komersial dan armada<\/span><\/li>\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Aplikasi label putih dan pengalaman pembayaran setempat<\/span><\/li>\n          <li><span class=\"tp-check\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"m6 12 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span>Pemantauan jarak jauh, penyelenggaraan dan sokongan teknikal jangka panjang<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-section-soft\">\n    <div class=\"tp-shell tp-founder-grid\">\n      <div class=\"tp-founder-image tp-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Professional-portrait-of-Mr.-Wang-Founder-of-TrendPower-2.webp\" width=\"900\" height=\"1125\" decoding=\"async\" alt=\"Encik Wang, Pengasas TrendPower\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Mesej Pengasas<\/span>\n        <div class=\"tp-quote-mark\" aria-hidden=\"true\">&quot;<\/div>\n        <p class=\"tp-founder-quote\">Kami mengubah seni bina digital yang kompleks menjadi pengalaman pengecasan yang boleh dipercayai, boleh diskala dan mudah dikendalikan.<\/p>\n        <p class=\"tp-founder-body\">Selama lebih dua dekad, misi kami kekal konsisten: menjadikan teknologi berfungsi dalam persekitaran perniagaan sebenar. Ketika pengangkutan global semakin pantas ke arah elektrifikasi, TrendPower menggabungkan AI, pengkomputeran awan dan pengalaman operasi untuk membantu perniagaan pengecasan berkembang tanpa kehilangan kawalan ke atas jenama, data atau operasi harian mereka.<\/p>\n        <div class=\"tp-founder-name\"><strong>Encik Wang<\/strong><span>Pengasas, TrendPower<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<section class=\"tp-team-section\">\n  <div class=\"tp-team-head\">\n    <h2>Pasukan Teknikal Kami<\/h2>\n    <p>Memacu Inovasi dalam Penyelesaian Pengecasan EV Global<\/p>\n  <\/div>\n\n  <div class=\"tp-team-carousel\">\n    <button class=\"tp-team-btn tp-team-prev\" type=\"button\" aria-label=\"Slaid sebelumnya\">\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M15 5L8 12L15 19\"><\/path>\n      <\/svg>\n    <\/button>\n\n    <div class=\"tp-team-viewport\">\n      <div class=\"tp-team-track\">\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img fetchpriority=\"high\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/TrendPower-technical-team-specializing-in-AI-IoT-and-energy-digitalization-solutions.webp\"\n              width=\"600\"\n              height=\"455\"\n              loading=\"eager\"\n              decoding=\"async\"\n              alt=\"Pasukan teknikal TrendPower yang pakar dalam penyelesaian pendigitalan AI, IoT dan tenaga\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">01<\/div>\n            <h3>Pasukan Kami<\/h3>\n            <p>Sebuah pasukan berdedikasi yang terdiri daripada lebih 100 profesional, yang sangat pakar dalam &quot;AI + IoT + Pendigitalan Tenaga,&quot; komited untuk membina TrendPower menjadi penyedia perkhidmatan perisian tenaga digital bertaraf dunia.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/On-site-business-consulting-and-one-on-one-expert-guidance.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Pasukan operasi TrendPower menyediakan perundingan perniagaan di lokasi dan bimbingan pakar secara individu\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">02<\/div>\n            <h3>Pasukan Operasi<\/h3>\n            <p>Perundingan perniagaan di lokasi daripada pakar berpengalaman. Daripada idea kepada penyelesaian yang sedia untuk pasaran \u2014 pasukan operasi kami memberikan panduan secara individu.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Experienced-RD-architects-and-IoT-specialists-developing-AI-algorithms-global-payment-integration-and-localized-solutions.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Arkitek R&amp;D TrendPower dan pakar IoT yang membangunkan algoritma AI, integrasi pembayaran dan penyelesaian setempat\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">03<\/div>\n            <h3>Pasukan Pembangunan<\/h3>\n            <p>Dengan 25%+ hasil tahunan yang diperuntukkan kepada R&amp;D, pasukan arkitek kanan dan pakar IoT kami tertumpu pada algoritma AI, integrasi pembayaran global dan penyetempatan \u2014 tiga tonggak kelebihan daya saing kami.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Certified-technical-strength-with-over-60-software-copyrights-and-invention-patents.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Pensijilan teknikal TrendPower, hak cipta perisian dan paten ciptaan\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">04<\/div>\n            <h3>Kepujian Korporat<\/h3>\n            <p>Mengumpul lebih 60 hak cipta perisian dan paten ciptaan, diperakui oleh badan berwibawa untuk kekuatan teknikal, dengan kadar pengkomersialan 100% bagi pencapaian inovatif.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/University-AI-research-partnerships-supporting-AI-innovation-and-real-world-application.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Perkongsian penyelidikan AI universiti TrendPower yang menyokong inovasi AI dunia sebenar\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">05<\/div>\n            <h3>Inovasi AI<\/h3>\n            <p>Bekerjasama dengan universiti terkemuka untuk bersama-sama menubuhkan pusat dan institut penyelidikan AI, terus memacu inovasi AI dan aplikasi dunia sebenar.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Global-digital-solutions-provider-serving-clients-in-over-30-countries-and-regions.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Penyelesaian digital global TrendPower yang menawarkan perkhidmatan kepada pelanggan di lebih 30 negara dan wilayah\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">06<\/div>\n            <h3>Kehadiran Global<\/h3>\n            <p>Berpandukan falsafah teras &quot;inovasi dipacu teknologi&quot; dan visi global, kami terus menyediakan penyelesaian digital yang terkemuka kepada pelanggan di lebih 30 buah negara dan wilayah di seluruh dunia.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tp-team-slide\">\n          <div class=\"tp-team-img\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/06\/Trusted-by-thousands-of-enterprise-clients-and-globally-recognized-brands.webp\"\n              width=\"600\"\n              height=\"455\"\n              decoding=\"async\"\n              alt=\"Perkongsian pelanggan perusahaan TrendPower dengan jenama global dan kepuasan 5 bintang\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">07<\/div>\n            <h3>Kepercayaan Pelanggan<\/h3>\n            <p>Dengan beribu-ribu pelanggan perusahaan \u2014 termasuk peneraju industri dan jenama yang diiktiraf di peringkat global \u2014 kadar penyiapan projek kami dipadankan dengan kepuasan pelanggan 5 bintang yang konsisten.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"tp-team-mobile-guide\">\n      <div class=\"tp-team-swipe-text\">\n        <span>Leret untuk melihat lebih banyak lagi<\/span>\n        <span class=\"tp-team-swipe-arrows\">\u2039 \u203a<\/span>\n      <\/div>\n      <div class=\"tp-team-dots\" aria-label=\"Penomboran karusel pasukan\"><\/div>\n    <\/div>\n\n    <button class=\"tp-team-btn tp-team-next\" type=\"button\" aria-label=\"Slaid seterusnya\">\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M9 5L16 12L9 19\"><\/path>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n  .tp-team-section,\n  .tp-team-section * {\n    box-sizing: border-box;\n  }\n\n  .tp-team-section {\n    width: 100%;\n    overflow: hidden;\n    background: #f0f5ff;\n    padding: 72px 0 42px;\n    font-family: \"MiSans-Semibold\", \"MiSans\", \"Microsoft YaHei\", Arial, sans-serif;\n\n    --card-w: 1200px;\n    --card-half: 600px;\n    --card-h: 466px;\n    --card-mid: 233px;\n\n    --img-w: 600px;\n    --img-h: 455px;\n    --img-left: 60px;\n    --img-top: -60px;\n\n    --content-left: 720px;\n    --content-w: 430px;\n\n    --carousel-gap: 120px;\n    --top-space: 60px;\n    --arrow-outside: 72px;\n  }\n\n  .tp-team-head {\n    text-align: center;\n    padding: 0 20px;\n    margin-bottom: 40px;\n  }\n\n  .tp-team-head h2 {\n    margin: 0;\n    font-family: \"MiSans-Semibold\", \"MiSans\", \"Microsoft YaHei\", Arial, sans-serif;\n    font-size: 46px;\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n    color: #111;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-head p {\n    margin: 18px 0 0;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: #3f3f3f;\n    letter-spacing: 0;\n    word-spacing: normal;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-carousel {\n    position: relative;\n    width: 100%;\n  }\n\n  .tp-team-viewport {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding-top: var(--top-space);\n    cursor: grab;\n    touch-action: pan-y;\n  }\n\n  .tp-team-viewport:active {\n    cursor: grabbing;\n  }\n\n  .tp-team-track {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--carousel-gap);\n    will-change: transform;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n    transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .tp-team-slide {\n    position: relative;\n    flex: 0 0 var(--card-w);\n    width: var(--card-w);\n    height: var(--card-h);\n    background: #fff;\n    overflow: visible;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-slide::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 52%;\n    height: 54%;\n    background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(246,248,252,0.95) 100%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .tp-team-img {\n    position: absolute;\n    left: var(--img-left);\n    top: var(--img-top);\n    width: var(--img-w);\n    height: var(--img-h);\n    overflow: hidden;\n    background: #d8dee8;\n    z-index: 2;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-img img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    user-select: none;\n    -webkit-user-drag: none;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .tp-team-text {\n    position: absolute;\n    left: var(--content-left);\n    top: 0;\n    z-index: 3;\n    width: var(--content-w);\n    height: var(--card-h);\n  }\n\n  .tp-team-num {\n    position: absolute;\n    left: 0;\n    top: -33px;\n    font-size: 80px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: -0.065em;\n    color: #000;\n  }\n\n  .tp-team-text h3 {\n    margin: 0;\n    padding-top: 96px;\n    font-size: 38px;\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n    color: #111;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-text p {\n    margin: 16px 0 0;\n    max-width: 430px;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: #5b5b5b;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .tp-team-btn {\n    position: absolute;\n    top: calc(var(--top-space) + var(--card-mid));\n    z-index: 30;\n    width: 54px;\n    height: 54px;\n    padding: 0;\n    border: 1px solid rgba(17, 17, 17, 0.18);\n    border-radius: 999px;\n    outline: none;\n    background: rgba(255, 255, 255, 0.68) !important;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: #111;\n    cursor: pointer;\n    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);\n    transform: translateY(-50%);\n    transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;\n  }\n\n  .tp-team-btn svg {\n    display: block;\n    width: 26px;\n    height: 26px;\n    margin: 14px auto;\n  }\n\n  .tp-team-btn svg path {\n    fill: none;\n    stroke: #111;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .tp-team-btn:hover,\n  .tp-team-btn:focus {\n    background: rgba(255, 255, 255, 0.95) !important;\n    border-color: rgba(17, 17, 17, 0.34);\n    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.13);\n  }\n\n  .tp-team-prev {\n    left: 36px;\n  }\n\n  .tp-team-next {\n    right: 36px;\n  }\n\n  @supports (left: max(1px, 2px)) {\n    .tp-team-prev {\n      left: max(28px, calc(50% - var(--card-half) - var(--arrow-outside)));\n    }\n\n    .tp-team-next {\n      right: max(28px, calc(50% - var(--card-half) - var(--arrow-outside)));\n    }\n  }\n\n  .tp-team-mobile-guide {\n    display: none;\n  }\n\n  .tp-team-swipe-text {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1;\n    color: rgba(17, 17, 17, 0.58);\n    white-space: nowrap;\n  }\n\n  .tp-team-swipe-arrows {\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1;\n    color: rgba(17, 17, 17, 0.72);\n    letter-spacing: 2px;\n  }\n\n  .tp-team-dots {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n  }\n\n  .tp-team-dot {\n    display: block;\n    width: 6px;\n    height: 6px;\n    min-width: 6px;\n    min-height: 6px;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 999px;\n    background: rgba(17, 17, 17, 0.22) !important;\n    cursor: pointer;\n    transition: width 0.25s ease, background 0.25s ease;\n    box-shadow: none !important;\n  }\n\n  .tp-team-dot.is-active {\n    width: 20px;\n    background: rgba(17, 17, 17, 0.86) !important;\n  }\n  \n  @media (max-width: 1320px) and (min-width: 1025px) {\n    .tp-team-section {\n      --card-w: 90vw;\n      --card-half: 45vw;\n      --card-h: 34.95vw;\n      --card-mid: 17.475vw;\n\n      --img-w: 45vw;\n      --img-h: 34.125vw;\n      --img-left: 4.5vw;\n      --img-top: -4.5vw;\n\n      --content-left: 53vw;\n      --content-w: 34vw;\n\n      --carousel-gap: 9vw;\n      --top-space: 4.5vw;\n      --arrow-outside: 54px;\n    }\n\n    .tp-team-head h2 {\n      font-size: 38px;\n    }\n\n    .tp-team-head p {\n      font-size: 17px;\n    }\n\n    .tp-team-num {\n      font-size: 62px;\n      top: -25px;\n    }\n\n    .tp-team-text h3 {\n      padding-top: 7vw;\n      font-size: 29px;\n      line-height: 1.12;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      font-size: 14.5px;\n      line-height: 1.45;\n    }\n\n    .tp-team-btn {\n      width: 50px;\n      height: 50px;\n    }\n\n    .tp-team-btn svg {\n      width: 24px;\n      height: 24px;\n      margin: 13px auto;\n    }\n  }\n  \n  @media (min-width: 768px) and (max-width: 1024px) {\n    .tp-team-section {\n      padding: 56px 0 54px;\n\n      --card-w: 76vw;\n      --card-half: 38vw;\n      --card-h: auto;\n      --card-mid: 0px;\n\n      --img-w: 100%;\n      --img-h: auto;\n      --img-left: 0px;\n      --img-top: 0px;\n\n      --content-left: 0px;\n      --content-w: 100%;\n\n      --carousel-gap: 24px;\n      --top-space: 0px;\n    }\n\n    .tp-team-head {\n      padding: 0 32px;\n      margin-bottom: 34px;\n    }\n\n    .tp-team-head h2 {\n      max-width: 620px;\n      margin: 0 auto;\n      font-size: 34px;\n      line-height: 1.13;\n    }\n\n    .tp-team-head p {\n      max-width: 560px;\n      margin: 14px auto 0;\n      font-size: 16px;\n      line-height: 1.45;\n    }\n\n    .tp-team-viewport {\n      padding-top: 0;\n      overflow: hidden;\n    }\n\n    .tp-team-viewport::before,\n    .tp-team-viewport::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 12;\n      width: 38px;\n      pointer-events: none;\n    }\n\n    .tp-team-viewport::before {\n      left: 0;\n      background: linear-gradient(90deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-viewport::after {\n      right: 0;\n      background: linear-gradient(270deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-slide {\n      flex: 0 0 var(--card-w);\n      width: var(--card-w);\n      height: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n      background: #fff;\n      overflow: hidden;\n      box-shadow: 0 18px 38px rgba(20, 40, 70, 0.08);\n    }\n\n    .tp-team-slide::after {\n      width: 70%;\n      height: 36%;\n    }\n\n    .tp-team-img {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      aspect-ratio: 600 \/ 455;\n      overflow: hidden;\n    }\n\n    .tp-team-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .tp-team-text {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      min-height: 0;\n      padding: 38px 46px 44px;\n    }\n\n    .tp-team-num {\n      position: relative;\n      left: auto;\n      top: auto;\n      display: block;\n      margin: 0 0 28px;\n      font-size: 64px;\n      line-height: 0.9;\n      letter-spacing: -0.06em;\n    }\n\n    .tp-team-text h3 {\n      margin: 0 0 16px;\n      padding-top: 0;\n      font-size: 28px;\n      line-height: 1.15;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    .tp-team-btn {\n      display: none;\n    }\n\n    .tp-team-mobile-guide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      width: 100%;\n      margin-top: 20px;\n      padding: 0 24px;\n    }\n  }\n  \n  @media (max-width: 767px) {\n    .tp-team-section {\n      padding: 42px 0 44px;\n\n      --card-w: 82vw;\n      --card-h: auto;\n      --img-w: 100%;\n      --img-h: auto;\n      --img-left: 0px;\n      --img-top: 0px;\n      --content-left: 0px;\n      --content-w: 100%;\n      --carousel-gap: 14px;\n      --top-space: 0px;\n    }\n\n    .tp-team-head {\n      max-width: 100%;\n      padding: 0 24px;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n\n    .tp-team-head h2 {\n      max-width: 420px;\n      margin: 0 auto;\n      font-size: 32px;\n      line-height: 1.12;\n      letter-spacing: -0.02em;\n    }\n\n    .tp-team-head p {\n      max-width: 360px;\n      margin: 14px auto 0;\n      font-size: 15px;\n      line-height: 1.45;\n      letter-spacing: 0;\n      word-spacing: normal;\n    }\n\n    .tp-team-viewport {\n      padding-top: 0;\n      overflow: hidden;\n    }\n\n    .tp-team-viewport::before,\n    .tp-team-viewport::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 12;\n      width: 28px;\n      pointer-events: none;\n    }\n\n    .tp-team-viewport::before {\n      left: 0;\n      background: linear-gradient(90deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-viewport::after {\n      right: 0;\n      background: linear-gradient(270deg, #f0f5ff 0%, rgba(240,245,255,0) 100%);\n    }\n\n    .tp-team-track {\n      gap: var(--carousel-gap);\n    }\n\n    .tp-team-slide {\n      flex: 0 0 var(--card-w);\n      width: var(--card-w);\n      height: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n      background: #fff;\n      overflow: hidden;\n      box-shadow: 0 16px 34px rgba(20, 40, 70, 0.08);\n    }\n\n    .tp-team-slide::after {\n      width: 72%;\n      height: 38%;\n    }\n\n    .tp-team-img {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      aspect-ratio: 600 \/ 455;\n      overflow: hidden;\n    }\n\n    .tp-team-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .tp-team-text {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      min-height: 0;\n      padding: 36px 30px 40px;\n    }\n\n    .tp-team-num {\n      position: relative;\n      left: auto;\n      top: auto;\n      display: block;\n      margin: 0 0 28px;\n      font-size: 58px;\n      line-height: 0.9;\n      letter-spacing: -0.06em;\n    }\n\n    .tp-team-text h3 {\n      margin: 0 0 16px;\n      padding-top: 0;\n      font-size: 25px;\n      line-height: 1.15;\n      letter-spacing: -0.02em;\n    }\n\n    .tp-team-text p {\n      max-width: none;\n      margin: 0;\n      font-size: 14.5px;\n      line-height: 1.55;\n    }\n\n    .tp-team-btn {\n      display: none;\n    }\n\n    .tp-team-mobile-guide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      width: 100%;\n      margin-top: 18px;\n      padding: 0 20px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .tp-team-section {\n      padding: 38px 0 40px;\n      --card-w: 84vw;\n      --carousel-gap: 12px;\n    }\n\n    .tp-team-head {\n      padding: 0 20px;\n      margin-bottom: 26px;\n    }\n\n    .tp-team-head h2 {\n      font-size: 28px;\n      line-height: 1.14;\n    }\n\n    .tp-team-head p {\n      max-width: 320px;\n      font-size: 14.5px;\n      line-height: 1.45;\n    }\n\n    .tp-team-text {\n      padding: 32px 26px 36px;\n    }\n\n    .tp-team-num {\n      margin-bottom: 24px;\n      font-size: 52px;\n    }\n\n    .tp-team-text h3 {\n      font-size: 24px;\n      margin-bottom: 15px;\n    }\n\n    .tp-team-text p {\n      font-size: 14px;\n      line-height: 1.52;\n    }\n\n    .tp-team-mobile-guide {\n      flex-direction: column;\n      gap: 10px;\n      margin-top: 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .tp-team-track {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const sections = document.querySelectorAll(\".tp-team-section\");\n\n  sections.forEach(function (section) {\n    const viewport = section.querySelector(\".tp-team-viewport\");\n    const track = section.querySelector(\".tp-team-track\");\n    const prevBtn = section.querySelector(\".tp-team-prev\");\n    const nextBtn = section.querySelector(\".tp-team-next\");\n    const dotsWrap = section.querySelector(\".tp-team-dots\");\n\n    if (!viewport || !track || track.dataset.ready === \"true\") return;\n    track.dataset.ready = \"true\";\n\n    const originalSlides = Array.from(track.children);\n    const originalCount = originalSlides.length;\n\n    if (originalCount < 2) return;\n\n    const firstClone = originalSlides[0].cloneNode(true);\n    const lastClone = originalSlides[originalCount - 1].cloneNode(true);\n\n    firstClone.classList.add(\"is-clone\");\n    lastClone.classList.add(\"is-clone\");\n    firstClone.setAttribute(\"aria-hidden\", \"true\");\n    lastClone.setAttribute(\"aria-hidden\", \"true\");\n\n    track.appendChild(firstClone);\n    track.insertBefore(lastClone, originalSlides[0]);\n\n    let slides = Array.from(track.children);\n    let currentIndex = 1;\n    let slideStep = 0;\n    let centerOffset = 0;\n    let autoplay = null;\n    let animationTimer = null;\n    let isAnimating = false;\n    let isDragging = false;\n    let startX = 0;\n    let dragX = 0;\n    let rafId = null;\n\n    const reduceMotionQuery = window.matchMedia ? window.matchMedia(\"(prefers-reduced-motion: reduce)\") : null;\n    let isReducedMotion = reduceMotionQuery ? reduceMotionQuery.matches : false;\n\n    function buildDots() {\n      if (!dotsWrap) return;\n\n      dotsWrap.innerHTML = \"\";\n\n      originalSlides.forEach(function (_, index) {\n        const dot = document.createElement(\"button\");\n        dot.type = \"button\";\n        dot.className = \"tp-team-dot\";\n        dot.setAttribute(\"aria-label\", \"Go to slide \" + (index + 1));\n\n        dot.addEventListener(\"click\", function () {\n          if (isAnimating) return;\n\n          stopAutoplay();\n          preloadNearbyImages(index + 1);\n          setTranslate(index + 1, true);\n          startAutoplay();\n        });\n\n        dotsWrap.appendChild(dot);\n      });\n\n      updateDots();\n    }\n\n    function getRealIndex() {\n      let realIndex = currentIndex - 1;\n\n      if (realIndex < 0) {\n        realIndex = originalCount - 1;\n      }\n\n      if (realIndex >= originalCount) {\n        realIndex = 0;\n      }\n\n      return realIndex;\n    }\n\n    function updateDots() {\n      if (!dotsWrap) return;\n\n      const dots = Array.from(dotsWrap.children);\n      const realIndex = getRealIndex();\n\n      dots.forEach(function (dot, index) {\n        if (index === realIndex) {\n          dot.classList.add(\"is-active\");\n          dot.setAttribute(\"aria-current\", \"true\");\n        } else {\n          dot.classList.remove(\"is-active\");\n          dot.removeAttribute(\"aria-current\");\n        }\n      });\n    }\n\n    function applyTransform(value) {\n      track.style.transform = \"translate3d(\" + value + \"px, 0, 0)\";\n    }\n\n    function requestTransform(value) {\n      if (rafId) cancelAnimationFrame(rafId);\n\n      rafId = requestAnimationFrame(function () {\n        applyTransform(value);\n        rafId = null;\n      });\n    }\n\n    function getTranslate(index, offset) {\n      return centerOffset - index * slideStep + (offset || 0);\n    }\n\n    function clearAnimationTimer() {\n      if (animationTimer) {\n        clearTimeout(animationTimer);\n        animationTimer = null;\n      }\n    }\n\n    function normalizeIndexIfNeeded() {\n      if (currentIndex >= slides.length - 1) {\n        currentIndex = 1;\n        setTranslate(currentIndex, false);\n        return true;\n      }\n\n      if (currentIndex <= 0) {\n        currentIndex = slides.length - 2;\n        setTranslate(currentIndex, false);\n        return true;\n      }\n\n      return false;\n    }\n\n    function finishTransition() {\n      clearAnimationTimer();\n\n      normalizeIndexIfNeeded();\n\n      isAnimating = false;\n      preloadNearbyImages(currentIndex);\n      updateDots();\n    }\n\n    function scheduleFinishTransition() {\n      clearAnimationTimer();\n\n      animationTimer = window.setTimeout(function () {\n        finishTransition();\n      }, 760);\n    }\n\n    function updateLayout() {\n      slides = Array.from(track.children);\n\n      if (currentIndex >= slides.length - 1) {\n        currentIndex = 1;\n      }\n\n      if (currentIndex <= 0) {\n        currentIndex = slides.length - 2;\n      }\n\n      const viewportWidth = viewport.clientWidth;\n      const slideWidth = slides[0].offsetWidth;\n      const gap = parseFloat(window.getComputedStyle(track).gap) || 0;\n\n      slideStep = slideWidth + gap;\n      centerOffset = (viewportWidth - slideWidth) \/ 2;\n\n      setTranslate(currentIndex, false);\n    }\n\n    function setTranslate(index, animate) {\n      currentIndex = index;\n\n      track.style.transition = animate && !isReducedMotion\n        ? \"transform 0.65s cubic-bezier(0.22, 1, 0.36, 1)\"\n        : \"none\";\n\n      updateDots();\n      applyTransform(getTranslate(currentIndex, 0));\n\n      if (animate && !isReducedMotion) {\n        isAnimating = true;\n        scheduleFinishTransition();\n      } else {\n        clearAnimationTimer();\n        isAnimating = false;\n\n        if (currentIndex <= 0 || currentIndex >= slides.length - 1) {\n          window.setTimeout(function () {\n            finishTransition();\n          }, 0);\n        }\n      }\n    }\n\n    function preloadNearbyImages(index) {\n      if (!slides || !slides.length) return;\n\n      const targets = [\n        slides[index],\n        slides[index + 1],\n        slides[index - 1]\n      ];\n\n      targets.forEach(function (slide) {\n        if (!slide) return;\n\n        const img = slide.querySelector(\"img\");\n        if (!img || !img.src || img.dataset.preloaded === \"true\") return;\n\n        const preload = new Image();\n        preload.src = img.currentSrc || img.src;\n        img.dataset.preloaded = \"true\";\n      });\n    }\n\n    function next() {\n      if (isAnimating) return;\n\n      preloadNearbyImages(currentIndex + 1);\n      setTranslate(currentIndex + 1, true);\n    }\n\n    function prev() {\n      if (isAnimating) return;\n\n      preloadNearbyImages(currentIndex - 1);\n      setTranslate(currentIndex - 1, true);\n    }\n\n    function startAutoplay() {\n      stopAutoplay();\n\n      if (isReducedMotion || document.hidden) return;\n\n      autoplay = window.setInterval(function () {\n        next();\n      }, 4600);\n    }\n\n    function stopAutoplay() {\n      if (autoplay) {\n        window.clearInterval(autoplay);\n        autoplay = null;\n      }\n    }\n\n    track.addEventListener(\"transitionend\", function (event) {\n      if (event.target !== track) return;\n      if (!isAnimating) return;\n\n      finishTransition();\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n      next();\n      startAutoplay();\n    });\n\n    prevBtn.addEventListener(\"click\", function () {\n      prev();\n      startAutoplay();\n    });\n\n    viewport.addEventListener(\"mouseenter\", stopAutoplay);\n    viewport.addEventListener(\"mouseleave\", startAutoplay);\n    viewport.addEventListener(\"focusin\", stopAutoplay);\n    viewport.addEventListener(\"focusout\", startAutoplay);\n\n    viewport.addEventListener(\"pointerdown\", function (event) {\n      if (isAnimating) return;\n\n      isDragging = true;\n      startX = event.clientX;\n      dragX = 0;\n      stopAutoplay();\n      track.style.transition = \"none\";\n\n      if (viewport.setPointerCapture) {\n        viewport.setPointerCapture(event.pointerId);\n      }\n    });\n\n    viewport.addEventListener(\"pointermove\", function (event) {\n      if (!isDragging) return;\n\n      dragX = event.clientX - startX;\n      requestTransform(getTranslate(currentIndex, dragX));\n    });\n\n    viewport.addEventListener(\"pointerup\", function (event) {\n      if (!isDragging) return;\n\n      isDragging = false;\n\n      if (viewport.releasePointerCapture) {\n        viewport.releasePointerCapture(event.pointerId);\n      }\n\n      if (Math.abs(dragX) > 70) {\n        dragX < 0 ? next() : prev();\n      } else {\n        setTranslate(currentIndex, true);\n      }\n\n      startAutoplay();\n    });\n\n    viewport.addEventListener(\"pointercancel\", function () {\n      if (!isDragging) return;\n\n      isDragging = false;\n      setTranslate(currentIndex, true);\n      startAutoplay();\n    });\n\n    document.addEventListener(\"visibilitychange\", function () {\n      if (document.hidden) {\n        stopAutoplay();\n      } else {\n        finishTransition();\n        updateLayout();\n        startAutoplay();\n      }\n    });\n\n    if (reduceMotionQuery && reduceMotionQuery.addEventListener) {\n      reduceMotionQuery.addEventListener(\"change\", function (event) {\n        isReducedMotion = event.matches;\n\n        if (isReducedMotion) {\n          stopAutoplay();\n          finishTransition();\n        } else {\n          startAutoplay();\n        }\n      });\n    }\n\n    if (\"ResizeObserver\" in window) {\n      const resizeObserver = new ResizeObserver(function () {\n        updateLayout();\n      });\n      resizeObserver.observe(viewport);\n    } else {\n      window.addEventListener(\"resize\", updateLayout);\n    }\n\n    window.addEventListener(\"load\", function () {\n      updateLayout();\n      preloadNearbyImages(currentIndex);\n    });\n\n    buildDots();\n    updateLayout();\n    preloadNearbyImages(currentIndex);\n    startAutoplay();\n  });\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"TrendPower\",\n    \"url\": \"https:\\\/\\\/trendpowercharge.com\\\/\",\n    \"description\": \"TrendPower provides global EV charging digital solutions powered by AI, IoT, and energy digitalization.\",\n    \"knowsAbout\": [\n        \"EV charging solutions\",\n        \"AI algorithms\",\n        \"IoT systems\",\n        \"energy digitalization\",\n        \"global payment integration\",\n        \"localized charging solutions\"\n    ],\n    \"areaServed\": {\n        \"@type\": \"Place\",\n        \"name\": \"Global\"\n    },\n    \"numberOfEmployees\": {\n        \"@type\": \"QuantitativeValue\",\n        \"minValue\": 100\n    },\n    \"department\": {\n        \"@type\": \"Organization\",\n        \"name\": \"TrendPower Technical Team\",\n        \"description\": \"A dedicated technical team specializing in AI, IoT, energy digitalization, R&D, operations, global support, and digital EV charging solutions.\"\n    },\n    \"award\": [\n        \"Over 60 software copyrights and invention patents\",\n        \"Authoritative technical certifications\"\n    ]\n}<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"name\": \"TrendPower Technical Team Highlights\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Our Team\",\n            \"description\": \"A dedicated team of 100+ professionals specialized in AI, IoT, and energy digitalization.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"name\": \"Operations Team\",\n            \"description\": \"On-site business consulting and one-on-one expert guidance from idea to market-ready solution.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 3,\n            \"name\": \"Development Team\",\n            \"description\": \"Senior architects and IoT specialists focused on AI algorithms, global payment integration, and localization.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 4,\n            \"name\": \"Corporate Honors\",\n            \"description\": \"Over 60 software copyrights and invention patents with authoritative technical certifications.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 5,\n            \"name\": \"AI Innovation\",\n            \"description\": \"University AI research partnerships supporting real-world AI innovation and application.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 6,\n            \"name\": \"Global Presence\",\n            \"description\": \"Digital solutions delivered to clients in over 30 countries and regions worldwide.\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 7,\n            \"name\": \"Client Trust\",\n            \"description\": \"Trusted by thousands of enterprise clients and globally recognized brands with consistent 5-star satisfaction.\"\n        }\n    ]\n}<\/script>\n  \n  <section class=\"tp-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-journey-head tp-reveal\">\n        <div>\n          <span class=\"tp-kicker\">Perjalanan Kami<\/span>\n          <h2 class=\"tp-title-md\">Dua dekad keupayaan di sebalik jenama tenaga digital yang tertumpu.<\/h2>\n        <\/div>\n        <p class=\"tp-lead\">TrendPower tidak dicipta dalam sekelip mata. Setiap peringkat menambah kekuatan praktikal dalam perisian, AI, IoT, penyampaian SaaS dan perkhidmatan antarabangsa.<\/p>\n      <\/div>\n\n      <div class=\"tp-timeline\">\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2005<\/span><h3>Asas perisian<\/h3><p>Kejuruteraan perisian perusahaan, pembangunan produk dan keupayaan penyampaian pelanggan telah diwujudkan.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2018<\/span><h3>AI Gunaan<\/h3><p>Kerjasama penyelidikan universiti telah memperkukuh keupayaan untuk menjadikan penyelidikan AI sebagai produk komersial yang boleh digunakan.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2023<\/span><h3>Pengembangan antarabangsa<\/h3><p>Sebuah pusat pembangunan perniagaan luar negara di Hong Kong telah meluaskan jangkauan perkhidmatan merentasi pasaran global.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2025<\/span><h3>TrendPower dilancarkan<\/h3><p>Jenama tenaga digital ini menggabungkan perisian, AI, IoT, SaaS dan operasi pengecasan menjadi satu penawaran tertumpu.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-section-soft\">\n    <div class=\"tp-shell tp-global-grid\">\n      <div class=\"tp-global-map tp-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/03\/Trendpower-Globe-Partners.webp\" width=\"2408\" height=\"918\" decoding=\"async\" alt=\"Jejak pelanggan dan rakan kongsi global TrendPower merentasi pasaran pengecasan EV utama\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Penghantaran Global, Kesesuaian Tempatan<\/span>\n        <h2 class=\"tp-title-md\">Direka untuk pasaran yang anda sedang masuki.<\/h2>\n        <p class=\"tp-lead\">Pengalaman projek antarabangsa kami membantu pasukan mengambil kira pembayaran tempatan, bahasa, privasi, protokol pengecas dan model operasi dari awal.<\/p>\n        <div class=\"tp-region-list\">\n          <div class=\"tp-region\"><strong>Asia Tenggara<\/strong><span>Pembayaran setempat, operasi berbilang bahasa dan penggunaan rangkaian AC\/DC<\/span><\/div>\n          <div class=\"tp-region\"><strong>Eropah &amp; Amerika Utara<\/strong><span>Kebolehkendalian OCPP \/ OCPI, privasi dan penyetempatan pengendali<\/span><\/div>\n          <div class=\"tp-region\"><strong>Timur Tengah &amp; Asia Tengah<\/strong><span>Pengecasan armada, koridor pengecasan pantas dan aliran kerja operasi serantau<\/span><\/div>\n          <div class=\"tp-region\"><strong>Amerika Latin &amp; Afrika<\/strong><span>O&amp;M jarak jauh, penggunaan CPO yang boleh diskala dan pertumbuhan rangkaian yang berdaya tahan<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-section tp-service\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Orang di Sebalik Platform<\/span>\n        <h2 class=\"tp-title-md\">Anda akan sentiasa tahu kepada siapa hendak berpaling seterusnya.<\/h2>\n        <p class=\"tp-lead\">Perisian hanyalah sebahagian daripada pelancaran yang berjaya. TrendPower menyokong pasukan anda daripada perbualan keperluan pertama hinggalah kepada penyepaduan, pelancaran dan operasi harian.<\/p>\n      <\/div>\n      <div class=\"tp-service-grid\">\n        <article class=\"tp-service-card tp-reveal\"><strong>01 \/ DENGAR<\/strong><h3>Konsultasi Keperluan Satu-ke-Satu<\/h3><p>Kami mulakan dengan pasaran, pengguna, perkakasan, model pendapatan dan realiti operasi anda\u2014bukan senarai semak ciri generik.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>02 \/ BINA<\/strong><h3>Penghantaran Peranti\u2013Awan\u2013Kawalan<\/h3><p>Produk, UI\/UX, R&amp;D, penyepaduan pengecas, konfigurasi awan dan alatan pengurusan diselaraskan sebagai satu sistem.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>03 \/ PELANCARAN<\/strong><h3>Latihan &amp; Sokongan Langsung<\/h3><p>Perunding berpengalaman menyokong latihan ciri, ujian integrasi, penyediaan pelancaran dan penyerahan operasi.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>04 \/ TINGGAL<\/strong><h3>Kejayaan Pelanggan &amp; O&amp;M<\/h3><p>Pakar yang berdedikasi menyediakan diagnostik, penyelesaian isu, panduan data dan sokongan pasca pelancaran apabila rangkaian anda berkembang.<\/p><\/article>\n      <\/div>\n      <div class=\"tp-service-note tp-reveal\"><b>Perkhidmatan tindak balas pantas 7 \u00d7 12:<\/b> Sokongan operasi dan penyelenggaraan sepanjang tahun yang direka untuk memastikan komunikasi jelas dan khidmat pelanggan tersedia apabila pasukan anda memerlukan bantuan.<\/div>\n    <\/div>\n  <\/section>\n  \n  <section class=\"tp-cta-section\">\n    <div class=\"tp-shell\">\n      <div class=\"tp-cta tp-reveal\">\n        <div class=\"tp-cta-copy\">\n          <h2>Di mana sahaja anda bermula, mari kita perjelaskan langkah seterusnya.<\/h2>\n          <p>Sama ada anda sedang mengesahkan projek pertama, membawa perkakasan pengecas ke luar negara atau menggantikan platform yang tidak lagi sesuai, beritahu kami apa yang anda cuba capai. Kami akan mendengar dahulu, kemudian mengesyorkan cara praktikal untuk maju.<\/p>\n        <\/div>\n        <div class=\"tp-cta-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/ms\/contact\/\">Kongsikan Projek Anda Dengan Kami<\/a>\n          <a class=\"tp-btn tp-btn-secondary\" href=\"https:\/\/trendpowercharge.com\/wp-content\/uploads\/2026\/09\/TRENDPOWER-EV-CHARGING-SOLUTION.pdf\" target=\"_blank\" rel=\"noopener\">Muat Turun Profil Syarikat<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (function () {\n    \"use strict\";\n    var root = document.getElementById(\"tp-about-page\");\n    if (!root || root.dataset.revealReady === \"true\") return;\n    root.dataset.revealReady = \"true\";\n\n    var items = root.querySelectorAll(\".tp-reveal\");\n    if (!(\"IntersectionObserver\" in window) || window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      items.forEach(function (item) { item.classList.add(\"is-visible\"); });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: \"0px 0px -40px 0px\" });\n\n    items.forEach(function (item) { observer.observe(item); });\n  })();\n  <\/script>\n\n  <style>\n    #tp-about-page .tp-btn,\n    #tp-about-page .tp-pain-card,\n    #tp-about-page .tp-audience-card,\n    #tp-about-page .tp-service-card { transition-duration: .24s; }\n    #tp-about-page :is(a, button):focus-visible { outline: 3px solid var(--tp-blue); outline-offset: 4px; }\n    #tp-about-page .tp-team-section { background: linear-gradient(180deg, #f2f7fe, #eaf2fc); font-family: Inter, Roboto, \"Helvetica Neue\", Arial, sans-serif; }\n    #tp-about-page .tp-team-head h2 { color: var(--tp-navy); font-family: inherit; font-size: clamp(34px, 3.2vw, 50px); font-weight: 760; letter-spacing: -.04em; }\n    #tp-about-page .tp-team-head p { color: var(--tp-body); line-height: 1.6; }\n    #tp-about-page .tp-team-slide { border-radius: 20px; box-shadow: 0 18px 50px rgba(18, 52, 103, .12); }\n    #tp-about-page .tp-video-copy .tp-lead { font-size: 17px; }\n    @media (max-width: 900px) { #tp-about-page .tp-video-grid { gap: 34px; } }\n    @media (max-width: 620px) {\n      #tp-about-page .tp-video-frame { border-radius: 16px; }\n    }\n  <\/style>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About TrendPower For operators, manufacturers and energy businesses Charging is complex. Growing your business shouldn\u2019t be. Every new charger adds [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1088","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/pages\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":137,"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":6120,"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/pages\/1088\/revisions\/6120"}],"wp:attachment":[{"href":"https:\/\/trendpowercharge.com\/ms\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}