{"id":2281,"date":"2024-09-27T06:44:04","date_gmt":"2024-09-27T06:44:04","guid":{"rendered":"https:\/\/bpsi.co.id\/?page_id=2281"},"modified":"2026-06-18T07:07:50","modified_gmt":"2026-06-18T07:07:50","slug":"baterai-charger-forklift-bpsi","status":"publish","type":"page","link":"https:\/\/bpsi.co.id\/id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2281\" class=\"elementor elementor-2281\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8503cb2 e-con-full e-flex e-con e-parent\" data-id=\"8503cb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2360b7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e2360b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BPSI Homepage Hero - Image Top, Content Bottom -->\r\n<section class=\"bpsi-geo-hero\" id=\"bpsiGeoHero\">\r\n  <div class=\"bpsi-geo-bg bg-green\"><\/div>\r\n  <div class=\"bpsi-geo-bg bg-gold\"><\/div>\r\n\r\n  <div class=\"bpsi-geo-container\">\r\n\r\n    <!-- IMAGE LOOPING HERO -->\r\n    <div class=\"bpsi-geo-visual\" aria-label=\"BPSI Hero Image Slider\">\r\n      <div class=\"bpsi-geo-slider\">\r\n\r\n        <figure class=\"bpsi-geo-slide active\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png\" \r\n            alt=\"BPSI solusi baterai forklift dan rental baterai forklift Indonesia\">\r\n        <\/figure>\r\n\r\n        <figure class=\"bpsi-geo-slide\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Volta-Hero-baterai-forklift-bpsi.png\" \r\n            alt=\"Volta baterai forklift untuk rental dan kebutuhan industri\">\r\n        <\/figure>\r\n\r\n        <figure class=\"bpsi-geo-slide\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Dynex-Baterai-Forklift.png\" \r\n            alt=\"Dynex baterai forklift dan charger support BPSI\">\r\n        <\/figure>\r\n\r\n        <figure class=\"bpsi-geo-slide\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Inspeksi-teknisi-bpsi.png\" \r\n            alt=\"Volta baterai forklift untuk rental dan kebutuhan industri\">\r\n        <\/figure>\r\n\r\n        <figure class=\"bpsi-geo-slide\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Solusi-Batrai-forklift-BPSI.png\" \r\n            alt=\"Volta baterai forklift untuk rental dan kebutuhan industri\">\r\n        <\/figure>\r\n\r\n        <div class=\"bpsi-geo-image-overlay\"><\/div>\r\n\r\n        <div class=\"bpsi-geo-image-label\">\r\n          <span>PT. Battery Power Solutions International<\/span>\r\n          <strong>Rental Baterai Forklift untuk Operasional Industri Lebih Stabil<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-geo-dots\">\r\n          <button class=\"active\" type=\"button\" aria-label=\"Slide 1\"><\/button>\r\n          <button type=\"button\" aria-label=\"Slide 2\"><\/button>\r\n          <button type=\"button\" aria-label=\"Slide 3\"><\/button>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-geo-progress\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CONTENT BELOW IMAGE -->\r\n    <div class=\"bpsi-geo-content\">\r\n      <div class=\"bpsi-geo-badge\">\r\n        Solusi Baterai Forklift Indonesia\r\n      <\/div>\r\n\r\n      <h1>\r\n        Rental Baterai Forklift, Charger, Service, dan Solusi Power Industri\r\n      <\/h1>\r\n\r\n      <p class=\"bpsi-geo-lead\">\r\n        BPSI menyediakan solusi baterai forklift untuk kebutuhan operasional industri modern, mulai dari rental baterai forklift, charger rental, service battery, refurbishment, hingga konsultasi teknis untuk warehouse, manufaktur, logistik, cold storage, dan operasional multi-shift.\r\n      <\/p>\r\n\r\n      <div class=\"bpsi-geo-keywords\">\r\n        <span>Baterai Forklift<\/span>\r\n        <span>Rental Baterai Forklift<\/span>\r\n        <span>Charger Forklift<\/span>\r\n        <span>Service Battery<\/span>\r\n        <span>Refurbishment<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-geo-actions\">\r\n        <a \r\n          href=\"https:\/\/wa.me\/6287776206867?text=Halo%20BPSI,%20saya%20ingin%20konsultasi%20rental%20baterai%20forklift%20dan%20solusi%20baterai%20forklift\"\r\n          class=\"bpsi-geo-btn primary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\">\r\n          Konsultasi BPSI Care\r\n        <\/a>\r\n\r\n        <a \r\n          href=\"https:\/\/bpsi.co.id\/baterai-forklift-elektrik\/\"\r\n          class=\"bpsi-geo-btn secondary\">\r\n          Lihat Solusi Baterai\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-geo-service-grid\">\r\n        <div class=\"bpsi-geo-service-card\">\r\n          <strong>Rental Battery<\/strong>\r\n          <p>Solusi baterai cadangan untuk kebutuhan operasional harian dan multi-shift.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-geo-service-card\">\r\n          <strong>Charger Support<\/strong>\r\n          <p>Dukungan charger forklift untuk kebutuhan charging yang lebih stabil dan terkontrol.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-geo-service-card\">\r\n          <strong>Service & Inspection<\/strong>\r\n          <p>Pemeriksaan teknis, maintenance, dan rekomendasi perawatan baterai forklift.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-geo-area\">\r\n        Melayani kebutuhan industri di Jakarta, Tangerang, Bekasi, Cikarang, Karawang, Jawa Barat, Banten, dan berbagai area industri Indonesia.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bpsi-geo-hero,\r\n.bpsi-geo-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bpsi-geo-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  padding: clamp(14px, 2.2vw, 34px);\r\n  background:\r\n    radial-gradient(circle at 8% 8%, rgba(47, 140, 59, 0.08), transparent 28%),\r\n    radial-gradient(circle at 92% 18%, rgba(196, 154, 64, 0.07), transparent 30%),\r\n    linear-gradient(180deg, #ffffff 0%, #f8fbf8 100%);\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  color: #07120b;\r\n}\r\n\r\n.bpsi-geo-bg {\r\n  position: absolute;\r\n  z-index: 0;\r\n  border-radius: 999px;\r\n  filter: blur(78px);\r\n  pointer-events: none;\r\n  opacity: .45;\r\n}\r\n\r\n.bpsi-geo-bg.bg-green {\r\n  width: 360px;\r\n  height: 360px;\r\n  left: -160px;\r\n  top: 12%;\r\n  background: rgba(20, 135, 69, .14);\r\n}\r\n\r\n.bpsi-geo-bg.bg-gold {\r\n  width: 330px;\r\n  height: 330px;\r\n  right: -150px;\r\n  bottom: 10%;\r\n  background: rgba(196, 154, 64, .12);\r\n}\r\n\r\n.bpsi-geo-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(100%, 1600px);\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* IMAGE TOP *\/\r\n.bpsi-geo-visual {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: clamp(7px, .9vw, 14px);\r\n  border-radius: clamp(24px, 3vw, 52px);\r\n  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.70));\r\n  box-shadow:\r\n    0 28px 90px rgba(5, 25, 13, .16),\r\n    inset 0 0 0 1px rgba(15, 107, 56, .08);\r\n  animation: bpsiGeoVisualIn 900ms cubic-bezier(.22,.61,.36,1) both;\r\n}\r\n\r\n.bpsi-geo-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: clamp(430px, 56svh, 720px);\r\n  overflow: hidden;\r\n  border-radius: clamp(20px, 2.4vw, 42px);\r\n  background: #07120b;\r\n  isolation: isolate;\r\n}\r\n\r\n.bpsi-geo-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  margin: 0;\r\n  opacity: 0;\r\n  transform: scale(1.05);\r\n  transition:\r\n    opacity 1100ms cubic-bezier(.22,.61,.36,1),\r\n    transform 1900ms cubic-bezier(.22,.61,.36,1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.bpsi-geo-slide.active {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n  z-index: 2;\r\n}\r\n\r\n.bpsi-geo-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transform: translate3d(var(--mx, 0px), var(--my, 0px), 0) scale(1.02);\r\n  filter: saturate(1.04) contrast(1.04) brightness(.98);\r\n  transition:\r\n    transform 900ms cubic-bezier(.22,.61,.36,1),\r\n    filter 900ms ease;\r\n}\r\n\r\n.bpsi-geo-visual:hover .bpsi-geo-slide.active img {\r\n  transform: translate3d(var(--mx, 0px), var(--my, 0px), 0) scale(1.07);\r\n  filter: saturate(1.08) contrast(1.05) brightness(1);\r\n}\r\n\r\n.bpsi-geo-image-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 4;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(180deg, rgba(2,12,6,.04) 0%, rgba(2,12,6,.12) 52%, rgba(2,12,6,.56) 100%),\r\n    linear-gradient(90deg, rgba(2,12,6,.32) 0%, rgba(2,12,6,.04) 48%, rgba(2,12,6,.16) 100%);\r\n}\r\n\r\n.bpsi-geo-image-label {\r\n  position: absolute;\r\n  left: clamp(18px, 2.4vw, 42px);\r\n  bottom: clamp(28px, 3vw, 48px);\r\n  z-index: 6;\r\n  width: min(420px, calc(100% - 36px));\r\n  padding: clamp(16px, 1.8vw, 24px);\r\n  border-radius: clamp(18px, 2vw, 28px);\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, rgba(255,255,255,.19), rgba(255,255,255,.07));\r\n  border: 1px solid rgba(255,255,255,.26);\r\n  box-shadow: 0 24px 64px rgba(0,0,0,.26);\r\n  backdrop-filter: blur(22px);\r\n  -webkit-backdrop-filter: blur(22px);\r\n}\r\n\r\n.bpsi-geo-image-label span {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  color: rgba(255,255,255,.74);\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: .105em;\r\n  line-height: 1.2;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-geo-image-label strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: clamp(22px, 2vw, 34px);\r\n  line-height: 1;\r\n  letter-spacing: -.04em;\r\n  font-weight: 950;\r\n}\r\n\r\n.bpsi-geo-dots {\r\n  position: absolute;\r\n  right: clamp(18px, 2.4vw, 42px);\r\n  bottom: clamp(34px, 3vw, 52px);\r\n  z-index: 8;\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.bpsi-geo-dots button {\r\n  width: 9px;\r\n  height: 9px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.46);\r\n  cursor: pointer;\r\n  transition:\r\n    width .35s cubic-bezier(.22,.61,.36,1),\r\n    transform .35s cubic-bezier(.22,.61,.36,1),\r\n    background .35s ease;\r\n}\r\n\r\n.bpsi-geo-dots button.active {\r\n  width: 30px;\r\n  background: #ffffff;\r\n}\r\n\r\n.bpsi-geo-dots button:hover {\r\n  transform: scale(1.15);\r\n}\r\n\r\n.bpsi-geo-progress {\r\n  position: absolute;\r\n  left: clamp(18px, 2.4vw, 42px);\r\n  right: clamp(18px, 2.4vw, 42px);\r\n  bottom: 16px;\r\n  z-index: 7;\r\n  height: 2px;\r\n  overflow: hidden;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.18);\r\n}\r\n\r\n.bpsi-geo-progress span {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform-origin: left;\r\n  background: linear-gradient(90deg, #ffffff, #2de071);\r\n  animation: bpsiGeoProgress 4s linear infinite;\r\n}\r\n\r\n\/* CONTENT BELOW *\/\r\n.bpsi-geo-content {\r\n  width: min(100%, 1180px);\r\n  margin: clamp(24px, 3.2vw, 46px) auto 0;\r\n  text-align: center;\r\n  animation: bpsiGeoTextIn 900ms cubic-bezier(.22,.61,.36,1) 120ms both;\r\n}\r\n\r\n.bpsi-geo-badge {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  margin: 0 auto 16px;\r\n  padding: 9px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(15, 107, 56, .08);\r\n  border: 1px solid rgba(15, 107, 56, .13);\r\n  color: #0d5f33;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: .095em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-geo-content h1 {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  color: #06160c;\r\n  font-size: clamp(36px, 4.4vw, 72px);\r\n  line-height: .95;\r\n  letter-spacing: -.062em;\r\n  font-weight: 950;\r\n}\r\n\r\n.bpsi-geo-lead {\r\n  max-width: 920px;\r\n  margin: 22px auto 0;\r\n  color: rgba(7, 31, 18, .74);\r\n  font-size: clamp(15px, 1.08vw, 18px);\r\n  line-height: 1.75;\r\n  font-weight: 500;\r\n}\r\n\r\n.bpsi-geo-keywords {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.bpsi-geo-keywords span {\r\n  display: inline-flex;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.76);\r\n  border: 1px solid rgba(15, 107, 56, .12);\r\n  color: rgba(7, 31, 18, .72);\r\n  font-size: 12px;\r\n  font-weight: 750;\r\n  box-shadow: 0 10px 26px rgba(5, 25, 13, .05);\r\n}\r\n\r\n.bpsi-geo-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.bpsi-geo-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 50px;\r\n  padding: 0 23px;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  font-weight: 850;\r\n  letter-spacing: -.01em;\r\n  transition:\r\n    transform .35s cubic-bezier(.22,.61,.36,1),\r\n    box-shadow .35s cubic-bezier(.22,.61,.36,1),\r\n    background .35s ease,\r\n    color .35s ease,\r\n    border-color .35s ease;\r\n}\r\n\r\n.bpsi-geo-btn.primary {\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, #0f6b38, #169c52);\r\n  box-shadow:\r\n    0 18px 42px rgba(15, 107, 56, .26),\r\n    inset 0 1px 0 rgba(255,255,255,.22);\r\n}\r\n\r\n.bpsi-geo-btn.secondary {\r\n  color: #0c321c;\r\n  background: rgba(255,255,255,.78);\r\n  border: 1px solid rgba(15, 107, 56, .16);\r\n  box-shadow: 0 12px 32px rgba(5, 25, 13, .07);\r\n}\r\n\r\n.bpsi-geo-btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.bpsi-geo-btn.primary:hover {\r\n  box-shadow:\r\n    0 24px 54px rgba(15, 107, 56, .34),\r\n    inset 0 1px 0 rgba(255,255,255,.26);\r\n}\r\n\r\n.bpsi-geo-btn.secondary:hover {\r\n  color: #ffffff;\r\n  background: #071f12;\r\n  border-color: #071f12;\r\n}\r\n\r\n.bpsi-geo-service-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.bpsi-geo-service-card {\r\n  min-height: 132px;\r\n  padding: 22px;\r\n  border-radius: 26px;\r\n  text-align: left;\r\n  background: rgba(255,255,255,.72);\r\n  border: 1px solid rgba(15, 107, 56, .10);\r\n  box-shadow:\r\n    0 18px 48px rgba(5, 25, 13, .07),\r\n    inset 0 1px 0 rgba(255,255,255,.72);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  transition:\r\n    transform .35s cubic-bezier(.22,.61,.36,1),\r\n    box-shadow .35s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.bpsi-geo-service-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow:\r\n    0 24px 58px rgba(5, 25, 13, .10),\r\n    inset 0 1px 0 rgba(255,255,255,.78);\r\n}\r\n\r\n.bpsi-geo-service-card strong {\r\n  display: block;\r\n  color: #06160c;\r\n  font-size: 18px;\r\n  line-height: 1.1;\r\n  letter-spacing: -.035em;\r\n  font-weight: 950;\r\n}\r\n\r\n.bpsi-geo-service-card p {\r\n  margin: 10px 0 0;\r\n  color: rgba(7, 31, 18, .68);\r\n  font-size: 13px;\r\n  line-height: 1.55;\r\n  font-weight: 500;\r\n}\r\n\r\n.bpsi-geo-area {\r\n  max-width: 900px;\r\n  margin: 22px auto 0;\r\n  color: rgba(7, 31, 18, .58);\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes bpsiGeoProgress {\r\n  from { transform: scaleX(0); }\r\n  to { transform: scaleX(1); }\r\n}\r\n\r\n@keyframes bpsiGeoVisualIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px) scale(.985);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes bpsiGeoTextIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n  .bpsi-geo-slider {\r\n    height: min(52svh, 560px);\r\n    min-height: 420px;\r\n  }\r\n\r\n  .bpsi-geo-service-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bpsi-geo-service-card {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .bpsi-geo-hero {\r\n    padding: 10px;\r\n  }\r\n\r\n  .bpsi-geo-bg {\r\n    opacity: .28;\r\n    filter: blur(58px);\r\n  }\r\n\r\n  .bpsi-geo-visual {\r\n    padding: 6px;\r\n    border-radius: 22px;\r\n    box-shadow:\r\n      0 14px 38px rgba(5, 25, 13, .13),\r\n      inset 0 0 0 1px rgba(15, 107, 56, .07);\r\n  }\r\n\r\n  .bpsi-geo-slider {\r\n    height: min(42svh, 360px);\r\n    min-height: 280px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .bpsi-geo-slide img {\r\n    object-position: 58% center;\r\n    transform: translate3d(var(--mx, 0px), var(--my, 0px), 0) scale(1.01);\r\n  }\r\n\r\n  .bpsi-geo-visual:hover .bpsi-geo-slide.active img {\r\n    transform: translate3d(var(--mx, 0px), var(--my, 0px), 0) scale(1.035);\r\n  }\r\n\r\n  .bpsi-geo-image-label {\r\n    left: 12px;\r\n    right: 12px;\r\n    bottom: 22px;\r\n    width: auto;\r\n    padding: 13px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .bpsi-geo-image-label span {\r\n    margin-bottom: 6px;\r\n    font-size: 8.5px;\r\n    letter-spacing: .075em;\r\n  }\r\n\r\n  .bpsi-geo-image-label strong {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .bpsi-geo-dots {\r\n    right: 16px;\r\n    bottom: 9px;\r\n    gap: 6px;\r\n  }\r\n\r\n  .bpsi-geo-dots button {\r\n    width: 7px;\r\n    height: 7px;\r\n  }\r\n\r\n  .bpsi-geo-dots button.active {\r\n    width: 22px;\r\n  }\r\n\r\n  .bpsi-geo-progress {\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 5px;\r\n  }\r\n\r\n  .bpsi-geo-content {\r\n    margin-top: 22px;\r\n    text-align: left;\r\n  }\r\n\r\n  .bpsi-geo-badge {\r\n    margin: 0 0 12px;\r\n    padding: 8px 11px;\r\n    font-size: 9.5px;\r\n    letter-spacing: .075em;\r\n  }\r\n\r\n  .bpsi-geo-content h1 {\r\n    font-size: clamp(32px, 10vw, 44px);\r\n    line-height: .96;\r\n    letter-spacing: -.055em;\r\n  }\r\n\r\n  .bpsi-geo-lead {\r\n    margin-top: 14px;\r\n    font-size: 13.5px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .bpsi-geo-keywords {\r\n    justify-content: flex-start;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .bpsi-geo-keywords span {\r\n    font-size: 11px;\r\n    padding: 7px 10px;\r\n  }\r\n\r\n  .bpsi-geo-actions {\r\n    justify-content: flex-start;\r\n    margin-top: 22px;\r\n    gap: 9px;\r\n  }\r\n\r\n  .bpsi-geo-btn {\r\n    min-height: 44px;\r\n    padding: 0 15px;\r\n    font-size: 12.5px;\r\n  }\r\n\r\n  .bpsi-geo-service-grid {\r\n    gap: 10px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .bpsi-geo-service-card {\r\n    min-height: auto;\r\n    padding: 17px;\r\n    border-radius: 20px;\r\n    text-align: left;\r\n  }\r\n\r\n  .bpsi-geo-service-card strong {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .bpsi-geo-service-card p {\r\n    font-size: 12.5px;\r\n    line-height: 1.48;\r\n  }\r\n\r\n  .bpsi-geo-area {\r\n    margin-top: 16px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 390px) {\r\n  .bpsi-geo-slider {\r\n    height: min(40svh, 320px);\r\n    min-height: 255px;\r\n  }\r\n\r\n  .bpsi-geo-content h1 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .bpsi-geo-lead {\r\n    font-size: 12.8px;\r\n  }\r\n\r\n  .bpsi-geo-image-label strong {\r\n    font-size: 17px;\r\n  }\r\n}\r\n\r\n\/* VERY SHORT MOBILE *\/\r\n@media (max-height: 680px) and (max-width: 767px) {\r\n  .bpsi-geo-slider {\r\n    height: 250px;\r\n    min-height: 235px;\r\n  }\r\n\r\n  .bpsi-geo-image-label span {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* REDUCE MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .bpsi-geo-slide,\r\n  .bpsi-geo-slide img,\r\n  .bpsi-geo-dots button,\r\n  .bpsi-geo-btn,\r\n  .bpsi-geo-service-card,\r\n  .bpsi-geo-visual,\r\n  .bpsi-geo-content {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .bpsi-geo-progress span {\r\n    animation: none !important;\r\n  }\r\n}<style>\r\n\/* Pastikan wrapper hero memiliki position relative *\/\r\n.bpsi-geo-hero,\r\n.bpsi-geo-image,\r\n.bpsi-geo-slider {\r\n  position: relative;\r\n}\r\n\r\n\/* BPSI Hero Image Label - Minimal Luxury Responsive *\/\r\n.bpsi-geo-image-label {\r\n  position: absolute;\r\n  left: clamp(16px, 2.2vw, 34px);\r\n  bottom: clamp(20px, 2.4vw, 34px);\r\n  z-index: 6;\r\n\r\n  width: min(355px, calc(100% - 32px));\r\n  max-width: 355px;\r\n\r\n  padding: clamp(13px, 1.35vw, 18px) clamp(15px, 1.55vw, 22px);\r\n  border-radius: clamp(16px, 1.6vw, 24px);\r\n\r\n  color: #ffffff;\r\n  background:\r\n    linear-gradient(135deg, rgba(18, 26, 22, 0.68), rgba(18, 26, 22, 0.42)),\r\n    linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.22);\r\n  box-shadow:\r\n    0 18px 46px rgba(0, 0, 0, 0.22),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.16);\r\n\r\n  backdrop-filter: blur(18px) saturate(145%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(145%);\r\n\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n\/* Soft green luxury line *\/\r\n.bpsi-geo-image-label::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 18px;\r\n  right: 18px;\r\n  top: 0;\r\n  height: 1px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(53, 213, 92, 0.65),\r\n    transparent\r\n  );\r\n  opacity: 0.9;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Small company label *\/\r\n.bpsi-geo-image-label span {\r\n  display: block;\r\n  margin-bottom: clamp(6px, 0.65vw, 8px);\r\n\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: clamp(8px, 0.68vw, 9.5px);\r\n  font-weight: 800;\r\n  letter-spacing: 0.095em;\r\n  line-height: 1.35;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Main hero title *\/\r\n.bpsi-geo-image-label strong {\r\n  display: block;\r\n  max-width: 15.5ch;\r\n\r\n  color: #ffffff;\r\n  font-size: clamp(18px, 1.58vw, 25px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.035em;\r\n  font-weight: 850;\r\n\r\n  text-wrap: balance;\r\n  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bpsi-geo-image-label {\r\n    left: clamp(15px, 2.4vw, 26px);\r\n    bottom: clamp(18px, 2.4vw, 28px);\r\n    width: min(330px, calc(100% - 30px));\r\n    padding: 13px 17px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .bpsi-geo-image-label span {\r\n    font-size: 8.5px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .bpsi-geo-image-label strong {\r\n    font-size: clamp(17px, 2vw, 22px);\r\n    line-height: 1.1;\r\n    max-width: 16ch;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .bpsi-geo-image-label {\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 18px;\r\n\r\n    width: auto;\r\n    max-width: none;\r\n\r\n    padding: 12px 15px;\r\n    border-radius: 17px;\r\n\r\n    background:\r\n      linear-gradient(135deg, rgba(14, 22, 18, 0.72), rgba(14, 22, 18, 0.46)),\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035));\r\n\r\n    backdrop-filter: blur(16px) saturate(135%);\r\n    -webkit-backdrop-filter: blur(16px) saturate(135%);\r\n  }\r\n\r\n  .bpsi-geo-image-label::before {\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n\r\n  .bpsi-geo-image-label span {\r\n    font-size: 8px;\r\n    letter-spacing: 0.085em;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .bpsi-geo-image-label strong {\r\n    font-size: clamp(17px, 5.1vw, 20px);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.03em;\r\n    font-weight: 820;\r\n    max-width: 17ch;\r\n  }\r\n}\r\n\r\n\/* Small Mobile *\/\r\n@media (max-width: 420px) {\r\n  .bpsi-geo-image-label {\r\n    left: 12px;\r\n    right: 12px;\r\n    bottom: 16px;\r\n    padding: 11px 14px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .bpsi-geo-image-label span {\r\n    font-size: 7.8px;\r\n  }\r\n\r\n  .bpsi-geo-image-label strong {\r\n    font-size: clamp(16px, 5vw, 18.5px);\r\n    line-height: 1.13;\r\n    max-width: 16.5ch;\r\n  }\r\n}\r\n<\/style>\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const hero = document.querySelector(\"#bpsiGeoHero\");\r\n  if (!hero) return;\r\n\r\n  const slides = hero.querySelectorAll(\".bpsi-geo-slide\");\r\n  const dots = hero.querySelectorAll(\".bpsi-geo-dots button\");\r\n  const visual = hero.querySelector(\".bpsi-geo-visual\");\r\n  const progress = hero.querySelector(\".bpsi-geo-progress span\");\r\n\r\n  if (!slides.length) return;\r\n\r\n  let current = 0;\r\n  const delay = 4000;\r\n  let timer = null;\r\n\r\n  function resetProgress() {\r\n    if (!progress) return;\r\n    progress.style.animation = \"none\";\r\n    progress.offsetHeight;\r\n    progress.style.animation = \"\";\r\n  }\r\n\r\n  function showSlide(index) {\r\n    current = index;\r\n\r\n    slides.forEach(function (slide, i) {\r\n      slide.classList.toggle(\"active\", i === current);\r\n    });\r\n\r\n    dots.forEach(function (dot, i) {\r\n      dot.classList.toggle(\"active\", i === current);\r\n    });\r\n\r\n    resetProgress();\r\n  }\r\n\r\n  function startLoop() {\r\n    clearInterval(timer);\r\n    timer = setInterval(function () {\r\n      showSlide((current + 1) % slides.length);\r\n    }, delay);\r\n  }\r\n\r\n  dots.forEach(function (dot, index) {\r\n    dot.addEventListener(\"click\", function () {\r\n      showSlide(index);\r\n      startLoop();\r\n    });\r\n  });\r\n\r\n  startLoop();\r\n\r\n  if (visual && window.matchMedia(\"(hover: hover)\").matches) {\r\n    visual.addEventListener(\"mousemove\", function (event) {\r\n      const rect = visual.getBoundingClientRect();\r\n      const x = event.clientX - rect.left;\r\n      const y = event.clientY - rect.top;\r\n\r\n      const moveX = ((x \/ rect.width) - 0.5) * -14;\r\n      const moveY = ((y \/ rect.height) - 0.5) * -14;\r\n\r\n      visual.style.setProperty(\"--mx\", moveX + \"px\");\r\n      visual.style.setProperty(\"--my\", moveY + \"px\");\r\n    });\r\n\r\n    visual.addEventListener(\"mouseleave\", function () {\r\n      visual.style.setProperty(\"--mx\", \"0px\");\r\n      visual.style.setProperty(\"--my\", \"0px\");\r\n    });\r\n  }\r\n\r\n  document.addEventListener(\"visibilitychange\", function () {\r\n    if (document.hidden) {\r\n      clearInterval(timer);\r\n    } else {\r\n      startLoop();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cae4914 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cae4914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"bpsi-rental-luxury\" id=\"bpsi-rental-battery-form\">\r\n  <style>\r\n    .bpsi-rental-luxury,\r\n    .bpsi-rental-luxury * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bpsi-rental-luxury {\r\n      width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      font-family: Inter, Arial, Helvetica, sans-serif;\r\n      color: #071b12;\r\n      background:\r\n        radial-gradient(circle at 8% 8%, rgba(47, 140, 59, 0.10), transparent 30%),\r\n        radial-gradient(circle at 92% 14%, rgba(196, 154, 64, 0.12), transparent 34%),\r\n        linear-gradient(180deg, #ffffff 0%, #f7fbf8 55%, #ffffff 100%);\r\n      padding: clamp(42px, 5vw, 86px) 18px;\r\n    }\r\n\r\n    .bpsi-rental-shell {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bpsi-rental-hero {\r\n      display: grid;\r\n      grid-template-columns: 1.02fr 0.98fr;\r\n      gap: clamp(26px, 4vw, 58px);\r\n      align-items: center;\r\n      margin-bottom: clamp(30px, 4.4vw, 58px);\r\n    }\r\n\r\n    .bpsi-rental-kicker {\r\n      width: fit-content;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(17, 84, 47, 0.16);\r\n      background: rgba(255, 255, 255, 0.78);\r\n      box-shadow: 0 14px 40px rgba(8, 43, 25, 0.08);\r\n      color: #0b6f36;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .bpsi-rental-kicker::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(135deg, #0b6f36, #c69a40);\r\n      box-shadow: 0 0 0 6px rgba(11, 111, 54, 0.09);\r\n    }\r\n\r\n    .bpsi-rental-title {\r\n      margin: 0;\r\n      max-width: 820px;\r\n      color: #06190f;\r\n      font-size: clamp(36px, 5vw, 68px);\r\n      line-height: 0.98;\r\n      letter-spacing: -0.058em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-rental-title span {\r\n      color: #0b6f36;\r\n    }\r\n\r\n    .bpsi-rental-subtitle {\r\n      max-width: 750px;\r\n      margin: 20px 0 0;\r\n      color: #486054;\r\n      font-size: clamp(15px, 1.45vw, 18px);\r\n      line-height: 1.82;\r\n    }\r\n\r\n    .bpsi-rental-proof {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 12px;\r\n      margin-top: 26px;\r\n      max-width: 790px;\r\n    }\r\n\r\n    .bpsi-proof-item {\r\n      min-height: 100px;\r\n      padding: 17px;\r\n      border-radius: 24px;\r\n      background: rgba(255, 255, 255, 0.84);\r\n      border: 1px solid rgba(17, 84, 47, 0.10);\r\n      box-shadow: 0 18px 46px rgba(8, 43, 25, 0.07);\r\n    }\r\n\r\n    .bpsi-proof-item strong {\r\n      display: block;\r\n      color: #082514;\r\n      font-size: 15px;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .bpsi-proof-item span {\r\n      display: block;\r\n      color: #65746b;\r\n      font-size: 13px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .bpsi-rental-showcase {\r\n      position: relative;\r\n      min-height: 430px;\r\n      border-radius: 38px;\r\n      overflow: hidden;\r\n      background:\r\n        linear-gradient(135deg, rgba(4, 28, 14, 0.90), rgba(20, 105, 47, 0.80)),\r\n        url(\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Rental-Services-1.png\");\r\n      background-size: cover;\r\n      background-position: center;\r\n      box-shadow: 0 30px 95px rgba(5, 35, 18, 0.24);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .bpsi-rental-showcase::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.20), transparent 30%),\r\n        linear-gradient(180deg, transparent 28%, rgba(2, 18, 10, 0.88) 100%);\r\n      z-index: 1;\r\n    }\r\n\r\n    .bpsi-showcase-card {\r\n      position: absolute;\r\n      z-index: 2;\r\n      left: 22px;\r\n      right: 22px;\r\n      bottom: 22px;\r\n      padding: 23px;\r\n      border-radius: 30px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      backdrop-filter: blur(18px);\r\n      border: 1px solid rgba(255, 255, 255, 0.46);\r\n      box-shadow: 0 22px 58px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .bpsi-showcase-card h3 {\r\n      margin: 0 0 8px;\r\n      color: #06190f;\r\n      font-size: clamp(21px, 2.4vw, 30px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.045em;\r\n    }\r\n\r\n    .bpsi-showcase-card p {\r\n      margin: 0;\r\n      color: #566a5e;\r\n      font-size: 14px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .bpsi-form-section {\r\n      display: grid;\r\n      grid-template-columns: 0.82fr 1.18fr;\r\n      gap: 22px;\r\n      align-items: start;\r\n    }\r\n\r\n    .bpsi-service-panel,\r\n    .bpsi-form-card {\r\n      border: 1px solid rgba(17, 84, 47, 0.12);\r\n      background: rgba(255, 255, 255, 0.84);\r\n      box-shadow: 0 24px 74px rgba(8, 43, 25, 0.08);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 36px;\r\n    }\r\n\r\n    .bpsi-service-panel {\r\n      padding: clamp(22px, 3vw, 30px);\r\n      position: sticky;\r\n      top: 24px;\r\n    }\r\n\r\n    .bpsi-section-label {\r\n      display: inline-flex;\r\n      padding: 8px 13px;\r\n      border-radius: 999px;\r\n      background: rgba(11, 111, 54, 0.08);\r\n      color: #0b6f36;\r\n      font-size: 11px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n      border: 1px solid rgba(11, 111, 54, 0.12);\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .bpsi-service-panel h3,\r\n    .bpsi-form-card h3 {\r\n      margin: 0;\r\n      color: #06190f;\r\n      font-size: clamp(25px, 3vw, 35px);\r\n      line-height: 1.1;\r\n      letter-spacing: -0.048em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-service-panel p,\r\n    .bpsi-form-card > p {\r\n      margin: 12px 0 0;\r\n      color: #5c7065;\r\n      line-height: 1.76;\r\n      font-size: 14.5px;\r\n    }\r\n\r\n    .bpsi-service-list {\r\n      display: grid;\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .bpsi-service-item {\r\n      display: grid;\r\n      grid-template-columns: 42px 1fr;\r\n      gap: 13px;\r\n      align-items: start;\r\n      padding: 15px;\r\n      border-radius: 23px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(17, 84, 47, 0.10);\r\n      box-shadow: 0 14px 34px rgba(8, 43, 25, 0.05);\r\n    }\r\n\r\n    .bpsi-service-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 16px;\r\n      display: grid;\r\n      place-items: center;\r\n      background: linear-gradient(135deg, #0b3d25, #14783d);\r\n      color: #ffffff;\r\n      font-size: 13px;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-service-item strong {\r\n      display: block;\r\n      color: #082514;\r\n      font-size: 14.5px;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .bpsi-service-item span {\r\n      display: block;\r\n      color: #66756c;\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .bpsi-form-card {\r\n      padding: clamp(22px, 3.2vw, 38px);\r\n    }\r\n\r\n    .bpsi-rental-form {\r\n      margin-top: 24px;\r\n      display: grid;\r\n      gap: 18px;\r\n    }\r\n\r\n    .bpsi-form-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n    }\r\n\r\n    .bpsi-field {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .bpsi-field.full {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .bpsi-field label {\r\n      color: #10261a;\r\n      font-size: 13px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .bpsi-field input,\r\n    .bpsi-field select,\r\n    .bpsi-field textarea {\r\n      width: 100%;\r\n      border: 1px solid rgba(17, 84, 47, 0.16);\r\n      background: rgba(255, 255, 255, 0.94);\r\n      color: #071b12;\r\n      border-radius: 18px;\r\n      padding: 15px 16px;\r\n      font-size: 14.5px;\r\n      outline: none;\r\n      transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, transform 0.25s ease;\r\n    }\r\n\r\n    .bpsi-field input,\r\n    .bpsi-field select {\r\n      min-height: 55px;\r\n    }\r\n\r\n    .bpsi-field textarea {\r\n      min-height: 120px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .bpsi-field input:focus,\r\n    .bpsi-field select:focus,\r\n    .bpsi-field textarea:focus {\r\n      border-color: rgba(11, 111, 54, 0.58);\r\n      box-shadow: 0 0 0 5px rgba(11, 111, 54, 0.09);\r\n      background: #ffffff;\r\n    }\r\n\r\n    .bpsi-field input::placeholder,\r\n    .bpsi-field textarea::placeholder {\r\n      color: #8a978f;\r\n    }\r\n\r\n    .bpsi-hide-field {\r\n      position: absolute;\r\n      left: -9999px;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-submit-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 14px;\r\n      align-items: center;\r\n      margin-top: 6px;\r\n    }\r\n\r\n    .bpsi-submit-note {\r\n      color: #65746b;\r\n      font-size: 12.5px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .bpsi-submit-btn {\r\n      min-height: 57px;\r\n      border: none;\r\n      cursor: pointer;\r\n      border-radius: 999px;\r\n      padding: 0 30px;\r\n      color: #ffffff;\r\n      font-size: 14px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      background: linear-gradient(135deg, #062514 0%, #0b6f36 52%, #1c8a47 100%);\r\n      box-shadow: 0 18px 46px rgba(11, 111, 54, 0.24);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .bpsi-submit-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 24px 62px rgba(11, 111, 54, 0.30);\r\n    }\r\n\r\n    .bpsi-submit-btn:disabled {\r\n      opacity: 0.68;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n    }\r\n\r\n    .bpsi-bottom-cta {\r\n      margin-top: 22px;\r\n      padding: clamp(22px, 3vw, 34px);\r\n      border-radius: 36px;\r\n      background:\r\n        radial-gradient(circle at 80% 0%, rgba(210, 174, 94, 0.26), transparent 30%),\r\n        linear-gradient(135deg, #051d10, #0b3d25 48%, #1e6f35);\r\n      color: #ffffff;\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 20px;\r\n      align-items: center;\r\n      box-shadow: 0 24px 72px rgba(8, 43, 25, 0.18);\r\n    }\r\n\r\n    .bpsi-bottom-cta h3 {\r\n      margin: 0 0 8px;\r\n      color: #ffffff;\r\n      font-size: clamp(24px, 3vw, 36px);\r\n      letter-spacing: -0.045em;\r\n      line-height: 1.1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-bottom-cta p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      line-height: 1.65;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .bpsi-wa-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 53px;\r\n      padding: 0 24px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      color: #06190f;\r\n      text-decoration: none;\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      white-space: nowrap;\r\n      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    }\r\n\r\n    .bpsi-wa-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 24px 58px rgba(0, 0, 0, 0.20);\r\n      color: #06190f;\r\n    }\r\n\r\n    .bpsi-success-overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 999999;\r\n      display: none;\r\n      place-items: center;\r\n      padding: 18px;\r\n      background: rgba(2, 14, 8, 0.56);\r\n      backdrop-filter: blur(13px);\r\n    }\r\n\r\n    .bpsi-success-overlay.active {\r\n      display: grid;\r\n    }\r\n\r\n    .bpsi-success-box {\r\n      width: min(100%, 540px);\r\n      padding: 31px;\r\n      border-radius: 32px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(17, 84, 47, 0.12);\r\n      box-shadow: 0 34px 120px rgba(0, 0, 0, 0.30);\r\n      text-align: center;\r\n      animation: bpsiPop 0.35s ease both;\r\n    }\r\n\r\n    @keyframes bpsiPop {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(14px) scale(0.97);\r\n      }\r\n\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1);\r\n      }\r\n    }\r\n\r\n    .bpsi-success-label {\r\n      display: inline-flex;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: rgba(11, 111, 54, 0.08);\r\n      color: #0b6f36;\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .bpsi-success-box h3 {\r\n      margin: 0;\r\n      color: #06190f;\r\n      font-size: clamp(27px, 4vw, 39px);\r\n      line-height: 1.05;\r\n      letter-spacing: -0.052em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-success-box p {\r\n      margin: 14px 0 0;\r\n      color: #5d7064;\r\n      line-height: 1.75;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .bpsi-success-actions {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bpsi-success-close,\r\n    .bpsi-success-wa {\r\n      min-height: 49px;\r\n      border-radius: 999px;\r\n      padding: 0 21px;\r\n      border: none;\r\n      cursor: pointer;\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .bpsi-success-close {\r\n      background: #f1f5f2;\r\n      color: #10261a;\r\n    }\r\n\r\n    .bpsi-success-wa {\r\n      background: linear-gradient(135deg, #062514, #0b6f36);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .bpsi-success-wa:hover {\r\n      color: #ffffff;\r\n    }\r\n\r\n    .bpsi-error-message {\r\n      display: none;\r\n      padding: 14px 16px;\r\n      border-radius: 18px;\r\n      background: rgba(185, 28, 28, 0.08);\r\n      border: 1px solid rgba(185, 28, 28, 0.16);\r\n      color: #8f1d1d;\r\n      font-size: 13.5px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .bpsi-error-message.active {\r\n      display: block;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .bpsi-rental-hero,\r\n      .bpsi-form-section {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-rental-showcase {\r\n        min-height: 370px;\r\n      }\r\n\r\n      .bpsi-service-panel {\r\n        position: relative;\r\n        top: auto;\r\n      }\r\n\r\n      .bpsi-service-list {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 720px) {\r\n      .bpsi-rental-luxury {\r\n        padding: 34px 14px;\r\n      }\r\n\r\n      .bpsi-rental-proof,\r\n      .bpsi-form-grid,\r\n      .bpsi-service-list,\r\n      .bpsi-bottom-cta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-rental-title {\r\n        font-size: clamp(34px, 10vw, 47px);\r\n      }\r\n\r\n      .bpsi-rental-showcase {\r\n        min-height: 335px;\r\n        border-radius: 30px;\r\n      }\r\n\r\n      .bpsi-showcase-card {\r\n        left: 14px;\r\n        right: 14px;\r\n        bottom: 14px;\r\n        padding: 18px;\r\n        border-radius: 25px;\r\n      }\r\n\r\n      .bpsi-service-panel,\r\n      .bpsi-form-card,\r\n      .bpsi-bottom-cta {\r\n        border-radius: 30px;\r\n      }\r\n\r\n      .bpsi-submit-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-submit-btn,\r\n      .bpsi-wa-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .bpsi-success-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-success-close,\r\n      .bpsi-success-wa {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .bpsi-rental-kicker {\r\n        font-size: 10.5px;\r\n        padding: 8px 12px;\r\n      }\r\n\r\n      .bpsi-form-card,\r\n      .bpsi-service-panel {\r\n        padding: 20px;\r\n      }\r\n\r\n      .bpsi-field input,\r\n      .bpsi-field select,\r\n      .bpsi-field textarea {\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .bpsi-success-box {\r\n        padding: 24px;\r\n        border-radius: 28px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n    <div class=\"bpsi-form-section\">\r\n      <aside class=\"bpsi-service-panel\">\r\n        <div class=\"bpsi-section-label\">BPSI Quick Finder<\/div>\r\n\r\n        <h3>Solusi rental yang disesuaikan dengan kondisi operasional<\/h3>\r\n\r\n        <p>\r\n          Isi data dengan lengkap agar tim BPSI dapat memberikan rekomendasi lebih akurat untuk baterai,\r\n          charger, durasi rental, dan kebutuhan inspeksi.\r\n        <\/p>\r\n\r\n        <div class=\"bpsi-service-list\">\r\n          <div class=\"bpsi-service-item\">\r\n            <div class=\"bpsi-service-icon\">01<\/div>\r\n            <div>\r\n              <strong>Battery Rental<\/strong>\r\n              <span>Sewa baterai forklift untuk kebutuhan harian, backup, dan replacement sementara.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-service-item\">\r\n            <div class=\"bpsi-service-icon\">02<\/div>\r\n            <div>\r\n              <strong>Charger Rental<\/strong>\r\n              <span>Dukungan charger untuk charging station, fleet support, dan kebutuhan operasional.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-service-item\">\r\n            <div class=\"bpsi-service-icon\">03<\/div>\r\n            <div>\r\n              <strong>Inspection Support<\/strong>\r\n              <span>Pemeriksaan awal untuk mengurangi risiko downtime dan kesalahan spesifikasi.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-service-item\">\r\n            <div class=\"bpsi-service-icon\">04<\/div>\r\n            <div>\r\n              <strong>Technical Follow-up<\/strong>\r\n              <span>Tim BPSI akan menghubungi Anda untuk konfirmasi data dan kebutuhan penawaran.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"bpsi-form-card\">\r\n        <div class=\"bpsi-section-label\">Request Form<\/div>\r\n\r\n        <h3>Form kebutuhan rental baterai forklift<\/h3>\r\n\r\n        <p>\r\n          Lengkapi informasi berikut. Setelah submit, data akan otomatis masuk ke Spreadsheet BPSI\r\n          dan tim kami akan menghubungi Anda.\r\n        <\/p>\r\n\r\n        <form class=\"bpsi-rental-form\" id=\"bpsiRentalForm\">\r\n          <input type=\"hidden\" name=\"source\" value=\"BPSI Website - Rental Battery Finder\">\r\n          <input type=\"hidden\" name=\"page_url\" id=\"bpsiPageUrl\">\r\n\r\n          <div class=\"bpsi-hide-field\">\r\n            <label>Website<\/label>\r\n            <input type=\"text\" name=\"website\" autocomplete=\"off\">\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-error-message\" id=\"bpsiErrorMessage\">\r\n            Data belum berhasil dikirim. Silakan coba kembali atau hubungi tim BPSI melalui WhatsApp.\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-form-grid\">\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiName\">Nama Lengkap<\/label>\r\n              <input id=\"bpsiName\" name=\"name\" type=\"text\" placeholder=\"Contoh: Henry\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiCompany\">Nama Perusahaan<\/label>\r\n              <input id=\"bpsiCompany\" name=\"company\" type=\"text\" placeholder=\"Contoh: PT Battery Power Solutions International\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiWhatsapp\">Nomor WhatsApp<\/label>\r\n              <input id=\"bpsiWhatsapp\" name=\"whatsapp\" type=\"tel\" placeholder=\"Contoh: 62812xxxxxxx\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiEmail\">Email Perusahaan<\/label>\r\n              <input id=\"bpsiEmail\" name=\"email\" type=\"email\" placeholder=\"Contoh: name@company.com\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiForklift\">Tipe Forklift<\/label>\r\n              <select id=\"bpsiForklift\" name=\"forklift_type\" required>\r\n                <option value=\"\">Pilih tipe forklift<\/option>\r\n                <option>Counterbalance Forklift<\/option>\r\n                <option>Reach Truck<\/option>\r\n                <option>Hand Pallet Electric<\/option>\r\n                <option>Pallet Mover<\/option>\r\n                <option>Stacker<\/option>\r\n                <option>Order Picker<\/option>\r\n                <option>VNA Truck<\/option>\r\n                <option>Lainnya<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiVoltage\">Voltage<\/label>\r\n              <select id=\"bpsiVoltage\" name=\"voltage\" required>\r\n                <option value=\"\">Pilih voltage<\/option>\r\n                <option>24V<\/option>\r\n                <option>36V<\/option>\r\n                <option>48V<\/option>\r\n                <option>72V<\/option>\r\n                <option>80V<\/option>\r\n                <option>Belum tahu, perlu rekomendasi BPSI<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiRequirement\">Kebutuhan<\/label>\r\n              <select id=\"bpsiRequirement\" name=\"requirement\" required>\r\n                <option value=\"\">Pilih kebutuhan<\/option>\r\n                <option>Rental baterai forklift<\/option>\r\n                <option>Rental charger forklift<\/option>\r\n                <option>Rental baterai dan charger<\/option>\r\n                <option>Backup battery untuk multi-shift<\/option>\r\n                <option>Replacement sementara saat maintenance<\/option>\r\n                <option>Service dan inspection<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiBatteryType\">Tipe Baterai<\/label>\r\n              <select id=\"bpsiBatteryType\" name=\"battery_type\" required>\r\n                <option value=\"\">Pilih tipe baterai<\/option>\r\n                <option>Lead Acid Battery<\/option>\r\n                <option>Lithium Battery<\/option>\r\n                <option>Sodium-ion Battery<\/option>\r\n                <option>Belum tahu, perlu rekomendasi BPSI<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiDuration\">Durasi Rental<\/label>\r\n              <select id=\"bpsiDuration\" name=\"rental_duration\" required>\r\n                <option value=\"\">Pilih durasi<\/option>\r\n                <option>Harian<\/option>\r\n                <option>Mingguan<\/option>\r\n                <option>Bulanan<\/option>\r\n                <option>Long-term rental<\/option>\r\n                <option>Belum pasti<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiQuantity\">Jumlah Unit<\/label>\r\n              <input id=\"bpsiQuantity\" name=\"quantity\" type=\"number\" min=\"1\" placeholder=\"Contoh: 2\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiLocation\">Lokasi Operasional<\/label>\r\n              <input id=\"bpsiLocation\" name=\"location\" type=\"text\" placeholder=\"Contoh: Tangerang, Cikarang, Karawang\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field\">\r\n              <label for=\"bpsiContactTime\">Waktu Dihubungi<\/label>\r\n              <select id=\"bpsiContactTime\" name=\"preferred_contact_time\">\r\n                <option value=\"\">Pilih waktu<\/option>\r\n                <option>Pagi hari<\/option>\r\n                <option>Siang hari<\/option>\r\n                <option>Sore hari<\/option>\r\n                <option>Secepatnya<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-field full\">\r\n              <label for=\"bpsiMessage\">Pesan Tambahan<\/label>\r\n              <textarea id=\"bpsiMessage\" name=\"message\" placeholder=\"Contoh: Forklift digunakan 2 shift, butuh backup baterai dan charger untuk area warehouse.\"><\/textarea>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-submit-row\">\r\n            <div class=\"bpsi-submit-note\">\r\n              Setelah submit, data akan masuk ke Spreadsheet lead BPSI. Tim BPSI akan menghubungi Anda untuk validasi teknis, ketersediaan unit, dan proses penawaran.\r\n            <\/div>\r\n\r\n            <button class=\"bpsi-submit-btn\" id=\"bpsiSubmitBtn\" type=\"submit\">\r\n              Kirim Request Rental\r\n            <\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bpsi-bottom-cta\">\r\n      <div>\r\n        <h3>Butuh solusi rental baterai forklift lebih cepat?<\/h3>\r\n        <p>\r\n          Konsultasikan kebutuhan baterai, charger, durasi rental, lokasi operasional, dan jadwal survey dengan tim BPSI.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"bpsi-wa-btn\" id=\"bpsiBottomWa\" href=\"https:\/\/wa.me\/6287776206867\" target=\"_blank\" rel=\"noopener\">\r\n        Konsultasi WhatsApp\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bpsi-success-overlay\" id=\"bpsiSuccessOverlay\" aria-hidden=\"true\">\r\n    <div class=\"bpsi-success-box\">\r\n      <div class=\"bpsi-success-label\">Request Submitted<\/div>\r\n\r\n      <h3>Data berhasil dikirim<\/h3>\r\n\r\n      <p>\r\n        Terima kasih. Data kebutuhan rental baterai forklift Anda sudah masuk ke sistem BPSI.\r\n        Tim BPSI akan menghubungi Anda untuk konfirmasi teknis, ketersediaan unit, dan jadwal survey.\r\n      <\/p>\r\n\r\n      <div class=\"bpsi-success-actions\">\r\n        <button type=\"button\" class=\"bpsi-success-close\" id=\"bpsiCloseSuccess\">\r\n          Tutup\r\n        <\/button>\r\n\r\n        <a class=\"bpsi-success-wa\" id=\"bpsiSuccessWa\" href=\"https:\/\/wa.me\/6287776206867\" target=\"_blank\" rel=\"noopener\">\r\n          Lanjut via WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const WEB_APP_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbzjGQiYbfmBu45DW9JgP5qkNt4J5afF_h4iUrkae2QFEt0UQ1BtL09VSxdlz4JADCfh\/exec\";\r\n      const WA_NUMBER = \"6287776206867\";\r\n\r\n      const form = document.getElementById(\"bpsiRentalForm\");\r\n      const submitBtn = document.getElementById(\"bpsiSubmitBtn\");\r\n      const overlay = document.getElementById(\"bpsiSuccessOverlay\");\r\n      const closeBtn = document.getElementById(\"bpsiCloseSuccess\");\r\n      const successWa = document.getElementById(\"bpsiSuccessWa\");\r\n      const bottomWa = document.getElementById(\"bpsiBottomWa\");\r\n      const pageUrl = document.getElementById(\"bpsiPageUrl\");\r\n      const errorMessage = document.getElementById(\"bpsiErrorMessage\");\r\n\r\n      if (pageUrl) {\r\n        pageUrl.value = window.location.href;\r\n      }\r\n\r\n      function getTrackingValue(key) {\r\n        return new URLSearchParams(window.location.search).get(key) || \"\";\r\n      }\r\n\r\n      function buildWhatsappMessage(data) {\r\n        return [\r\n          \"Halo BPSI, saya ingin konsultasi rental baterai forklift.\",\r\n          \"\",\r\n          \"Nama: \" + (data.name || \"-\"),\r\n          \"Perusahaan: \" + (data.company || \"-\"),\r\n          \"WhatsApp: \" + (data.whatsapp || \"-\"),\r\n          \"Email: \" + (data.email || \"-\"),\r\n          \"Tipe Forklift: \" + (data.forklift_type || \"-\"),\r\n          \"Voltage: \" + (data.voltage || \"-\"),\r\n          \"Kebutuhan: \" + (data.requirement || \"-\"),\r\n          \"Tipe Baterai: \" + (data.battery_type || \"-\"),\r\n          \"Durasi Rental: \" + (data.rental_duration || \"-\"),\r\n          \"Jumlah Unit: \" + (data.quantity || \"-\"),\r\n          \"Lokasi: \" + (data.location || \"-\"),\r\n          \"Waktu Dihubungi: \" + (data.preferred_contact_time || \"-\"),\r\n          \"\",\r\n          \"Mohon dibantu rekomendasi dan penawaran dari tim BPSI.\"\r\n        ].join(\"\\n\");\r\n      }\r\n\r\n      function updateWaLinks(data) {\r\n        const text = encodeURIComponent(buildWhatsappMessage(data));\r\n        const url = \"https:\/\/wa.me\/\" + WA_NUMBER + \"?text=\" + text;\r\n\r\n        if (successWa) successWa.href = url;\r\n        if (bottomWa) bottomWa.href = url;\r\n      }\r\n\r\n      function showSuccess() {\r\n        if (!overlay) return;\r\n        overlay.classList.add(\"active\");\r\n        overlay.setAttribute(\"aria-hidden\", \"false\");\r\n      }\r\n\r\n      function closeSuccess() {\r\n        if (!overlay) return;\r\n        overlay.classList.remove(\"active\");\r\n        overlay.setAttribute(\"aria-hidden\", \"true\");\r\n      }\r\n\r\n      function showError() {\r\n        if (!errorMessage) return;\r\n        errorMessage.classList.add(\"active\");\r\n      }\r\n\r\n      function hideError() {\r\n        if (!errorMessage) return;\r\n        errorMessage.classList.remove(\"active\");\r\n      }\r\n\r\n      if (closeBtn) {\r\n        closeBtn.addEventListener(\"click\", closeSuccess);\r\n      }\r\n\r\n      if (overlay) {\r\n        overlay.addEventListener(\"click\", function (event) {\r\n          if (event.target === overlay) {\r\n            closeSuccess();\r\n          }\r\n        });\r\n      }\r\n\r\n      if (form) {\r\n        form.addEventListener(\"submit\", async function (event) {\r\n          event.preventDefault();\r\n          hideError();\r\n\r\n          if (!form.checkValidity()) {\r\n            form.reportValidity();\r\n            return;\r\n          }\r\n\r\n          const formData = new FormData(form);\r\n\r\n          formData.set(\"page_url\", window.location.href);\r\n          formData.append(\"utm_source\", getTrackingValue(\"utm_source\"));\r\n          formData.append(\"utm_medium\", getTrackingValue(\"utm_medium\"));\r\n          formData.append(\"utm_campaign\", getTrackingValue(\"utm_campaign\"));\r\n\r\n          const data = Object.fromEntries(formData.entries());\r\n\r\n          updateWaLinks(data);\r\n\r\n          submitBtn.disabled = true;\r\n          submitBtn.textContent = \"Mengirim Data...\";\r\n\r\n          try {\r\n            await fetch(WEB_APP_URL, {\r\n              method: \"POST\",\r\n              body: formData,\r\n              mode: \"no-cors\"\r\n            });\r\n\r\n            showSuccess();\r\n            form.reset();\r\n\r\n            if (pageUrl) {\r\n              pageUrl.value = window.location.href;\r\n            }\r\n\r\n          } catch (error) {\r\n            showError();\r\n          } finally {\r\n            submitBtn.disabled = false;\r\n            submitBtn.textContent = \"Kirim Request Rental\";\r\n          }\r\n        });\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d0d59 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"84d0d59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nBPSI INDUSTRIAL EVENT & BATTERY SOLUTIONS 2026\r\nBahasa Indonesia | SEO SEM GEO Ready | Modern Luxury Layout\r\nElementor HTML Widget Ready\r\nCTA Link: https:\/\/bpsi.co.id\/battery-solutions\/\r\n========================================================= -->\r\n\r\n<section class=\"bpsi-event26\" id=\"bpsiEventBatterySolutions2026\" itemscope itemtype=\"https:\/\/schema.org\/WebPage\">\r\n\r\n  <style>\r\n    .bpsi-event26,\r\n    .bpsi-event26 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bpsi-event26 {\r\n      --green: #149646;\r\n      --green-2: #0f7f3f;\r\n      --green-3: #19b75a;\r\n      --deep: #03170c;\r\n      --deep-2: #07391f;\r\n      --text: #07120b;\r\n      --muted: rgba(7, 18, 11, 0.66);\r\n      --line: rgba(20, 150, 70, 0.14);\r\n      --soft: #f4fbf6;\r\n      --soft-2: #eaf7f0;\r\n      --white: #ffffff;\r\n      --shadow: 0 24px 70px rgba(4, 35, 16, 0.10);\r\n      --shadow-strong: 0 38px 110px rgba(4, 35, 16, 0.16);\r\n\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow-x: hidden;\r\n      background:\r\n        radial-gradient(circle at 8% 8%, rgba(20, 150, 70, 0.12), transparent 28%),\r\n        radial-gradient(circle at 92% 16%, rgba(20, 150, 70, 0.08), transparent 30%),\r\n        linear-gradient(180deg, #ffffff 0%, #f8fbf8 44%, #ffffff 100%);\r\n      color: var(--text);\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .bpsi-event26 img {\r\n      max-width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .bpsi-event26 a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .bpsi-event26-wrap {\r\n      width: min(1320px, calc(100% - 44px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bpsi-event26-section {\r\n      position: relative;\r\n      padding: clamp(64px, 7vw, 104px) 0;\r\n    }\r\n\r\n    .bpsi-event26-hero {\r\n      position: relative;\r\n      padding: clamp(72px, 7vw, 112px) 0 clamp(36px, 4vw, 58px);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bpsi-event26-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(rgba(20,150,70,0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(20,150,70,0.045) 1px, transparent 1px);\r\n      background-size: 48px 48px;\r\n      mask-image: linear-gradient(to bottom, black, transparent 80%);\r\n    }\r\n\r\n    .bpsi-event26-hero-grid {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);\r\n      gap: clamp(24px, 4vw, 70px);\r\n      align-items: end;\r\n    }\r\n\r\n    .bpsi-event26-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      width: fit-content;\r\n      margin-bottom: 16px;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      color: var(--green);\r\n      background: rgba(20, 150, 70, 0.10);\r\n      border: 1px solid rgba(20, 150, 70, 0.16);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-eyebrow::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: var(--green);\r\n      box-shadow: 0 0 0 7px rgba(20, 150, 70, 0.13);\r\n    }\r\n\r\n    .bpsi-event26-title {\r\n      margin: 0;\r\n      max-width: 1060px;\r\n      color: var(--deep);\r\n      font-size: clamp(38px, 5.5vw, 84px);\r\n      line-height: 0.96;\r\n      letter-spacing: -0.07em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-title span {\r\n      display: block;\r\n      background: linear-gradient(95deg, var(--deep) 0%, var(--green) 46%, var(--deep) 100%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .bpsi-event26-desc {\r\n      max-width: 900px;\r\n      margin: 20px 0 0;\r\n      color: var(--muted);\r\n      font-size: clamp(15px, 1.25vw, 18px);\r\n      line-height: 1.75;\r\n      font-weight: 520;\r\n    }\r\n\r\n    .bpsi-event26-hero-card {\r\n      padding: clamp(22px, 2vw, 30px);\r\n      border-radius: 30px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 12% 10%, rgba(25, 183, 90, 0.32), transparent 34%),\r\n        linear-gradient(135deg, var(--deep) 0%, var(--green-2) 100%);\r\n      box-shadow: var(--shadow);\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .bpsi-event26-hero-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 220px;\r\n      height: 220px;\r\n      right: -80px;\r\n      bottom: -90px;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.09);\r\n      filter: blur(14px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-event26-hero-card span,\r\n    .bpsi-event26-hero-card h3,\r\n    .bpsi-event26-hero-card p,\r\n    .bpsi-event26-hero-card a {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bpsi-event26-hero-card span {\r\n      display: inline-flex;\r\n      margin-bottom: 10px;\r\n      color: #baffd1;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-hero-card h3 {\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 2vw, 31px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.045em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-hero-card p {\r\n      margin: 12px 0 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .bpsi-event26-btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bpsi-event26-btn {\r\n      min-height: 50px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      padding: 14px 22px;\r\n      border-radius: 999px;\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      transition: transform 0.32s ease, box-shadow 0.32s ease, background 0.32s ease, border-color 0.32s ease;\r\n    }\r\n\r\n    .bpsi-event26-btn:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .bpsi-event26-btn-primary {\r\n      color: #ffffff !important;\r\n      background: linear-gradient(135deg, var(--green), var(--green-2));\r\n      box-shadow:\r\n        0 18px 42px rgba(20, 150, 70, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .bpsi-event26-btn-white {\r\n      color: var(--deep) !important;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);\r\n    }\r\n\r\n    .bpsi-event26-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 22px;\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .bpsi-event26-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 100%;\r\n      border-radius: 30px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid var(--line);\r\n      box-shadow: 0 18px 48px rgba(4, 35, 16, 0.06);\r\n      backdrop-filter: blur(16px);\r\n      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n    }\r\n\r\n    .bpsi-event26-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(20, 150, 70, 0.30);\r\n      box-shadow: var(--shadow-strong);\r\n    }\r\n\r\n    .bpsi-event26-media {\r\n      position: relative;\r\n      height: 230px;\r\n      overflow: hidden;\r\n      background: var(--soft-2);\r\n    }\r\n\r\n    .bpsi-event26-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: transform 0.55s cubic-bezier(.22,.61,.36,1), filter 0.55s ease;\r\n    }\r\n\r\n    .bpsi-event26-card:hover .bpsi-event26-media img {\r\n      transform: scale(1.075);\r\n      filter: saturate(1.04) contrast(1.03);\r\n    }\r\n\r\n    .bpsi-event26-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(180deg, rgba(3,23,12,0.00) 26%, rgba(3,23,12,0.46) 100%),\r\n        radial-gradient(circle at 80% 8%, rgba(20,150,70,0.22), transparent 35%);\r\n    }\r\n\r\n    .bpsi-event26-badge {\r\n      position: absolute;\r\n      top: 16px;\r\n      left: 16px;\r\n      z-index: 3;\r\n      padding: 9px 13px;\r\n      border-radius: 999px;\r\n      color: var(--deep);\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid rgba(255, 255, 255, 0.62);\r\n      backdrop-filter: blur(14px);\r\n      box-shadow: 0 14px 34px rgba(0,0,0,0.10);\r\n      font-size: 11px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-body {\r\n      padding: 24px;\r\n    }\r\n\r\n    .bpsi-event26-meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .bpsi-event26-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 31px;\r\n      padding: 8px 11px;\r\n      border-radius: 999px;\r\n      color: var(--green-2);\r\n      background: rgba(20, 150, 70, 0.10);\r\n      border: 1px solid rgba(20, 150, 70, 0.13);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .bpsi-event26-card h3 {\r\n      margin: 0;\r\n      color: var(--deep);\r\n      font-size: 21px;\r\n      line-height: 1.22;\r\n      letter-spacing: -0.035em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-card p {\r\n      margin: 13px 0 20px;\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n      line-height: 1.72;\r\n      font-weight: 520;\r\n    }\r\n\r\n    .bpsi-event26-keywords {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .bpsi-event26-keyword {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      color: var(--green-2);\r\n      background: #f7fff9;\r\n      border: 1px solid rgba(20, 150, 70, 0.12);\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .bpsi-event26-card-btn {\r\n      width: 100%;\r\n      min-height: 46px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 13px 17px;\r\n      border-radius: 999px;\r\n      color: #ffffff !important;\r\n      background: linear-gradient(135deg, var(--green), var(--green-2));\r\n      box-shadow: 0 16px 36px rgba(20, 150, 70, 0.24);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\r\n    }\r\n\r\n    .bpsi-event26-card-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 22px 46px rgba(20, 150, 70, 0.32);\r\n      background: linear-gradient(135deg, var(--green-2), #0b6f36);\r\n    }\r\n\r\n    .bpsi-event26-seo-box {\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin-top: 42px;\r\n      padding: clamp(26px, 3vw, 38px);\r\n      border-radius: 34px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 10% 0%, rgba(255,255,255,0.16), transparent 30%),\r\n        linear-gradient(135deg, var(--deep), var(--green-2));\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .bpsi-event26-seo-box::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 280px;\r\n      height: 280px;\r\n      right: -110px;\r\n      bottom: -120px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.08);\r\n      filter: blur(18px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-event26-seo-box h2,\r\n    .bpsi-event26-seo-box p,\r\n    .bpsi-event26-seo-tags,\r\n    .bpsi-event26-seo-box .bpsi-event26-btn-row {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bpsi-event26-seo-box h2 {\r\n      max-width: 940px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(28px, 3.4vw, 48px);\r\n      line-height: 1.05;\r\n      letter-spacing: -0.05em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-seo-box p {\r\n      max-width: 980px;\r\n      margin: 16px 0 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 15.5px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-event26-seo-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bpsi-event26-seo-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 10px 13px;\r\n      border-radius: 999px;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.12);\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .bpsi-event26-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .bpsi-event26-hero-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-event26-hero-card {\r\n        max-width: 720px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bpsi-event26 {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n      }\r\n\r\n      .bpsi-event26-wrap {\r\n        width: calc(100% - 24px);\r\n      }\r\n\r\n      .bpsi-event26-hero {\r\n        padding: 58px 0 32px;\r\n      }\r\n\r\n      .bpsi-event26-section {\r\n        padding: 54px 0;\r\n      }\r\n\r\n      .bpsi-event26-title {\r\n        font-size: clamp(34px, 10.5vw, 50px);\r\n        line-height: 0.98;\r\n        letter-spacing: -0.055em;\r\n      }\r\n\r\n      .bpsi-event26-desc {\r\n        font-size: 14.5px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .bpsi-event26-btn-row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .bpsi-event26-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .bpsi-event26-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .bpsi-event26-media {\r\n        height: 230px;\r\n      }\r\n\r\n      .bpsi-event26-body {\r\n        padding: 22px;\r\n      }\r\n\r\n      .bpsi-event26-seo-box {\r\n        padding: 24px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .bpsi-event26-seo-box p {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .bpsi-event26-card-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .bpsi-event26-card,\r\n      .bpsi-event26-media img,\r\n      .bpsi-event26-btn,\r\n      .bpsi-event26-card-btn {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n\r\n<\/section>\r\n<!-- BPSI Product Finder 2026 - Green Accent Luxury Full Width -->\r\n<section class=\"bpsi-pf-green\" id=\"bpsiProductFinderGreen\">\r\n\r\n  <!-- CSS Only Tabs -->\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-leadacid\" checked>\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-lithium\">\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-sodium\">\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-charger\">\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-rental\">\r\n  <input class=\"bpsi-pf-radio\" type=\"radio\" name=\"bpsi-pf-tabs-green\" id=\"bpsi-pf-service\">\r\n\r\n  <div class=\"bpsi-pf-orb bpsi-pf-orb-one\"><\/div>\r\n  <div class=\"bpsi-pf-orb bpsi-pf-orb-two\"><\/div>\r\n\r\n  <div class=\"bpsi-pf-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"bpsi-pf-header\">\r\n      <div class=\"bpsi-pf-title-area\">\r\n        <div class=\"bpsi-pf-kicker\">\r\n          <span><\/span>\r\n          BPSI Product Finder 2026\r\n        <\/div>\r\n\r\n        <h2>\r\n          Temukan Solusi\r\n          <strong>Baterai Forklift yang Tepat<\/strong>\r\n          untuk Operasional Industri Anda\r\n        <\/h2>\r\n\r\n        <p>\r\n          Pilih solusi baterai forklift berdasarkan jenis baterai, voltase, aplikasi forklift,\r\n          kebutuhan rental, charger, service, maintenance, dan refurbishment. BPSI mendukung\r\n          kebutuhan warehouse, manufaktur, logistik, cold storage, dan operasional multi-shift\r\n          agar lebih efisien, stabil, dan minim downtime.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-pf-consult-box\">\r\n        <span>SEO \u2022 GEO \u2022 SEM Ready 2026<\/span>\r\n        <h3>Industrial Battery Solution Indonesia<\/h3>\r\n        <p>\r\n          Lead acid, lithium, sodium-ion, charger, rental baterai forklift, dan technical service\r\n          untuk kebutuhan forklift elektrik dan power industri.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/wa.me\/6287776206867?text=Halo%20BPSI,%20saya%20ingin%20konsultasi%20solusi%20baterai%20forklift\" target=\"_blank\" rel=\"noopener\">\r\n          Consult via WhatsApp\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tabs -->\r\n    <div class=\"bpsi-pf-tabs-wrap\">\r\n      <div class=\"bpsi-pf-tabs\" aria-label=\"BPSI Product Category Tabs\">\r\n        <label for=\"bpsi-pf-leadacid\" class=\"bpsi-pf-tab\">Lead Acid<\/label>\r\n        <label for=\"bpsi-pf-lithium\" class=\"bpsi-pf-tab\">Lithium<\/label>\r\n        <label for=\"bpsi-pf-sodium\" class=\"bpsi-pf-tab\">Sodium Ion<\/label>\r\n        <label for=\"bpsi-pf-charger\" class=\"bpsi-pf-tab\">Charger<\/label>\r\n        <label for=\"bpsi-pf-rental\" class=\"bpsi-pf-tab\">Rental<\/label>\r\n        <label for=\"bpsi-pf-service\" class=\"bpsi-pf-tab\">Service<\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Panels -->\r\n    <div class=\"bpsi-pf-panels\">\r\n\r\n      <!-- Lead Acid -->\r\n      <div class=\"bpsi-pf-panel panel-leadacid\">\r\n        <div class=\"bpsi-pf-grid\">\r\n\r\n          <a href=\"\/product\/baterai-forklift-pallet-mover-24v-dynex\/\" class=\"bpsi-pf-card\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Dynex<\/span>\r\n              <span class=\"bpsi-pf-type\">Lead Acid<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/BPSI-24-V.png\" alt=\"Baterai forklift Dynex 24V untuk pallet mover dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Baterai Forklift Dynex 24V untuk Pallet Mover<\/h3>\r\n              <p>\r\n                Solusi baterai lead acid 24V untuk pallet mover, material handling,\r\n                dan operasional gudang dengan performa stabil.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Brand<\/b><span>Dynex<\/span><\/li>\r\n                <li><b>Tipe<\/b><span>Lead acid battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Pallet mover<\/span><\/li>\r\n                <li><b>Voltase<\/b><span>24V<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Rental, repair, refurbishment, spare part<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"\/product\/baterai-forklift-volta-36v-40v\/\" class=\"bpsi-pf-card\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Volta<\/span>\r\n              <span class=\"bpsi-pf-type\">Lead Acid<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/BPSI-36-V.png\" alt=\"Baterai forklift Volta 36V dan 48V untuk reach truck dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Baterai Forklift Volta 36V \/ 48V untuk Reach Truck<\/h3>\r\n              <p>\r\n                Baterai traction lead acid untuk reach truck forklift, warehouse,\r\n                logistik, dan kebutuhan operasional harian.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Brand<\/b><span>Volta<\/span><\/li>\r\n                <li><b>Tipe<\/b><span>Lead acid traction battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Reach truck forklift<\/span><\/li>\r\n                <li><b>Voltase<\/b><span>36V dan 48V<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Rental, repair, refurbishment, spare part<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"\/product\/baterai-forklift-volta-48v\/\" class=\"bpsi-pf-card\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Volta<\/span>\r\n              <span class=\"bpsi-pf-type\">Lead Acid<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/BPSI-48V.png\" alt=\"Baterai forklift Volta 48V 72V 80V untuk counterbalance forklift dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Baterai Forklift Volta 48V \/ 72V \/ 80V<\/h3>\r\n              <p>\r\n                Solusi traction battery untuk counterbalance forklift, heavy-duty warehouse,\r\n                manufaktur, dan operasional multi-shift.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Brand<\/b><span>Volta<\/span><\/li>\r\n                <li><b>Tipe<\/b><span>Lead acid traction battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Counterbalance forklift<\/span><\/li>\r\n                <li><b>Voltase<\/b><span>48V, 72V, 80V<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Rental, repair, refurbishment, spare part<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Lithium -->\r\n      <div class=\"bpsi-pf-panel panel-lithium\">\r\n        <div class=\"bpsi-pf-grid bpsi-pf-grid-feature\">\r\n\r\n          <a href=\"\/product\/lithium-battery-forklift-blade\/\" class=\"bpsi-pf-card bpsi-pf-card-wide\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Blade<\/span>\r\n              <span class=\"bpsi-pf-type\">Lithium<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/02\/Lhitium-Flyers-Landscape-1-scaled.png\" alt=\"Baterai lithium forklift Blade untuk solusi industri modern dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Blade Lithium Forklift Battery<\/h3>\r\n              <p>\r\n                Solusi lithium battery untuk forklift elektrik modern dengan dukungan fast charging,\r\n                efisiensi energi, dan penggunaan operasional yang lebih praktis.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Brand<\/b><span>Blade<\/span><\/li>\r\n                <li><b>Tipe<\/b><span>Lithium battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Forklift dan industrial equipment<\/span><\/li>\r\n                <li><b>Benefit<\/b><span>Fast charging dan efisiensi energi<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Supply, konsultasi, technical support<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Sodium Ion -->\r\n      <div class=\"bpsi-pf-panel panel-sodium\">\r\n        <div class=\"bpsi-pf-grid bpsi-pf-grid-feature\">\r\n\r\n          <a href=\"\/product\/sodium-ion-battery-sodio\/\" class=\"bpsi-pf-card bpsi-pf-card-wide\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">SODIO<\/span>\r\n              <span class=\"bpsi-pf-type\">Sodium Ion<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/10\/Untitled-design-1-1.png\" alt=\"SODIO sodium ion battery untuk solusi energi industri dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>SODIO Sodium Ion Battery<\/h3>\r\n              <p>\r\n                Teknologi sodium-ion untuk kebutuhan energi industri, cold storage,\r\n                dan aplikasi yang membutuhkan alternatif battery solution lebih adaptif.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Brand<\/b><span>SODIO<\/span><\/li>\r\n                <li><b>Tipe<\/b><span>Sodium-ion battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Industrial energy solution<\/span><\/li>\r\n                <li><b>Benefit<\/b><span>Alternative energy technology<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Supply, konsultasi, technical support<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Charger -->\r\n      <div class=\"bpsi-pf-panel panel-charger\">\r\n        <div class=\"bpsi-pf-grid bpsi-pf-grid-feature\">\r\n\r\n          <a href=\"\/product\/charger-baterai-forklift\/\" class=\"bpsi-pf-card bpsi-pf-card-wide\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Charger<\/span>\r\n              <span class=\"bpsi-pf-type\">Charging Support<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2023\/09\/Charger_BPSI_.jpg\" alt=\"Charger baterai forklift untuk charging station industri dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Forklift Battery Charger<\/h3>\r\n              <p>\r\n                Charger baterai forklift untuk charging station industri, mendukung kebutuhan\r\n                lead acid, lithium, inspection, repair, dan rental charger.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Produk<\/b><span>Battery charger<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Forklift battery charging<\/span><\/li>\r\n                <li><b>Support<\/b><span>Lead acid, lithium, industrial battery<\/span><\/li>\r\n                <li><b>Layanan<\/b><span>Supply, repair, inspection, rental<\/span><\/li>\r\n                <li><b>Ideal Untuk<\/b><span>Industrial charging station<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Rental -->\r\n      <div class=\"bpsi-pf-panel panel-rental\">\r\n        <div class=\"bpsi-pf-grid bpsi-pf-grid-feature\">\r\n\r\n          <a href=\"\/rental-baterai-forklift\/\" class=\"bpsi-pf-card bpsi-pf-card-wide\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Rental<\/span>\r\n              <span class=\"bpsi-pf-type\">Operational Support<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-08-27-at-14.23.35.webp\" alt=\"Rental baterai forklift untuk warehouse logistik dan manufaktur dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Rental Baterai Forklift<\/h3>\r\n              <p>\r\n                Solusi rental baterai forklift untuk backup battery, kebutuhan multi-shift,\r\n                efisiensi biaya, dan operasional tetap berjalan saat unit utama maintenance.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Layanan<\/b><span>Rental battery<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Warehouse, logistik, manufaktur<\/span><\/li>\r\n                <li><b>Benefit<\/b><span>Fleksibel, efisien, siap operasional<\/span><\/li>\r\n                <li><b>Support<\/b><span>Maintenance dan replacement battery<\/span><\/li>\r\n                <li><b>Ideal Untuk<\/b><span>Operasional multi-shift<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Service -->\r\n      <div class=\"bpsi-pf-panel panel-service\">\r\n        <div class=\"bpsi-pf-grid bpsi-pf-grid-feature\">\r\n\r\n          <a href=\"\/service-baterai-forklift\/\" class=\"bpsi-pf-card bpsi-pf-card-wide\">\r\n            <div class=\"bpsi-pf-card-top\">\r\n              <span class=\"bpsi-pf-brand\">Service<\/span>\r\n              <span class=\"bpsi-pf-type\">Technical Support<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2024-01-15-at-10.33.36_bc25774f.jpg\" alt=\"Service baterai forklift maintenance inspection dan refurbishment dari BPSI\">\r\n            <\/div>\r\n\r\n            <div class=\"bpsi-pf-card-body\">\r\n              <h3>Service Baterai Forklift<\/h3>\r\n              <p>\r\n                Layanan inspection, repair, refurbishment, maintenance, dan technical support\r\n                untuk menjaga performa battery forklift serta mengurangi downtime.\r\n              <\/p>\r\n\r\n              <ul class=\"bpsi-pf-specs\">\r\n                <li><b>Layanan<\/b><span>Service dan maintenance<\/span><\/li>\r\n                <li><b>Scope<\/b><span>Inspection, repair, refurbishment<\/span><\/li>\r\n                <li><b>Aplikasi<\/b><span>Baterai forklift dan charger system<\/span><\/li>\r\n                <li><b>Tujuan<\/b><span>Mengurangi risiko downtime<\/span><\/li>\r\n                <li><b>Support<\/b><span>BPSI technical engineer<\/span><\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"bpsi-pf-actions\">\r\n                <span>Lihat Detail<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"bpsi-pf-bottom-cta\">\r\n      <div>\r\n        <span>Butuh rekomendasi baterai forklift?<\/span>\r\n        <h3>Konsultasikan kebutuhan voltage, kapasitas, rental, charger, dan service bersama BPSI.<\/h3>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/wa.me\/6287776206867?text=Halo%20BPSI,%20saya%20ingin%20konsultasi%20solusi%20baterai%20forklift\" target=\"_blank\" rel=\"noopener\">\r\n        Consult via WhatsApp\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ======================================================\r\n   BPSI Product Finder 2026\r\n   Accent Color Based on Button Image: #149646\r\n   Full Width, Desktop, Tablet, Mobile Responsive\r\n====================================================== *\/\r\n\r\n.bpsi-pf-green,\r\n.bpsi-pf-green * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bpsi-pf-green {\r\n  --accent: #149646;\r\n  --accent-hover: #0f7f3f;\r\n  --accent-dark: #07391f;\r\n  --accent-deep: #03170c;\r\n  --accent-soft: rgba(20, 150, 70, 0.12);\r\n  --accent-soft-2: rgba(20, 150, 70, 0.2);\r\n  --accent-line: rgba(20, 150, 70, 0.18);\r\n  --text: #07120b;\r\n  --muted: rgba(7, 18, 11, 0.66);\r\n  --white: #ffffff;\r\n  --soft-bg: #f5faf6;\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  padding: clamp(28px, 4vw, 72px) clamp(14px, 3vw, 44px);\r\n  background:\r\n    radial-gradient(circle at 9% 8%, rgba(20, 150, 70, 0.14), transparent 28%),\r\n    radial-gradient(circle at 90% 16%, rgba(20, 150, 70, 0.1), transparent 30%),\r\n    linear-gradient(180deg, #ffffff 0%, #f7fbf8 42%, #edf6f0 100%);\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  color: var(--text);\r\n}\r\n\r\n.bpsi-pf-radio {\r\n  position: absolute;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.bpsi-pf-orb {\r\n  position: absolute;\r\n  border-radius: 999px;\r\n  filter: blur(80px);\r\n  pointer-events: none;\r\n  opacity: 0.62;\r\n  z-index: -1;\r\n}\r\n\r\n.bpsi-pf-orb-one {\r\n  width: 390px;\r\n  height: 390px;\r\n  left: -140px;\r\n  top: 18%;\r\n  background: rgba(20, 150, 70, 0.2);\r\n}\r\n\r\n.bpsi-pf-orb-two {\r\n  width: 340px;\r\n  height: 340px;\r\n  right: -120px;\r\n  bottom: 10%;\r\n  background: rgba(20, 150, 70, 0.16);\r\n}\r\n\r\n.bpsi-pf-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(100%, 1680px);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  gap: clamp(18px, 2vw, 28px);\r\n}\r\n\r\n\/* Header *\/\r\n.bpsi-pf-header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);\r\n  gap: clamp(22px, 4vw, 72px);\r\n  align-items: end;\r\n}\r\n\r\n.bpsi-pf-kicker {\r\n  width: fit-content;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  padding: 9px 14px;\r\n  border-radius: 999px;\r\n  color: var(--accent-hover);\r\n  background: rgba(255, 255, 255, 0.76);\r\n  border: 1px solid var(--accent-line);\r\n  box-shadow: 0 16px 42px rgba(8, 43, 22, 0.07);\r\n  font-size: clamp(11px, 0.9vw, 13px);\r\n  font-weight: 900;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-pf-kicker span {\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 999px;\r\n  background: var(--accent);\r\n  box-shadow: 0 0 0 7px var(--accent-soft);\r\n}\r\n\r\n.bpsi-pf-title-area h2 {\r\n  margin: 0;\r\n  max-width: 1050px;\r\n  font-size: clamp(38px, 5.3vw, 92px);\r\n  line-height: 0.96;\r\n  letter-spacing: -0.07em;\r\n  font-weight: 900;\r\n  color: var(--text);\r\n}\r\n\r\n.bpsi-pf-title-area h2 strong {\r\n  display: block;\r\n  background: linear-gradient(95deg, var(--accent-dark) 0%, var(--accent) 46%, #07120b 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.bpsi-pf-title-area p {\r\n  max-width: 940px;\r\n  margin: 18px 0 0;\r\n  color: var(--muted);\r\n  font-size: clamp(14px, 1.1vw, 18px);\r\n  line-height: 1.7;\r\n  font-weight: 520;\r\n}\r\n\r\n\/* Consult Box *\/\r\n.bpsi-pf-consult-box {\r\n  padding: clamp(20px, 2vw, 28px);\r\n  border-radius: 28px;\r\n  color: #ffffff;\r\n  background:\r\n    radial-gradient(circle at 18% 14%, rgba(20, 150, 70, 0.34), transparent 36%),\r\n    linear-gradient(135deg, #03170c 0%, #07391f 55%, #03170c 100%);\r\n  border: 1px solid rgba(255, 255, 255, 0.13);\r\n  box-shadow: 0 28px 78px rgba(4, 30, 13, 0.18);\r\n}\r\n\r\n.bpsi-pf-consult-box span {\r\n  display: inline-flex;\r\n  margin-bottom: 10px;\r\n  color: rgba(186, 255, 209, 0.95);\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-pf-consult-box h3 {\r\n  margin: 0 0 8px;\r\n  color: #ffffff;\r\n  font-size: clamp(20px, 1.7vw, 30px);\r\n  line-height: 1.05;\r\n  letter-spacing: -0.04em;\r\n}\r\n\r\n.bpsi-pf-consult-box p {\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: 14px;\r\n  line-height: 1.58;\r\n}\r\n\r\n.bpsi-pf-consult-box a,\r\n.bpsi-pf-bottom-cta a {\r\n  width: fit-content;\r\n  min-height: 52px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin-top: 18px;\r\n  padding: 14px 24px;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);\r\n  font-size: 14px;\r\n  font-weight: 900;\r\n  letter-spacing: -0.01em;\r\n  box-shadow:\r\n    0 18px 42px rgba(20, 150, 70, 0.28),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n  transition: transform 0.32s ease, box-shadow 0.32s ease, background 0.32s ease;\r\n}\r\n\r\n.bpsi-pf-consult-box a:hover,\r\n.bpsi-pf-bottom-cta a:hover {\r\n  transform: translateY(-3px);\r\n  background: linear-gradient(135deg, var(--accent-hover) 0%, #0b6f36 100%);\r\n  box-shadow:\r\n    0 24px 58px rgba(20, 150, 70, 0.34),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.bpsi-pf-consult-box a svg,\r\n.bpsi-pf-bottom-cta a svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.4;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* Tabs *\/\r\n.bpsi-pf-tabs-wrap {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 20;\r\n  padding: 8px;\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, 0.78);\r\n  border: 1px solid rgba(20, 150, 70, 0.12);\r\n  box-shadow: 0 18px 48px rgba(8, 43, 22, 0.08);\r\n  backdrop-filter: blur(20px);\r\n  overflow: hidden;\r\n}\r\n\r\n.bpsi-pf-tabs {\r\n  display: flex;\r\n  gap: 8px;\r\n  overflow-x: auto;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.bpsi-pf-tabs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.bpsi-pf-tab {\r\n  flex: 1 0 auto;\r\n  min-width: max-content;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 44px;\r\n  padding: 12px 20px;\r\n  border-radius: 999px;\r\n  color: rgba(7, 18, 11, 0.68);\r\n  font-size: 14px;\r\n  font-weight: 850;\r\n  letter-spacing: -0.01em;\r\n  cursor: pointer;\r\n  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.bpsi-pf-tab:hover {\r\n  color: var(--accent-hover);\r\n  background: var(--accent-soft);\r\n}\r\n\r\n\/* Active Tabs *\/\r\n#bpsi-pf-leadacid:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-leadacid\"],\r\n#bpsi-pf-lithium:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-lithium\"],\r\n#bpsi-pf-sodium:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-sodium\"],\r\n#bpsi-pf-charger:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-charger\"],\r\n#bpsi-pf-rental:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-rental\"],\r\n#bpsi-pf-service:checked ~ .bpsi-pf-container label[for=\"bpsi-pf-service\"] {\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);\r\n  box-shadow: 0 14px 34px rgba(20, 150, 70, 0.24);\r\n}\r\n\r\n\/* Panels *\/\r\n.bpsi-pf-panels {\r\n  min-height: 520px;\r\n}\r\n\r\n.bpsi-pf-panel {\r\n  display: none;\r\n  animation: bpsiPfFade 0.42s ease both;\r\n}\r\n\r\n@keyframes bpsiPfFade {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n#bpsi-pf-leadacid:checked ~ .bpsi-pf-container .panel-leadacid,\r\n#bpsi-pf-lithium:checked ~ .bpsi-pf-container .panel-lithium,\r\n#bpsi-pf-sodium:checked ~ .bpsi-pf-container .panel-sodium,\r\n#bpsi-pf-charger:checked ~ .bpsi-pf-container .panel-charger,\r\n#bpsi-pf-rental:checked ~ .bpsi-pf-container .panel-rental,\r\n#bpsi-pf-service:checked ~ .bpsi-pf-container .panel-service {\r\n  display: block;\r\n}\r\n\r\n.bpsi-pf-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: clamp(16px, 1.4vw, 24px);\r\n}\r\n\r\n.bpsi-pf-grid-feature {\r\n  grid-template-columns: minmax(0, 620px);\r\n}\r\n\r\n\/* Product Cards *\/\r\n.bpsi-pf-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100%;\r\n  border-radius: clamp(22px, 2vw, 32px);\r\n  text-decoration: none;\r\n  color: var(--text);\r\n  background:\r\n    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.8));\r\n  border: 1px solid rgba(20, 150, 70, 0.12);\r\n  box-shadow: 0 22px 62px rgba(5, 31, 15, 0.09);\r\n  backdrop-filter: blur(18px);\r\n  transition: transform 0.38s ease, box-shadow 0.38s ease, border-color 0.38s ease;\r\n}\r\n\r\n.bpsi-pf-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 0%, rgba(20, 150, 70, 0.13), transparent 36%),\r\n    radial-gradient(circle at 88% 18%, rgba(20, 150, 70, 0.09), transparent 34%);\r\n  transition: opacity 0.38s ease;\r\n}\r\n\r\n.bpsi-pf-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(20, 150, 70, 0.32);\r\n  box-shadow: 0 34px 92px rgba(5, 31, 15, 0.15);\r\n}\r\n\r\n.bpsi-pf-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.bpsi-pf-card-top {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  padding: 18px 18px 0;\r\n}\r\n\r\n.bpsi-pf-brand,\r\n.bpsi-pf-type {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-height: 30px;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-pf-brand {\r\n  color: var(--accent-hover);\r\n  background: rgba(20, 150, 70, 0.1);\r\n  border: 1px solid rgba(20, 150, 70, 0.18);\r\n}\r\n\r\n.bpsi-pf-type {\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, var(--accent), var(--accent-hover));\r\n  border: 1px solid rgba(20, 150, 70, 0.22);\r\n}\r\n\r\n.bpsi-pf-image {\r\n  position: relative;\r\n  z-index: 2;\r\n  height: clamp(210px, 17vw, 300px);\r\n  margin: 16px 18px 0;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 50% 30%, rgba(20, 150, 70, 0.13), transparent 36%),\r\n    linear-gradient(135deg, #f4faf6, #edf6f0);\r\n  border: 1px solid rgba(20, 150, 70, 0.1);\r\n}\r\n\r\n.bpsi-pf-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  padding: 18px;\r\n  display: block;\r\n  transition: transform 0.48s ease;\r\n}\r\n\r\n.bpsi-pf-card:hover .bpsi-pf-image img {\r\n  transform: scale(1.055);\r\n}\r\n\r\n.bpsi-pf-card-body {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  padding: 18px;\r\n}\r\n\r\n.bpsi-pf-card h3 {\r\n  margin: 0;\r\n  color: var(--text);\r\n  font-size: clamp(20px, 1.55vw, 27px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.045em;\r\n  font-weight: 900;\r\n}\r\n\r\n.bpsi-pf-card p {\r\n  margin: 10px 0 16px;\r\n  color: var(--muted);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n  font-weight: 520;\r\n}\r\n\r\n.bpsi-pf-specs {\r\n  display: grid;\r\n  gap: 8px;\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.bpsi-pf-specs li {\r\n  display: grid;\r\n  grid-template-columns: 94px minmax(0, 1fr);\r\n  gap: 10px;\r\n  align-items: start;\r\n  padding: 10px 0;\r\n  border-top: 1px solid rgba(20, 150, 70, 0.1);\r\n}\r\n\r\n.bpsi-pf-specs b {\r\n  color: rgba(7, 18, 11, 0.9);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n}\r\n\r\n.bpsi-pf-specs span {\r\n  color: rgba(7, 18, 11, 0.62);\r\n  font-size: 12px;\r\n  line-height: 1.35;\r\n  font-weight: 620;\r\n}\r\n\r\n.bpsi-pf-actions {\r\n  margin-top: auto;\r\n  padding-top: 18px;\r\n}\r\n\r\n.bpsi-pf-actions span {\r\n  width: 100%;\r\n  min-height: 46px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 999px;\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, var(--accent), var(--accent-hover));\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  box-shadow: 0 18px 40px rgba(20, 150, 70, 0.23);\r\n  transition: transform 0.32s ease, box-shadow 0.32s ease;\r\n}\r\n\r\n.bpsi-pf-card:hover .bpsi-pf-actions span {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 22px 50px rgba(20, 150, 70, 0.3);\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n.bpsi-pf-bottom-cta {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: clamp(20px, 2vw, 30px);\r\n  border-radius: 32px;\r\n  color: #ffffff;\r\n  background:\r\n    radial-gradient(circle at 12% 20%, rgba(20, 150, 70, 0.34), transparent 32%),\r\n    linear-gradient(135deg, #03170c 0%, #07391f 55%, #03170c 100%);\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n  box-shadow: 0 28px 78px rgba(4, 30, 13, 0.18);\r\n}\r\n\r\n.bpsi-pf-bottom-cta span {\r\n  display: inline-flex;\r\n  margin-bottom: 6px;\r\n  color: rgba(186, 255, 209, 0.95);\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-pf-bottom-cta h3 {\r\n  margin: 0;\r\n  max-width: 980px;\r\n  color: #ffffff;\r\n  font-size: clamp(22px, 2.1vw, 36px);\r\n  line-height: 1.05;\r\n  letter-spacing: -0.045em;\r\n  font-weight: 900;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bpsi-pf-green {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    padding: 34px 18px;\r\n  }\r\n\r\n  .bpsi-pf-header {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .bpsi-pf-title-area h2 {\r\n    font-size: clamp(38px, 7.2vw, 72px);\r\n  }\r\n\r\n  .bpsi-pf-consult-box {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .bpsi-pf-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .bpsi-pf-grid-feature {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .bpsi-pf-panels {\r\n    min-height: auto;\r\n  }\r\n\r\n  .bpsi-pf-bottom-cta {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bpsi-pf-bottom-cta a {\r\n    width: fit-content;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .bpsi-pf-green {\r\n    padding: 28px 14px;\r\n  }\r\n\r\n  .bpsi-pf-container {\r\n    gap: 16px;\r\n  }\r\n\r\n  .bpsi-pf-kicker {\r\n    margin-bottom: 14px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .bpsi-pf-title-area h2 {\r\n    font-size: clamp(34px, 11vw, 50px);\r\n    line-height: 0.98;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  .bpsi-pf-title-area p {\r\n    margin-top: 14px;\r\n    font-size: 14px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .bpsi-pf-consult-box {\r\n    border-radius: 22px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .bpsi-pf-consult-box a,\r\n  .bpsi-pf-bottom-cta a {\r\n    width: 100%;\r\n    min-height: 52px;\r\n  }\r\n\r\n  .bpsi-pf-tabs-wrap {\r\n    border-radius: 22px;\r\n    padding: 7px;\r\n  }\r\n\r\n  .bpsi-pf-tab {\r\n    min-height: 42px;\r\n    padding: 11px 15px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .bpsi-pf-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .bpsi-pf-card {\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bpsi-pf-card-top {\r\n    padding: 16px 16px 0;\r\n  }\r\n\r\n  .bpsi-pf-image {\r\n    height: 230px;\r\n    margin: 14px 16px 0;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .bpsi-pf-card-body {\r\n    padding: 16px;\r\n  }\r\n\r\n  .bpsi-pf-card h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .bpsi-pf-card p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .bpsi-pf-specs li {\r\n    grid-template-columns: 86px minmax(0, 1fr);\r\n  }\r\n\r\n  .bpsi-pf-bottom-cta {\r\n    border-radius: 24px;\r\n    padding: 20px;\r\n  }\r\n}\r\n\r\n\/* Small Mobile *\/\r\n@media (max-width: 420px) {\r\n  .bpsi-pf-image {\r\n    height: 210px;\r\n  }\r\n\r\n  .bpsi-pf-brand,\r\n  .bpsi-pf-type {\r\n    font-size: 10px;\r\n    padding: 7px 10px;\r\n  }\r\n\r\n  .bpsi-pf-specs li {\r\n    grid-template-columns: 1fr;\r\n    gap: 3px;\r\n  }\r\n\r\n  .bpsi-pf-bottom-cta h3 {\r\n    font-size: 23px;\r\n  }\r\n}\r\n<\/style>\r\n<!-- =========================================================\r\nBPSI HOME PAGE LUXURY 2026\r\nBahasa Indonesia | SEO GEO SEM Ready | Elementor HTML Widget\r\nRecommended Elementor Setting: Full Width + No Extra Container Padding\r\n========================================================= -->\r\n\r\n<section class=\"bpsi-home-luxury-2026\" id=\"bpsiHomeLuxury2026\" itemscope itemtype=\"https:\/\/schema.org\/WebPage\">\r\n\r\n  <style>\r\n    .bpsi-home-luxury-2026,\r\n    .bpsi-home-luxury-2026 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bpsi-home-luxury-2026 {\r\n      --bpsi-green: #149646;\r\n      --bpsi-green-2: #0f7f3f;\r\n      --bpsi-green-3: #19b75a;\r\n      --bpsi-dark: #03170c;\r\n      --bpsi-dark-2: #062a18;\r\n      --bpsi-soft: #f3fbf6;\r\n      --bpsi-soft-2: #eaf7f0;\r\n      --bpsi-white: #ffffff;\r\n      --bpsi-text: #07120b;\r\n      --bpsi-muted: rgba(7, 18, 11, 0.66);\r\n      --bpsi-line: rgba(20, 150, 70, 0.14);\r\n      --bpsi-shadow: 0 26px 76px rgba(4, 35, 16, 0.12);\r\n      --bpsi-shadow-strong: 0 36px 100px rgba(4, 35, 16, 0.18);\r\n      --bpsi-radius: 30px;\r\n\r\n      position: relative;\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      background: #ffffff;\r\n      color: var(--bpsi-text);\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .bpsi-home-luxury-2026 img,\r\n    .bpsi-home-luxury-2026 iframe {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .bpsi-wrap {\r\n      width: min(1320px, calc(100% - 44px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bpsi-full-soft {\r\n      background:\r\n        radial-gradient(circle at 8% 8%, rgba(20, 150, 70, 0.12), transparent 28%),\r\n        radial-gradient(circle at 92% 18%, rgba(20, 150, 70, 0.08), transparent 30%),\r\n        linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%);\r\n    }\r\n\r\n    .bpsi-section {\r\n      position: relative;\r\n      padding: clamp(64px, 7vw, 104px) 0;\r\n    }\r\n\r\n    .bpsi-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      width: fit-content;\r\n      margin-bottom: 16px;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      color: var(--bpsi-green);\r\n      background: rgba(20, 150, 70, 0.10);\r\n      border: 1px solid rgba(20, 150, 70, 0.14);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-eyebrow::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: var(--bpsi-green);\r\n      box-shadow: 0 0 0 7px rgba(20, 150, 70, 0.13);\r\n    }\r\n\r\n    .bpsi-title-xl {\r\n      margin: 0;\r\n      max-width: 880px;\r\n      color: var(--bpsi-dark);\r\n      font-size: clamp(40px, 6.4vw, 92px);\r\n      line-height: 0.94;\r\n      letter-spacing: -0.075em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-title-xl span,\r\n    .bpsi-title span {\r\n      display: block;\r\n      background: linear-gradient(95deg, var(--bpsi-dark) 0%, var(--bpsi-green) 46%, var(--bpsi-dark) 100%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .bpsi-title {\r\n      margin: 0;\r\n      color: var(--bpsi-dark);\r\n      font-size: clamp(32px, 4.4vw, 60px);\r\n      line-height: 1.02;\r\n      letter-spacing: -0.055em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-lead {\r\n      max-width: 820px;\r\n      margin: 20px 0 0;\r\n      color: var(--bpsi-muted);\r\n      font-size: clamp(15px, 1.35vw, 19px);\r\n      line-height: 1.75;\r\n      font-weight: 520;\r\n    }\r\n\r\n    .bpsi-btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .bpsi-btn {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 52px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      padding: 15px 25px;\r\n      border-radius: 999px;\r\n      text-decoration: none !important;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      letter-spacing: -0.01em;\r\n      transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease, background 0.32s ease;\r\n    }\r\n\r\n    .bpsi-btn-primary {\r\n      color: #ffffff !important;\r\n      background: linear-gradient(135deg, var(--bpsi-green) 0%, var(--bpsi-green-2) 100%);\r\n      border: 1px solid rgba(20, 150, 70, 0.28);\r\n      box-shadow:\r\n        0 18px 42px rgba(20, 150, 70, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .bpsi-btn-primary::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      transform: translateX(-120%);\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.26), transparent);\r\n      transition: transform 0.7s ease;\r\n    }\r\n\r\n    .bpsi-btn-primary:hover::after {\r\n      transform: translateX(120%);\r\n    }\r\n\r\n    .bpsi-btn-primary:hover,\r\n    .bpsi-btn-secondary:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .bpsi-btn-secondary {\r\n      color: var(--bpsi-dark) !important;\r\n      background: rgba(255, 255, 255, 0.78);\r\n      border: 1px solid rgba(20, 150, 70, 0.18);\r\n      box-shadow: 0 14px 34px rgba(4, 35, 16, 0.07);\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .bpsi-section-head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);\r\n      gap: clamp(22px, 4vw, 70px);\r\n      align-items: end;\r\n      margin-bottom: 38px;\r\n    }\r\n\r\n    .bpsi-section-head p {\r\n      margin: 0;\r\n      color: var(--bpsi-muted);\r\n      font-size: 15.5px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-reveal {\r\n      opacity: 0;\r\n      transform: translateY(22px);\r\n      animation: bpsiReveal 0.85s cubic-bezier(.22,.61,.36,1) forwards;\r\n    }\r\n\r\n    @keyframes bpsiReveal {\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    \/* HERO *\/\r\n    .bpsi-hero {\r\n      position: relative;\r\n      min-height: calc(100svh - 20px);\r\n      display: flex;\r\n      align-items: center;\r\n      padding: clamp(58px, 7vw, 104px) 0 clamp(52px, 6vw, 88px);\r\n      background:\r\n        radial-gradient(circle at 10% 12%, rgba(20, 150, 70, 0.16), transparent 31%),\r\n        radial-gradient(circle at 86% 16%, rgba(20, 150, 70, 0.09), transparent 32%),\r\n        linear-gradient(135deg, #ffffff 0%, #f7fbf8 45%, #ffffff 100%);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bpsi-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(20,150,70,0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(20,150,70,0.045) 1px, transparent 1px);\r\n      background-size: 48px 48px;\r\n      mask-image: linear-gradient(to bottom, black, transparent 86%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 460px;\r\n      height: 460px;\r\n      right: -160px;\r\n      bottom: -180px;\r\n      border-radius: 999px;\r\n      background: rgba(20, 150, 70, 0.12);\r\n      filter: blur(70px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-hero-grid {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);\r\n      gap: clamp(28px, 5vw, 70px);\r\n      align-items: center;\r\n    }\r\n\r\n    .bpsi-hero-copy {\r\n      animation-delay: 0.05s;\r\n    }\r\n\r\n    .bpsi-hero-proof {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 12px;\r\n      margin-top: 32px;\r\n      max-width: 800px;\r\n    }\r\n\r\n    .bpsi-proof-card {\r\n      padding: 18px;\r\n      border-radius: 22px;\r\n      background: rgba(255, 255, 255, 0.78);\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: 0 14px 34px rgba(4, 35, 16, 0.06);\r\n      backdrop-filter: blur(12px);\r\n      transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;\r\n    }\r\n\r\n    .bpsi-proof-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(20, 150, 70, 0.3);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-proof-card strong {\r\n      display: block;\r\n      color: var(--bpsi-dark);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-proof-card span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: var(--bpsi-muted);\r\n      font-size: 12.5px;\r\n      line-height: 1.45;\r\n      font-weight: 720;\r\n    }\r\n\r\n    .bpsi-hero-visual {\r\n      position: relative;\r\n      padding: 12px;\r\n      border-radius: 38px;\r\n      background:\r\n        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.55));\r\n      border: 1px solid rgba(255, 255, 255, 0.86);\r\n      box-shadow: var(--bpsi-shadow-strong);\r\n      backdrop-filter: blur(16px);\r\n      animation: bpsiFloat 6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes bpsiFloat {\r\n      0%, 100% {\r\n        transform: translateY(0);\r\n      }\r\n      50% {\r\n        transform: translateY(-10px);\r\n      }\r\n    }\r\n\r\n    .bpsi-hero-img {\r\n      position: relative;\r\n      min-height: clamp(420px, 48vw, 640px);\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      background:\r\n        linear-gradient(180deg, rgba(3,23,12,0.02) 10%, rgba(3,23,12,0.74) 100%),\r\n        url(\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Rental-BPSI.jpg\") center \/ cover no-repeat;\r\n    }\r\n\r\n    .bpsi-hero-img::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        radial-gradient(circle at 72% 22%, rgba(20,150,70,0.2), transparent 34%),\r\n        linear-gradient(90deg, rgba(3,23,12,0.18), transparent 62%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-hero-caption {\r\n      position: absolute;\r\n      left: 22px;\r\n      right: 22px;\r\n      bottom: 22px;\r\n      padding: 22px;\r\n      border-radius: 24px;\r\n      background:\r\n        linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)),\r\n        rgba(3, 23, 12, 0.72);\r\n      color: #ffffff;\r\n      border: 1px solid rgba(255,255,255,0.16);\r\n      backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .bpsi-hero-caption small {\r\n      display: inline-flex;\r\n      margin-bottom: 9px;\r\n      color: #baffd1;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-hero-caption h3 {\r\n      margin: 0 0 8px;\r\n      color: #ffffff;\r\n      font-size: clamp(23px, 2vw, 34px);\r\n      letter-spacing: -0.04em;\r\n      line-height: 1.08;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-hero-caption p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* QUICK FINDER *\/\r\n    .bpsi-finder {\r\n      position: relative;\r\n      z-index: 4;\r\n      margin-top: -34px;\r\n    }\r\n\r\n    .bpsi-finder-panel {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 16px;\r\n      padding: 18px;\r\n      border-radius: 32px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: var(--bpsi-shadow);\r\n      backdrop-filter: blur(18px);\r\n    }\r\n\r\n    .bpsi-finder-card {\r\n      position: relative;\r\n      display: block;\r\n      padding: 24px;\r\n      border-radius: 26px;\r\n      overflow: hidden;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(20, 150, 70, 0.11);\r\n      text-decoration: none !important;\r\n      transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;\r\n    }\r\n\r\n    .bpsi-finder-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0;\r\n      background: radial-gradient(circle at 80% 0%, rgba(20,150,70,0.13), transparent 35%);\r\n      transition: opacity 0.32s ease;\r\n    }\r\n\r\n    .bpsi-finder-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(20, 150, 70, 0.32);\r\n      box-shadow: 0 26px 58px rgba(4, 35, 16, 0.12);\r\n    }\r\n\r\n    .bpsi-finder-card:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .bpsi-finder-card small,\r\n    .bpsi-finder-card strong,\r\n    .bpsi-finder-card span {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bpsi-finder-card small {\r\n      display: block;\r\n      margin-bottom: 10px;\r\n      color: var(--bpsi-green);\r\n      font-size: 11px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-finder-card strong {\r\n      display: block;\r\n      color: var(--bpsi-dark);\r\n      font-size: 20px;\r\n      line-height: 1.2;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-finder-card span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: var(--bpsi-muted);\r\n      font-size: 13.5px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* SOLUTIONS *\/\r\n    .bpsi-solutions-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .bpsi-solution-card {\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: 0 18px 48px rgba(4, 35, 16, 0.06);\r\n      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\r\n    }\r\n\r\n    .bpsi-solution-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(20, 150, 70, 0.28);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-solution-media {\r\n      height: 240px;\r\n      background: var(--bpsi-soft);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bpsi-solution-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.45s ease, filter 0.45s ease;\r\n    }\r\n\r\n    .bpsi-solution-card:hover .bpsi-solution-media img {\r\n      transform: scale(1.06);\r\n      filter: saturate(1.04) contrast(1.03);\r\n    }\r\n\r\n    .bpsi-solution-body {\r\n      padding: 24px;\r\n    }\r\n\r\n    .bpsi-meta {\r\n      display: inline-flex;\r\n      margin-bottom: 12px;\r\n      color: var(--bpsi-green);\r\n      font-size: 11.5px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-solution-body h3 {\r\n      margin: 0;\r\n      color: var(--bpsi-dark);\r\n      font-size: 24px;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-solution-body p {\r\n      margin: 12px 0 20px;\r\n      color: var(--bpsi-muted);\r\n      font-size: 14.5px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .bpsi-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 42px;\r\n      padding: 11px 16px;\r\n      border-radius: 999px;\r\n      color: var(--bpsi-dark) !important;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(20, 150, 70, 0.18);\r\n      text-decoration: none !important;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      transition: background 0.28s ease, color 0.28s ease, transform 0.28s ease;\r\n    }\r\n\r\n    .bpsi-link:hover {\r\n      color: #ffffff !important;\r\n      background: var(--bpsi-green);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* WHY *\/\r\n    .bpsi-why-panel {\r\n      display: grid;\r\n      grid-template-columns: 0.96fr 1.04fr;\r\n      gap: 30px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .bpsi-dark-panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 3vw, 42px);\r\n      border-radius: 34px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 0% 0%, rgba(25, 183, 90, 0.28), transparent 34%),\r\n        linear-gradient(135deg, var(--bpsi-dark) 0%, var(--bpsi-green-2) 100%);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-dark-panel::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 260px;\r\n      height: 260px;\r\n      right: -90px;\r\n      bottom: -100px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.08);\r\n      filter: blur(20px);\r\n    }\r\n\r\n    .bpsi-dark-panel h2 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(32px, 4vw, 56px);\r\n      line-height: 1.02;\r\n      letter-spacing: -0.055em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-dark-panel p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 18px 0 0;\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-benefits {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .bpsi-benefit-card {\r\n      padding: 24px;\r\n      border-radius: 26px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: 0 18px 46px rgba(4, 35, 16, 0.05);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .bpsi-benefit-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(20, 150, 70, 0.28);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-benefit-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      display: grid;\r\n      place-items: center;\r\n      margin-bottom: 16px;\r\n      border-radius: 17px;\r\n      background: rgba(20, 150, 70, 0.10);\r\n      color: var(--bpsi-green);\r\n      font-weight: 950;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .bpsi-benefit-card strong {\r\n      display: block;\r\n      color: var(--bpsi-dark);\r\n      font-size: 18px;\r\n      line-height: 1.25;\r\n      margin-bottom: 8px;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-benefit-card span {\r\n      display: block;\r\n      color: var(--bpsi-muted);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* VIDEO *\/\r\n    .bpsi-video-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 22px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .bpsi-video-card {\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: 0 18px 46px rgba(4, 35, 16, 0.06);\r\n      transition: transform 0.32s ease, box-shadow 0.32s ease;\r\n    }\r\n\r\n    .bpsi-video-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-video-frame {\r\n      position: relative;\r\n      aspect-ratio: 16 \/ 9;\r\n      background: #0b0f0d;\r\n    }\r\n\r\n    .bpsi-video-frame iframe {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: 0;\r\n    }\r\n\r\n    .bpsi-video-copy {\r\n      padding: 24px;\r\n    }\r\n\r\n    .bpsi-video-copy h3 {\r\n      margin: 0;\r\n      color: var(--bpsi-dark);\r\n      font-size: 24px;\r\n      line-height: 1.16;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-video-copy p {\r\n      margin: 12px 0 0;\r\n      color: var(--bpsi-muted);\r\n      font-size: 14px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* TESTIMONIAL *\/\r\n    .bpsi-testimonials {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .bpsi-testimonial {\r\n      padding: 26px;\r\n      border-radius: 28px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--bpsi-line);\r\n      box-shadow: 0 18px 46px rgba(4, 35, 16, 0.05);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .bpsi-testimonial:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--bpsi-shadow);\r\n      border-color: rgba(20, 150, 70, 0.28);\r\n    }\r\n\r\n    .bpsi-stars {\r\n      color: var(--bpsi-green);\r\n      letter-spacing: 0.08em;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .bpsi-testimonial p {\r\n      margin: 0;\r\n      color: var(--bpsi-muted);\r\n      font-size: 14.5px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-author {\r\n      margin-top: 18px;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--bpsi-line);\r\n    }\r\n\r\n    .bpsi-author strong {\r\n      display: block;\r\n      color: var(--bpsi-dark);\r\n      font-weight: 950;\r\n      text-transform: uppercase;\r\n      font-size: 14px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .bpsi-author span {\r\n      display: block;\r\n      margin-top: 4px;\r\n      color: var(--bpsi-muted);\r\n      font-size: 12.5px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    \/* FAQ *\/\r\n    .bpsi-faq-grid {\r\n      max-width: 920px;\r\n      margin: 38px auto 0;\r\n      display: grid;\r\n      gap: 14px;\r\n    }\r\n\r\n    .bpsi-faq-grid details {\r\n      border-radius: 22px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--bpsi-line);\r\n      overflow: hidden;\r\n      box-shadow: 0 14px 34px rgba(4, 35, 16, 0.04);\r\n    }\r\n\r\n    .bpsi-faq-grid summary {\r\n      cursor: pointer;\r\n      list-style: none;\r\n      padding: 20px 24px;\r\n      color: var(--bpsi-dark);\r\n      font-weight: 900;\r\n    }\r\n\r\n    .bpsi-faq-grid summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .bpsi-faq-grid p {\r\n      margin: 0;\r\n      padding: 0 24px 22px;\r\n      color: var(--bpsi-muted);\r\n      font-size: 14.5px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .bpsi-cta-panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n      gap: 34px;\r\n      align-items: center;\r\n      padding: clamp(28px, 4vw, 50px);\r\n      border-radius: 36px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 10% 0%, rgba(255,255,255,0.16), transparent 30%),\r\n        linear-gradient(135deg, var(--bpsi-dark) 0%, var(--bpsi-green-2) 100%);\r\n      box-shadow: var(--bpsi-shadow);\r\n    }\r\n\r\n    .bpsi-cta-panel h2 {\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(34px, 4vw, 58px);\r\n      line-height: 1.02;\r\n      letter-spacing: -0.055em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-cta-panel p {\r\n      margin: 18px 0 0;\r\n      color: rgba(255, 255, 255, 0.82);\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-cta-image {\r\n      min-height: 360px;\r\n      border-radius: 30px;\r\n      background:\r\n        linear-gradient(180deg, rgba(3,23,12,0.06) 10%, rgba(3,23,12,0.58) 100%),\r\n        url(\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/08\/3-1-1-scaled.webp\") center \/ cover no-repeat;\r\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);\r\n    }\r\n\r\n    .bpsi-cta-panel .bpsi-btn-secondary {\r\n      border: 0;\r\n      background: #ffffff;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1080px) {\r\n      .bpsi-hero-grid,\r\n      .bpsi-why-panel,\r\n      .bpsi-video-grid,\r\n      .bpsi-cta-panel,\r\n      .bpsi-section-head {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-solutions-grid,\r\n      .bpsi-testimonials,\r\n      .bpsi-finder-panel {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .bpsi-benefits {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-hero-grid {\r\n        gap: 34px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bpsi-wrap {\r\n        width: calc(100% - 24px);\r\n      }\r\n\r\n      .bpsi-hero {\r\n        min-height: auto;\r\n        padding: 64px 0 56px;\r\n      }\r\n\r\n      .bpsi-section {\r\n        padding: 62px 0;\r\n      }\r\n\r\n      .bpsi-title-xl {\r\n        font-size: clamp(38px, 11vw, 52px);\r\n        line-height: 0.98;\r\n        letter-spacing: -0.055em;\r\n      }\r\n\r\n      .bpsi-title {\r\n        font-size: clamp(30px, 9vw, 42px);\r\n        letter-spacing: -0.045em;\r\n      }\r\n\r\n      .bpsi-lead {\r\n        font-size: 15px;\r\n        line-height: 1.66;\r\n      }\r\n\r\n      .bpsi-btn-row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .bpsi-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .bpsi-hero-proof,\r\n      .bpsi-solutions-grid,\r\n      .bpsi-testimonials,\r\n      .bpsi-finder-panel {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-hero-visual {\r\n        border-radius: 28px;\r\n        padding: 8px;\r\n        animation: none;\r\n      }\r\n\r\n      .bpsi-hero-img {\r\n        min-height: 420px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .bpsi-hero-caption {\r\n        left: 14px;\r\n        right: 14px;\r\n        bottom: 14px;\r\n        padding: 18px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .bpsi-finder {\r\n        margin-top: 0;\r\n      }\r\n\r\n      .bpsi-finder-panel {\r\n        padding: 12px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .bpsi-solution-media {\r\n        height: 220px;\r\n      }\r\n\r\n      .bpsi-dark-panel,\r\n      .bpsi-cta-panel {\r\n        border-radius: 28px;\r\n      }\r\n\r\n      .bpsi-cta-image {\r\n        min-height: 270px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .bpsi-reveal,\r\n      .bpsi-hero-visual,\r\n      .bpsi-btn,\r\n      .bpsi-solution-card,\r\n      .bpsi-testimonial,\r\n      .bpsi-video-card,\r\n      .bpsi-benefit-card,\r\n      .bpsi-proof-card {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- SOLUTIONS -->\r\n  <section class=\"bpsi-section\" aria-labelledby=\"bpsi-solutions-title\">\r\n    <div class=\"bpsi-wrap\">\r\n\r\n      <div class=\"bpsi-section-head\">\r\n        <div>\r\n          <div class=\"bpsi-eyebrow\">Solusi Utama BPSI<\/div>\r\n          <h2 class=\"bpsi-title\" id=\"bpsi-solutions-title\">\r\n            Dukungan baterai forklift dari produk sampai layanan teknis.\r\n          <\/h2>\r\n        <\/div>\r\n        <p>\r\n          BPSI membantu perusahaan memilih solusi baterai forklift yang sesuai dengan\r\n          aplikasi, voltase, kapasitas, charger, pola kerja, dan kebutuhan operasional.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-solutions-grid\">\r\n\r\n        <article class=\"bpsi-solution-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"bpsi-solution-media\">\r\n            <img src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/08\/3-1-1-scaled.webp\" alt=\"Baterai forklift BPSI untuk kebutuhan warehouse dan manufaktur\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"bpsi-solution-body\">\r\n            <span class=\"bpsi-meta\">Battery Product<\/span>\r\n            <h3 itemprop=\"name\">Baterai Forklift<\/h3>\r\n            <p itemprop=\"description\">\r\n              Solusi baterai forklift untuk pallet mover, reach truck, counterbalance,\r\n              dan kebutuhan material handling industri.\r\n            <\/p>\r\n            <a class=\"bpsi-link\" href=\"\/product\/\">Lihat Produk \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bpsi-solution-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"bpsi-solution-media\">\r\n            <img src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Rental-BPSI.jpg\" alt=\"Rental baterai forklift BPSI untuk operasional multi-shift\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"bpsi-solution-body\">\r\n            <span class=\"bpsi-meta\">Rental Solution<\/span>\r\n            <h3 itemprop=\"name\">Rental Baterai Forklift<\/h3>\r\n            <p itemprop=\"description\">\r\n              Rental baterai forklift dan charger untuk mengurangi investasi awal,\r\n              mendukung backup battery, dan menjaga produktivitas.\r\n            <\/p>\r\n            <a class=\"bpsi-link\" href=\"\/rental-battery-forklift\/\">Explore Rental \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bpsi-solution-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"bpsi-solution-media\">\r\n            <img src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/08\/2-1-1-scaled.webp\" alt=\"Refurbishment baterai forklift BPSI untuk pemulihan performa battery\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"bpsi-solution-body\">\r\n            <span class=\"bpsi-meta\">Refurbishment<\/span>\r\n            <h3 itemprop=\"name\">Battery Refurbishment<\/h3>\r\n            <p itemprop=\"description\">\r\n              Layanan perbaikan dan refurbishment untuk membantu memulihkan performa,\r\n              memperpanjang usability, dan mengontrol biaya operasional.\r\n            <\/p>\r\n            <a class=\"bpsi-link\" href=\"\/battery-refurbishment\/\">Lihat Layanan \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WHY -->\r\n  <section class=\"bpsi-section bpsi-full-soft\" aria-labelledby=\"bpsi-why-title\">\r\n    <div class=\"bpsi-wrap bpsi-why-panel\">\r\n\r\n      <div class=\"bpsi-dark-panel\">\r\n        <div class=\"bpsi-eyebrow\" style=\"background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);\">\r\n          Why Choose BPSI\r\n        <\/div>\r\n        <h2 id=\"bpsi-why-title\">\r\n          Partner baterai forklift untuk operasional yang lebih efisien.\r\n        <\/h2>\r\n        <p>\r\n          BPSI tidak hanya menjual baterai. Kami membantu pelanggan menjaga performa,\r\n          mengurangi risiko downtime, dan memilih solusi teknis yang sesuai dengan kondisi\r\n          forklift, charger, serta pola kerja industri.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-benefits\">\r\n        <div class=\"bpsi-benefit-card\">\r\n          <div class=\"bpsi-benefit-icon\">01<\/div>\r\n          <strong>Battery Expertise<\/strong>\r\n          <span>Fokus pada kondisi baterai forklift, kompatibilitas charger, dan kebutuhan aplikasi industri.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-benefit-card\">\r\n          <div class=\"bpsi-benefit-icon\">02<\/div>\r\n          <strong>Downtime Reduction<\/strong>\r\n          <span>Rental, inspection, service, dan support teknis untuk menjaga forklift tetap produktif.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-benefit-card\">\r\n          <div class=\"bpsi-benefit-icon\">03<\/div>\r\n          <strong>Lifecycle Efficiency<\/strong>\r\n          <span>Maintenance dan refurbishment untuk membantu mengoptimalkan umur pakai baterai.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-benefit-card\">\r\n          <div class=\"bpsi-benefit-icon\">04<\/div>\r\n          <strong>BPSI Care Support<\/strong>\r\n          <span>Channel dukungan pelanggan untuk booking service, konsultasi teknis, dan after-sales care.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<!-- =========================================================\r\nBPSI INDUSTRIAL EVENT & BATTERY SOLUTIONS 2026\r\nBahasa Indonesia | SEO SEM GEO Ready | Modern Luxury Layout\r\nElementor HTML Widget Ready\r\nCTA Link: https:\/\/bpsi.co.id\/battery-solutions\/\r\n========================================================= -->\r\n\r\n<section class=\"bpsi-event26\" id=\"bpsiEventBatterySolutions2026\" itemscope itemtype=\"https:\/\/schema.org\/WebPage\">\r\n\r\n  <style>\r\n    .bpsi-event26,\r\n    .bpsi-event26 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bpsi-event26 {\r\n      --green: #149646;\r\n      --green-2: #0f7f3f;\r\n      --green-3: #19b75a;\r\n      --deep: #03170c;\r\n      --deep-2: #07391f;\r\n      --text: #07120b;\r\n      --muted: rgba(7, 18, 11, 0.66);\r\n      --line: rgba(20, 150, 70, 0.14);\r\n      --soft: #f4fbf6;\r\n      --soft-2: #eaf7f0;\r\n      --white: #ffffff;\r\n      --shadow: 0 24px 70px rgba(4, 35, 16, 0.10);\r\n      --shadow-strong: 0 38px 110px rgba(4, 35, 16, 0.16);\r\n\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow-x: hidden;\r\n      background:\r\n        radial-gradient(circle at 8% 8%, rgba(20, 150, 70, 0.12), transparent 28%),\r\n        radial-gradient(circle at 92% 16%, rgba(20, 150, 70, 0.08), transparent 30%),\r\n        linear-gradient(180deg, #ffffff 0%, #f8fbf8 44%, #ffffff 100%);\r\n      color: var(--text);\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .bpsi-event26 img {\r\n      max-width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .bpsi-event26 a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .bpsi-event26-wrap {\r\n      width: min(1320px, calc(100% - 44px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bpsi-event26-section {\r\n      position: relative;\r\n      padding: clamp(64px, 7vw, 104px) 0;\r\n    }\r\n\r\n    .bpsi-event26-hero {\r\n      position: relative;\r\n      padding: clamp(72px, 7vw, 112px) 0 clamp(36px, 4vw, 58px);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bpsi-event26-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(rgba(20,150,70,0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(20,150,70,0.045) 1px, transparent 1px);\r\n      background-size: 48px 48px;\r\n      mask-image: linear-gradient(to bottom, black, transparent 80%);\r\n    }\r\n\r\n    .bpsi-event26-hero-grid {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);\r\n      gap: clamp(24px, 4vw, 70px);\r\n      align-items: end;\r\n    }\r\n\r\n    .bpsi-event26-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      width: fit-content;\r\n      margin-bottom: 16px;\r\n      padding: 9px 15px;\r\n      border-radius: 999px;\r\n      color: var(--green);\r\n      background: rgba(20, 150, 70, 0.10);\r\n      border: 1px solid rgba(20, 150, 70, 0.16);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-eyebrow::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: var(--green);\r\n      box-shadow: 0 0 0 7px rgba(20, 150, 70, 0.13);\r\n    }\r\n\r\n    .bpsi-event26-title {\r\n      margin: 0;\r\n      max-width: 1060px;\r\n      color: var(--deep);\r\n      font-size: clamp(38px, 5.5vw, 84px);\r\n      line-height: 0.96;\r\n      letter-spacing: -0.07em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-title span {\r\n      display: block;\r\n      background: linear-gradient(95deg, var(--deep) 0%, var(--green) 46%, var(--deep) 100%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .bpsi-event26-desc {\r\n      max-width: 900px;\r\n      margin: 20px 0 0;\r\n      color: var(--muted);\r\n      font-size: clamp(15px, 1.25vw, 18px);\r\n      line-height: 1.75;\r\n      font-weight: 520;\r\n    }\r\n\r\n    .bpsi-event26-hero-card {\r\n      padding: clamp(22px, 2vw, 30px);\r\n      border-radius: 30px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 12% 10%, rgba(25, 183, 90, 0.32), transparent 34%),\r\n        linear-gradient(135deg, var(--deep) 0%, var(--green-2) 100%);\r\n      box-shadow: var(--shadow);\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .bpsi-event26-hero-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 220px;\r\n      height: 220px;\r\n      right: -80px;\r\n      bottom: -90px;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.09);\r\n      filter: blur(14px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-event26-hero-card span,\r\n    .bpsi-event26-hero-card h3,\r\n    .bpsi-event26-hero-card p,\r\n    .bpsi-event26-hero-card a {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bpsi-event26-hero-card span {\r\n      display: inline-flex;\r\n      margin-bottom: 10px;\r\n      color: #baffd1;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-hero-card h3 {\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 2vw, 31px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.045em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-hero-card p {\r\n      margin: 12px 0 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .bpsi-event26-btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bpsi-event26-btn {\r\n      min-height: 50px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      padding: 14px 22px;\r\n      border-radius: 999px;\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      transition: transform 0.32s ease, box-shadow 0.32s ease, background 0.32s ease, border-color 0.32s ease;\r\n    }\r\n\r\n    .bpsi-event26-btn:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .bpsi-event26-btn-primary {\r\n      color: #ffffff !important;\r\n      background: linear-gradient(135deg, var(--green), var(--green-2));\r\n      box-shadow:\r\n        0 18px 42px rgba(20, 150, 70, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .bpsi-event26-btn-white {\r\n      color: var(--deep) !important;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);\r\n    }\r\n\r\n    .bpsi-event26-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 22px;\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .bpsi-event26-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 100%;\r\n      border-radius: 30px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid var(--line);\r\n      box-shadow: 0 18px 48px rgba(4, 35, 16, 0.06);\r\n      backdrop-filter: blur(16px);\r\n      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n    }\r\n\r\n    .bpsi-event26-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(20, 150, 70, 0.30);\r\n      box-shadow: var(--shadow-strong);\r\n    }\r\n\r\n    .bpsi-event26-media {\r\n      position: relative;\r\n      height: 230px;\r\n      overflow: hidden;\r\n      background: var(--soft-2);\r\n    }\r\n\r\n    .bpsi-event26-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: transform 0.55s cubic-bezier(.22,.61,.36,1), filter 0.55s ease;\r\n    }\r\n\r\n    .bpsi-event26-card:hover .bpsi-event26-media img {\r\n      transform: scale(1.075);\r\n      filter: saturate(1.04) contrast(1.03);\r\n    }\r\n\r\n    .bpsi-event26-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(180deg, rgba(3,23,12,0.00) 26%, rgba(3,23,12,0.46) 100%),\r\n        radial-gradient(circle at 80% 8%, rgba(20,150,70,0.22), transparent 35%);\r\n    }\r\n\r\n    .bpsi-event26-badge {\r\n      position: absolute;\r\n      top: 16px;\r\n      left: 16px;\r\n      z-index: 3;\r\n      padding: 9px 13px;\r\n      border-radius: 999px;\r\n      color: var(--deep);\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid rgba(255, 255, 255, 0.62);\r\n      backdrop-filter: blur(14px);\r\n      box-shadow: 0 14px 34px rgba(0,0,0,0.10);\r\n      font-size: 11px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bpsi-event26-body {\r\n      padding: 24px;\r\n    }\r\n\r\n    .bpsi-event26-meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .bpsi-event26-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 31px;\r\n      padding: 8px 11px;\r\n      border-radius: 999px;\r\n      color: var(--green-2);\r\n      background: rgba(20, 150, 70, 0.10);\r\n      border: 1px solid rgba(20, 150, 70, 0.13);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .bpsi-event26-card h3 {\r\n      margin: 0;\r\n      color: var(--deep);\r\n      font-size: 21px;\r\n      line-height: 1.22;\r\n      letter-spacing: -0.035em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-card p {\r\n      margin: 13px 0 20px;\r\n      color: var(--muted);\r\n      font-size: 14px;\r\n      line-height: 1.72;\r\n      font-weight: 520;\r\n    }\r\n\r\n    .bpsi-event26-keywords {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .bpsi-event26-keyword {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      color: var(--green-2);\r\n      background: #f7fff9;\r\n      border: 1px solid rgba(20, 150, 70, 0.12);\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .bpsi-event26-card-btn {\r\n      width: 100%;\r\n      min-height: 46px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 13px 17px;\r\n      border-radius: 999px;\r\n      color: #ffffff !important;\r\n      background: linear-gradient(135deg, var(--green), var(--green-2));\r\n      box-shadow: 0 16px 36px rgba(20, 150, 70, 0.24);\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\r\n    }\r\n\r\n    .bpsi-event26-card-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 22px 46px rgba(20, 150, 70, 0.32);\r\n      background: linear-gradient(135deg, var(--green-2), #0b6f36);\r\n    }\r\n\r\n    .bpsi-event26-seo-box {\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin-top: 42px;\r\n      padding: clamp(26px, 3vw, 38px);\r\n      border-radius: 34px;\r\n      color: #ffffff;\r\n      background:\r\n        radial-gradient(circle at 10% 0%, rgba(255,255,255,0.16), transparent 30%),\r\n        linear-gradient(135deg, var(--deep), var(--green-2));\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .bpsi-event26-seo-box::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 280px;\r\n      height: 280px;\r\n      right: -110px;\r\n      bottom: -120px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.08);\r\n      filter: blur(18px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bpsi-event26-seo-box h2,\r\n    .bpsi-event26-seo-box p,\r\n    .bpsi-event26-seo-tags,\r\n    .bpsi-event26-seo-box .bpsi-event26-btn-row {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bpsi-event26-seo-box h2 {\r\n      max-width: 940px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(28px, 3.4vw, 48px);\r\n      line-height: 1.05;\r\n      letter-spacing: -0.05em;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .bpsi-event26-seo-box p {\r\n      max-width: 980px;\r\n      margin: 16px 0 0;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 15.5px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bpsi-event26-seo-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bpsi-event26-seo-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 10px 13px;\r\n      border-radius: 999px;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.12);\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .bpsi-event26-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .bpsi-event26-hero-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bpsi-event26-hero-card {\r\n        max-width: 720px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bpsi-event26 {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n      }\r\n\r\n      .bpsi-event26-wrap {\r\n        width: calc(100% - 24px);\r\n      }\r\n\r\n      .bpsi-event26-hero {\r\n        padding: 58px 0 32px;\r\n      }\r\n\r\n      .bpsi-event26-section {\r\n        padding: 54px 0;\r\n      }\r\n\r\n      .bpsi-event26-title {\r\n        font-size: clamp(34px, 10.5vw, 50px);\r\n        line-height: 0.98;\r\n        letter-spacing: -0.055em;\r\n      }\r\n\r\n      .bpsi-event26-desc {\r\n        font-size: 14.5px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .bpsi-event26-btn-row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .bpsi-event26-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .bpsi-event26-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .bpsi-event26-media {\r\n        height: 230px;\r\n      }\r\n\r\n      .bpsi-event26-body {\r\n        padding: 22px;\r\n      }\r\n\r\n      .bpsi-event26-seo-box {\r\n        padding: 24px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .bpsi-event26-seo-box p {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .bpsi-event26-card-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .bpsi-event26-card,\r\n      .bpsi-event26-media img,\r\n      .bpsi-event26-btn,\r\n      .bpsi-event26-card-btn {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- HERO INTRO -->\r\n  <section class=\"bpsi-event26-hero\" aria-labelledby=\"bpsiEvent26Title\">\r\n    <div class=\"bpsi-event26-wrap bpsi-event26-hero-grid\">\r\n\r\n      <div>\r\n        <div class=\"bpsi-event26-eyebrow\">BPSI Industrial Event Highlight<\/div>\r\n\r\n        <h2 class=\"bpsi-event26-title\" id=\"bpsiEvent26Title\" itemprop=\"headline\">\r\n          Highlight pameran industri dan\r\n          <span>solusi baterai forklift BPSI.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"bpsi-event26-desc\" itemprop=\"description\">\r\n          Temukan rangkaian aktivitas BPSI di event industri, forklift exhibition, dan mining exhibition.\r\n          Fokus utama kami adalah solusi baterai forklift, rental baterai forklift, charger, spare part,\r\n          maintenance, refurbishment, dan dukungan teknis untuk warehouse, logistik, manufaktur,\r\n          mining, serta kawasan industri di Indonesia.\r\n        <\/p>\r\n\r\n        <div class=\"bpsi-event26-btn-row\">\r\n          <a class=\"bpsi-event26-btn bpsi-event26-btn-primary\" href=\"https:\/\/bpsi.co.id\/battery-solutions\/\">\r\n            Lihat Battery Solutions\r\n          <\/a>\r\n          <a class=\"bpsi-event26-btn bpsi-event26-btn-secondary\" href=\"https:\/\/bpsi.co.id\/battery-solutions\/\">\r\n            Konsultasi Solusi Baterai\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"bpsi-event26-hero-card\" aria-label=\"BPSI Battery Solutions\">\r\n        \r\n        <h3>Solusi baterai industri untuk operasional yang lebih stabil.<\/h3>\r\n        <p>\r\n          BPSI membantu perusahaan memilih baterai forklift, charger, rental, service, dan refurbishment\r\n          berdasarkan kebutuhan aplikasi, lokasi industri, pola kerja, serta risiko downtime.\r\n        <\/p>\r\n        <div class=\"bpsi-event26-btn-row\">\r\n          <a class=\"bpsi-event26-btn bpsi-event26-btn-white\" href=\"https:\/\/bpsi.co.id\/battery-solutions\/\">\r\n            Explore Battery Solutions\r\n          <\/a>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- EVENT CARDS -->\r\n  <section class=\"bpsi-event26-section\" aria-label=\"BPSI event cards\">\r\n    <div class=\"bpsi-event26-wrap\">\r\n\r\n      <div class=\"bpsi-event26-grid\">\r\n\r\n        <!-- Forklift Indonesia 2024 -->\r\n        <article class=\"bpsi-event26-card\" itemscope itemtype=\"https:\/\/schema.org\/Event\">\r\n          <div class=\"bpsi-event26-media\">\r\n            <span class=\"bpsi-event26-badge\">Forklift Indonesia 2024<\/span>\r\n            <img\r\n              src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Dynex.png\"\r\n              alt=\"Forklift Indonesia 2024 BPSI Dynex solusi baterai forklift Indonesia\"\r\n              title=\"Forklift Indonesia 2024 - BPSI Dynex Battery Forklift Indonesia\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\">\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-event26-body\">\r\n            <div class=\"bpsi-event26-meta\">\r\n              <span class=\"bpsi-event26-pill\">JIExpo Kemayoran<\/span>\r\n              <span class=\"bpsi-event26-pill\">15 - 17 Mei 2024<\/span>\r\n            <\/div>\r\n\r\n            <h3 itemprop=\"name\">Forklift Indonesia 2024: BPSI & Dynex untuk Solusi Baterai Forklift<\/h3>\r\n\r\n            <p itemprop=\"description\">\r\n              BPSI bersama Dynex memperkenalkan solusi baterai forklift, traction battery, charger,\r\n              rental baterai, dan refurbishment untuk mendukung operasional industri di Indonesia.\r\n            <\/p>\r\n\r\n            <div class=\"bpsi-event26-keywords\">\r\n              <span class=\"bpsi-event26-keyword\">baterai forklift<\/span>\r\n              <span class=\"bpsi-event26-keyword\">forklift battery Indonesia<\/span>\r\n              <span class=\"bpsi-event26-keyword\">Dynex battery<\/span>\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n        <!-- Forklift Indonesia 2025 -->\r\n        <article class=\"bpsi-event26-card\" itemscope itemtype=\"https:\/\/schema.org\/Event\">\r\n          <div class=\"bpsi-event26-media\">\r\n            <span class=\"bpsi-event26-badge\">Forklift Indonesia 2025<\/span>\r\n            <img\r\n              src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\"\r\n              alt=\"Forklift Indonesia 2025 BPSI rental baterai forklift charger refurbishment\"\r\n              title=\"Forklift Indonesia 2025 - BPSI Forklift Battery Solution\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\">\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-event26-body\">\r\n            <div class=\"bpsi-event26-meta\">\r\n              <span class=\"bpsi-event26-pill\">21 - 23 Mei 2025<\/span>\r\n              <span class=\"bpsi-event26-pill\">Forklift Exhibition<\/span>\r\n            <\/div>\r\n\r\n            <h3 itemprop=\"name\">Forklift Indonesia 2025: Rental Baterai, Charger & Refurbishment<\/h3>\r\n\r\n            <p itemprop=\"description\">\r\n              Forklift Indonesia menjadi momentum BPSI untuk menjangkau perusahaan warehouse,\r\n              logistik, dan manufaktur yang membutuhkan rental baterai forklift dan layanan lifecycle support.\r\n            <\/p>\r\n\r\n            <div class=\"bpsi-event26-keywords\">\r\n              <span class=\"bpsi-event26-keyword\">rental baterai forklift<\/span>\r\n              <span class=\"bpsi-event26-keyword\">charger forklift<\/span>\r\n              <span class=\"bpsi-event26-keyword\">supplier battery forklift<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Mining Indonesia 2024 -->\r\n        <article class=\"bpsi-event26-card\" itemscope itemtype=\"https:\/\/schema.org\/Event\">\r\n          <div class=\"bpsi-event26-media\">\r\n            <span class=\"bpsi-event26-badge\">Mining Indonesia 2024<\/span>\r\n            <img\r\n              src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/08\/1.png\"\r\n              alt=\"Mining Indonesia 2024 BPSI solusi baterai industri untuk heavy duty operation\"\r\n              title=\"Mining Indonesia 2024 - BPSI Industrial Battery Support\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\">\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-event26-body\">\r\n            <div class=\"bpsi-event26-meta\">\r\n              <span class=\"bpsi-event26-pill\">11 - 14 September<\/span>\r\n              <span class=\"bpsi-event26-pill\">Heavy-Duty Sector<\/span>\r\n            <\/div>\r\n\r\n            <h3 itemprop=\"name\">Mining Indonesia 2024: Battery Support untuk Operasional Heavy-Duty<\/h3>\r\n\r\n            <p itemprop=\"description\">\r\n              BPSI menyoroti dukungan power industri untuk sektor mining, termasuk baterai forklift,\r\n              maintenance traction battery, charger support, dan layanan teknis untuk operasional berat.\r\n            <\/p>\r\n\r\n            <div class=\"bpsi-event26-keywords\">\r\n              <span class=\"bpsi-event26-keyword\">industrial battery<\/span>\r\n              <span class=\"bpsi-event26-keyword\">mining battery support<\/span>\r\n              <span class=\"bpsi-event26-keyword\">traction battery<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Mining Indonesia 2025 -->\r\n        <article class=\"bpsi-event26-card\" itemscope itemtype=\"https:\/\/schema.org\/Event\">\r\n          <div class=\"bpsi-event26-media\">\r\n            <span class=\"bpsi-event26-badge\">Mining Indonesia 2025<\/span>\r\n            <img\r\n              src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/dynex.png\"\r\n              alt=\"Mining Indonesia 2025 BPSI Dynex baterai forklift dan industrial power solution\"\r\n              title=\"Mining Indonesia 2025 - BPSI Dynex Industrial Battery Solution\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\">\r\n          <\/div>\r\n\r\n          <div class=\"bpsi-event26-body\">\r\n            <div class=\"bpsi-event26-meta\">\r\n              <span class=\"bpsi-event26-pill\">Mining Industry<\/span>\r\n              <span class=\"bpsi-event26-pill\">BPSI Dynex<\/span>\r\n            <\/div>\r\n\r\n            <h3 itemprop=\"name\">Mining Indonesia 2025: Dynex Battery Solution untuk Industrial Fleet<\/h3>\r\n\r\n            <p itemprop=\"description\">\r\n              BPSI memperkuat visibilitas Dynex untuk kebutuhan mining, logistik, dan industrial fleet\r\n              melalui solusi baterai forklift, refurbishment, serta dukungan lifecycle battery yang lebih terukur.\r\n            <\/p>\r\n\r\n            <div class=\"bpsi-event26-keywords\">\r\n              <span class=\"bpsi-event26-keyword\">Dynex forklift battery<\/span>\r\n              <span class=\"bpsi-event26-keyword\">battery refurbishment<\/span>\r\n              <span class=\"bpsi-event26-keyword\">baterai forklift industri<\/span>\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <!-- GEO SEO BOX -->\r\n      <div class=\"bpsi-event26-seo-box\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n        <h2 itemprop=\"name\">BPSI Battery Solutions untuk Kawasan Industri Indonesia<\/h2>\r\n\r\n        <p itemprop=\"description\">\r\n          PT Battery Power Solutions International mendukung kebutuhan perusahaan di Jakarta, Tangerang,\r\n          Bekasi, Cikarang, Karawang, Cibitung, Bogor, Semarang, Surabaya, Medan, dan berbagai kawasan\r\n          industri Indonesia. BPSI menyediakan baterai forklift, rental traction battery, battery charger,\r\n          spare part, maintenance, repair, dan refurbishment untuk warehouse, logistik, manufaktur, mining,\r\n          serta operasional heavy-duty.\r\n        <\/p>\r\n\r\n        <div class=\"bpsi-event26-seo-tags\" aria-label=\"BPSI SEO GEO Keywords\">\r\n          <span class=\"bpsi-event26-seo-tag\">baterai forklift Indonesia<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">rental baterai forklift<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">supplier forklift battery<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">charger baterai forklift<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">refurbishment baterai forklift<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">traction battery Indonesia<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">Dynex forklift battery<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">battery forklift Jakarta<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">battery forklift Cikarang<\/span>\r\n          <span class=\"bpsi-event26-seo-tag\">battery forklift Karawang<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-event26-btn-row\">\r\n          <a class=\"bpsi-event26-btn bpsi-event26-btn-white\" href=\"https:\/\/bpsi.co.id\/battery-solutions\/\">\r\n            Buka Halaman Battery Solutions\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- STRUCTURED DATA -->\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@graph\": [\r\n      {\r\n        \"@type\": \"Organization\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/#organization\",\r\n        \"name\": \"PT Battery Power Solutions International\",\r\n        \"url\": \"https:\/\/bpsi.co.id\/\",\r\n        \"sameAs\": [\r\n          \"https:\/\/www.instagram.com\/bpsi.id\/\",\r\n          \"https:\/\/www.linkedin.com\/in\/bpsi\/\"\r\n        ]\r\n      },\r\n      {\r\n        \"@type\": \"WebPage\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/industrial-event-battery-solutions\/#webpage\",\r\n        \"url\": \"https:\/\/bpsi.co.id\/industrial-event-battery-solutions\/\",\r\n        \"name\": \"BPSI Industrial Event Highlight dan Battery Solutions\",\r\n        \"description\": \"Highlight aktivitas BPSI di Forklift Indonesia dan Mining Indonesia, menampilkan solusi baterai forklift, rental baterai forklift, charger, maintenance, repair, dan refurbishment untuk kebutuhan industri di Indonesia.\",\r\n        \"isPartOf\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        },\r\n        \"about\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Service\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/battery-solutions\/#service\",\r\n        \"name\": \"BPSI Battery Solutions\",\r\n        \"url\": \"https:\/\/bpsi.co.id\/battery-solutions\/\",\r\n        \"serviceType\": \"Baterai Forklift, Rental Baterai Forklift, Charger, Maintenance, Repair, Refurbishment\",\r\n        \"provider\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        },\r\n        \"areaServed\": {\r\n          \"@type\": \"Country\",\r\n          \"name\": \"Indonesia\"\r\n        },\r\n        \"description\": \"Solusi baterai forklift, rental baterai forklift, battery charger, spare part, maintenance, repair, dan refurbishment untuk warehouse, logistik, manufaktur, mining, dan kawasan industri Indonesia.\"\r\n      },\r\n      {\r\n        \"@type\": \"ItemList\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/industrial-event-battery-solutions\/#event-list\",\r\n        \"name\": \"BPSI Industrial Event Highlights\",\r\n        \"itemListElement\": [\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 1,\r\n            \"name\": \"Forklift Indonesia 2024 - BPSI Dynex Solusi Baterai Forklift\",\r\n            \"url\": \"https:\/\/bpsi.co.id\/battery-solutions\/\"\r\n          },\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 2,\r\n            \"name\": \"Forklift Indonesia 2025 - BPSI Rental Baterai Forklift dan Charger\",\r\n            \"url\": \"https:\/\/bpsi.co.id\/battery-solutions\/\"\r\n          },\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 3,\r\n            \"name\": \"Mining Indonesia 2024 - BPSI Industrial Battery Support\",\r\n            \"url\": \"https:\/\/bpsi.co.id\/battery-solutions\/\"\r\n          },\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 4,\r\n            \"name\": \"Mining Indonesia 2025 - BPSI Dynex Industrial Battery Solution\",\r\n            \"url\": \"https:\/\/bpsi.co.id\/battery-solutions\/\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n\r\n<\/section>\r\n  <!-- VIDEO -->\r\n  <section class=\"bpsi-section\" aria-labelledby=\"bpsi-video-title\">\r\n    <div class=\"bpsi-wrap\">\r\n\r\n      <div class=\"bpsi-section-head\">\r\n        <div>\r\n          <div class=\"bpsi-eyebrow\">BPSI Insight<\/div>\r\n          <h2 class=\"bpsi-title\" id=\"bpsi-video-title\">\r\n            Edukasi baterai forklift dan cerita industri bersama BPSI.\r\n          <\/h2>\r\n        <\/div>\r\n        <p>\r\n          Konten edukasi untuk membantu pelanggan memahami battery lifecycle,\r\n          service, refurbishment, dan pentingnya pemilihan solusi power yang tepat.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-video-grid\">\r\n\r\n        <article class=\"bpsi-video-card\">\r\n          <div class=\"bpsi-video-frame\">\r\n            <iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/PeNllH4wpoM\" title=\"Podcast BPSI - Sejarah dan perjalanan BPSI\" allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n          <\/div>\r\n          <div class=\"bpsi-video-copy\">\r\n            <h3>Podcast BPSI: perjalanan dan peran BPSI di industri baterai.<\/h3>\r\n            <p>\r\n              Mengenal cerita BPSI, kebutuhan pasar baterai industri, dan pentingnya dukungan teknis\r\n              untuk operasional forklift di Indonesia.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bpsi-video-card\">\r\n          <div class=\"bpsi-video-frame\">\r\n            <iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/m1kXRQXgeq0\" title=\"BPSI battery performance and lifecycle support\" allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n          <\/div>\r\n          <div class=\"bpsi-video-copy\">\r\n            <h3>Bukan hanya menjual baterai, BPSI mendukung umur pakai baterai.<\/h3>\r\n            <p>\r\n              Pendekatan BPSI berfokus pada performa, pemeliharaan, dan solusi teknis\r\n              agar penggunaan baterai lebih stabil dan terukur.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TESTIMONIALS -->\r\n  <section class=\"bpsi-section bpsi-full-soft\" aria-labelledby=\"bpsi-testimonials-title\">\r\n    <div class=\"bpsi-wrap\">\r\n\r\n      <div class=\"bpsi-section-head\">\r\n        <div>\r\n          <div class=\"bpsi-eyebrow\">Customer Trust<\/div>\r\n          <h2 class=\"bpsi-title\" id=\"bpsi-testimonials-title\">\r\n            Dipercaya pelanggan industri untuk kebutuhan baterai forklift.\r\n          <\/h2>\r\n        <\/div>\r\n        <p>\r\n          Dukungan produk, rental, spare part, dan service menjadi bagian penting\r\n          dalam menjaga kelancaran operasional pelanggan BPSI.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-testimonials\">\r\n\r\n        <article class=\"bpsi-testimonial\">\r\n          <div class=\"bpsi-stars\" aria-label=\"5 dari 5 rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\r\n            \u201cBPSI menjadi partner yang responsif untuk kebutuhan operasional kami.\r\n            Dukungan teknis dan solusi baterai membantu menjaga produktivitas tetap stabil.\u201d\r\n          <\/p>\r\n          <div class=\"bpsi-author\">\r\n            <strong>PT. BERCA MANDIRI PERKASA<\/strong>\r\n            <span>Industrial Customer<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bpsi-testimonial\">\r\n          <div class=\"bpsi-stars\" aria-label=\"5 dari 5 rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\r\n            \u201cSolusi baterai forklift dari BPSI membantu operasional berjalan lebih efisien,\r\n            khususnya untuk kebutuhan penggunaan harian dan jam kerja panjang.\u201d\r\n          <\/p>\r\n          <div class=\"bpsi-author\">\r\n            <strong>PT. INDRAJAYA SWASTIKA<\/strong>\r\n            <span>Industrial Customer<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bpsi-testimonial\">\r\n          <div class=\"bpsi-stars\" aria-label=\"5 dari 5 rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\r\n            \u201cDukungan spare part dan service BPSI membantu memperkuat reliability fleet.\r\n            Timnya responsif dan memahami kebutuhan operasional.\u201d\r\n          <\/p>\r\n          <div class=\"bpsi-author\">\r\n            <strong>PT. NEW HOPE INDONESIA<\/strong>\r\n            <span>Industrial Customer<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"bpsi-section\" aria-labelledby=\"bpsi-faq-title\">\r\n    <div class=\"bpsi-wrap\">\r\n\r\n      <div style=\"text-align:center;max-width:860px;margin:0 auto;\">\r\n        <div class=\"bpsi-eyebrow\">FAQ<\/div>\r\n        <h2 class=\"bpsi-title\" id=\"bpsi-faq-title\">\r\n          Pertanyaan umum seputar baterai forklift BPSI.\r\n        <\/h2>\r\n        <p class=\"bpsi-lead\" style=\"margin-left:auto;margin-right:auto;\">\r\n          Informasi singkat untuk pelanggan yang mencari baterai forklift, rental baterai,\r\n          charger, maintenance, repair, dan refurbishment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-faq-grid\">\r\n        <details>\r\n          <summary>Apa saja layanan yang disediakan BPSI?<\/summary>\r\n          <p>\r\n            BPSI menyediakan baterai forklift, rental baterai forklift, charger support,\r\n            maintenance, repair, spare part, dan refurbishment untuk kebutuhan industri.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Apakah BPSI menyediakan rental baterai forklift?<\/summary>\r\n          <p>\r\n            Ya. BPSI menyediakan solusi rental baterai forklift untuk kebutuhan backup battery,\r\n            operasional multi-shift, dan efisiensi investasi awal.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Apakah BPSI bisa membantu inspection dan maintenance?<\/summary>\r\n          <p>\r\n            Ya. BPSI dapat membantu inspeksi kondisi baterai, charger system, service coordination,\r\n            dan rekomendasi teknis melalui BPSI Care dan tim teknis.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Apakah BPSI menyediakan refurbishment baterai forklift?<\/summary>\r\n          <p>\r\n            Ya. BPSI menyediakan layanan refurbishment untuk membantu memulihkan performa baterai\r\n            dan meningkatkan efisiensi lifecycle cost.\r\n          <\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"bpsi-section\" aria-labelledby=\"bpsi-cta-title\">\r\n    <div class=\"bpsi-wrap\">\r\n      <div class=\"bpsi-cta-panel\">\r\n\r\n        <div>\r\n          <div class=\"bpsi-eyebrow\" style=\"background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);\">\r\n            Ready to Talk?\r\n          <\/div>\r\n\r\n          <h2 id=\"bpsi-cta-title\">\r\n            Butuh rekomendasi baterai forklift yang tepat?\r\n          <\/h2>\r\n\r\n          <p>\r\n            Konsultasikan kebutuhan produk, rental baterai, charger, service, repair,\r\n            atau refurbishment bersama BPSI untuk operasional forklift industri Anda.\r\n          <\/p>\r\n\r\n          <div class=\"bpsi-btn-row\">\r\n            <a class=\"bpsi-btn bpsi-btn-secondary\" href=\"https:\/\/wa.me\/6287776206867?text=Halo%20BPSI%2C%20saya%20ingin%20konsultasi%20solusi%20baterai%20forklift%20untuk%20operasional%20industri.\" target=\"_blank\" rel=\"noopener\">\r\n              Konsultasi via WhatsApp \u2192\r\n            <\/a>\r\n            <a class=\"bpsi-btn bpsi-btn-secondary\" href=\"\/bpsi-care\/\">\r\n              Kunjungi BPSI Care\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bpsi-cta-image\" role=\"img\" aria-label=\"Tim teknis BPSI melakukan inspeksi baterai forklift\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- STRUCTURED DATA: Organization + WebPage + Service + FAQ -->\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@graph\": [\r\n      {\r\n        \"@type\": \"Organization\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/#organization\",\r\n        \"name\": \"PT. Battery Power Solutions International\",\r\n        \"url\": \"https:\/\/bpsi.co.id\/\",\r\n        \"sameAs\": [\r\n          \"https:\/\/www.instagram.com\/bpsi.id\/\",\r\n          \"https:\/\/www.linkedin.com\/in\/bpsi\/\"\r\n        ]\r\n      },\r\n      {\r\n        \"@type\": \"WebPage\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/#webpage\",\r\n        \"url\": \"https:\/\/bpsi.co.id\/\",\r\n        \"name\": \"BPSI | Solusi Baterai Forklift, Rental, Charger, Maintenance dan Refurbishment\",\r\n        \"description\": \"BPSI menyediakan baterai forklift, rental baterai forklift, charger support, maintenance, repair, dan refurbishment untuk kebutuhan warehouse, logistik, manufaktur, cold storage, dan operasional industri di Indonesia.\",\r\n        \"isPartOf\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        },\r\n        \"about\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Service\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/#forklift-battery-service\",\r\n        \"name\": \"Solusi Baterai Forklift BPSI\",\r\n        \"serviceType\": \"Baterai Forklift, Rental Baterai Forklift, Charger, Maintenance, Repair, dan Refurbishment\",\r\n        \"provider\": {\r\n          \"@id\": \"https:\/\/bpsi.co.id\/#organization\"\r\n        },\r\n        \"areaServed\": {\r\n          \"@type\": \"Country\",\r\n          \"name\": \"Indonesia\"\r\n        },\r\n        \"description\": \"Solusi baterai forklift, rental baterai, charger support, maintenance, repair, dan refurbishment untuk warehouse, logistik, manufaktur, cold storage, dan operasional industri.\"\r\n      },\r\n      {\r\n        \"@type\": \"FAQPage\",\r\n        \"@id\": \"https:\/\/bpsi.co.id\/#faq\",\r\n        \"mainEntity\": [\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Apa saja layanan yang disediakan BPSI?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"BPSI menyediakan baterai forklift, rental baterai forklift, charger support, maintenance, repair, spare part, dan refurbishment untuk kebutuhan industri.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Apakah BPSI menyediakan rental baterai forklift?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"Ya. BPSI menyediakan solusi rental baterai forklift untuk kebutuhan backup battery, operasional multi-shift, dan efisiensi investasi awal.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Apakah BPSI bisa membantu inspection dan maintenance?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"Ya. BPSI dapat membantu inspeksi kondisi baterai, charger system, service coordination, dan rekomendasi teknis melalui BPSI Care dan tim teknis.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Apakah BPSI menyediakan refurbishment baterai forklift?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"Ya. BPSI menyediakan layanan refurbishment untuk membantu memulihkan performa baterai dan meningkatkan efisiensi lifecycle cost.\"\r\n            }\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c162263 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c162263\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BPSI Modern Minimal Glass Scroll To Top -->\r\n<div class=\"bpsi-scrolltop-right\" id=\"bpsiScrolltopRight\">\r\n  <button class=\"bpsi-scrolltop-right__btn\" id=\"bpsiScrolltopRightBtn\" aria-label=\"Kembali ke atas\">\r\n    <svg class=\"bpsi-scrolltop-right__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <path d=\"M12 17.2V6.8\"><\/path>\r\n      <path d=\"M7.4 11.4L12 6.8L16.6 11.4\"><\/path>\r\n    <\/svg>\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n  :root{\r\n    --bpsi-arrow-green-rgb: 48, 190, 24;\r\n    --bpsi-arrow-white: #ffffff;\r\n\r\n    \/* Atur tinggi bottom bar mobile\/tablet *\/\r\n    --bpsi-mobile-bottom-bar: 72px;\r\n    --bpsi-mobile-arrow-gap: 16px;\r\n  }\r\n\r\n  .bpsi-scrolltop-right{\r\n    position: fixed !important;\r\n    right: 28px !important;\r\n    bottom: calc(28px + env(safe-area-inset-bottom)) !important;\r\n    left: auto !important;\r\n    z-index: 999999 !important;\r\n    pointer-events: none !important;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(14px) scale(.94);\r\n    transition:\r\n      opacity .28s ease,\r\n      visibility .28s ease,\r\n      transform .28s ease;\r\n  }\r\n\r\n  .bpsi-scrolltop-right.is-visible{\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn{\r\n    position: relative;\r\n    width: 58px;\r\n    height: 58px;\r\n    min-width: 58px;\r\n    min-height: 58px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,.26);\r\n    padding: 0;\r\n    margin: 0;\r\n    cursor: pointer;\r\n    pointer-events: auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(var(--bpsi-arrow-green-rgb), .78),\r\n        rgba(20, 145, 6, .62)\r\n      );\r\n\r\n    backdrop-filter: blur(14px) saturate(140%);\r\n    -webkit-backdrop-filter: blur(14px) saturate(140%);\r\n\r\n    box-shadow:\r\n      0 14px 30px rgba(0,0,0,.15),\r\n      0 8px 20px rgba(48,190,24,.20),\r\n      inset 0 1px 0 rgba(255,255,255,.28);\r\n\r\n    transition:\r\n      transform .24s ease,\r\n      box-shadow .24s ease,\r\n      background .24s ease,\r\n      border-color .24s ease;\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius: inherit;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.18) 0%,\r\n        rgba(255,255,255,.05) 46%,\r\n        rgba(255,255,255,0) 100%\r\n      );\r\n    pointer-events:none;\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius: inherit;\r\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn:hover{\r\n    transform: translateY(-3px);\r\n    border-color: rgba(255,255,255,.34);\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(var(--bpsi-arrow-green-rgb), .88),\r\n        rgba(20, 145, 6, .72)\r\n      );\r\n    box-shadow:\r\n      0 18px 36px rgba(0,0,0,.17),\r\n      0 10px 24px rgba(48,190,24,.26),\r\n      inset 0 1px 0 rgba(255,255,255,.32);\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn:active{\r\n    transform: translateY(-1px) scale(.97);\r\n  }\r\n\r\n  .bpsi-scrolltop-right__btn:focus-visible{\r\n    outline: 3px solid rgba(48,190,24,.22);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .bpsi-scrolltop-right__icon{\r\n    width: 31px;\r\n    height: 31px;\r\n    display: block;\r\n    stroke: var(--bpsi-arrow-white);\r\n    stroke-width: 3.35;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    fill: none;\r\n    position: relative;\r\n    z-index: 2;\r\n    transform: translateY(-1px);\r\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,.14));\r\n  }\r\n\r\n  \/* Desktop besar *\/\r\n  @media (min-width: 1201px){\r\n    .bpsi-scrolltop-right{\r\n      right: 28px !important;\r\n      bottom: calc(28px + env(safe-area-inset-bottom)) !important;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__btn{\r\n      width: 60px;\r\n      height: 60px;\r\n      min-width: 60px;\r\n      min-height: 60px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__icon{\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1200px){\r\n    .bpsi-scrolltop-right{\r\n      left: auto !important;\r\n      right: 22px !important;\r\n      bottom: calc(var(--bpsi-mobile-bottom-bar) + var(--bpsi-mobile-arrow-gap) + env(safe-area-inset-bottom)) !important;\r\n      transform: translateY(14px) scale(.94);\r\n    }\r\n\r\n    .bpsi-scrolltop-right.is-visible{\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    .bpsi-scrolltop-right__btn{\r\n      width: 54px;\r\n      height: 54px;\r\n      min-width: 54px;\r\n      min-height: 54px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__icon{\r\n      width: 30px;\r\n      height: 30px;\r\n      stroke-width: 3.2;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 767px){\r\n    :root{\r\n      --bpsi-mobile-bottom-bar: 70px;\r\n      --bpsi-mobile-arrow-gap: 14px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right{\r\n      right: 18px !important;\r\n      bottom: calc(var(--bpsi-mobile-bottom-bar) + var(--bpsi-mobile-arrow-gap) + env(safe-area-inset-bottom)) !important;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__btn{\r\n      width: 50px;\r\n      height: 50px;\r\n      min-width: 50px;\r\n      min-height: 50px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__icon{\r\n      width: 28px;\r\n      height: 28px;\r\n      stroke-width: 3.1;\r\n    }\r\n  }\r\n\r\n  \/* Small Mobile *\/\r\n  @media (max-width: 480px){\r\n    :root{\r\n      --bpsi-mobile-bottom-bar: 68px;\r\n      --bpsi-mobile-arrow-gap: 12px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right{\r\n      right: 16px !important;\r\n      bottom: calc(var(--bpsi-mobile-bottom-bar) + var(--bpsi-mobile-arrow-gap) + env(safe-area-inset-bottom)) !important;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__btn{\r\n      width: 48px;\r\n      height: 48px;\r\n      min-width: 48px;\r\n      min-height: 48px;\r\n    }\r\n\r\n    .bpsi-scrolltop-right__icon{\r\n      width: 27px;\r\n      height: 27px;\r\n      stroke-width: 3;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .bpsi-scrolltop-right,\r\n    .bpsi-scrolltop-right__btn{\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const wrap = document.getElementById('bpsiScrolltopRight');\r\n    const btn = document.getElementById('bpsiScrolltopRightBtn');\r\n\r\n    if(!wrap || !btn) return;\r\n\r\n    const showAfter = 240;\r\n\r\n    function toggleScrollTop(){\r\n      const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n\r\n      if(scrollTop > showAfter){\r\n        wrap.classList.add('is-visible');\r\n      }else{\r\n        wrap.classList.remove('is-visible');\r\n      }\r\n    }\r\n\r\n    btn.addEventListener('click', function(){\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: 'smooth'\r\n      });\r\n    });\r\n\r\n    window.addEventListener('scroll', toggleScrollTop, { passive: true });\r\n    window.addEventListener('resize', toggleScrollTop);\r\n    window.addEventListener('load', toggleScrollTop);\r\n\r\n    if(document.readyState === 'loading'){\r\n      document.addEventListener('DOMContentLoaded', toggleScrollTop);\r\n    }else{\r\n      toggleScrollTop();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80c7536 elementor-widget elementor-widget-html\" data-id=\"80c7536\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nBPSI CARE WELCOME BOT\r\nDraggable Mini Button + Modern Responsive\r\nElementor Ready\r\n========================================================= -->\r\n\r\n<div class=\"bpsi-bot-wrap\" id=\"bpsiBotWrap\">\r\n  <button class=\"bpsi-bot-close\" id=\"bpsiBotClose\" aria-label=\"Tutup BPSI Care\">\u00d7<\/button>\r\n\r\n  <div class=\"bpsi-bot-card\">\r\n    <div class=\"bpsi-bot-mascot-side\">\r\n      <div class=\"bpsi-bot-aura\"><\/div>\r\n\r\n      <div class=\"bpsi-bot-mascot-box\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/bpsi-care24jam.gif\"\r\n          alt=\"BPSI Care Assistant\"\r\n          class=\"bpsi-bot-mascot\"\r\n          loading=\"eager\"\r\n        \/>\r\n        <div class=\"bpsi-bot-shadow\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bpsi-bot-content\">\r\n      <div class=\"bpsi-bot-topline\">\r\n        <span class=\"bpsi-bot-dot\"><\/span>\r\n        <span class=\"bpsi-bot-toptext\">ASISTEN PERAWATAN BPSI<\/span>\r\n      <\/div>\r\n\r\n      <h3>Selamat Datang di BPSI<\/h3>\r\n\r\n      <p class=\"bpsi-bot-desc\">\r\n        Saya siap membantu kebutuhan baterai forklift, rental battery,\r\n        maintenance, refurbishment, charger, dan inspeksi teknis untuk\r\n        mendukung operasional industri Anda secara lebih aman dan minim downtime.\r\n      <\/p>\r\n\r\n      <div class=\"bpsi-bot-typing\">\r\n        <span id=\"bpsiBotTypingText\">Fast Response. Reliable Support.<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-bot-actions\">\r\n        <a\r\n          href=\"https:\/\/wa.me\/6287776206867?text=Halo%20BPSI%20Care%2C%20saya%20ingin%20konsultasi%20kebutuhan%20baterai%20forklift.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n          class=\"bpsi-bot-btn primary\"\r\n        >\r\n          Konsultasi Sekarang\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"https:\/\/bpsi.co.id\/battery-solutions\/\"\r\n          class=\"bpsi-bot-btn secondary\"\r\n        >\r\n          Lihat Solusi\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Mini Button Draggable -->\r\n<button class=\"bpsi-bot-mini\" id=\"bpsiBotMini\" aria-label=\"Buka BPSI Care\">\r\n  <span class=\"bpsi-bot-mini-icon\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/bpsi-care24jam.gif\"\r\n      alt=\"BPSI Care\"\r\n      draggable=\"false\"\r\n    \/>\r\n  <\/span>\r\n  <span class=\"bpsi-bot-mini-text\">BPSI Care<\/span>\r\n<\/button>\r\n\r\n<style>\r\n.bpsi-bot-wrap,\r\n.bpsi-bot-wrap *,\r\n.bpsi-bot-mini,\r\n.bpsi-bot-mini * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bpsi-bot-wrap {\r\n  --sidebar-space: 118px;\r\n  --green: #119744;\r\n  --text: #173823;\r\n  --muted: #5d6b62;\r\n\r\n  position: fixed;\r\n  right: calc(var(--sidebar-space) + 22px);\r\n  bottom: 30px;\r\n  z-index: 99990;\r\n  width: min(720px, calc(100vw - 180px));\r\n  font-family: inherit;\r\n  opacity: 0;\r\n  transform: translateY(28px) scale(.96);\r\n  pointer-events: none;\r\n  transition: opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.bpsi-bot-wrap.is-active {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  pointer-events: auto;\r\n}\r\n\r\n.bpsi-bot-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: grid;\r\n  grid-template-columns: 190px 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n  padding: 22px 24px 22px 20px;\r\n  border-radius: 32px;\r\n  background:\r\n    radial-gradient(circle at 10% 18%, rgba(17,151,68,.13), transparent 34%),\r\n    radial-gradient(circle at 95% 88%, rgba(244,195,31,.12), transparent 34%),\r\n    linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,252,248,.72));\r\n  border: 1px solid rgba(255,255,255,.78);\r\n  box-shadow:\r\n    0 24px 70px rgba(0,45,20,.15),\r\n    inset 0 1px 0 rgba(255,255,255,.82);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n}\r\n\r\n.bpsi-bot-mascot-side {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 220px;\r\n}\r\n\r\n.bpsi-bot-aura {\r\n  position: absolute;\r\n  width: 180px;\r\n  height: 180px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle, rgba(17,151,68,.20), rgba(17,151,68,.08) 48%, transparent 72%);\r\n  filter: blur(18px);\r\n  animation: bpsiAuraPulse 4s ease-in-out infinite;\r\n}\r\n\r\n.bpsi-bot-mascot-box {\r\n  position: relative;\r\n  width: 180px;\r\n  height: 200px;\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  background:\r\n    radial-gradient(circle at 50% 55%, rgba(17,151,68,.10), transparent 58%),\r\n    rgba(255,255,255,.32);\r\n  border: 1px solid rgba(255,255,255,.64);\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);\r\n}\r\n\r\n.bpsi-bot-mascot {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 150px;\r\n  max-width: 96%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n  object-position: center bottom;\r\n  transform-origin: center bottom;\r\n  filter:\r\n    drop-shadow(0 14px 18px rgba(0,55,25,.18))\r\n    drop-shadow(0 4px 8px rgba(0,0,0,.10));\r\n  animation:\r\n    bpsiMascotEnter .9s cubic-bezier(.2,.9,.2,1) both,\r\n    bpsiMascotLife 3.2s ease-in-out .9s infinite;\r\n}\r\n\r\n.bpsi-bot-shadow {\r\n  position: absolute;\r\n  z-index: 1;\r\n  bottom: 14px;\r\n  width: 92px;\r\n  height: 16px;\r\n  border-radius: 999px;\r\n  background: rgba(0,50,20,.14);\r\n  filter: blur(8px);\r\n  animation: bpsiShadowPulse 3.2s ease-in-out infinite;\r\n}\r\n\r\n.bpsi-bot-content {\r\n  min-width: 0;\r\n}\r\n\r\n.bpsi-bot-topline {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.bpsi-bot-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: var(--green);\r\n  animation: bpsiStatusPulse 2s infinite;\r\n}\r\n\r\n.bpsi-bot-toptext {\r\n  color: #15733a;\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bpsi-bot-content h3 {\r\n  margin: 0 0 10px;\r\n  color: var(--text);\r\n  font-size: 25px;\r\n  line-height: 1.14;\r\n  font-weight: 900;\r\n  letter-spacing: -.035em;\r\n}\r\n\r\n.bpsi-bot-desc {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 500;\r\n}\r\n\r\n.bpsi-bot-typing {\r\n  margin-top: 12px;\r\n  min-height: 22px;\r\n  color: #14813c;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  font-weight: 800;\r\n}\r\n\r\n.bpsi-bot-typing span::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 2px;\r\n  height: 14px;\r\n  margin-left: 4px;\r\n  background: #14813c;\r\n  vertical-align: -2px;\r\n  animation: bpsiCursorBlink .85s infinite;\r\n}\r\n\r\n.bpsi-bot-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.bpsi-bot-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 46px;\r\n  padding: 12px 20px;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\r\n}\r\n\r\n.bpsi-bot-btn.primary {\r\n  color: #fff;\r\n  background: linear-gradient(135deg, #0f8c3d, #20bd5f);\r\n  box-shadow: 0 12px 28px rgba(17,151,68,.26);\r\n}\r\n\r\n.bpsi-bot-btn.secondary {\r\n  color: var(--text);\r\n  background: rgba(255,255,255,.60);\r\n  border: 1px solid rgba(17,151,68,.16);\r\n}\r\n\r\n.bpsi-bot-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.bpsi-bot-close {\r\n  position: absolute;\r\n  top: -11px;\r\n  right: -11px;\r\n  z-index: 99992;\r\n  width: 38px;\r\n  height: 38px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  background: rgba(12,76,39,.96);\r\n  color: #fff;\r\n  font-size: 22px;\r\n  line-height: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,.18);\r\n  transition: transform .25s ease, background .25s ease;\r\n}\r\n\r\n.bpsi-bot-close:hover {\r\n  transform: rotate(90deg) scale(1.05);\r\n  background: var(--green);\r\n}\r\n\r\n\/* ================================\r\n   DRAGGABLE MINI BUTTON\r\n================================ *\/\r\n\r\n.bpsi-bot-mini {\r\n  --sidebar-space: 118px;\r\n\r\n  position: fixed;\r\n  right: calc(var(--sidebar-space) + 22px);\r\n  bottom: 30px;\r\n  z-index: 99989;\r\n\r\n  display: none;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  min-height: 64px;\r\n  padding: 9px 18px 9px 10px;\r\n\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.76);\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,252,248,.72));\r\n  box-shadow:\r\n    0 18px 48px rgba(0,45,20,.16),\r\n    inset 0 1px 0 rgba(255,255,255,.85);\r\n\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n\r\n  color: #153722;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 900;\r\n\r\n  cursor: grab;\r\n  user-select: none;\r\n  touch-action: none;\r\n\r\n  opacity: 0;\r\n  transform: translateY(14px) scale(.94);\r\n\r\n  transition:\r\n    opacity .35s ease,\r\n    transform .35s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n.bpsi-bot-mini.is-visible {\r\n  display: inline-flex;\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n.bpsi-bot-mini.is-dragging {\r\n  cursor: grabbing;\r\n  transition: none;\r\n  box-shadow:\r\n    0 24px 60px rgba(0,45,20,.24),\r\n    inset 0 1px 0 rgba(255,255,255,.85);\r\n}\r\n\r\n.bpsi-bot-mini.is-custom-position {\r\n  right: auto !important;\r\n  bottom: auto !important;\r\n}\r\n\r\n.bpsi-bot-mini:hover {\r\n  transform: translateY(-2px) scale(1.02);\r\n}\r\n\r\n.bpsi-bot-mini.is-dragging:hover,\r\n.bpsi-bot-mini.is-custom-position:hover {\r\n  transform: none;\r\n}\r\n\r\n.bpsi-bot-mini-icon {\r\n  position: relative;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background:\r\n    radial-gradient(circle at 50% 55%, rgba(17,151,68,.14), transparent 62%),\r\n    rgba(255,255,255,.48);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.bpsi-bot-mini-icon::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 9px 6px;\r\n  height: 7px;\r\n  border-radius: 999px;\r\n  background: rgba(0,50,20,.12);\r\n  filter: blur(5px);\r\n}\r\n\r\n.bpsi-bot-mini img {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 42px;\r\n  height: 42px;\r\n  object-fit: contain;\r\n  pointer-events: none;\r\n  animation: bpsiMiniFloat 2.8s ease-in-out infinite;\r\n}\r\n\r\n.bpsi-bot-mini-text {\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes bpsiMascotEnter {\r\n  0% { opacity: 0; transform: translateY(28px) scale(.86) rotate(-3deg); }\r\n  60% { opacity: 1; transform: translateY(-6px) scale(1.04) rotate(1.5deg); }\r\n  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0deg); }\r\n}\r\n\r\n@keyframes bpsiMascotLife {\r\n  0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }\r\n  35% { transform: translateY(-6px) scale(1.02) rotate(-1deg); }\r\n  70% { transform: translateY(0) scale(1) rotate(.8deg); }\r\n}\r\n\r\n@keyframes bpsiAuraPulse {\r\n  0%, 100% { opacity: .55; transform: scale(.92); }\r\n  50% { opacity: 1; transform: scale(1.08); }\r\n}\r\n\r\n@keyframes bpsiShadowPulse {\r\n  0%, 100% { opacity: .14; transform: scaleX(1); }\r\n  50% { opacity: .08; transform: scaleX(.78); }\r\n}\r\n\r\n@keyframes bpsiStatusPulse {\r\n  0% { box-shadow: 0 0 0 0 rgba(17,151,68,.42); }\r\n  70% { box-shadow: 0 0 0 8px rgba(17,151,68,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(17,151,68,0); }\r\n}\r\n\r\n@keyframes bpsiCursorBlink {\r\n  0%, 45% { opacity: 1; }\r\n  46%, 100% { opacity: 0; }\r\n}\r\n\r\n@keyframes bpsiMiniFloat {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-3px); }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bpsi-bot-wrap {\r\n    --sidebar-space: 96px;\r\n    right: calc(var(--sidebar-space) + 16px);\r\n    bottom: 24px;\r\n    width: min(620px, calc(100vw - 145px));\r\n  }\r\n\r\n  .bpsi-bot-card {\r\n    grid-template-columns: 155px 1fr;\r\n    gap: 18px;\r\n    padding: 18px;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .bpsi-bot-mascot-side {\r\n    min-height: 188px;\r\n  }\r\n\r\n  .bpsi-bot-mascot-box {\r\n    width: 150px;\r\n    height: 176px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bpsi-bot-mascot {\r\n    width: 128px;\r\n  }\r\n\r\n  .bpsi-bot-content h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .bpsi-bot-desc {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .bpsi-bot-mini {\r\n    --sidebar-space: 96px;\r\n    right: calc(var(--sidebar-space) + 16px);\r\n    bottom: 24px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .bpsi-bot-wrap {\r\n    left: 50%;\r\n    right: auto;\r\n    bottom: 84px;\r\n    width: calc(100vw - 20px);\r\n    transform: translate(-50%, 26px) scale(.96);\r\n  }\r\n\r\n  .bpsi-bot-wrap.is-active {\r\n    transform: translate(-50%, 0) scale(1);\r\n  }\r\n\r\n  .bpsi-bot-card {\r\n    grid-template-columns: 96px 1fr;\r\n    gap: 12px;\r\n    padding: 14px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .bpsi-bot-mascot-side {\r\n    min-height: 122px;\r\n  }\r\n\r\n  .bpsi-bot-aura {\r\n    width: 92px;\r\n    height: 92px;\r\n  }\r\n\r\n  .bpsi-bot-mascot-box {\r\n    width: 92px;\r\n    height: 116px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .bpsi-bot-mascot {\r\n    width: 82px;\r\n  }\r\n\r\n  .bpsi-bot-toptext {\r\n    font-size: 10px;\r\n    letter-spacing: .06em;\r\n  }\r\n\r\n  .bpsi-bot-content h3 {\r\n    font-size: 17px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .bpsi-bot-desc {\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .bpsi-bot-typing {\r\n    font-size: 11.5px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .bpsi-bot-actions {\r\n    margin-top: 11px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .bpsi-bot-btn {\r\n    min-height: 38px;\r\n    padding: 10px 12px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .bpsi-bot-close {\r\n    top: -8px;\r\n    right: -5px;\r\n    width: 31px;\r\n    height: 31px;\r\n  }\r\n\r\n  .bpsi-bot-mini {\r\n    left: 50%;\r\n    right: auto;\r\n    bottom: 84px;\r\n    transform: translate(-50%, 14px) scale(.94);\r\n    min-height: 58px;\r\n    padding: 8px 15px 8px 8px;\r\n  }\r\n\r\n  .bpsi-bot-mini.is-visible {\r\n    transform: translate(-50%, 0) scale(1);\r\n  }\r\n\r\n  .bpsi-bot-mini.is-custom-position {\r\n    transform: none !important;\r\n  }\r\n\r\n  .bpsi-bot-mini-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .bpsi-bot-mini img {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .bpsi-bot-mini-text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n\/* Small mobile *\/\r\n@media (max-width: 420px) {\r\n  .bpsi-bot-card {\r\n    grid-template-columns: 80px 1fr;\r\n    gap: 10px;\r\n    padding: 12px;\r\n  }\r\n\r\n  .bpsi-bot-mascot-box {\r\n    width: 80px;\r\n    height: 102px;\r\n  }\r\n\r\n  .bpsi-bot-mascot {\r\n    width: 70px;\r\n  }\r\n\r\n  .bpsi-bot-content h3 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .bpsi-bot-desc {\r\n    font-size: 11.2px;\r\n  }\r\n\r\n  .bpsi-bot-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .bpsi-bot-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .bpsi-bot-mini {\r\n    min-height: 54px;\r\n    padding: 7px 13px 7px 7px;\r\n  }\r\n\r\n  .bpsi-bot-mini-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .bpsi-bot-mini img {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .bpsi-bot-wrap,\r\n  .bpsi-bot-wrap *,\r\n  .bpsi-bot-mini,\r\n  .bpsi-bot-mini * {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const bot = document.getElementById(\"bpsiBotWrap\");\r\n  const closeBtn = document.getElementById(\"bpsiBotClose\");\r\n  const miniBtn = document.getElementById(\"bpsiBotMini\");\r\n  const typingText = document.getElementById(\"bpsiBotTypingText\");\r\n\r\n  const popupStorageKey = \"bpsi_bot_popup_closed_draggable\";\r\n  const positionStorageKey = \"bpsi_bot_mini_position\";\r\n\r\n  const typingMessages = [\r\n    \"Fast Response. Reliable Support.\",\r\n    \"Rental Battery Forklift & Charger.\",\r\n    \"Maintenance, Inspection, Refurbishment.\",\r\n    \"BPSI Care \u2014 Energizing Your Future.\"\r\n  ];\r\n\r\n  let messageIndex = 0;\r\n  let charIndex = 0;\r\n  let isDeleting = false;\r\n\r\n  let isDragging = false;\r\n  let hasMoved = false;\r\n  let startX = 0;\r\n  let startY = 0;\r\n  let initialLeft = 0;\r\n  let initialTop = 0;\r\n\r\n  function clamp(value, min, max) {\r\n    return Math.min(Math.max(value, min), max);\r\n  }\r\n\r\n  function getSafePosition(left, top) {\r\n    const margin = 12;\r\n    const rect = miniBtn.getBoundingClientRect();\r\n\r\n    const maxLeft = window.innerWidth - rect.width - margin;\r\n    const maxTop = window.innerHeight - rect.height - margin;\r\n\r\n    return {\r\n      left: clamp(left, margin, Math.max(margin, maxLeft)),\r\n      top: clamp(top, margin, Math.max(margin, maxTop))\r\n    };\r\n  }\r\n\r\n  function applyMiniPosition(left, top, save) {\r\n    miniBtn.classList.add(\"is-custom-position\");\r\n\r\n    const safe = getSafePosition(left, top);\r\n\r\n    miniBtn.style.left = safe.left + \"px\";\r\n    miniBtn.style.top = safe.top + \"px\";\r\n    miniBtn.style.right = \"auto\";\r\n    miniBtn.style.bottom = \"auto\";\r\n\r\n    if (save) {\r\n      localStorage.setItem(positionStorageKey, JSON.stringify(safe));\r\n    }\r\n  }\r\n\r\n  function restoreMiniPosition() {\r\n    const saved = localStorage.getItem(positionStorageKey);\r\n\r\n    if (!saved) return;\r\n\r\n    try {\r\n      const pos = JSON.parse(saved);\r\n      if (typeof pos.left === \"number\" && typeof pos.top === \"number\") {\r\n        setTimeout(function () {\r\n          applyMiniPosition(pos.left, pos.top, false);\r\n        }, 50);\r\n      }\r\n    } catch (e) {\r\n      localStorage.removeItem(positionStorageKey);\r\n    }\r\n  }\r\n\r\n  function showBot() {\r\n    bot.classList.add(\"is-active\");\r\n    miniBtn.classList.remove(\"is-visible\");\r\n  }\r\n\r\n  function hideBot() {\r\n    bot.classList.remove(\"is-active\");\r\n\r\n    setTimeout(function () {\r\n      miniBtn.classList.add(\"is-visible\");\r\n      restoreMiniPosition();\r\n    }, 300);\r\n  }\r\n\r\n  setTimeout(function () {\r\n    if (sessionStorage.getItem(popupStorageKey) === \"true\") {\r\n      miniBtn.classList.add(\"is-visible\");\r\n      restoreMiniPosition();\r\n    } else {\r\n      showBot();\r\n    }\r\n  }, 700);\r\n\r\n  closeBtn.addEventListener(\"click\", function () {\r\n    sessionStorage.setItem(popupStorageKey, \"true\");\r\n    hideBot();\r\n  });\r\n\r\n  miniBtn.addEventListener(\"click\", function (e) {\r\n    if (hasMoved) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      hasMoved = false;\r\n      return;\r\n    }\r\n\r\n    sessionStorage.removeItem(popupStorageKey);\r\n    showBot();\r\n  });\r\n\r\n  miniBtn.addEventListener(\"pointerdown\", function (e) {\r\n    if (!miniBtn.classList.contains(\"is-visible\")) return;\r\n\r\n    isDragging = true;\r\n    hasMoved = false;\r\n\r\n    const rect = miniBtn.getBoundingClientRect();\r\n\r\n    startX = e.clientX;\r\n    startY = e.clientY;\r\n    initialLeft = rect.left;\r\n    initialTop = rect.top;\r\n\r\n    miniBtn.classList.add(\"is-dragging\");\r\n    miniBtn.setPointerCapture(e.pointerId);\r\n  });\r\n\r\n  miniBtn.addEventListener(\"pointermove\", function (e) {\r\n    if (!isDragging) return;\r\n\r\n    const dx = e.clientX - startX;\r\n    const dy = e.clientY - startY;\r\n\r\n    if (Math.abs(dx) > 4 || Math.abs(dy) > 4) {\r\n      hasMoved = true;\r\n    }\r\n\r\n    applyMiniPosition(initialLeft + dx, initialTop + dy, false);\r\n  });\r\n\r\n  miniBtn.addEventListener(\"pointerup\", function (e) {\r\n    if (!isDragging) return;\r\n\r\n    isDragging = false;\r\n    miniBtn.classList.remove(\"is-dragging\");\r\n\r\n    const rect = miniBtn.getBoundingClientRect();\r\n    applyMiniPosition(rect.left, rect.top, true);\r\n\r\n    try {\r\n      miniBtn.releasePointerCapture(e.pointerId);\r\n    } catch (err) {}\r\n  });\r\n\r\n  miniBtn.addEventListener(\"pointercancel\", function () {\r\n    isDragging = false;\r\n    miniBtn.classList.remove(\"is-dragging\");\r\n  });\r\n\r\n  window.addEventListener(\"resize\", function () {\r\n    if (!miniBtn.classList.contains(\"is-custom-position\")) return;\r\n\r\n    const rect = miniBtn.getBoundingClientRect();\r\n    applyMiniPosition(rect.left, rect.top, true);\r\n  });\r\n\r\n  function typeEffect() {\r\n    const currentText = typingMessages[messageIndex];\r\n\r\n    if (!isDeleting) {\r\n      typingText.textContent = currentText.substring(0, charIndex + 1);\r\n      charIndex++;\r\n\r\n      if (charIndex === currentText.length) {\r\n        isDeleting = true;\r\n        setTimeout(typeEffect, 1400);\r\n        return;\r\n      }\r\n    } else {\r\n      typingText.textContent = currentText.substring(0, charIndex - 1);\r\n      charIndex--;\r\n\r\n      if (charIndex === 0) {\r\n        isDeleting = false;\r\n        messageIndex = (messageIndex + 1) % typingMessages.length;\r\n      }\r\n    }\r\n\r\n    setTimeout(typeEffect, isDeleting ? 34 : 52);\r\n  }\r\n\r\n  typeEffect();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac3e9f elementor-widget elementor-widget-html\" data-id=\"8ac3e9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BPSI Spotlight Search - Apple Glass Professional -->\r\n<div class=\"bpsi-spotlight-search\" id=\"bpsiSpotlightSearch\">\r\n  <button class=\"bpsi-spotlight-search__trigger\" id=\"bpsiSpotlightSearchTrigger\" type=\"button\" aria-label=\"Cari di website BPSI\">\r\n    <span class=\"bpsi-spotlight-search__icon\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M10.9 18.1a7.2 7.2 0 1 1 0-14.4a7.2 7.2 0 0 1 0 14.4Z\"><\/path>\r\n        <path d=\"M16.2 16.2 21 21\"><\/path>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n    <span class=\"bpsi-spotlight-search__label\">Search<\/span>\r\n    <kbd class=\"bpsi-spotlight-search__key\">\u2318K<\/kbd>\r\n  <\/button>\r\n\r\n  <div class=\"bpsi-spotlight-search__overlay\" id=\"bpsiSpotlightSearchOverlay\" aria-hidden=\"true\">\r\n    <button class=\"bpsi-spotlight-search__backdrop\" id=\"bpsiSpotlightSearchBackdrop\" type=\"button\" aria-label=\"Tutup pencarian\"><\/button>\r\n\r\n    <section class=\"bpsi-spotlight-search__panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Pencarian BPSI\">\r\n      <div class=\"bpsi-spotlight-search__head\">\r\n        <div class=\"bpsi-spotlight-search__inputbox\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M10.9 18.1a7.2 7.2 0 1 1 0-14.4a7.2 7.2 0 0 1 0 14.4Z\"><\/path>\r\n            <path d=\"M16.2 16.2 21 21\"><\/path>\r\n          <\/svg>\r\n\r\n          <input\r\n            id=\"bpsiSpotlightSearchInput\"\r\n            type=\"search\"\r\n            placeholder=\"Cari rental baterai forklift, charger, service, produk...\"\r\n            autocomplete=\"off\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <button class=\"bpsi-spotlight-search__close\" id=\"bpsiSpotlightSearchClose\" type=\"button\" aria-label=\"Tutup pencarian\">\r\n          \u00d7\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-spotlight-search__chips\" aria-label=\"Pencarian populer\">\r\n        <button type=\"button\" data-bpsi-spotlight-chip=\"rental baterai forklift\">Rental Baterai<\/button>\r\n        <button type=\"button\" data-bpsi-spotlight-chip=\"charger forklift\">Charger<\/button>\r\n        <button type=\"button\" data-bpsi-spotlight-chip=\"service baterai\">Service<\/button>\r\n        <button type=\"button\" data-bpsi-spotlight-chip=\"bpsi care\">BPSI Care<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"bpsi-spotlight-search__results\" id=\"bpsiSpotlightSearchResults\"><\/div>\r\n\r\n      <div class=\"bpsi-spotlight-search__footer\">\r\n        <span>Tekan <strong>Enter<\/strong> untuk membuka hasil terbaik<\/span>\r\n        <span>Esc untuk tutup<\/span>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  :root {\r\n    --bpsi-sp-green: #43b02a;\r\n    --bpsi-sp-green-dark: #0c6d3a;\r\n    --bpsi-sp-ink: #102316;\r\n    --bpsi-sp-muted: #657268;\r\n    --bpsi-sp-line: rgba(16, 35, 22, .10);\r\n\r\n    \/*\r\n      POSISI DESKTOP AWAL\r\n      Dibuat proporsional di area kanan header atas.\r\n      Naik\/turun: ubah --bpsi-sp-top-desktop.\r\n    *\/\r\n    --bpsi-sp-top-desktop: 58px;\r\n    --bpsi-sp-right-desktop: clamp(92px, 7.6vw, 150px);\r\n\r\n    \/*\r\n      POSISI SAAT SCROLL\r\n      Tetap fixed, compact, dan tidak menutupi navbar.\r\n    *\/\r\n    --bpsi-sp-top-scroll: 18px;\r\n    --bpsi-sp-right-scroll: 22px;\r\n\r\n    \/*\r\n      MOBILE\r\n      Floating icon kanan bawah.\r\n    *\/\r\n    --bpsi-sp-bottom-mobile: 96px;\r\n  }\r\n\r\n  .bpsi-spotlight-search,\r\n  .bpsi-spotlight-search * {\r\n    box-sizing: border-box;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .bpsi-spotlight-search {\r\n    position: fixed !important;\r\n    inset: 0 auto auto 0;\r\n    z-index: 999990;\r\n    pointer-events: none;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bpsi-spotlight-search__trigger {\r\n    position: fixed !important;\r\n    top: var(--bpsi-sp-top-desktop);\r\n    right: var(--bpsi-sp-right-desktop);\r\n    z-index: 999991;\r\n    pointer-events: auto;\r\n\r\n    height: 46px;\r\n    min-width: 148px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    padding: 0 13px 0 15px;\r\n    border: 1px solid rgba(255, 255, 255, .70);\r\n    border-radius: 999px;\r\n\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(236, 255, 232, .38)),\r\n      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .88), transparent 44%),\r\n      radial-gradient(circle at 88% 92%, rgba(67, 176, 42, .14), transparent 46%);\r\n\r\n    color: var(--bpsi-sp-ink);\r\n\r\n    box-shadow:\r\n      0 10px 26px rgba(8, 38, 18, .10),\r\n      0 3px 8px rgba(8, 38, 18, .06),\r\n      inset 0 1px 0 rgba(255, 255, 255, .82),\r\n      inset 0 -1px 0 rgba(255, 255, 255, .30);\r\n\r\n    backdrop-filter: blur(22px) saturate(165%);\r\n    -webkit-backdrop-filter: blur(22px) saturate(165%);\r\n\r\n    cursor: pointer;\r\n    transform: translateZ(0);\r\n    will-change: transform, top, right;\r\n    transition:\r\n      top .28s ease,\r\n      right .28s ease,\r\n      width .24s ease,\r\n      min-width .24s ease,\r\n      height .24s ease,\r\n      transform .22s ease,\r\n      box-shadow .22s ease,\r\n      background .22s ease,\r\n      border-color .22s ease;\r\n  }\r\n\r\n  .bpsi-spotlight-search__trigger::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -7px;\r\n    z-index: -1;\r\n    border-radius: inherit;\r\n    background:\r\n      radial-gradient(circle at 50% 50%, rgba(67, 176, 42, .16), transparent 66%);\r\n    filter: blur(10px);\r\n    opacity: .55;\r\n    pointer-events: none;\r\n    transition: opacity .22s ease, filter .22s ease;\r\n  }\r\n\r\n  .bpsi-spotlight-search__trigger:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(255, 255, 255, .86);\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(236, 255, 232, .46)),\r\n      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .94), transparent 44%),\r\n      radial-gradient(circle at 88% 92%, rgba(67, 176, 42, .18), transparent 46%);\r\n    box-shadow:\r\n      0 14px 34px rgba(8, 38, 18, .13),\r\n      0 4px 10px rgba(8, 38, 18, .06),\r\n      inset 0 1px 0 rgba(255, 255, 255, .90),\r\n      inset 0 -1px 0 rgba(255, 255, 255, .34);\r\n  }\r\n\r\n  .bpsi-spotlight-search__trigger:hover::before {\r\n    opacity: .68;\r\n    filter: blur(12px);\r\n  }\r\n\r\n  .bpsi-spotlight-search__icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .bpsi-spotlight-search__icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: var(--bpsi-sp-green-dark);\r\n    stroke-width: 2.25;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .bpsi-spotlight-search__label {\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    letter-spacing: -.015em;\r\n    color: rgba(16, 35, 22, .92);\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .bpsi-spotlight-search__key {\r\n    height: 24px;\r\n    min-width: 34px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255, 255, 255, .58);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, .42);\r\n    color: rgba(16, 35, 22, .50);\r\n\r\n    font-size: 11px;\r\n    font-weight: 850;\r\n    line-height: 1;\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, .70),\r\n      0 2px 6px rgba(8, 38, 18, .04);\r\n  }\r\n\r\n  .bpsi-spotlight-search.is-scrolled .bpsi-spotlight-search__trigger {\r\n    top: var(--bpsi-sp-top-scroll);\r\n    right: var(--bpsi-sp-right-scroll);\r\n    min-width: 136px;\r\n    height: 44px;\r\n\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(244, 252, 244, .56)),\r\n      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .90), transparent 44%),\r\n      radial-gradient(circle at 88% 92%, rgba(67, 176, 42, .12), transparent 46%);\r\n\r\n    box-shadow:\r\n      0 12px 32px rgba(8, 38, 18, .12),\r\n      0 3px 8px rgba(8, 38, 18, .05),\r\n      inset 0 1px 0 rgba(255, 255, 255, .82);\r\n  }\r\n\r\n  .bpsi-spotlight-search__overlay {\r\n    position: fixed !important;\r\n    inset: 0;\r\n    z-index: 999999;\r\n    display: none;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding: 8vh 20px 24px;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .bpsi-spotlight-search__overlay.is-active {\r\n    display: flex;\r\n  }\r\n\r\n  .bpsi-spotlight-search__backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n    background:\r\n      radial-gradient(circle at 50% 8%, rgba(67, 176, 42, .14), transparent 36%),\r\n      rgba(247, 250, 247, .76);\r\n    backdrop-filter: blur(20px) saturate(150%);\r\n    -webkit-backdrop-filter: blur(20px) saturate(150%);\r\n    cursor: default;\r\n  }\r\n\r\n  .bpsi-spotlight-search__panel {\r\n    position: relative;\r\n    width: min(760px, 100%);\r\n    max-height: min(720px, 84vh);\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255, 255, 255, .88);\r\n    border-radius: 28px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .80)),\r\n      radial-gradient(circle at 10% 0%, rgba(67, 176, 42, .12), transparent 36%);\r\n    box-shadow:\r\n      0 30px 86px rgba(7, 30, 15, .18),\r\n      inset 0 1px 0 rgba(255, 255, 255, .80);\r\n\r\n    backdrop-filter: blur(30px) saturate(165%);\r\n    -webkit-backdrop-filter: blur(30px) saturate(165%);\r\n\r\n    animation: bpsiSpotlightIn .28s cubic-bezier(.22, .9, .28, 1) both;\r\n  }\r\n\r\n  @keyframes bpsiSpotlightIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(16px) scale(.985);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n    }\r\n  }\r\n\r\n  .bpsi-spotlight-search__head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 18px;\r\n    border-bottom: 1px solid var(--bpsi-sp-line);\r\n  }\r\n\r\n  .bpsi-spotlight-search__inputbox {\r\n    flex: 1;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    padding: 0 18px;\r\n    border: 1px solid rgba(16, 35, 22, .09);\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, .72);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, .86),\r\n      0 8px 18px rgba(8, 38, 18, .04);\r\n  }\r\n\r\n  .bpsi-spotlight-search__inputbox svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: var(--bpsi-sp-green-dark);\r\n    stroke-width: 2.25;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .bpsi-spotlight-search__inputbox input {\r\n    width: 100%;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    color: var(--bpsi-sp-ink);\r\n    font-size: 16px;\r\n    font-weight: 750;\r\n    letter-spacing: -.02em;\r\n  }\r\n\r\n  .bpsi-spotlight-search__inputbox input::placeholder {\r\n    color: rgba(16, 35, 22, .42);\r\n  }\r\n\r\n  .bpsi-spotlight-search__close {\r\n    width: 44px;\r\n    height: 44px;\r\n    flex: 0 0 auto;\r\n\r\n    border: 1px solid rgba(16, 35, 22, .08);\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, .72);\r\n    color: rgba(16, 35, 22, .58);\r\n\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    transition: transform .22s ease, color .22s ease, background .22s ease;\r\n  }\r\n\r\n  .bpsi-spotlight-search__close:hover {\r\n    color: var(--bpsi-sp-ink);\r\n    background: rgba(255, 255, 255, .88);\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  .bpsi-spotlight-search__chips {\r\n    display: flex;\r\n    gap: 9px;\r\n    padding: 0 18px 16px;\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .bpsi-spotlight-search__chips::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .bpsi-spotlight-search__chips button {\r\n    flex: 0 0 auto;\r\n    height: 34px;\r\n    padding: 0 14px;\r\n\r\n    border: 1px solid rgba(67, 176, 42, .18);\r\n    border-radius: 999px;\r\n    background: rgba(67, 176, 42, .08);\r\n    color: var(--bpsi-sp-green-dark);\r\n\r\n    font-size: 12px;\r\n    font-weight: 850;\r\n    letter-spacing: .02em;\r\n    cursor: pointer;\r\n    transition: transform .2s ease, background .2s ease, border-color .2s ease;\r\n  }\r\n\r\n  .bpsi-spotlight-search__chips button:hover {\r\n    background: rgba(67, 176, 42, .14);\r\n    border-color: rgba(67, 176, 42, .26);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .bpsi-spotlight-search__results {\r\n    padding: 0 12px 12px;\r\n    overflow: auto;\r\n  }\r\n\r\n  .bpsi-spotlight-search__title {\r\n    padding: 10px 12px 8px;\r\n    color: rgba(16, 35, 22, .48);\r\n    font-size: 11px;\r\n    font-weight: 950;\r\n    letter-spacing: .12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .bpsi-spotlight-search__item {\r\n    display: grid;\r\n    grid-template-columns: 44px 1fr auto;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    padding: 13px;\r\n    border-radius: 18px;\r\n    text-decoration: none;\r\n    color: var(--bpsi-sp-ink);\r\n\r\n    transition: background .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .bpsi-spotlight-search__item:hover,\r\n  .bpsi-spotlight-search__item.is-active {\r\n    background: rgba(67, 176, 42, .10);\r\n    transform: translateX(2px);\r\n  }\r\n\r\n  .bpsi-spotlight-search__result-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 16px;\r\n    background:\r\n      linear-gradient(180deg, rgba(67, 176, 42, .15), rgba(67, 176, 42, .06));\r\n    color: var(--bpsi-sp-green-dark);\r\n  }\r\n\r\n  .bpsi-spotlight-search__result-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.1;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .bpsi-spotlight-search__copy strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: var(--bpsi-sp-ink);\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    letter-spacing: -.02em;\r\n  }\r\n\r\n  .bpsi-spotlight-search__copy span {\r\n    display: block;\r\n    color: var(--bpsi-sp-muted);\r\n    font-size: 12px;\r\n    font-weight: 620;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .bpsi-spotlight-search__badge {\r\n    padding: 7px 10px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, .72);\r\n    color: rgba(16, 35, 22, .54);\r\n    font-size: 11px;\r\n    font-weight: 850;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .bpsi-spotlight-search__empty {\r\n    padding: 34px 20px 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .bpsi-spotlight-search__empty strong {\r\n    display: block;\r\n    color: var(--bpsi-sp-ink);\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .bpsi-spotlight-search__empty span {\r\n    display: block;\r\n    max-width: 430px;\r\n    margin: 8px auto 0;\r\n    color: var(--bpsi-sp-muted);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .bpsi-spotlight-search__empty a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    height: 42px;\r\n    margin-top: 16px;\r\n    padding: 0 18px;\r\n    border-radius: 999px;\r\n\r\n    background: var(--bpsi-sp-green);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    box-shadow: 0 14px 32px rgba(67, 176, 42, .22);\r\n  }\r\n\r\n  .bpsi-spotlight-search__footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n\r\n    padding: 13px 18px 16px;\r\n    border-top: 1px solid var(--bpsi-sp-line);\r\n    color: rgba(16, 35, 22, .48);\r\n\r\n    font-size: 11px;\r\n    font-weight: 720;\r\n  }\r\n\r\n  .bpsi-spotlight-search__footer strong {\r\n    color: var(--bpsi-sp-green-dark);\r\n  }\r\n\r\n  body.bpsi-spotlight-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (min-width: 1441px) {\r\n    :root {\r\n      --bpsi-sp-top-desktop: 58px;\r\n      --bpsi-sp-right-desktop: clamp(110px, 8vw, 176px);\r\n    }\r\n\r\n    .bpsi-spotlight-search__trigger {\r\n      min-width: 152px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    :root {\r\n      --bpsi-sp-top-desktop: 58px;\r\n      --bpsi-sp-right-desktop: 44px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    :root {\r\n      --bpsi-sp-top-desktop: 52px;\r\n      --bpsi-sp-right-desktop: 22px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__trigger {\r\n      height: 44px;\r\n      min-width: 132px;\r\n      padding: 0 12px 0 14px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__label {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__key {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .bpsi-spotlight-search__trigger,\r\n    .bpsi-spotlight-search.is-scrolled .bpsi-spotlight-search__trigger {\r\n      top: 18px;\r\n      right: 18px;\r\n      min-width: 126px;\r\n      height: 44px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .bpsi-spotlight-search__trigger,\r\n    .bpsi-spotlight-search.is-scrolled .bpsi-spotlight-search__trigger {\r\n      top: auto;\r\n      right: 18px;\r\n      bottom: calc(var(--bpsi-sp-bottom-mobile) + env(safe-area-inset-bottom));\r\n      width: 54px;\r\n      min-width: 54px;\r\n      height: 54px;\r\n      padding: 0;\r\n      border-radius: 19px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__trigger::before {\r\n      inset: -5px;\r\n      filter: blur(8px);\r\n      opacity: .45;\r\n    }\r\n\r\n    .bpsi-spotlight-search__label,\r\n    .bpsi-spotlight-search__key {\r\n      display: none;\r\n    }\r\n\r\n    .bpsi-spotlight-search__icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__overlay {\r\n      align-items: flex-end;\r\n      padding: 14px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__panel {\r\n      width: 100%;\r\n      max-height: 82vh;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__head {\r\n      padding: 14px;\r\n      gap: 10px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__inputbox {\r\n      height: 54px;\r\n      padding: 0 14px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__inputbox input {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__chips {\r\n      padding: 0 14px 12px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__item {\r\n      grid-template-columns: 40px 1fr;\r\n      gap: 11px;\r\n      padding: 12px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__result-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .bpsi-spotlight-search__badge,\r\n    .bpsi-spotlight-search__footer {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .bpsi-spotlight-search__trigger,\r\n    .bpsi-spotlight-search.is-scrolled .bpsi-spotlight-search__trigger {\r\n      right: 14px;\r\n      bottom: calc(88px + env(safe-area-inset-bottom));\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bpsi-spotlight-search__trigger,\r\n    .bpsi-spotlight-search__panel,\r\n    .bpsi-spotlight-search__item,\r\n    .bpsi-spotlight-search__chips button,\r\n    .bpsi-spotlight-search__close {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById(\"bpsiSpotlightSearch\");\r\n  if (!root) return;\r\n\r\n  \/*\r\n    Penting untuk Elementor:\r\n    pindahkan widget ke body agar position fixed tidak terpengaruh section\/container.\r\n  *\/\r\n  if (root.parentElement !== document.body) {\r\n    document.body.appendChild(root);\r\n  }\r\n\r\n  const trigger = document.getElementById(\"bpsiSpotlightSearchTrigger\");\r\n  const overlay = document.getElementById(\"bpsiSpotlightSearchOverlay\");\r\n  const backdrop = document.getElementById(\"bpsiSpotlightSearchBackdrop\");\r\n  const closeBtn = document.getElementById(\"bpsiSpotlightSearchClose\");\r\n  const input = document.getElementById(\"bpsiSpotlightSearchInput\");\r\n  const results = document.getElementById(\"bpsiSpotlightSearchResults\");\r\n\r\n  const siteSearchUrl = \"https:\/\/bpsi.co.id\/?s=\";\r\n\r\n  const searchData = [\r\n    {\r\n      title: \"Rental Baterai Forklift\",\r\n      desc: \"Solusi sewa baterai forklift untuk operasional warehouse, logistik, manufaktur, dan multi-shift.\",\r\n      url: \"https:\/\/bpsi.co.id\/rental-baterai-forklift\/\",\r\n      category: \"Solusi\",\r\n      keywords: \"rental baterai forklift sewa battery forklift gudang industri multi shift\"\r\n    },\r\n    {\r\n      title: \"Rental Battery and Charger\",\r\n      desc: \"Paket rental baterai dan charger forklift untuk kebutuhan operasional jangka pendek maupun panjang.\",\r\n      url: \"https:\/\/bpsi.co.id\/rental-battery-and-charger\/\",\r\n      category: \"Solusi\",\r\n      keywords: \"rental battery charger forklift sewa baterai charger\"\r\n    },\r\n    {\r\n      title: \"Solusi Baterai Forklift\",\r\n      desc: \"Pusat solusi BPSI untuk rental, jual, refurbishment, maintenance, charger, dan health check.\",\r\n      url: \"https:\/\/bpsi.co.id\/battery-solutions\/\",\r\n      category: \"Solusi\",\r\n      keywords: \"solusi baterai forklift battery solutions bpsi\"\r\n    },\r\n    {\r\n      title: \"Baterai Forklift Elektrik\",\r\n      desc: \"Pilihan baterai forklift lead acid, lithium, sodium, dan solusi teknis sesuai kebutuhan unit.\",\r\n      url: \"https:\/\/bpsi.co.id\/baterai-forklift-elektrik\/\",\r\n      category: \"Produk\",\r\n      keywords: \"jual baterai forklift electric forklift battery lead acid lithium sodium\"\r\n    },\r\n    {\r\n      title: \"Battery Refurbishment\",\r\n      desc: \"Pemulihan performa baterai forklift untuk menekan biaya penggantian dan memperpanjang usia pakai.\",\r\n      url: \"https:\/\/bpsi.co.id\/battery-refurbishment\/\",\r\n      category: \"Service\",\r\n      keywords: \"refurbishment baterai forklift repair aki forklift perbaikan battery\"\r\n    },\r\n    {\r\n      title: \"Maintenance Baterai Forklift\",\r\n      desc: \"Program perawatan berkala untuk menjaga performa, reliability, dan usia pakai baterai.\",\r\n      url: \"https:\/\/bpsi.co.id\/maintenance-baterai-forklift\/\",\r\n      category: \"Service\",\r\n      keywords: \"maintenance baterai forklift service inspeksi perawatan\"\r\n    },\r\n    {\r\n      title: \"Battery Health Check\",\r\n      desc: \"Pemeriksaan kondisi baterai, tegangan, kapasitas, koneksi, dan sistem charger.\",\r\n      url: \"https:\/\/bpsi.co.id\/battery-health-check\/\",\r\n      category: \"Service\",\r\n      keywords: \"battery health check inspeksi baterai forklift voltage capacity charger\"\r\n    },\r\n    {\r\n      title: \"Repair Baterai & Charger Forklift\",\r\n      desc: \"Rental, inspeksi, dan perbaikan charger forklift untuk mendukung uptime operasional.\",\r\n      url: \"https:\/\/bpsi.co.id\/repair-baterai-charger-forklift\/\",\r\n      category: \"Charger\",\r\n      keywords: \"charger forklift rental repair service charger baterai\"\r\n    },\r\n    {\r\n      title: \"Lead Acid Battery\",\r\n      desc: \"Baterai forklift lead acid untuk kebutuhan industri, warehouse, dan material handling.\",\r\n      url: \"https:\/\/bpsi.co.id\/lead-acid-battery\/\",\r\n      category: \"Produk\",\r\n      keywords: \"lead acid battery baterai timbal asam forklift volta dynex\"\r\n    },\r\n    {\r\n      title: \"Lithium Battery\",\r\n      desc: \"Solusi baterai lithium untuk efisiensi charging, produktivitas, dan operasional modern.\",\r\n      url: \"https:\/\/bpsi.co.id\/lithium-battery\/\",\r\n      category: \"Produk\",\r\n      keywords: \"lithium battery baterai lithium forklift blade\"\r\n    },\r\n    {\r\n      title: \"Sodium Battery\",\r\n      desc: \"Teknologi baterai sodium untuk aplikasi industri tertentu termasuk lingkungan suhu rendah.\",\r\n      url: \"https:\/\/bpsi.co.id\/sodium-battery\/\",\r\n      category: \"Produk\",\r\n      keywords: \"sodium battery sodio baterai sodium low temperature cold storage\"\r\n    },\r\n    {\r\n      title: \"DIN \/ BS Battery Specification\",\r\n      desc: \"Panduan spesifikasi baterai forklift DIN dan BS sesuai ukuran cell dan kebutuhan unit.\",\r\n      url: \"https:\/\/bpsi.co.id\/din-bs-battery-specification\/\",\r\n      category: \"Guide\",\r\n      keywords: \"DIN BS battery specification forklift cell ukuran spesifikasi\"\r\n    },\r\n    {\r\n      title: \"BPSI Care\",\r\n      desc: \"Red Carpet Assistance untuk bantuan cepat, konsultasi, dan dukungan layanan BPSI.\",\r\n      url: \"https:\/\/bpsi.co.id\/bpsi-care\/\",\r\n      category: \"Care\",\r\n      keywords: \"bpsi care red carpet assistance bantuan service konsultasi\"\r\n    },\r\n    {\r\n      title: \"Booking Service\",\r\n      desc: \"Ajukan jadwal inspeksi, service, maintenance, atau konsultasi teknis baterai forklift.\",\r\n      url: \"https:\/\/bpsi.co.id\/booking-service\/\",\r\n      category: \"Kontak\",\r\n      keywords: \"booking service jadwal service baterai forklift inspeksi\"\r\n    },\r\n    {\r\n      title: \"Promo BPSI\",\r\n      desc: \"Informasi promo, penawaran, dan program layanan baterai forklift dari BPSI.\",\r\n      url: \"https:\/\/bpsi.co.id\/promo\/\",\r\n      category: \"Promo\",\r\n      keywords: \"promo bpsi penawaran baterai forklift service rental\"\r\n    },\r\n    {\r\n      title: \"Hubungi Kami\",\r\n      desc: \"Hubungi tim BPSI untuk quotation, konsultasi teknis, dan kebutuhan urgent.\",\r\n      url: \"https:\/\/bpsi.co.id\/contact\/\",\r\n      category: \"Kontak\",\r\n      keywords: \"kontak bpsi contact quotation rfq alamat whatsapp hubungi kami\"\r\n    }\r\n  ];\r\n\r\n  const resultIcon = '<svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M12 5v14\"><\/path><\/svg>';\r\n\r\n  let currentResults = [];\r\n\r\n  function normalize(text) {\r\n    return String(text || \"\").toLowerCase().trim();\r\n  }\r\n\r\n  function scoreItem(item, query) {\r\n    const q = normalize(query);\r\n    const title = normalize(item.title);\r\n    const desc = normalize(item.desc);\r\n    const category = normalize(item.category);\r\n    const keywords = normalize(item.keywords);\r\n\r\n    if (!q) return 1;\r\n\r\n    let score = 0;\r\n\r\n    if (title.includes(q)) score += 60;\r\n    if (category.includes(q)) score += 25;\r\n    if (keywords.includes(q)) score += 20;\r\n    if (desc.includes(q)) score += 10;\r\n\r\n    q.split(\/\\s+\/).forEach(function (word) {\r\n      if (word.length < 2) return;\r\n      if (title.includes(word)) score += 12;\r\n      if (keywords.includes(word)) score += 8;\r\n      if (desc.includes(word)) score += 4;\r\n      if (category.includes(word)) score += 5;\r\n    });\r\n\r\n    return score;\r\n  }\r\n\r\n  function renderResults(query) {\r\n    const q = normalize(query);\r\n\r\n    currentResults = searchData\r\n      .map(function (item) {\r\n        return Object.assign({}, item, { score: scoreItem(item, q) });\r\n      })\r\n      .filter(function (item) {\r\n        return item.score > 0;\r\n      })\r\n      .sort(function (a, b) {\r\n        return b.score - a.score;\r\n      })\r\n      .slice(0, 8);\r\n\r\n    if (!q) {\r\n      currentResults = searchData.slice(0, 8);\r\n    }\r\n\r\n    if (!currentResults.length) {\r\n      results.innerHTML = `\r\n        <div class=\"bpsi-spotlight-search__empty\">\r\n          <strong>Hasil cepat belum ditemukan<\/strong>\r\n          <span>Gunakan pencarian website BPSI untuk mencari artikel, produk, layanan, atau informasi lain di bpsi.co.id.<\/span>\r\n          <a href=\"${siteSearchUrl + encodeURIComponent(query || \"\")}\">Cari di Website BPSI<\/a>\r\n        <\/div>\r\n      `;\r\n      return;\r\n    }\r\n\r\n    results.innerHTML = `\r\n      <div class=\"bpsi-spotlight-search__title\">${q ? \"Hasil Pencarian Cepat\" : \"Akses Cepat BPSI\"}<\/div>\r\n      ${currentResults.map(function (item, index) {\r\n        return `\r\n          <a class=\"bpsi-spotlight-search__item ${index === 0 ? \"is-active\" : \"\"}\" href=\"${item.url}\">\r\n            <span class=\"bpsi-spotlight-search__result-icon\">${resultIcon}<\/span>\r\n            <span class=\"bpsi-spotlight-search__copy\">\r\n              <strong>${item.title}<\/strong>\r\n              <span>${item.desc}<\/span>\r\n            <\/span>\r\n            <span class=\"bpsi-spotlight-search__badge\">${item.category}<\/span>\r\n          <\/a>\r\n        `;\r\n      }).join(\"\")}\r\n    `;\r\n  }\r\n\r\n  function openSearch() {\r\n    overlay.classList.add(\"is-active\");\r\n    overlay.setAttribute(\"aria-hidden\", \"false\");\r\n    document.body.classList.add(\"bpsi-spotlight-open\");\r\n\r\n    setTimeout(function () {\r\n      input.focus();\r\n    }, 80);\r\n\r\n    renderResults(input.value);\r\n  }\r\n\r\n  function closeSearch() {\r\n    overlay.classList.remove(\"is-active\");\r\n    overlay.setAttribute(\"aria-hidden\", \"true\");\r\n    document.body.classList.remove(\"bpsi-spotlight-open\");\r\n  }\r\n\r\n  function handleScroll() {\r\n    if (window.scrollY > 90) {\r\n      root.classList.add(\"is-scrolled\");\r\n    } else {\r\n      root.classList.remove(\"is-scrolled\");\r\n    }\r\n  }\r\n\r\n  trigger.addEventListener(\"click\", openSearch);\r\n  backdrop.addEventListener(\"click\", closeSearch);\r\n  closeBtn.addEventListener(\"click\", closeSearch);\r\n\r\n  input.addEventListener(\"input\", function () {\r\n    renderResults(input.value);\r\n  });\r\n\r\n  document.querySelectorAll(\"[data-bpsi-spotlight-chip]\").forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      input.value = button.getAttribute(\"data-bpsi-spotlight-chip\");\r\n      input.focus();\r\n      renderResults(input.value);\r\n    });\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function (event) {\r\n    const key = event.key.toLowerCase();\r\n    const shortcut = (event.ctrlKey || event.metaKey) && key === \"k\";\r\n\r\n    if (shortcut) {\r\n      event.preventDefault();\r\n      openSearch();\r\n    }\r\n\r\n    if (event.key === \"Escape\") {\r\n      closeSearch();\r\n    }\r\n\r\n    if (event.key === \"Enter\" && overlay.classList.contains(\"is-active\")) {\r\n      const query = input.value.trim();\r\n\r\n      if (currentResults.length) {\r\n        window.location.href = currentResults[0].url;\r\n      } else if (query) {\r\n        window.location.href = siteSearchUrl + encodeURIComponent(query);\r\n      }\r\n    }\r\n  });\r\n\r\n  window.addEventListener(\"scroll\", handleScroll, { passive: true });\r\n  window.addEventListener(\"resize\", handleScroll);\r\n\r\n  handleScroll();\r\n  renderResults(\"\");\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>PT. Battery Power Solutions International Rental Baterai Forklift untuk Operasional Industri Lebih Stabil Solusi Baterai Forklift Indonesia Rental Baterai Forklift, Charger, Service, dan Solusi Power Industri BPSI menyediakan solusi baterai forklift untuk kebutuhan operasional industri modern, mulai dari rental baterai forklift, charger rental, service battery, refurbishment, hingga konsultasi teknis untuk warehouse, manufaktur, logistik, cold storage, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"","adv-header-id-meta":"","stick-header-meta":"","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":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2281","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bpsi.co.id\/id\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:description\" content=\"PT. Battery Power Solutions International Rental Baterai Forklift untuk Operasional Industri Lebih Stabil Solusi Baterai Forklift Indonesia Rental Baterai Forklift, Charger, Service, dan Solusi Power Industri BPSI menyediakan solusi baterai forklift untuk kebutuhan operasional industri modern, mulai dari rental baterai forklift, charger rental, service battery, refurbishment, hingga konsultasi teknis untuk warehouse, manufaktur, logistik, cold storage, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bpsi.co.id\/id\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bpsiofficial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-18T07:07:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Bpsiresmi\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rental-Baterai-Forklift-BPSI.png\",\"datePublished\":\"2024-09-27T06:44:04+00:00\",\"dateModified\":\"2026-06-18T07:07:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bpsi.co.id\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rental-Baterai-Forklift-BPSI.png\",\"contentUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rental-Baterai-Forklift-BPSI.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bpsi.co.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#website\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/\",\"name\":\"Battery Power Solutions International\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bpsi.co.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#organization\",\"name\":\"PT. Battery Power Solutions International\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Eu-Dee-Wee.png\",\"contentUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Eu-Dee-Wee.png\",\"width\":1250,\"height\":1063,\"caption\":\"PT. Battery Power Solutions International\"},\"image\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bpsiofficial\",\"https:\\\/\\\/x.com\\\/Bpsiresmi\",\"https:\\\/\\\/www.instagram.com\\\/bpsiofficial\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bpsi.co.id\/id\/","og_locale":"id_ID","og_type":"article","og_title":"Home -","og_description":"PT. Battery Power Solutions International Rental Baterai Forklift untuk Operasional Industri Lebih Stabil Solusi Baterai Forklift Indonesia Rental Baterai Forklift, Charger, Service, dan Solusi Power Industri BPSI menyediakan solusi baterai forklift untuk kebutuhan operasional industri modern, mulai dari rental baterai forklift, charger rental, service battery, refurbishment, hingga konsultasi teknis untuk warehouse, manufaktur, logistik, cold storage, [&hellip;]","og_url":"https:\/\/bpsi.co.id\/id\/","article_publisher":"https:\/\/www.facebook.com\/bpsiofficial","article_modified_time":"2026-06-18T07:07:50+00:00","og_image":[{"url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Bpsiresmi","twitter_misc":{"Estimasi waktu membaca":"13 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bpsi.co.id\/","url":"https:\/\/bpsi.co.id\/","name":"Home -","isPartOf":{"@id":"https:\/\/bpsi.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bpsi.co.id\/#primaryimage"},"image":{"@id":"https:\/\/bpsi.co.id\/#primaryimage"},"thumbnailUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png","datePublished":"2024-09-27T06:44:04+00:00","dateModified":"2026-06-18T07:07:50+00:00","breadcrumb":{"@id":"https:\/\/bpsi.co.id\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bpsi.co.id\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bpsi.co.id\/#primaryimage","url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png","contentUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/06\/Rental-Baterai-Forklift-BPSI.png"},{"@type":"BreadcrumbList","@id":"https:\/\/bpsi.co.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bpsi.co.id\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/bpsi.co.id\/#website","url":"https:\/\/bpsi.co.id\/","name":"Battery Power Solutions International","description":"","publisher":{"@id":"https:\/\/bpsi.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bpsi.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/bpsi.co.id\/#organization","name":"PT. Battery Power Solutions International","url":"https:\/\/bpsi.co.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bpsi.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/07\/Eu-Dee-Wee.png","contentUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/07\/Eu-Dee-Wee.png","width":1250,"height":1063,"caption":"PT. Battery Power Solutions International"},"image":{"@id":"https:\/\/bpsi.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bpsiofficial","https:\/\/x.com\/Bpsiresmi","https:\/\/www.instagram.com\/bpsiofficial"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"bpsicoder","author_link":"https:\/\/bpsi.co.id\/id\/author\/syscode\/"},"uagb_comment_info":0,"uagb_excerpt":"PT. Battery Power Solutions International Rental Baterai Forklift untuk Operasional Industri Lebih Stabil Solusi Baterai Forklift Indonesia Rental Baterai Forklift, Charger, Service, dan Solusi Power Industri BPSI menyediakan solusi baterai forklift untuk kebutuhan operasional industri modern, mulai dari rental baterai forklift, charger rental, service battery, refurbishment, hingga konsultasi teknis untuk warehouse, manufaktur, logistik, cold storage,&hellip;","_links":{"self":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/2281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/comments?post=2281"}],"version-history":[{"count":0,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/2281\/revisions"}],"wp:attachment":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/media?parent=2281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}