{"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\/en_gb\/about\/","title":{"rendered":"About"},"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\">About TrendPower<\/span>\n        <div class=\"tp-hero-promise\"><i aria-hidden=\"true\"><\/i>For operators, manufacturers and energy businesses<\/div>\n        <h1 id=\"tp-about-title\">Charging is complex. Growing your business <span>shouldn\u2019t be.<\/span><\/h1>\n        <p>Every new charger adds more devices, payments, users, work orders and local requirements. You shouldn\u2019t have to manage that complexity alone. TrendPower brings the software, integration experience and people to help you move from idea to a reliable, scalable charging business.<\/p>\n        <div class=\"tp-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/en_gb\/contact\/\">\n            Tell Us What You\u2019re Building\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            Explore Our Capabilities\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=\"TrendPower headquarters and global EV charging software team\">\n        <\/div>\n        <div class=\"tp-network-card\" aria-label=\"Illustrative TrendPower network overview\">\n          <div class=\"tp-network-card-head\"><span>Network overview<\/span><span class=\"tp-live\">Connected<\/span><\/div>\n          <div class=\"tp-network-row\"><span>Charger connectivity<\/span><strong>OCPP 1.6 \/ 2.0.1<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Payment ecosystem<\/span><strong>Global + Local<\/strong><\/div>\n          <div class=\"tp-network-row\"><span>Operations<\/span><strong>Remote O&amp;M<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-hero-badge\">\n          <strong>20+ years<\/strong>\n          <span>of software engineering experience behind every TrendPower solution.<\/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=\"TrendPower trust indicators\">\n        <div class=\"tp-proof-item\"><strong>20+ Years<\/strong><span>Continuous software product and delivery experience<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>150+<\/strong><span>Projects supporting real business operations<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>30+ Countries<\/strong><span>International customer and project coverage<\/span><\/div>\n        <div class=\"tp-proof-item\"><strong>100+ Experts<\/strong><span>AI, IoT, software and operations professionals<\/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\">We Understand the Pressure<\/span>\n          <h2 class=\"tp-title-md\" id=\"tp-empathy-title\">You\u2019re not simply connecting chargers. You\u2019re protecting every promise your brand makes.<\/h2>\n        <\/div>\n        <p class=\"tp-empathy-quote\">A driver only sees whether charging works. Your team sees everything behind it\u2014hardware compatibility, payment failures, service tickets, pricing, partners and market rules. We build for that reality.<\/p>\n      <\/div>\n\n      <div class=\"tp-pain-grid\">\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">01 \/ TIME<\/span><h3>\u201cWe need to launch\u2014but building from scratch takes too long.\u201d<\/h3><p>Localization, payment gateways, device protocols and compliance can stretch development timelines before the first charger even goes live.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">02 \/ CONTROL<\/span><h3>\u201cWe don\u2019t want a platform standing between us and our customers.\u201d<\/h3><p>Operators need ownership of their brand, customer relationships, operating data and business decisions\u2014not another dependency.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">03 \/ FLEXIBILITY<\/span><h3>\u201cOur business model doesn\u2019t fit a rigid, one-size-fits-all system.\u201d<\/h3><p>Pricing, partners, workflows and services change by market. The platform needs to adapt without forcing you to rebuild everything.<\/p><\/article>\n        <article class=\"tp-pain-card tp-reveal\"><span class=\"tp-pain-num\">04 \/ OPERATIONS<\/span><h3>\u201cWhen something fails, we need answers\u2014not more dashboards.\u201d<\/h3><p>Remote monitoring, diagnostics, work orders and clear operational data help your team act before small issues become customer problems.<\/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\">Who We Are<\/span>\n          <h2 class=\"tp-title-md\">You bring the ambition. We bring the engineering depth to help make it real.<\/h2>\n          <p class=\"tp-lead\">TrendPower is a subsidiary of Guangzhou Trend Information Technology Co., Ltd. From our headquarters in Guangzhou\u2019s Tianhe National Software Industry Base and overseas business development center in Hong Kong, we work with teams around the world to turn complex EV charging ideas into practical operating systems.<\/p>\n        <\/div>\n        <div class=\"tp-intro-note\">\n          <strong>We know a polished demo is not the same as a dependable operation.<\/strong>\n          <span>That is why our teams stay close to product strategy, charger integration, payments, localization, deployment and long-term support.<\/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>Charger Manufacturers<\/h3>\n          <p>Accelerate overseas market entry with OCPP-compatible platforms, localized payments, multilingual experiences and hardware integration support.<\/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>Charging Operators<\/h3>\n          <p>Build an independent brand, own customer and operating data, manage networks remotely and create flexible revenue models.<\/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>Property & Energy Businesses<\/h3>\n          <p>Coordinate charging, energy storage, power sales and site operations through one connected digital energy architecture.<\/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>Fleet & Mobility Networks<\/h3>\n          <p>Support fleet charging, heavy-duty truck scenarios and e-bike charging or swapping with scalable device connectivity.<\/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\">Engineering Confidence<\/span>\n        <h2 class=\"tp-title-md\">Global-ready by architecture, localized by market.<\/h2>\n        <p class=\"tp-lead\">The platform foundation is designed to reduce integration friction, protect operational control and support expansion across markets, charger brands and business models.<\/p>\n      <\/div>\n\n      <div class=\"tp-cap-grid\">\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">01 \/ PROTOCOLS<\/span><h3>OCPP & Interoperability<\/h3><p>Support for OCPP 1.6J \/ 2.0.1 and OCPI helps connect different charger models, systems and roaming ecosystems.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">02 \/ PAYMENTS<\/span><h3>Global Payment Integration<\/h3><p>Connect mainstream options including Stripe, PayPal, Adyen and Apple Pay, adapted to local transaction habits.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">03 \/ LOCALIZATION<\/span><h3>Market-Ready Experiences<\/h3><p>Multilingual interfaces, regional workflows and configurable business rules support local launch without losing brand control.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">04 \/ DEPLOYMENT<\/span><h3>Flexible Cloud Architecture<\/h3><p>Public- or private-cloud options provide a practical path for different data, ownership and infrastructure requirements.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">05 \/ OPERATIONS<\/span><h3>Remote O&M<\/h3><p>Monitoring, diagnostics, remote repair and work-order workflows help operating teams resolve issues faster.<\/p><\/article>\n        <article class=\"tp-cap-card tp-reveal\"><span class=\"tp-cap-num\">06 \/ SCALE<\/span><h3>Built for Network Growth<\/h3><p>A hardware-decoupled IoT architecture supports centralized management and expansion from a pilot to large device networks.<\/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\">Built Around Your Business<\/span>\n        <h2 class=\"tp-title-md\">Your brand. Your customers. Your operating data.<\/h2>\n        <p class=\"tp-lead\">You have worked hard to build customer trust. Your platform should strengthen that relationship\u2014not hide it behind somebody else\u2019s brand or a rigid operating model.<\/p>\n        <div class=\"tp-owner-list\">\n          <div class=\"tp-owner-item\"><b>01<\/b><div><strong>Independent brand experience<\/strong><span>White-label apps, mini programs and management portals keep your identity visible at every customer touchpoint.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>02<\/b><div><strong>Flexible pricing and business rules<\/strong><span>Configure peak and off-peak pricing, service fees, memberships, partner tiers and promotions around your market.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>03<\/b><div><strong>Clear data visibility<\/strong><span>Give manufacturers, distributors and operators the right level of access while protecting each partner\u2019s data boundaries.<\/span><\/div><\/div>\n          <div class=\"tp-owner-item\"><b>04<\/b><div><strong>Direct operational control<\/strong><span>Monitor orders, chargers, revenue and service activity without waiting for fragmented reports from multiple systems.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tp-console tp-reveal\" aria-label=\"Illustrative TrendPower operating dashboard\">\n        <div class=\"tp-console-top\"><span class=\"tp-console-brand\"><i aria-hidden=\"true\"><\/i>TrendPower Operations<\/span><span class=\"tp-console-state\">All systems connected<\/span><\/div>\n        <div class=\"tp-console-metrics\">\n          <div class=\"tp-console-metric\"><span>Device management<\/span><strong>OCPP<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Payment status<\/span><strong>Live<\/strong><\/div>\n          <div class=\"tp-console-metric\"><span>Service workflow<\/span><strong>Active<\/strong><\/div>\n        <\/div>\n        <div class=\"tp-console-main\">\n          <div class=\"tp-console-chart\"><span class=\"tp-console-label\">Charging activity overview<\/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\">Live operations<\/span><div class=\"tp-feed-row\"><i><\/i><span>Payment confirmed<\/span><em>Now<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Charger online<\/span><em>2m<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Work order closed<\/span><em>8m<\/em><\/div><div class=\"tp-feed-row\"><i><\/i><span>Tariff updated<\/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\">One Connected Digital Energy Ecosystem<\/span>\n        <h2 class=\"tp-title-md\">Eight business systems. One team that understands how they fit together.<\/h2>\n        <p class=\"tp-lead\">A charging business rarely needs one isolated feature. TrendPower connects the customer experience, charger network, energy assets, partners and service teams across the operating lifecycle.<\/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>EV Charger Operations Management<\/h3><p>Manage charging stations, users, orders, pricing and operating data through an independently branded platform.<\/p><span class=\"tp-eco-tag\">CPMS \u00b7 APP \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>After-Sales Work Orders<\/h3><p>Generate, assign, approve and track work orders with visual progress and inventory support.<\/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>Energy Storage Management<\/h3><p>Coordinate storage allocation, intelligent charging and energy scheduling for integrated sites.<\/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>Remote Operations &amp; Maintenance<\/h3><p>Bring monitoring, fault diagnosis, remote repair and service workflows into one intelligent O&amp;M command center.<\/p><span class=\"tp-eco-tag\">Monitor \u00b7 Diagnose \u00b7 Resolve<\/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>Heavy-Duty Fleet Charging<\/h3><p>Support complex fleet schedules, multi-standard equipment and coordinated energy use.<\/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>E-Bike Charging &amp; Battery Swap<\/h3><p>Connect charging, battery swapping, sharing and rental scenarios in one micromobility solution.<\/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>Charging Ecosystem Services<\/h3><p>Connect retail, vehicle services and partner programs to expand value beyond the charging session.<\/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>IoT Middle Platform<\/h3><p>Provide secure, centralized device connectivity through an architecture designed for large-scale access.<\/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=\"TrendPower company introduction: EV charging software and operations\"\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\">See TrendPower in 2 Minutes<\/span>\n        <h2 class=\"tp-title-md\" id=\"tp-video-title\">From charger connection to daily operation.<\/h2>\n        <p class=\"tp-lead\">See how TrendPower brings software, hardware connectivity, payment and operational workflows together in one solution ecosystem.<\/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>Charging point management across home, commercial and fleet scenarios<\/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>White-label applications and localized payment experiences<\/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>Remote monitoring, maintenance and long-term technical support<\/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=\"Mr. Wang, Founder of TrendPower\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Founder\u2019s Message<\/span>\n        <div class=\"tp-quote-mark\" aria-hidden=\"true\">\u201c<\/div>\n        <p class=\"tp-founder-quote\">We turn complex digital architecture into charging experiences that are dependable, scalable and simple to operate.<\/p>\n        <p class=\"tp-founder-body\">For over two decades, our mission has remained consistent: make technology work in real business environments. As global transport accelerates toward electrification, TrendPower combines AI, cloud computing and operational experience to help charging businesses grow without losing control of their brand, data or daily operations.<\/p>\n        <div class=\"tp-founder-name\"><strong>Mr. Wang<\/strong><span>Founder, TrendPower<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n<section class=\"tp-team-section\">\n  <div class=\"tp-team-head\">\n    <h2>Our Technical Team<\/h2>\n    <p>Driving Innovation in Global EV Charging Solutions<\/p>\n  <\/div>\n\n  <div class=\"tp-team-carousel\">\n    <button class=\"tp-team-btn tp-team-prev\" type=\"button\" aria-label=\"Previous slide\">\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=\"TrendPower technical team specializing in AI, IoT, and energy digitalization solutions\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">01<\/div>\n            <h3>Our Team<\/h3>\n            <p>A dedicated team of 100+ professionals, deeply specialized in \"AI + IoT + Energy Digitalization,\" is committed to building TrendPower into a world-class digital energy software service provider.<\/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=\"TrendPower operations team providing on-site business consulting and one-on-one expert guidance\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">02<\/div>\n            <h3>Operations Team<\/h3>\n            <p>On-site business consulting from seasoned experts. From idea to market-ready solution \u2014 our ops team delivers one-on-one guidance.<\/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=\"TrendPower R&D architects and IoT specialists developing AI algorithms, payment integration, and localized solutions\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">03<\/div>\n            <h3>Development Team<\/h3>\n            <p>With 25%+ of annual revenue allocated to R&D, our team of senior architects and IoT specialists is focused on AI algorithms, global payment integration, and localization \u2014 the three pillars of our competitive advantage.<\/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=\"TrendPower technical certifications, software copyrights, and invention patents\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">04<\/div>\n            <h3>Corporate Honors<\/h3>\n            <p>Accumulated over 60 software copyrights and invention patents, certified by authoritative bodies for technical strength, with a 100% commercialization rate of innovative achievements.<\/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=\"TrendPower university AI research partnerships supporting real-world AI innovation\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">05<\/div>\n            <h3>AI Innovation<\/h3>\n            <p>Partnering with top universities to jointly establish AI research centers and institutes, continuously driving AI innovation and real-world application.<\/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=\"TrendPower global digital solutions serving clients in over 30 countries and regions\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">06<\/div>\n            <h3>Global Presence<\/h3>\n            <p>Guided by the core philosophy of \"technology-driven innovation\" and a global vision, we continuously deliver leading digital solutions to clients in over 30 countries and regions worldwide.<\/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=\"TrendPower enterprise client partnerships with global brands and 5-star satisfaction\">\n          <\/div>\n          <div class=\"tp-team-text\">\n            <div class=\"tp-team-num\">07<\/div>\n            <h3>Client Trust<\/h3>\n            <p>With thousands of enterprise clients \u2014 including industry leaders and globally recognized brands \u2014 our project completion rates are matched by consistent 5-star client satisfaction.<\/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>Swipe to view more<\/span>\n        <span class=\"tp-team-swipe-arrows\">\u2039 \u203a<\/span>\n      <\/div>\n      <div class=\"tp-team-dots\" aria-label=\"Team carousel pagination\"><\/div>\n    <\/div>\n\n    <button class=\"tp-team-btn tp-team-next\" type=\"button\" aria-label=\"Next slide\">\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\">Our Journey<\/span>\n          <h2 class=\"tp-title-md\">Two decades of capability behind a focused digital energy brand.<\/h2>\n        <\/div>\n        <p class=\"tp-lead\">TrendPower was not created overnight. Each stage added practical strength in software, AI, IoT, SaaS delivery and international service.<\/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>Software foundation<\/h3><p>Enterprise software engineering, product development and customer delivery capabilities were established.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2018<\/span><h3>Applied AI<\/h3><p>University research collaboration strengthened the ability to turn AI research into usable commercial products.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2023<\/span><h3>International expansion<\/h3><p>An overseas business development center in Hong Kong expanded service reach across global markets.<\/p><\/article>\n        <article class=\"tp-time-item tp-reveal\"><span class=\"tp-time-year\">2025<\/span><h3>TrendPower launched<\/h3><p>The digital energy brand united software, AI, IoT, SaaS and charging operations into one focused offering.<\/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=\"TrendPower global customer and partner footprint across key EV charging markets\">\n      <\/div>\n      <div class=\"tp-reveal\">\n        <span class=\"tp-kicker\">Global Delivery, Local Fit<\/span>\n        <h2 class=\"tp-title-md\">Designed for the market you are entering.<\/h2>\n        <p class=\"tp-lead\">Our international project experience helps teams account for local payments, language, privacy, charger protocols and operating models from the start.<\/p>\n        <div class=\"tp-region-list\">\n          <div class=\"tp-region\"><strong>Southeast Asia<\/strong><span>Localized payments, multilingual operations and AC\/DC network deployment<\/span><\/div>\n          <div class=\"tp-region\"><strong>Europe & North America<\/strong><span>OCPP \/ OCPI interoperability, privacy and operator localization<\/span><\/div>\n          <div class=\"tp-region\"><strong>Middle East & Central Asia<\/strong><span>Fleet charging, fast-charging corridors and regional operating workflows<\/span><\/div>\n          <div class=\"tp-region\"><strong>Latin America & Africa<\/strong><span>Remote O&M, scalable CPO deployment and resilient network growth<\/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\">People Behind the Platform<\/span>\n        <h2 class=\"tp-title-md\">You will always know who to turn to next.<\/h2>\n        <p class=\"tp-lead\">Software is only part of a successful launch. TrendPower supports your team from the first requirement conversation through integration, rollout and daily operation.<\/p>\n      <\/div>\n      <div class=\"tp-service-grid\">\n        <article class=\"tp-service-card tp-reveal\"><strong>01 \/ LISTEN<\/strong><h3>One-to-One Requirement Consultation<\/h3><p>We start with your market, users, hardware, revenue model and operating reality\u2014not a generic feature checklist.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>02 \/ BUILD<\/strong><h3>Device\u2013Cloud\u2013Control Delivery<\/h3><p>Product, UI\/UX, R&amp;D, charger integration, cloud configuration and management tools are coordinated as one system.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>03 \/ LAUNCH<\/strong><h3>Training &amp; Go-Live Support<\/h3><p>Experienced consultants support feature training, integration testing, rollout preparation and operational handover.<\/p><\/article>\n        <article class=\"tp-service-card tp-reveal\"><strong>04 \/ STAY<\/strong><h3>Customer Success &amp; O&amp;M<\/h3><p>Dedicated specialists provide diagnostics, issue resolution, data guidance and post-launch support as your network grows.<\/p><\/article>\n      <\/div>\n      <div class=\"tp-service-note tp-reveal\"><b>7 \u00d7 12 rapid response service:<\/b> year-round operations and maintenance support designed to keep communication clear and customer service available when your team needs help.<\/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>Wherever you are starting, let\u2019s make the next step clearer.<\/h2>\n          <p>Whether you are validating a first project, taking charger hardware overseas or replacing a platform that no longer fits, tell us what you are trying to achieve. We will listen first, then recommend a practical way forward.<\/p>\n        <\/div>\n        <div class=\"tp-cta-actions\">\n          <a class=\"tp-btn tp-btn-primary\" href=\"https:\/\/trendpowercharge.com\/en_gb\/contact\/\">Share Your Project With Us<\/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\">Download Company Profile<\/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\/en_gb\/wp-json\/wp\/v2\/pages\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":137,"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":6120,"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/pages\/1088\/revisions\/6120"}],"wp:attachment":[{"href":"https:\/\/trendpowercharge.com\/en_gb\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}