Hero Berita & Artikel | BPSI<\/title>\r\n <meta name=\"description\" content=\"Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi industri, dan perkembangan terbaru dari BPSI.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root{\r\n --bg: #f5f6f8;\r\n --surface: rgba(255,255,255,0.78);\r\n --surface-solid: #ffffff;\r\n --text: #0f1728;\r\n --muted: #667085;\r\n --soft: #98a2b3;\r\n --line: rgba(15, 23, 40, 0.08);\r\n --line-strong: rgba(15, 23, 40, 0.12);\r\n --brand: #31c417;\r\n --brand-deep: #1f8e22;\r\n --blue: #0b63ce;\r\n --shadow: 0 24px 60px rgba(15, 23, 40, 0.08);\r\n --shadow-soft: 0 12px 32px rgba(15, 23, 40, 0.06);\r\n --radius-xl: 34px;\r\n --radius-lg: 24px;\r\n --radius-md: 18px;\r\n --max: 1180px;\r\n --navy: #08152f;\r\n --navy-2: #0b1d3f;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n\r\n html{\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body{\r\n margin: 0;\r\n background:\r\n radial-gradient(circle at top left, rgba(49,196,23,0.06), transparent 30%),\r\n radial-gradient(circle at top right, rgba(11,99,206,0.06), transparent 28%),\r\n linear-gradient(180deg, #fbfbfc 0%, #f4f6f8 100%);\r\n color: var(--text);\r\n font-family: \"Inter\", sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n img{\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a{\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .wrap{\r\n width: min(var(--max), calc(100% - 32px));\r\n margin-inline: auto;\r\n }\r\n\r\n \/* HERO *\/\r\n .news-hero{\r\n position: relative;\r\n padding: 34px 0 80px;\r\n overflow: clip;\r\n }\r\n\r\n .news-hero::before{\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n top: -160px;\r\n left: -120px;\r\n border-radius: 999px;\r\n background: radial-gradient(circle, rgba(49,196,23,0.11), transparent 68%);\r\n pointer-events: none;\r\n filter: blur(10px);\r\n }\r\n\r\n .news-hero::after{\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n top: -140px;\r\n right: -120px;\r\n border-radius: 999px;\r\n background: radial-gradient(circle, rgba(11,99,206,0.10), transparent 68%);\r\n pointer-events: none;\r\n filter: blur(10px);\r\n }\r\n\r\n .hero-top{\r\n display: grid;\r\n grid-template-columns: 1.08fr 0.92fr;\r\n gap: 18px;\r\n align-items: stretch;\r\n padding: 18px;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-xl);\r\n backdrop-filter: blur(22px);\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n .hero-media{\r\n position: relative;\r\n min-height: 520px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n background: #dfe5ec;\r\n }\r\n\r\n .hero-media img{\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.02);\r\n animation: mediaFloat 1.1s ease both;\r\n }\r\n\r\n .hero-media::after{\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(to top, rgba(9,15,31,0.18), rgba(9,15,31,0.02) 38%, rgba(9,15,31,0.00)),\r\n linear-gradient(135deg, rgba(255,255,255,0.06), transparent 40%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-panel{\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 520px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n padding: clamp(28px, 4vw, 52px);\r\n background:\r\n radial-gradient(circle at 12% 16%, rgba(49,196,23,0.10), transparent 18%),\r\n radial-gradient(circle at 90% 10%, rgba(11,99,206,0.12), transparent 22%),\r\n linear-gradient(180deg, var(--navy) 0%, #071227 100%);\r\n color: #fff;\r\n }\r\n\r\n .hero-panel::before{\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(115deg, rgba(255,255,255,0.06), transparent 26%),\r\n radial-gradient(circle at bottom right, rgba(255,255,255,0.05), transparent 24%);\r\n pointer-events: none;\r\n }\r\n\r\n .eyebrow{\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n width: fit-content;\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n background: rgba(49,196,23,0.12);\r\n border: 1px solid rgba(49,196,23,0.14);\r\n color: #c6ffb9;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n animation: fadeUp .7s ease both;\r\n }\r\n\r\n .eyebrow::before{\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 999px;\r\n background: var(--brand);\r\n box-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n flex: 0 0 auto;\r\n }\r\n\r\n .hero-panel h1{\r\n position: relative;\r\n z-index: 1;\r\n margin: 18px 0 0;\r\n max-width: 620px;\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: clamp(34px, 4.8vw, 62px);\r\n line-height: 0.98;\r\n letter-spacing: -0.07em;\r\n font-weight: 800;\r\n color: #f8fbff;\r\n animation: fadeUp .85s ease both;\r\n animation-delay: .06s;\r\n }\r\n\r\n .hero-panel h1 .accent{\r\n color: transparent;\r\n background: linear-gradient(135deg, #ffffff 0%, #9ef780 46%, #8abfff 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n\r\n .hero-panel p{\r\n position: relative;\r\n z-index: 1;\r\n margin: 18px 0 0;\r\n max-width: 600px;\r\n color: rgba(255,255,255,0.78);\r\n font-size: clamp(15px, 1.6vw, 18px);\r\n line-height: 1.82;\r\n animation: fadeUp .95s ease both;\r\n animation-delay: .12s;\r\n }\r\n\r\n .hero-meta{\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 24px;\r\n animation: fadeUp 1s ease both;\r\n animation-delay: .18s;\r\n }\r\n\r\n .hero-meta span{\r\n display: inline-flex;\r\n align-items: center;\r\n min-height: 42px;\r\n padding: 0 15px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.10);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n color: rgba(255,255,255,0.92);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n transition: .28s ease;\r\n }\r\n\r\n .hero-meta span:hover{\r\n transform: translateY(-2px);\r\n background: rgba(255,255,255,0.12);\r\n }\r\n\r\n .hero-actions{\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 28px;\r\n animation: fadeUp 1.08s ease both;\r\n animation-delay: .24s;\r\n }\r\n\r\n .btn{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 52px;\r\n padding: 0 22px;\r\n border-radius: 999px;\r\n border: 1px solid transparent;\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n transition: .28s ease;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary{\r\n background: #ffffff;\r\n color: #0f1728;\r\n box-shadow: 0 14px 34px rgba(0,0,0,0.18);\r\n }\r\n\r\n .btn-primary:hover{\r\n transform: translateY(-2px) scale(1.01);\r\n background: #f8fbff;\r\n box-shadow: 0 18px 42px rgba(0,0,0,0.22);\r\n }\r\n\r\n .btn-secondary{\r\n background: rgba(255,255,255,0.06);\r\n color: #ffffff;\r\n border-color: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .btn-secondary:hover{\r\n transform: translateY(-2px);\r\n background: rgba(255,255,255,0.10);\r\n border-color: rgba(255,255,255,0.18);\r\n }\r\n\r\n .hero-bottom{\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .mini-panel,\r\n .featured-link{\r\n background: rgba(255,255,255,0.76);\r\n border: 1px solid var(--line);\r\n border-radius: 24px;\r\n box-shadow: var(--shadow-soft);\r\n backdrop-filter: blur(18px);\r\n }\r\n\r\n .mini-panel{\r\n padding: 24px 24px 22px;\r\n animation: fadeUp 1s ease both;\r\n animation-delay: .3s;\r\n }\r\n\r\n .mini-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 14px;\r\n }\r\n\r\n .mini-item{\r\n padding: 6px 4px;\r\n }\r\n\r\n .mini-item small{\r\n display: block;\r\n color: var(--soft);\r\n font-size: 12px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .mini-item strong{\r\n display: block;\r\n color: var(--text);\r\n font-size: 15px;\r\n line-height: 1.45;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .featured-link{\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n transition: .28s ease;\r\n animation: fadeUp 1.08s ease both;\r\n animation-delay: .34s;\r\n }\r\n\r\n .featured-link:hover{\r\n transform: translateY(-4px);\r\n border-color: rgba(49,196,23,0.24);\r\n box-shadow: 0 18px 42px rgba(15,23,40,0.10);\r\n }\r\n\r\n .featured-link .label{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: var(--brand-deep);\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .featured-link .label::before{\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 999px;\r\n background: var(--brand);\r\n box-shadow: 0 0 0 6px rgba(49,196,23,0.10);\r\n }\r\n\r\n .featured-link h2{\r\n margin: 0;\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: clamp(20px, 2vw, 28px);\r\n line-height: 1.06;\r\n letter-spacing: -0.05em;\r\n font-weight: 800;\r\n color: #0f1728;\r\n }\r\n\r\n .featured-link p{\r\n margin: 10px 0 0;\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.75;\r\n max-width: 420px;\r\n }\r\n\r\n .arrow-chip{\r\n flex: 0 0 auto;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 999px;\r\n display: grid;\r\n place-items: center;\r\n background: #0f1728;\r\n color: #fff;\r\n box-shadow: 0 14px 30px rgba(15,23,40,0.16);\r\n transition: .28s ease;\r\n font-size: 18px;\r\n font-weight: 900;\r\n }\r\n\r\n .featured-link:hover .arrow-chip{\r\n transform: translateX(4px) rotate(-6deg);\r\n background: #09101d;\r\n }\r\n\r\n .reveal{\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity .7s ease, transform .7s ease;\r\n }\r\n\r\n .reveal.in-view{\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @keyframes fadeUp{\r\n from{\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n to{\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes mediaFloat{\r\n from{\r\n opacity: 0;\r\n transform: scale(1.05) translateY(18px);\r\n }\r\n to{\r\n opacity: 1;\r\n transform: scale(1.02) translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 1080px){\r\n .hero-top{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-media,\r\n .hero-panel{\r\n min-height: 420px;\r\n }\r\n\r\n .hero-bottom{\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 720px){\r\n .news-hero{\r\n padding: 20px 0 56px;\r\n }\r\n\r\n .wrap{\r\n width: min(var(--max), calc(100% - 20px));\r\n }\r\n\r\n .hero-top{\r\n padding: 12px;\r\n gap: 12px;\r\n border-radius: 26px;\r\n }\r\n\r\n .hero-media,\r\n .hero-panel{\r\n border-radius: 22px;\r\n }\r\n\r\n .hero-media{\r\n min-height: 320px;\r\n }\r\n\r\n .hero-panel{\r\n min-height: auto;\r\n padding: 24px 20px 22px;\r\n }\r\n\r\n .hero-panel h1{\r\n font-size: clamp(30px, 10vw, 44px);\r\n }\r\n\r\n .hero-panel p{\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hero-meta{\r\n gap: 8px;\r\n }\r\n\r\n .hero-meta span{\r\n min-height: 38px;\r\n padding: 0 12px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero-actions{\r\n width: 100%;\r\n }\r\n\r\n .btn{\r\n width: 100%;\r\n }\r\n\r\n .mini-panel{\r\n padding: 18px;\r\n }\r\n\r\n .mini-grid{\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .featured-link{\r\n padding: 18px;\r\n align-items: flex-start;\r\n }\r\n\r\n .arrow-chip{\r\n width: 46px;\r\n height: 46px;\r\n font-size: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"news-hero\" aria-label=\"Hero Berita dan Artikel\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"hero-top reveal\">\r\n <div class=\"hero-media\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Booth DYNEX BPSI di pameran industri\" \/>\r\n <\/div>\r\n\r\n <div class=\"hero-panel\">\r\n <div class=\"eyebrow\">Berita & Artikel BPSI<\/div>\r\n\r\n <h1>\r\n Wawasan <span class=\"accent\">Terbaru<\/span><br>\r\n untuk Industri yang Bergerak Cepat\r\n <\/h1>\r\n\r\n <p>\r\n Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional,\r\n solusi baterai, serta perkembangan industri yang relevan untuk mendukung\r\n keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya.\r\n <\/p>\r\n\r\n <div class=\"hero-meta\" aria-label=\"Kategori utama\">\r\n <span>Insight Industri<\/span>\r\n <span>Update Terbaru<\/span>\r\n <span>Solusi Operasional<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#artikel-terbaru\" class=\"btn btn-primary\">Baca Artikel<\/a>\r\n <a href=\"\/contact-us\/\" class=\"btn btn-secondary\">Hubungi Kami<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-bottom\">\r\n <div class=\"mini-panel reveal\" aria-label=\"Informasi ringkas\">\r\n <div class=\"mini-grid\">\r\n <div class=\"mini-item\">\r\n <small>Konten Pilihan<\/small>\r\n <strong>Artikel, berita, dan insight industri yang relevan<\/strong>\r\n <\/div>\r\n <div class=\"mini-item\">\r\n <small>Fokus Pembahasan<\/small>\r\n <strong>Battery solution, forklift support, dan operasional<\/strong>\r\n <\/div>\r\n <div class=\"mini-item\">\r\n <small>Tujuan Halaman<\/small>\r\n <strong>Menyajikan wawasan terpercaya untuk kebutuhan bisnis<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"featured-link reveal\" href=\"\/contact-us\/\" aria-label=\"Lihat informasi pameran DYNEX Exhibition Booth\">\r\n <div>\r\n <div class=\"label\">DYNEX Exhibition Booth<\/div>\r\n <h2>BPSI at Exhibition 2025<\/h2>\r\n <p>\r\n Kenali lebih dekat solusi traction battery, battery accessories,\r\n dan industrial power support untuk kebutuhan operasional modern.\r\n <\/p>\r\n <\/div>\r\n <div class=\"arrow-chip\" aria-hidden=\"true\">\u2192<\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('in-view');\r\n }\r\n });\r\n }, { threshold: 0.16 });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8de9629 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8de9629\" 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\n\r\n<section class=\"bpsi-news-page\" id=\"bpsiNewsPage\">\r\n\r\n<style>\r\n.bpsi-news-page {\r\n--bg: #f6f7f9;\r\n--surface: #ffffff;\r\n--text: #101828;\r\n--muted: #667085;\r\n--soft-muted: #98a2b3;\r\n--line: rgba(16, 24, 40, 0.08);\r\n--dark: #111827;\r\n--green: #31c417;\r\n--green-dark: #187a2f;\r\n--red: #e63946;\r\n--shadow: 0 22px 60px rgba(16, 24, 40, 0.08);\r\n--shadow-soft: 0 12px 34px rgba(16, 24, 40, 0.06);\r\n--radius-xl: 34px;\r\n--radius-lg: 24px;\r\n--max: 1180px;\r\n\r\nbackground:\r\nradial-gradient(circle at top left, rgba(49, 196, 23, 0.08), transparent 34%),\r\nradial-gradient(circle at top right, rgba(11, 99, 206, 0.07), transparent 30%),\r\nvar(--bg);\r\nfont-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\ncolor: var(--text);\r\noverflow: hidden;\r\n}\r\n\r\n.bpsi-news-page * {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.bpsi-news-wrap {\r\nwidth: min(var(--max), calc(100% - 36px));\r\nmargin: 0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.bpsi-news-hero {\r\npadding: 92px 0 56px;\r\ntext-align: center;\r\nposition: relative;\r\n}\r\n\r\n.bpsi-news-eyebrow {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 9px;\r\npadding: 8px 14px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.72);\r\nbackdrop-filter: blur(18px);\r\nbox-shadow: 0 10px 28px rgba(16,24,40,0.05);\r\ncolor: #344054;\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nletter-spacing: -0.01em;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-news-eyebrow span {\r\nwidth: 8px;\r\nheight: 8px;\r\nborder-radius: 999px;\r\nbackground: var(--green);\r\nbox-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\nfont-size: clamp(42px, 7vw, 86px);\r\nline-height: 0.96;\r\nletter-spacing: -0.075em;\r\nfont-weight: 850;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-news-hero h1 em {\r\nfont-style: normal;\r\ncolor: transparent;\r\nbackground: linear-gradient(135deg, #111827 10%, #31c417 70%, #0b63ce);\r\n-webkit-background-clip: text;\r\nbackground-clip: text;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmax-width: 720px;\r\nmargin: 24px auto 0;\r\nfont-size: clamp(15px, 1.5vw, 18px);\r\nline-height: 1.75;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-news-actions {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 12px;\r\nflex-wrap: wrap;\r\nmargin-top: 34px;\r\n}\r\n\r\n.bpsi-btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nmin-height: 48px;\r\npadding: 0 20px;\r\nborder-radius: 999px;\r\ntext-decoration: none;\r\nfont-size: 14px;\r\nfont-weight: 800;\r\nletter-spacing: -0.02em;\r\ntransition: 0.28s ease;\r\nborder: 1px solid transparent;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.bpsi-btn-dark {\r\ncolor: #fff;\r\nbackground: #111827;\r\nbox-shadow: 0 14px 34px rgba(17,24,39,0.18);\r\n}\r\n\r\n.bpsi-btn-dark:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\nbox-shadow: 0 18px 42px rgba(17,24,39,0.24);\r\n}\r\n\r\n.bpsi-btn-light {\r\ncolor: #111827;\r\nbackground: rgba(255,255,255,0.76);\r\nborder-color: var(--line);\r\nbox-shadow: 0 12px 28px rgba(16,24,40,0.06);\r\n}\r\n\r\n.bpsi-btn-light:hover {\r\ntransform: translateY(-2px);\r\nbackground: #fff;\r\nborder-color: rgba(49,196,23,0.35);\r\n}\r\n\r\n\/* FEATURED *\/\r\n\r\n.bpsi-featured {\r\npadding: 20px 0 58px;\r\n}\r\n\r\n.bpsi-featured-card {\r\ndisplay: grid;\r\ngrid-template-columns: 1.08fr 0.92fr;\r\ngap: 18px;\r\npadding: 18px;\r\nbackground: rgba(255,255,255,0.76);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\nbox-shadow: var(--shadow);\r\nbackdrop-filter: blur(24px);\r\n}\r\n\r\n.bpsi-featured-media {\r\nmin-height: 430px;\r\nborder-radius: 26px;\r\noverflow: hidden;\r\nposition: relative;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-featured-media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\nposition: absolute;\r\ninset: 0;\r\ntransform: scale(1.01);\r\n}\r\n\r\n.bpsi-featured-media::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(to top, rgba(9,15,31,0.72), transparent 55%),\r\nradial-gradient(circle at 20% 10%, rgba(49,196,23,0.18), transparent 34%);\r\nz-index: 1;\r\n}\r\n\r\n.bpsi-featured-badge {\r\nposition: absolute;\r\ntop: 18px;\r\nleft: 18px;\r\nz-index: 2;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\npadding: 9px 13px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.92);\r\ncolor: #111827;\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nbox-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.bpsi-featured-badge span {\r\nwidth: 7px;\r\nheight: 7px;\r\nbackground: var(--green);\r\nborder-radius: 999px;\r\n}\r\n\r\n.bpsi-featured-caption {\r\nposition: absolute;\r\nleft: 24px;\r\nright: 24px;\r\nbottom: 24px;\r\nz-index: 2;\r\ncolor: #fff;\r\n}\r\n\r\n.bpsi-featured-caption small {\r\ndisplay: block;\r\nmargin-bottom: 8px;\r\nfont-size: 12px;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-weight: 700;\r\n}\r\n\r\n.bpsi-featured-caption strong {\r\ndisplay: block;\r\nmax-width: 520px;\r\nfont-size: clamp(26px, 3vw, 42px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: clamp(24px, 4vw, 42px);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-kicker {\r\ndisplay: inline-flex;\r\nwidth: fit-content;\r\npadding: 7px 12px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n.bpsi-featured-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(30px, 4vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.065em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-featured-content p {\r\nmargin: 18px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 16px;\r\nline-height: 1.78;\r\n}\r\n\r\n.bpsi-event-meta {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 12px;\r\nmargin-top: 26px;\r\n}\r\n\r\n.bpsi-meta-box {\r\nbackground: #f8fafc;\r\nborder: 1px solid var(--line);\r\nborder-radius: 18px;\r\npadding: 16px;\r\n}\r\n\r\n.bpsi-meta-box span {\r\ndisplay: block;\r\nfont-size: 12px;\r\ncolor: var(--soft-muted);\r\nfont-weight: 800;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.bpsi-meta-box strong {\r\ndisplay: block;\r\nfont-size: 15px;\r\ncolor: #111827;\r\nline-height: 1.35;\r\nfont-weight: 850;\r\n}\r\n\r\n.bpsi-featured-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 26px;\r\n}\r\n\r\n\/* SECTION HEAD *\/\r\n\r\n.bpsi-section-head {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: flex-end;\r\ngap: 28px;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-section-head h2 {\r\nmargin: 0;\r\nfont-size: clamp(32px, 4.2vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-section-head p {\r\nmax-width: 520px;\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\nline-height: 1.7;\r\n}\r\n\r\n.bpsi-filter-pills {\r\ndisplay: flex;\r\ngap: 8px;\r\nflex-wrap: wrap;\r\njustify-content: flex-end;\r\n}\r\n\r\n.bpsi-pill {\r\nborder: 1px solid var(--line);\r\nbackground: rgba(255,255,255,0.8);\r\ncolor: #344054;\r\nborder-radius: 999px;\r\npadding: 9px 13px;\r\nfont-size: 12px;\r\nfont-weight: 800;\r\nbox-shadow: 0 10px 24px rgba(16,24,40,0.04);\r\n}\r\n\r\n.bpsi-pill.active {\r\nbackground: #111827;\r\ncolor: #fff;\r\nborder-color: #111827;\r\n}\r\n\r\n\/* ARTICLE GRID *\/\r\n\r\n.bpsi-news-section {\r\npadding: 36px 0 68px;\r\n}\r\n\r\n.bpsi-news-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-news-card {\r\nbackground: rgba(255,255,255,0.82);\r\nborder: 1px solid var(--line);\r\nborder-radius: 22px;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-soft);\r\ntransition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n}\r\n\r\n.bpsi-news-card:hover {\r\ntransform: translateY(-6px);\r\nborder-color: rgba(49,196,23,0.28);\r\nbox-shadow: 0 24px 58px rgba(16,24,40,0.12);\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 192px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-card-img img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.02);\r\ntransition: transform 0.45s ease;\r\n}\r\n\r\n.bpsi-news-card:hover .bpsi-card-img img {\r\ntransform: scale(1.07);\r\n}\r\n\r\n.bpsi-card-category {\r\nposition: absolute;\r\nleft: 14px;\r\ntop: 14px;\r\nz-index: 2;\r\npadding: 7px 10px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.9);\r\ncolor: #111827;\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nbox-shadow: 0 10px 24px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bpsi-card-body {\r\npadding: 18px 18px 20px;\r\n}\r\n\r\n.bpsi-card-date {\r\ncolor: #667085;\r\nfont-size: 12px;\r\nfont-weight: 700;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-card-body h3 {\r\nmargin: 0;\r\nfont-size: 19px;\r\nline-height: 1.18;\r\nletter-spacing: -0.035em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-card-body p {\r\nmargin: 12px 0 0;\r\nfont-size: 13.5px;\r\nline-height: 1.7;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-readmore {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nmargin-top: 18px;\r\nmin-height: 38px;\r\npadding: 0 13px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\ntext-decoration: none;\r\ncolor: #111827;\r\nbackground: #fff;\r\nfont-size: 12px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore span {\r\ncolor: var(--red);\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore:hover {\r\nborder-color: rgba(49,196,23,0.36);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.bpsi-readmore:hover span {\r\ntransform: translateX(3px);\r\n}\r\n\r\n.bpsi-center-action {\r\ndisplay: flex;\r\njustify-content: center;\r\nmargin-top: 38px;\r\n}\r\n\r\n.bpsi-see-more {\r\nborder: 0;\r\ncursor: pointer;\r\nmin-height: 46px;\r\npadding: 0 20px;\r\nborder-radius: 13px;\r\nbackground: #171b22;\r\ncolor: #fff;\r\nfont-size: 13px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\nbox-shadow: 0 14px 30px rgba(17,24,39,0.16);\r\n}\r\n\r\n.bpsi-see-more:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\n}\r\n\r\n\/* EVENT STRIP *\/\r\n\r\n.bpsi-event-strip {\r\npadding: 18px 0 68px;\r\n}\r\n\r\n.bpsi-strip-card {\r\ndisplay: grid;\r\ngrid-template-columns: 0.9fr 1.1fr;\r\ngap: 0;\r\nbackground: #111827;\r\nborder-radius: var(--radius-xl);\r\noverflow: hidden;\r\nbox-shadow: 0 28px 80px rgba(17,24,39,0.22);\r\n}\r\n\r\n.bpsi-strip-visual {\r\nmin-height: 420px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #0f172a;\r\n}\r\n\r\n.bpsi-strip-visual img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nposition: absolute;\r\ninset: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-strip-visual::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(135deg, rgba(17,24,39,0.08), rgba(17,24,39,0.68));\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: clamp(28px, 5vw, 58px);\r\ncolor: #fff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-kicker {\r\nbackground: rgba(49,196,23,0.14);\r\ncolor: #b8ffae;\r\n}\r\n\r\n.bpsi-strip-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(34px, 4.6vw, 62px);\r\nline-height: 0.98;\r\nletter-spacing: -0.07em;\r\nfont-weight: 950;\r\n}\r\n\r\n.bpsi-strip-content p {\r\nmargin: 18px 0 0;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-size: 15.5px;\r\nline-height: 1.8;\r\n}\r\n\r\n.bpsi-strip-meta {\r\ndisplay: flex;\r\ngap: 10px;\r\nflex-wrap: wrap;\r\nmargin-top: 24px;\r\n}\r\n\r\n.bpsi-strip-meta span {\r\ndisplay: inline-flex;\r\npadding: 10px 13px;\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.06);\r\ncolor: rgba(255,255,255,0.86);\r\nfont-size: 12px;\r\nfont-weight: 800;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 28px;\r\nbackground: #fff;\r\ncolor: #111827;\r\n}\r\n\r\n\/* VIDEO *\/\r\n\r\n.bpsi-video-section {\r\npadding: 8px 0 90px;\r\n}\r\n\r\n.bpsi-video-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-video-card {\r\nbackground: rgba(255,255,255,0.78);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\npadding: 14px;\r\nbox-shadow: var(--shadow-soft);\r\n}\r\n\r\n.bpsi-video-frame {\r\nposition: relative;\r\nwidth: 100%;\r\naspect-ratio: 16 \/ 9;\r\noverflow: hidden;\r\nborder-radius: 24px;\r\nbackground: #111827;\r\n}\r\n\r\n.bpsi-video-frame iframe {\r\nwidth: 100%;\r\nheight: 100%;\r\nborder: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-video-info {\r\npadding: 18px 8px 8px;\r\n}\r\n\r\n.bpsi-video-info span {\r\ndisplay: inline-flex;\r\npadding: 7px 11px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-video-info h3 {\r\nmargin: 0;\r\nfont-size: 21px;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-video-info p {\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.65;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1024px) {\r\n.bpsi-news-grid {\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.bpsi-featured-card,\r\n.bpsi-strip-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 360px;\r\n}\r\n\r\n.bpsi-section-head {\r\nalign-items: flex-start;\r\nflex-direction: column;\r\n}\r\n\r\n.bpsi-filter-pills {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n.bpsi-news-wrap {\r\nwidth: min(100% - 24px, var(--max));\r\n}\r\n\r\n.bpsi-news-hero {\r\npadding: 64px 0 38px;\r\ntext-align: left;\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nletter-spacing: -0.06em;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmargin-left: 0;\r\nmargin-right: 0;\r\n}\r\n\r\n.bpsi-news-actions {\r\njustify-content: flex-start;\r\n}\r\n\r\n.bpsi-btn {\r\nwidth: 100%;\r\n}\r\n\r\n.bpsi-featured-card {\r\npadding: 10px;\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 280px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: 20px 10px 14px;\r\n}\r\n\r\n.bpsi-event-meta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-news-grid,\r\n.bpsi-video-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 16px;\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 210px;\r\n}\r\n\r\n.bpsi-strip-card,\r\n.bpsi-video-card {\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: 26px 22px 28px;\r\n}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"bpsi-featured\">\r\n<div class=\"bpsi-news-wrap\">\r\n<article class=\"bpsi-featured-card\">\r\n\r\n<div class=\"bpsi-featured-media\">\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Pameran Forklift Indonesia bersama PT Battery Power Solutions International BPSI\">\r\n\r\n<div class=\"bpsi-featured-badge\">\r\n<span><\/span>\r\nFeatured Exhibition\r\n<\/div>\r\n\r\n<div class=\"bpsi-featured-caption\">\r\n<small>JIExpo Kemayoran Jakarta<\/small>\r\n<strong>Forklift Indonesia Exhibition<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"bpsi-featured-content\">\r\n<div class=\"bpsi-kicker\">Stay Ahead with PT. BPSI<\/div>\r\n\r\n<h2>Forklift Indonesia Exhibition<\/h2>\r\n\r\n<p>\r\nPT. Battery Power Solutions International (BPSI), perusahaan solusi baterai industri\r\nterpercaya di Indonesia, turut berpartisipasi dalam Forklift Indonesia Exhibition.\r\nEvent ini menjadi platform penting untuk memperkenalkan teknologi, solusi battery forklift,\r\ncharger, dan inovasi material handling bagi industri modern.\r\n<\/p>\r\n\r\n<div class=\"bpsi-event-meta\">\r\n<div class=\"bpsi-meta-box\">\r\n<span>Date<\/span>\r\n<strong>21\u201323 May 2025<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Venue<\/span>\r\n<strong>JIExpo Kemayoran, Jakarta<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Category<\/span>\r\n<strong>Forklift & Material Handling<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Focus<\/span>\r\n<strong>Battery, Charger & Industrial Power<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<a href=\"\/contact-us\/\" class=\"bpsi-btn bpsi-btn-dark\">Contact Us \u2192<\/a>\r\n<\/div>\r\n\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bpsi-news-section\" id=\"bpsiArticles\">\r\n<div class=\"bpsi-news-wrap\">\r\n\r\n<div class=\"bpsi-section-head\">\r\n<div>\r\n<h2>Articles<\/h2>\r\n<p>\r\n\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-filter-pills\">\r\n<span class=\"bpsi-pill active\">All<\/span>\r\n<span class=\"bpsi-pill\">Battery<\/span>\r\n<span class=\"bpsi-pill\">Exhibition<\/span>\r\n<span class=\"bpsi-pill\">Technology<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"bpsi-news-grid\">\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Exhibition<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Booth pameran Dynex BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">2025 Exhibition Highlight<\/div>\r\n\r\n<h3>Engaging Moments at the DYNEX Exhibition Booth<\/h3>\r\n\r\n<p>\r\nBPSI menampilkan DYNEX traction battery sebagai solusi baterai forklift industri\r\nuntuk kebutuhan warehouse, logistics, manufacturing, dan operasional multi-shift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Industrial Event<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Forklift Indonesia Exhibition BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">21\u201323 May 2025<\/div>\r\n\r\n<h3>BPSI Present at Forklift Indonesia Exhibition<\/h3>\r\n\r\n<p>\r\nBPSI hadir di JIExpo Kemayoran Jakarta untuk memperkenalkan solusi battery forklift,\r\ncharger, battery accessories, dan industrial power support.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Product Display<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2025\/08\/3-scaled.png\" alt=\"Display produk BPSI di pameran forklift Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Product Showcase<\/div>\r\n\r\n<h3>Battery Accessories Display at the Exhibition<\/h3>\r\n\r\n<p>\r\nBPSI menampilkan rangkaian battery accessories untuk mendukung instalasi,\r\nperawatan, keamanan, dan performa baterai forklift industri.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Market Insight<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Dynex industrial forklift battery market Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Industrial Battery Insight<\/div>\r\n\r\n<h3>Dynex Dominates the Industrial Forklift Battery Market in Indonesia<\/h3>\r\n\r\n<p>\r\nDynex bersama PT Battery Power Solutions International mengajak industri forklift\r\nIndonesia beralih ke sistem baterai yang lebih efisien, stabil, dan ramah lingkungan.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Technology<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2025\/08\/3-scaled.png\" alt=\"Inovasi teknologi baterai forklift BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Technology Insight<\/div>\r\n\r\n<h3>Innovations in Battery Technology<\/h3>\r\n\r\n<p>\r\nMengenal perkembangan teknologi baterai industri dan dampaknya terhadap produktivitas,\r\nefisiensi energi, serta reliability operasional forklift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Energy<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Future energy storage dan battery forklift Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Energy Storage Insight<\/div>\r\n\r\n<h3>The Future of Energy Storage<\/h3>\r\n\r\n<p>\r\nTren penyimpanan energi terus berkembang. Industri membutuhkan solusi baterai yang\r\nlebih aman, efisien, tahan lama, dan siap mendukung operasional multi-shift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n\r\n<div class=\"bpsi-center-action\">\r\n<button class=\"bpsi-see-more\" type=\"button\">See More<\/button>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\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-958a75d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"958a75d\" 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<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>BPSI | Pilar Utama Baterai Forklift<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n--bg:#f3f4f6;\r\n--panel:#efefef;\r\n--card:#f1f1f1;\r\n--white:#ffffff;\r\n--text:#1f2937;\r\n--muted:#6b7280;\r\n--line:#d8dadd;\r\n--dark:#202225;\r\n--accent:#d92d20;\r\n--accent-2:#2563eb;\r\n--accent-soft:#eef4ff;\r\n--shadow:0 14px 34px rgba(15,23,42,.06);\r\n--radius-xl:18px;\r\n--radius-lg:14px;\r\n--radius-md:12px;\r\n--wrap:1280px;\r\n}\r\n\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\nmargin:0;\r\nbackground:var(--bg);\r\ncolor:var(--text);\r\nfont-family:\"Inter\",\"Manrope\",sans-serif;\r\n-webkit-font-smoothing:antialiased;\r\ntext-rendering:optimizeLegibility;\r\n}\r\n\r\n.bpsi-silo{\r\npadding:18px 22px 28px;\r\nbackground:var(--bg);\r\n}\r\n\r\n.bpsi-wrap{\r\nmax-width:var(--wrap);\r\nmargin:0 auto;\r\ndisplay:grid;\r\ngrid-template-columns:minmax(0,2.25fr) minmax(280px,360px);\r\ngap:28px;\r\nalign-items:start;\r\n}\r\n\r\n.bpsi-title{\r\nmargin:0 0 12px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:clamp(30px,3vw,46px);\r\nline-height:1;\r\nletter-spacing:-.04em;\r\nfont-weight:800;\r\ncolor:#1d1d1f;\r\n}\r\n\r\n.bpsi-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,minmax(0,1fr));\r\ngap:28px;\r\n}\r\n\r\n.bpsi-card{\r\nbackground:var(--panel);\r\nborder:1px solid rgba(0,0,0,.03);\r\nborder-radius:var(--radius-xl);\r\noverflow:hidden;\r\nbox-shadow:var(--shadow);\r\ntransition:transform .28s ease, box-shadow .28s ease, opacity .28s ease;\r\ntransform:translateY(18px);\r\nopacity:0;\r\nanimation:bpsiReveal .7s ease forwards;\r\n}\r\n.bpsi-card:nth-child(2){animation-delay:.12s}\r\n.bpsi-card:nth-child(3){animation-delay:.22s}\r\n.bpsi-card:nth-child(4){animation-delay:.32s}\r\n.bpsi-card:nth-child(5){animation-delay:.42s}\r\n.bpsi-card:nth-child(6){animation-delay:.52s}\r\n\r\n@keyframes bpsiReveal{\r\nto{transform:translateY(0);opacity:1}\r\n}\r\n\r\n.bpsi-card:hover{\r\ntransform:translateY(-5px);\r\nbox-shadow:0 18px 44px rgba(15,23,42,.09);\r\n}\r\n\r\n.bpsi-media{\r\naspect-ratio:1.35\/1;\r\noverflow:hidden;\r\nbackground:#dbe3ec;\r\nposition:relative;\r\n}\r\n\r\n.bpsi-media svg{\r\nwidth:100%;\r\nheight:100%;\r\ndisplay:block;\r\ntransition:transform .7s ease;\r\n}\r\n\r\n.bpsi-card:hover .bpsi-media svg{\r\ntransform:scale(1.05);\r\n}\r\n\r\n.bpsi-content{\r\npadding:22px 20px 20px;\r\n}\r\n\r\n.bpsi-meta{\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\ngap:12px;\r\nmargin-bottom:12px;\r\n}\r\n\r\n.bpsi-date{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:8px;\r\ncolor:var(--muted);\r\nfont-size:14px;\r\nfont-weight:600;\r\n}\r\n\r\n.bpsi-share{\r\nwidth:38px;\r\nheight:38px;\r\nborder-radius:999px;\r\nborder:1px solid var(--line);\r\nbackground:rgba(255,255,255,.45);\r\ndisplay:grid;\r\nplace-items:center;\r\ncolor:#7b7b7b;\r\ncursor:pointer;\r\ntransition:.25s ease;\r\nbackdrop-filter:blur(8px);\r\n}\r\n\r\n.bpsi-share:hover{\r\ncolor:var(--accent);\r\nborder-color:#efc5c2;\r\nbackground:#fff;\r\ntransform:translateY(-2px);\r\n}\r\n\r\n.bpsi-card-title{\r\nmargin:0 0 14px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:clamp(21px,1.4vw,25px);\r\nline-height:1.26;\r\nletter-spacing:-.03em;\r\nfont-weight:800;\r\ncolor:#23262b;\r\n}\r\n\r\n.bpsi-excerpt{\r\nmargin:0 0 22px;\r\ncolor:var(--muted);\r\nfont-size:15px;\r\nline-height:1.72;\r\nmin-height:108px;\r\n}\r\n\r\n.bpsi-btn{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:12px;\r\nmin-height:38px;\r\npadding:10px 16px;\r\nborder-radius:12px;\r\nborder:1px solid var(--line);\r\nbackground:#f8f8f8;\r\ncolor:#222;\r\ntext-decoration:none;\r\nfont-size:14px;\r\nfont-weight:700;\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-btn:hover{\r\nbackground:#fff;\r\ntransform:translateY(-1px);\r\nbox-shadow:0 8px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.bpsi-arrow{\r\ncolor:var(--accent);\r\nfont-size:16px;\r\ntransition:transform .25s ease;\r\n}\r\n\r\n.bpsi-btn:hover .bpsi-arrow{\r\ntransform:translateX(4px);\r\n}\r\n\r\n.bpsi-sidebar{\r\nopacity:0;\r\ntransform:translateY(18px);\r\nanimation:bpsiReveal .7s ease .18s forwards;\r\n}\r\n\r\n.bpsi-sidebar-panel{\r\npadding:0 2px;\r\n}\r\n\r\n.bpsi-select-wrap{\r\nposition:relative;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.bpsi-select{\r\nwidth:100%;\r\nheight:52px;\r\nborder-radius:10px;\r\nborder:1px solid #cfcfcf;\r\nbackground:#f7f7f7;\r\ncolor:#4b5563;\r\nfont-size:16px;\r\nfont-weight:500;\r\npadding:0 46px 0 14px;\r\nappearance:none;\r\noutline:none;\r\nfont-family:\"Inter\",\"Manrope\",sans-serif;\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-select:focus{\r\nbackground:#fff;\r\nborder-color:#b9c8eb;\r\nbox-shadow:0 0 0 4px rgba(37,99,235,.08);\r\n}\r\n\r\n.bpsi-caret{\r\nposition:absolute;\r\nright:14px;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\npointer-events:none;\r\ncolor:#888;\r\n}\r\n\r\n.bpsi-side-box{\r\nmargin-top:18px;\r\nbackground:linear-gradient(180deg, #f5f7fa 0%, #f0f1f3 100%);\r\nborder:1px solid rgba(0,0,0,.05);\r\nborder-radius:18px;\r\npadding:18px;\r\nbox-shadow:var(--shadow);\r\n}\r\n\r\n.bpsi-side-box h3{\r\nmargin:0 0 10px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:18px;\r\nline-height:1.2;\r\nletter-spacing:-.02em;\r\nfont-weight:800;\r\ncolor:#1f2937;\r\n}\r\n\r\n.bpsi-side-box p{\r\nmargin:0 0 14px;\r\ncolor:var(--muted);\r\nfont-size:14px;\r\nline-height:1.65;\r\n}\r\n\r\n.bpsi-chip-list{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:8px;\r\nmargin-bottom:14px;\r\n}\r\n\r\n.bpsi-chip{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\nmin-height:32px;\r\npadding:7px 12px;\r\nborder-radius:999px;\r\nbackground:#fff;\r\nborder:1px solid var(--line);\r\ncolor:#334155;\r\nfont-size:12px;\r\nfont-weight:700;\r\nletter-spacing:.01em;\r\n}\r\n\r\n.bpsi-side-actions{\r\ndisplay:flex;\r\njustify-content:center;\r\npadding-top:10px;\r\n}\r\n\r\n.bpsi-see-more{\r\nmin-width:108px;\r\nheight:42px;\r\nborder:none;\r\nborder-radius:12px;\r\nbackground:#1f1f1f;\r\ncolor:#fff;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:15px;\r\nfont-weight:800;\r\ncursor:pointer;\r\nbox-shadow:0 10px 22px rgba(0,0,0,.12);\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-see-more:hover{\r\ntransform:translateY(-2px) scale(1.02);\r\nbackground:#111;\r\n}\r\n\r\n.bpsi-hidden{display:none !important}\r\n\r\n.bpsi-sr-only{\r\nposition:absolute;\r\nwidth:1px;height:1px;\r\npadding:0;margin:-1px;\r\noverflow:hidden;clip:rect(0,0,0,0);\r\nborder:0;white-space:nowrap;\r\n}\r\n\r\n@media (max-width:1180px){\r\n.bpsi-wrap{\r\ngrid-template-columns:1fr;\r\n}\r\n.bpsi-sidebar{\r\norder:-1;\r\n}\r\n.bpsi-sidebar-panel{\r\nmax-width:460px;\r\n}\r\n.bpsi-side-actions{\r\njustify-content:flex-start;\r\n}\r\n}\r\n\r\n@media (max-width:980px){\r\n.bpsi-grid{\r\ngrid-template-columns:repeat(2,minmax(0,1fr));\r\n}\r\n}\r\n\r\n@media (max-width:640px){\r\n.bpsi-silo{\r\npadding:16px 14px 24px;\r\n}\r\n.bpsi-grid{\r\ngrid-template-columns:1fr;\r\ngap:18px;\r\n}\r\n.bpsi-content{\r\npadding:18px 16px;\r\n}\r\n.bpsi-excerpt{\r\nmin-height:auto;\r\n}\r\n.bpsi-title{\r\nfont-size:34px;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"bpsi-silo\">\r\n<div class=\"bpsi-wrap\">\r\n<div class=\"bpsi-main\">\r\n<h2 class=\"bpsi-title\">Baterai Forklift<\/h2>\r\n\r\n<div class=\"bpsi-grid\" id=\"bpsiGrid\">\r\n<article class=\"bpsi-card\" data-category=\"battery edukasi leadacid lithium\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#dbeafe\"\/>\r\n<stop offset=\"100%\" stop-color=\"#eff6ff\"\/>\r\n<\/linearGradient>\r\n<linearGradient id=\"g1d\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#0f172a\"\/>\r\n<stop offset=\"100%\" stop-color=\"#1e293b\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g1)\"\/>\r\n<rect x=\"0\" y=\"365\" width=\"800\" height=\"195\" fill=\"#dfe6ee\"\/>\r\n<rect x=\"90\" y=\"120\" width=\"620\" height=\"250\" rx=\"18\" fill=\"url(#g1d)\"\/>\r\n<rect x=\"130\" y=\"160\" width=\"180\" height=\"170\" rx=\"14\" fill=\"#111827\"\/>\r\n<rect x=\"340\" y=\"160\" width=\"180\" height=\"170\" rx=\"14\" fill=\"#1d4ed8\"\/>\r\n<rect x=\"550\" y=\"160\" width=\"120\" height=\"170\" rx=\"14\" fill=\"#374151\"\/>\r\n<rect x=\"160\" y=\"188\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#60a5fa\"\/>\r\n<rect x=\"160\" y=\"225\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"160\" y=\"255\" width=\"140\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"370\" y=\"188\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"370\" y=\"225\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<rect x=\"370\" y=\"255\" width=\"140\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<rect x=\"250\" y=\"390\" width=\"300\" height=\"40\" rx=\"12\" fill=\"#0f172a\"\/>\r\n<circle cx=\"300\" cy=\"455\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"300\" cy=\"455\" r=\"14\" fill=\"#9ca3af\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"14\" fill=\"#9ca3af\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>17 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Lead Acid vs Lithium Forklift Battery<\/h3>\r\n<p class=\"bpsi-excerpt\">Bandingkan biaya awal, charging time, maintenance, efisiensi energi, dan umur pakai untuk menentukan baterai forklift yang paling tepat.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery edukasi maintenance service\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#e2e8f0\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g2)\"\/>\r\n<rect x=\"0\" y=\"360\" width=\"800\" height=\"200\" fill=\"#dbe4ee\"\/>\r\n<rect x=\"120\" y=\"120\" width=\"560\" height=\"260\" rx=\"20\" fill=\"#ffffff\"\/>\r\n<rect x=\"170\" y=\"160\" width=\"180\" height=\"180\" rx=\"16\" fill=\"#0f172a\"\/>\r\n<rect x=\"390\" y=\"160\" width=\"180\" height=\"180\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"210\" y=\"205\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#60a5fa\"\/>\r\n<rect x=\"210\" y=\"240\" width=\"120\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"430\" y=\"205\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"430\" y=\"240\" width=\"120\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<circle cx=\"250\" cy=\"455\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"550\" cy=\"455\" r=\"42\" fill=\"#111827\"\/>\r\n<rect x=\"330\" y=\"420\" width=\"140\" height=\"24\" rx=\"12\" fill=\"#1d4ed8\"\/>\r\n<rect x=\"350\" y=\"390\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#0f172a\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>15 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Cara Merawat Baterai Forklift agar Umur Pakai Lebih Panjang<\/h3>\r\n<p class=\"bpsi-excerpt\">Panduan perawatan harian dan berkala, mulai dari inspeksi, pengisian daya, hingga kebersihan terminal untuk menjaga performa baterai tetap optimal.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery lithium charging opportunity\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g3\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#ecfeff\"\/>\r\n<stop offset=\"100%\" stop-color=\"#cffafe\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g3)\"\/>\r\n<rect x=\"0\" y=\"360\" width=\"800\" height=\"200\" fill=\"#d1fae5\"\/>\r\n<rect x=\"150\" y=\"110\" width=\"500\" height=\"300\" rx=\"24\" fill=\"#ffffff\"\/>\r\n<rect x=\"220\" y=\"160\" width=\"140\" height=\"180\" rx=\"18\" fill=\"#0f172a\"\/>\r\n<rect x=\"420\" y=\"160\" width=\"140\" height=\"180\" rx=\"18\" fill=\"#14b8a6\"\/>\r\n<rect x=\"255\" y=\"205\" width=\"70\" height=\"18\" rx=\"9\" fill=\"#22d3ee\"\/>\r\n<rect x=\"255\" y=\"240\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#67e8f9\"\/>\r\n<rect x=\"455\" y=\"205\" width=\"70\" height=\"18\" rx=\"9\" fill=\"#ccfbf1\"\/>\r\n<rect x=\"455\" y=\"240\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#a7f3d0\"\/>\r\n<path d=\"M390 150 L350 250 H400 L370 350\" stroke=\"#0f172a\" stroke-width=\"16\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n<circle cx=\"400\" cy=\"455\" r=\"38\" fill=\"#0f172a\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"38\" fill=\"#0f172a\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>12 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Opportunity Charging pada Forklift: Kapan Efektif Digunakan?<\/h3>\r\n<p class=\"bpsi-excerpt\">Pahami konsep opportunity charging, keuntungan untuk multi-shift operation, serta kapan strategi ini paling tepat diterapkan.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"rental jakarta tangerang bekasi multi-shift\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g4\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#eef2f7\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g4)\"\/>\r\n<rect x=\"0\" y=\"370\" width=\"800\" height=\"190\" fill=\"#e5e7eb\"\/>\r\n<rect x=\"120\" y=\"150\" width=\"420\" height=\"220\" rx=\"18\" fill=\"#1f2937\"\/>\r\n<rect x=\"180\" y=\"125\" width=\"170\" height=\"80\" rx=\"14\" fill=\"#2563eb\"\/>\r\n<rect x=\"550\" y=\"190\" width=\"100\" height=\"140\" rx=\"16\" fill=\"#0f172a\"\/>\r\n<rect x=\"585\" y=\"220\" width=\"30\" height=\"70\" rx=\"10\" fill=\"#60a5fa\"\/>\r\n<circle cx=\"220\" cy=\"430\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"220\" cy=\"430\" r=\"16\" fill=\"#9ca3af\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"16\" fill=\"#9ca3af\"\/>\r\n<rect x=\"280\" y=\"205\" width=\"150\" height=\"26\" rx=\"13\" fill=\"#93c5fd\"\/>\r\n<rect x=\"280\" y=\"248\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"280\" y=\"280\" width=\"150\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>10 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Rental vs Beli Baterai Forklift untuk Operasional Multi Shift<\/h3>\r\n<p class=\"bpsi-excerpt\">Ketahui kapan skema rental lebih efisien dibanding pembelian, terutama untuk kebutuhan armada aktif di Jakarta, Tangerang, dan Bekasi.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"service repair regenerasi cellreplacement\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g5\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#eef2ff\"\/>\r\n<stop offset=\"100%\" stop-color=\"#dbeafe\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g5)\"\/>\r\n<rect x=\"0\" y=\"365\" width=\"800\" height=\"195\" fill=\"#dbe3ec\"\/>\r\n<rect x=\"120\" y=\"120\" width=\"560\" height=\"250\" rx=\"22\" fill=\"#fff\"\/>\r\n<rect x=\"175\" y=\"165\" width=\"200\" height=\"160\" rx=\"18\" fill=\"#0f172a\"\/>\r\n<rect x=\"425\" y=\"165\" width=\"80\" height=\"160\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"520\" y=\"165\" width=\"100\" height=\"160\" rx=\"16\" fill=\"#1f2937\"\/>\r\n<circle cx=\"260\" cy=\"245\" r=\"54\" fill=\"#111827\" opacity=\".88\"\/>\r\n<path d=\"M260 212 L260 245 L286 260\" stroke=\"#93c5fd\" stroke-width=\"12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect x=\"445\" y=\"198\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"445\" y=\"230\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#dbeafe\"\/>\r\n<rect x=\"545\" y=\"198\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#93c5fd\"\/>\r\n<rect x=\"545\" y=\"230\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#dbeafe\"\/>\r\n<circle cx=\"260\" cy=\"430\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"34\" fill=\"#111827\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>08 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Service, Repair, dan Regenerasi Baterai Forklift<\/h3>\r\n<p class=\"bpsi-excerpt\">Panduan memahami perbedaan service, repair, cell replacement, dan regenerasi agar keputusan maintenance lebih tepat dan hemat biaya.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery harga sodiumion edukasi\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g6\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#ecfccb\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g6)\"\/>\r\n<rect x=\"0\" y=\"370\" width=\"800\" height=\"190\" fill=\"#e5e7eb\"\/>\r\n<rect x=\"120\" y=\"125\" width=\"560\" height=\"240\" rx=\"22\" fill=\"#fff\"\/>\r\n<rect x=\"170\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#1f2937\"\/>\r\n<rect x=\"320\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"470\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#16a34a\"\/>\r\n<rect x=\"205\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#d1d5db\"\/>\r\n<rect x=\"355\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"505\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#bbf7d0\"\/>\r\n<rect x=\"240\" y=\"388\" width=\"320\" height=\"34\" rx=\"17\" fill=\"#0f172a\"\/>\r\n<circle cx=\"260\" cy=\"450\" r=\"32\" fill=\"#111827\"\/>\r\n<circle cx=\"540\" cy=\"450\" r=\"32\" fill=\"#111827\"\/>\r\n<path d=\"M390 148 L355 220 H398 L370 300\" stroke=\"#0f172a\" stroke-width=\"14\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>05 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Jenis, Harga, dan Masa Depan Sodium-ion Forklift Battery<\/h3>\r\n<p class=\"bpsi-excerpt\">Pelajari jenis baterai forklift, gambaran harga, serta potensi sodium-ion sebagai teknologi alternatif untuk kebutuhan industri ke depan.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n\r\n<aside class=\"bpsi-sidebar\">\r\n<div class=\"bpsi-sidebar-panel\">\r\n<h2 class=\"bpsi-title\">Pilar Utama<\/h2>\r\n\r\n<label class=\"bpsi-sr-only\" for=\"bpsiFilter\">Pilih Topik<\/label>\r\n<div class=\"bpsi-select-wrap\">\r\n<select id=\"bpsiFilter\" class=\"bpsi-select\">\r\n<option value=\"all\">Pilih Topik<\/option>\r\n<option value=\"battery\">Baterai Forklift<\/option>\r\n<option value=\"rental\">Rental<\/option>\r\n<option value=\"service\">Service<\/option>\r\n<option value=\"lithium\">Lithium<\/option>\r\n<option value=\"leadacid\">Lead Acid<\/option>\r\n<option value=\"maintenance\">Maintenance<\/option>\r\n<option value=\"charging\">Charging<\/option>\r\n<option value=\"harga\">Harga<\/option>\r\n<\/select>\r\n<span class=\"bpsi-caret\">\r\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/span>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-box\">\r\n<h3>Cluster Konten Inti<\/h3>\r\n<p>Struktur ini ideal untuk membangun topical authority BPSI pada niche baterai forklift dan turunannya.<\/p>\r\n<div class=\"bpsi-chip-list\">\r\n<span class=\"bpsi-chip\">Apa itu Baterai Forklift<\/span>\r\n<span class=\"bpsi-chip\">Jenis Baterai<\/span>\r\n<span class=\"bpsi-chip\">Lead Acid vs Lithium<\/span>\r\n<span class=\"bpsi-chip\">Sodium-ion<\/span>\r\n<span class=\"bpsi-chip\">Harga<\/span>\r\n<span class=\"bpsi-chip\">Maintenance<\/span>\r\n<span class=\"bpsi-chip\">Rental<\/span>\r\n<span class=\"bpsi-chip\">Service<\/span>\r\n<\/div>\r\n<p><strong>Saran:<\/strong> buat 1 halaman pilar utama dan hubungkan ke semua artikel turunan agar SEO internal linking lebih kuat.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-box\">\r\n<h3>Inspirasi Strategi Konten<\/h3>\r\n<p>Gunakan 3 intent utama: <strong>edukasi<\/strong>, <strong>komersial<\/strong>, dan <strong>solusi teknis<\/strong>.<\/p>\r\n<div class=\"bpsi-chip-list\">\r\n<span class=\"bpsi-chip\">Edukasi<\/span>\r\n<span class=\"bpsi-chip\">Komparasi<\/span>\r\n<span class=\"bpsi-chip\">Rental Area<\/span>\r\n<span class=\"bpsi-chip\">Repair & Regenerasi<\/span>\r\n<span class=\"bpsi-chip\">Opportunity Charging<\/span>\r\n<\/div>\r\n<p><strong>Masukan UX:<\/strong> tampilkan maksimal 6 artikel unggulan di section ini, lalu arahkan ke halaman kategori untuk eksplorasi lanjutan.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-actions\">\r\n<button class=\"bpsi-see-more\" id=\"bpsiSeeMore\" type=\"button\">See More<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/aside>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\nconst filter = document.getElementById('bpsiFilter');\r\nconst cards = document.querySelectorAll('.bpsi-card');\r\nconst seeMore = document.getElementById('bpsiSeeMore');\r\n\r\nif (filter) {\r\nfilter.addEventListener('change', function () {\r\nconst value = this.value.toLowerCase();\r\n\r\ncards.forEach((card) => {\r\nconst cat = (card.getAttribute('data-category') || '').toLowerCase();\r\nif (value === 'all' || cat.includes(value)) {\r\ncard.classList.remove('bpsi-hidden');\r\n} else {\r\ncard.classList.add('bpsi-hidden');\r\n}\r\n});\r\n});\r\n}\r\n\r\nif (seeMore) {\r\nseeMore.addEventListener('click', function () {\r\nconst firstVisible = [...cards].find(card => !card.classList.contains('bpsi-hidden'));\r\nif (firstVisible) {\r\nfirstVisible.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n});\r\n}\r\n\r\ndocument.querySelectorAll('.bpsi-share').forEach((btn) => {\r\nbtn.addEventListener('click', async function () {\r\nconst card = btn.closest('.bpsi-card');\r\nconst title = card.querySelector('.bpsi-card-title')?.textContent?.trim() || 'Artikel BPSI';\r\nconst url = window.location.href;\r\n\r\nif (navigator.share) {\r\ntry {\r\nawait navigator.share({ title, text: title, url });\r\n} catch (e) {}\r\n} else if (navigator.clipboard) {\r\ntry {\r\nawait navigator.clipboard.writeText(title + ' - ' + url);\r\nbtn.style.color = '#d92d20';\r\nsetTimeout(() => { btn.style.color = ''; }, 1000);\r\n} catch (e) {}\r\n}\r\n});\r\n});\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\nentries.forEach((entry) => {\r\nif (entry.isIntersecting) {\r\nentry.target.style.opacity = '1';\r\nentry.target.style.transform = 'translateY(0)';\r\n}\r\n});\r\n}, { threshold: 0.15 });\r\n\r\ndocument.querySelectorAll('.bpsi-card').forEach((item) => observer.observe(item));\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e853fe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0e853fe\" 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\n\r\n<section class=\"bpsi-news-page\" id=\"bpsiNewsPage\">\r\n\r\n<style>\r\n.bpsi-news-page {\r\n--bg: #f6f7f9;\r\n--surface: #ffffff;\r\n--text: #101828;\r\n--muted: #667085;\r\n--soft-muted: #98a2b3;\r\n--line: rgba(16, 24, 40, 0.08);\r\n--dark: #111827;\r\n--green: #31c417;\r\n--green-dark: #187a2f;\r\n--red: #e63946;\r\n--shadow: 0 22px 60px rgba(16, 24, 40, 0.08);\r\n--shadow-soft: 0 12px 34px rgba(16, 24, 40, 0.06);\r\n--radius-xl: 34px;\r\n--radius-lg: 24px;\r\n--max: 1180px;\r\n\r\nbackground:\r\nradial-gradient(circle at top left, rgba(49, 196, 23, 0.08), transparent 34%),\r\nradial-gradient(circle at top right, rgba(11, 99, 206, 0.07), transparent 30%),\r\nvar(--bg);\r\nfont-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\ncolor: var(--text);\r\noverflow: hidden;\r\n}\r\n\r\n.bpsi-news-page * {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.bpsi-news-wrap {\r\nwidth: min(var(--max), calc(100% - 36px));\r\nmargin: 0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.bpsi-news-hero {\r\npadding: 92px 0 56px;\r\ntext-align: center;\r\nposition: relative;\r\n}\r\n\r\n.bpsi-news-eyebrow {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 9px;\r\npadding: 8px 14px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.72);\r\nbackdrop-filter: blur(18px);\r\nbox-shadow: 0 10px 28px rgba(16,24,40,0.05);\r\ncolor: #344054;\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nletter-spacing: -0.01em;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-news-eyebrow span {\r\nwidth: 8px;\r\nheight: 8px;\r\nborder-radius: 999px;\r\nbackground: var(--green);\r\nbox-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\nfont-size: clamp(42px, 7vw, 86px);\r\nline-height: 0.96;\r\nletter-spacing: -0.075em;\r\nfont-weight: 850;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-news-hero h1 em {\r\nfont-style: normal;\r\ncolor: transparent;\r\nbackground: linear-gradient(135deg, #111827 10%, #31c417 70%, #0b63ce);\r\n-webkit-background-clip: text;\r\nbackground-clip: text;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmax-width: 720px;\r\nmargin: 24px auto 0;\r\nfont-size: clamp(15px, 1.5vw, 18px);\r\nline-height: 1.75;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-news-actions {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 12px;\r\nflex-wrap: wrap;\r\nmargin-top: 34px;\r\n}\r\n\r\n.bpsi-btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nmin-height: 48px;\r\npadding: 0 20px;\r\nborder-radius: 999px;\r\ntext-decoration: none;\r\nfont-size: 14px;\r\nfont-weight: 800;\r\nletter-spacing: -0.02em;\r\ntransition: 0.28s ease;\r\nborder: 1px solid transparent;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.bpsi-btn-dark {\r\ncolor: #fff;\r\nbackground: #111827;\r\nbox-shadow: 0 14px 34px rgba(17,24,39,0.18);\r\n}\r\n\r\n.bpsi-btn-dark:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\nbox-shadow: 0 18px 42px rgba(17,24,39,0.24);\r\n}\r\n\r\n.bpsi-btn-light {\r\ncolor: #111827;\r\nbackground: rgba(255,255,255,0.76);\r\nborder-color: var(--line);\r\nbox-shadow: 0 12px 28px rgba(16,24,40,0.06);\r\n}\r\n\r\n.bpsi-btn-light:hover {\r\ntransform: translateY(-2px);\r\nbackground: #fff;\r\nborder-color: rgba(49,196,23,0.35);\r\n}\r\n\r\n\/* FEATURED *\/\r\n\r\n.bpsi-featured {\r\npadding: 20px 0 58px;\r\n}\r\n\r\n.bpsi-featured-card {\r\ndisplay: grid;\r\ngrid-template-columns: 1.08fr 0.92fr;\r\ngap: 18px;\r\npadding: 18px;\r\nbackground: rgba(255,255,255,0.76);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\nbox-shadow: var(--shadow);\r\nbackdrop-filter: blur(24px);\r\n}\r\n\r\n.bpsi-featured-media {\r\nmin-height: 430px;\r\nborder-radius: 26px;\r\noverflow: hidden;\r\nposition: relative;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-featured-media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\nposition: absolute;\r\ninset: 0;\r\ntransform: scale(1.01);\r\n}\r\n\r\n.bpsi-featured-media::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(to top, rgba(9,15,31,0.72), transparent 55%),\r\nradial-gradient(circle at 20% 10%, rgba(49,196,23,0.18), transparent 34%);\r\nz-index: 1;\r\n}\r\n\r\n.bpsi-featured-badge {\r\nposition: absolute;\r\ntop: 18px;\r\nleft: 18px;\r\nz-index: 2;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\npadding: 9px 13px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.92);\r\ncolor: #111827;\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nbox-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.bpsi-featured-badge span {\r\nwidth: 7px;\r\nheight: 7px;\r\nbackground: var(--green);\r\nborder-radius: 999px;\r\n}\r\n\r\n.bpsi-featured-caption {\r\nposition: absolute;\r\nleft: 24px;\r\nright: 24px;\r\nbottom: 24px;\r\nz-index: 2;\r\ncolor: #fff;\r\n}\r\n\r\n.bpsi-featured-caption small {\r\ndisplay: block;\r\nmargin-bottom: 8px;\r\nfont-size: 12px;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-weight: 700;\r\n}\r\n\r\n.bpsi-featured-caption strong {\r\ndisplay: block;\r\nmax-width: 520px;\r\nfont-size: clamp(26px, 3vw, 42px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: clamp(24px, 4vw, 42px);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-kicker {\r\ndisplay: inline-flex;\r\nwidth: fit-content;\r\npadding: 7px 12px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n.bpsi-featured-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(30px, 4vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.065em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-featured-content p {\r\nmargin: 18px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 16px;\r\nline-height: 1.78;\r\n}\r\n\r\n.bpsi-event-meta {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 12px;\r\nmargin-top: 26px;\r\n}\r\n\r\n.bpsi-meta-box {\r\nbackground: #f8fafc;\r\nborder: 1px solid var(--line);\r\nborder-radius: 18px;\r\npadding: 16px;\r\n}\r\n\r\n.bpsi-meta-box span {\r\ndisplay: block;\r\nfont-size: 12px;\r\ncolor: var(--soft-muted);\r\nfont-weight: 800;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.bpsi-meta-box strong {\r\ndisplay: block;\r\nfont-size: 15px;\r\ncolor: #111827;\r\nline-height: 1.35;\r\nfont-weight: 850;\r\n}\r\n\r\n.bpsi-featured-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 26px;\r\n}\r\n\r\n\/* SECTION HEAD *\/\r\n\r\n.bpsi-section-head {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: flex-end;\r\ngap: 28px;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-section-head h2 {\r\nmargin: 0;\r\nfont-size: clamp(32px, 4.2vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-section-head p {\r\nmax-width: 520px;\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\nline-height: 1.7;\r\n}\r\n\r\n.bpsi-filter-pills {\r\ndisplay: flex;\r\ngap: 8px;\r\nflex-wrap: wrap;\r\njustify-content: flex-end;\r\n}\r\n\r\n.bpsi-pill {\r\nborder: 1px solid var(--line);\r\nbackground: rgba(255,255,255,0.8);\r\ncolor: #344054;\r\nborder-radius: 999px;\r\npadding: 9px 13px;\r\nfont-size: 12px;\r\nfont-weight: 800;\r\nbox-shadow: 0 10px 24px rgba(16,24,40,0.04);\r\n}\r\n\r\n.bpsi-pill.active {\r\nbackground: #111827;\r\ncolor: #fff;\r\nborder-color: #111827;\r\n}\r\n\r\n\/* ARTICLE GRID *\/\r\n\r\n.bpsi-news-section {\r\npadding: 36px 0 68px;\r\n}\r\n\r\n.bpsi-news-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-news-card {\r\nbackground: rgba(255,255,255,0.82);\r\nborder: 1px solid var(--line);\r\nborder-radius: 22px;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-soft);\r\ntransition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n}\r\n\r\n.bpsi-news-card:hover {\r\ntransform: translateY(-6px);\r\nborder-color: rgba(49,196,23,0.28);\r\nbox-shadow: 0 24px 58px rgba(16,24,40,0.12);\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 192px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-card-img img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.02);\r\ntransition: transform 0.45s ease;\r\n}\r\n\r\n.bpsi-news-card:hover .bpsi-card-img img {\r\ntransform: scale(1.07);\r\n}\r\n\r\n.bpsi-card-category {\r\nposition: absolute;\r\nleft: 14px;\r\ntop: 14px;\r\nz-index: 2;\r\npadding: 7px 10px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.9);\r\ncolor: #111827;\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nbox-shadow: 0 10px 24px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bpsi-card-body {\r\npadding: 18px 18px 20px;\r\n}\r\n\r\n.bpsi-card-date {\r\ncolor: #667085;\r\nfont-size: 12px;\r\nfont-weight: 700;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-card-body h3 {\r\nmargin: 0;\r\nfont-size: 19px;\r\nline-height: 1.18;\r\nletter-spacing: -0.035em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-card-body p {\r\nmargin: 12px 0 0;\r\nfont-size: 13.5px;\r\nline-height: 1.7;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-readmore {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nmargin-top: 18px;\r\nmin-height: 38px;\r\npadding: 0 13px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\ntext-decoration: none;\r\ncolor: #111827;\r\nbackground: #fff;\r\nfont-size: 12px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore span {\r\ncolor: var(--red);\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore:hover {\r\nborder-color: rgba(49,196,23,0.36);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.bpsi-readmore:hover span {\r\ntransform: translateX(3px);\r\n}\r\n\r\n.bpsi-center-action {\r\ndisplay: flex;\r\njustify-content: center;\r\nmargin-top: 38px;\r\n}\r\n\r\n.bpsi-see-more {\r\nborder: 0;\r\ncursor: pointer;\r\nmin-height: 46px;\r\npadding: 0 20px;\r\nborder-radius: 13px;\r\nbackground: #171b22;\r\ncolor: #fff;\r\nfont-size: 13px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\nbox-shadow: 0 14px 30px rgba(17,24,39,0.16);\r\n}\r\n\r\n.bpsi-see-more:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\n}\r\n\r\n\/* EVENT STRIP *\/\r\n\r\n.bpsi-event-strip {\r\npadding: 18px 0 68px;\r\n}\r\n\r\n.bpsi-strip-card {\r\ndisplay: grid;\r\ngrid-template-columns: 0.9fr 1.1fr;\r\ngap: 0;\r\nbackground: #111827;\r\nborder-radius: var(--radius-xl);\r\noverflow: hidden;\r\nbox-shadow: 0 28px 80px rgba(17,24,39,0.22);\r\n}\r\n\r\n.bpsi-strip-visual {\r\nmin-height: 420px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #0f172a;\r\n}\r\n\r\n.bpsi-strip-visual img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nposition: absolute;\r\ninset: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-strip-visual::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(135deg, rgba(17,24,39,0.08), rgba(17,24,39,0.68));\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: clamp(28px, 5vw, 58px);\r\ncolor: #fff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-kicker {\r\nbackground: rgba(49,196,23,0.14);\r\ncolor: #b8ffae;\r\n}\r\n\r\n.bpsi-strip-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(34px, 4.6vw, 62px);\r\nline-height: 0.98;\r\nletter-spacing: -0.07em;\r\nfont-weight: 950;\r\n}\r\n\r\n.bpsi-strip-content p {\r\nmargin: 18px 0 0;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-size: 15.5px;\r\nline-height: 1.8;\r\n}\r\n\r\n.bpsi-strip-meta {\r\ndisplay: flex;\r\ngap: 10px;\r\nflex-wrap: wrap;\r\nmargin-top: 24px;\r\n}\r\n\r\n.bpsi-strip-meta span {\r\ndisplay: inline-flex;\r\npadding: 10px 13px;\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.06);\r\ncolor: rgba(255,255,255,0.86);\r\nfont-size: 12px;\r\nfont-weight: 800;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 28px;\r\nbackground: #fff;\r\ncolor: #111827;\r\n}\r\n\r\n\/* VIDEO *\/\r\n\r\n.bpsi-video-section {\r\npadding: 8px 0 90px;\r\n}\r\n\r\n.bpsi-video-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-video-card {\r\nbackground: rgba(255,255,255,0.78);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\npadding: 14px;\r\nbox-shadow: var(--shadow-soft);\r\n}\r\n\r\n.bpsi-video-frame {\r\nposition: relative;\r\nwidth: 100%;\r\naspect-ratio: 16 \/ 9;\r\noverflow: hidden;\r\nborder-radius: 24px;\r\nbackground: #111827;\r\n}\r\n\r\n.bpsi-video-frame iframe {\r\nwidth: 100%;\r\nheight: 100%;\r\nborder: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-video-info {\r\npadding: 18px 8px 8px;\r\n}\r\n\r\n.bpsi-video-info span {\r\ndisplay: inline-flex;\r\npadding: 7px 11px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-video-info h3 {\r\nmargin: 0;\r\nfont-size: 21px;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-video-info p {\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.65;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1024px) {\r\n.bpsi-news-grid {\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.bpsi-featured-card,\r\n.bpsi-strip-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 360px;\r\n}\r\n\r\n.bpsi-section-head {\r\nalign-items: flex-start;\r\nflex-direction: column;\r\n}\r\n\r\n.bpsi-filter-pills {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n.bpsi-news-wrap {\r\nwidth: min(100% - 24px, var(--max));\r\n}\r\n\r\n.bpsi-news-hero {\r\npadding: 64px 0 38px;\r\ntext-align: left;\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nletter-spacing: -0.06em;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmargin-left: 0;\r\nmargin-right: 0;\r\n}\r\n\r\n.bpsi-news-actions {\r\njustify-content: flex-start;\r\n}\r\n\r\n.bpsi-btn {\r\nwidth: 100%;\r\n}\r\n\r\n.bpsi-featured-card {\r\npadding: 10px;\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 280px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: 20px 10px 14px;\r\n}\r\n\r\n.bpsi-event-meta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-news-grid,\r\n.bpsi-video-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 16px;\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 210px;\r\n}\r\n\r\n.bpsi-strip-card,\r\n.bpsi-video-card {\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: 26px 22px 28px;\r\n}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"bpsi-video-section\">\r\n<div class=\"bpsi-news-wrap\">\r\n\r\n<div class=\"bpsi-section-head\">\r\n<div>\r\n<h2>Video<\/h2>\r\n<p>\r\nSaksikan aktivitas exhibition, product showcase, dan momen profesional BPSI\r\ndalam memperkenalkan solusi battery forklift untuk industri Indonesia.\r\n<\/p>\r\n<\/div>\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\r\nsrc=\"https:\/\/www.youtube.com\/embed\/WOfkCBLAW2U\"\r\ntitle=\"BPSI Exhibition Video\"\r\nloading=\"lazy\"\r\nallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\nallowfullscreen>\r\n<\/iframe>\r\n<\/div>\r\n\r\n<div class=\"bpsi-video-info\">\r\n<span>BPSI Video<\/span>\r\n<h3>BPSI Exhibition Highlight<\/h3>\r\n<p>\r\nDokumentasi aktivitas BPSI dalam memperkenalkan solusi baterai forklift,\r\nDYNEX traction battery, dan industrial power support.\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\r\nsrc=\"https:\/\/www.youtube.com\/embed\/de21Jg7bjPE\"\r\ntitle=\"DYNEX BPSI Exhibition Video\"\r\nloading=\"lazy\"\r\nallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\nallowfullscreen>\r\n<\/iframe>\r\n<\/div>\r\n\r\n<div class=\"bpsi-video-info\">\r\n<span>DYNEX Showcase<\/span>\r\n<h3>Product Showcase & Industrial Battery Solution<\/h3>\r\n<p>\r\nVideo showcase produk dan solusi BPSI untuk kebutuhan battery forklift,\r\nbattery accessories, charger, maintenance, dan operasional industri.\r\n<\/p>\r\n<\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/section>\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>Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]<\/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-4799","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BPSI Media -<\/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\/bpsi-media\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BPSI Media -\" \/>\n<meta property=\"og:description\" content=\"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bpsi.co.id\/id\/bpsi-media\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bpsiofficial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T08:09:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.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=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\",\"name\":\"BPSI Media -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\",\"datePublished\":\"2026-06-19T02:03:55+00:00\",\"dateModified\":\"2026-06-22T08:09:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\",\"contentUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bpsi.co.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BPSI Media\"}]},{\"@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_head_json":{"title":"BPSI Media -","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\/bpsi-media\/","og_locale":"id_ID","og_type":"article","og_title":"BPSI Media -","og_description":"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]","og_url":"https:\/\/bpsi.co.id\/id\/bpsi-media\/","article_publisher":"https:\/\/www.facebook.com\/bpsiofficial","article_modified_time":"2026-06-22T08:09:55+00:00","og_image":[{"url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Bpsiresmi","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bpsi.co.id\/bpsi-media\/","url":"https:\/\/bpsi.co.id\/bpsi-media\/","name":"BPSI Media -","isPartOf":{"@id":"https:\/\/bpsi.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage"},"image":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage"},"thumbnailUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","datePublished":"2026-06-19T02:03:55+00:00","dateModified":"2026-06-22T08:09:55+00:00","breadcrumb":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bpsi.co.id\/bpsi-media\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage","url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","contentUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png"},{"@type":"BreadcrumbList","@id":"https:\/\/bpsi.co.id\/bpsi-media\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bpsi.co.id\/"},{"@type":"ListItem","position":2,"name":"BPSI Media"}]},{"@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":"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten…","_links":{"self":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799","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=4799"}],"version-history":[{"count":21,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799\/revisions"}],"predecessor-version":[{"id":4893,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799\/revisions\/4893"}],"wp:attachment":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/media?parent=4799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hero Berita & Artikel | BPSI<\/title>\r\n <meta name=\"description\" content=\"Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi industri, dan perkembangan terbaru dari BPSI.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root{\r\n --bg: #f5f6f8;\r\n --surface: rgba(255,255,255,0.78);\r\n --surface-solid: #ffffff;\r\n --text: #0f1728;\r\n --muted: #667085;\r\n --soft: #98a2b3;\r\n --line: rgba(15, 23, 40, 0.08);\r\n --line-strong: rgba(15, 23, 40, 0.12);\r\n --brand: #31c417;\r\n --brand-deep: #1f8e22;\r\n --blue: #0b63ce;\r\n --shadow: 0 24px 60px rgba(15, 23, 40, 0.08);\r\n --shadow-soft: 0 12px 32px rgba(15, 23, 40, 0.06);\r\n --radius-xl: 34px;\r\n --radius-lg: 24px;\r\n --radius-md: 18px;\r\n --max: 1180px;\r\n --navy: #08152f;\r\n --navy-2: #0b1d3f;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n\r\n html{\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body{\r\n margin: 0;\r\n background:\r\n radial-gradient(circle at top left, rgba(49,196,23,0.06), transparent 30%),\r\n radial-gradient(circle at top right, rgba(11,99,206,0.06), transparent 28%),\r\n linear-gradient(180deg, #fbfbfc 0%, #f4f6f8 100%);\r\n color: var(--text);\r\n font-family: \"Inter\", sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n img{\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a{\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .wrap{\r\n width: min(var(--max), calc(100% - 32px));\r\n margin-inline: auto;\r\n }\r\n\r\n \/* HERO *\/\r\n .news-hero{\r\n position: relative;\r\n padding: 34px 0 80px;\r\n overflow: clip;\r\n }\r\n\r\n .news-hero::before{\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n top: -160px;\r\n left: -120px;\r\n border-radius: 999px;\r\n background: radial-gradient(circle, rgba(49,196,23,0.11), transparent 68%);\r\n pointer-events: none;\r\n filter: blur(10px);\r\n }\r\n\r\n .news-hero::after{\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n top: -140px;\r\n right: -120px;\r\n border-radius: 999px;\r\n background: radial-gradient(circle, rgba(11,99,206,0.10), transparent 68%);\r\n pointer-events: none;\r\n filter: blur(10px);\r\n }\r\n\r\n .hero-top{\r\n display: grid;\r\n grid-template-columns: 1.08fr 0.92fr;\r\n gap: 18px;\r\n align-items: stretch;\r\n padding: 18px;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-xl);\r\n backdrop-filter: blur(22px);\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n .hero-media{\r\n position: relative;\r\n min-height: 520px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n background: #dfe5ec;\r\n }\r\n\r\n .hero-media img{\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.02);\r\n animation: mediaFloat 1.1s ease both;\r\n }\r\n\r\n .hero-media::after{\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(to top, rgba(9,15,31,0.18), rgba(9,15,31,0.02) 38%, rgba(9,15,31,0.00)),\r\n linear-gradient(135deg, rgba(255,255,255,0.06), transparent 40%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-panel{\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 520px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n padding: clamp(28px, 4vw, 52px);\r\n background:\r\n radial-gradient(circle at 12% 16%, rgba(49,196,23,0.10), transparent 18%),\r\n radial-gradient(circle at 90% 10%, rgba(11,99,206,0.12), transparent 22%),\r\n linear-gradient(180deg, var(--navy) 0%, #071227 100%);\r\n color: #fff;\r\n }\r\n\r\n .hero-panel::before{\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(115deg, rgba(255,255,255,0.06), transparent 26%),\r\n radial-gradient(circle at bottom right, rgba(255,255,255,0.05), transparent 24%);\r\n pointer-events: none;\r\n }\r\n\r\n .eyebrow{\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n width: fit-content;\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n background: rgba(49,196,23,0.12);\r\n border: 1px solid rgba(49,196,23,0.14);\r\n color: #c6ffb9;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n animation: fadeUp .7s ease both;\r\n }\r\n\r\n .eyebrow::before{\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 999px;\r\n background: var(--brand);\r\n box-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n flex: 0 0 auto;\r\n }\r\n\r\n .hero-panel h1{\r\n position: relative;\r\n z-index: 1;\r\n margin: 18px 0 0;\r\n max-width: 620px;\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: clamp(34px, 4.8vw, 62px);\r\n line-height: 0.98;\r\n letter-spacing: -0.07em;\r\n font-weight: 800;\r\n color: #f8fbff;\r\n animation: fadeUp .85s ease both;\r\n animation-delay: .06s;\r\n }\r\n\r\n .hero-panel h1 .accent{\r\n color: transparent;\r\n background: linear-gradient(135deg, #ffffff 0%, #9ef780 46%, #8abfff 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n\r\n .hero-panel p{\r\n position: relative;\r\n z-index: 1;\r\n margin: 18px 0 0;\r\n max-width: 600px;\r\n color: rgba(255,255,255,0.78);\r\n font-size: clamp(15px, 1.6vw, 18px);\r\n line-height: 1.82;\r\n animation: fadeUp .95s ease both;\r\n animation-delay: .12s;\r\n }\r\n\r\n .hero-meta{\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 24px;\r\n animation: fadeUp 1s ease both;\r\n animation-delay: .18s;\r\n }\r\n\r\n .hero-meta span{\r\n display: inline-flex;\r\n align-items: center;\r\n min-height: 42px;\r\n padding: 0 15px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.10);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n color: rgba(255,255,255,0.92);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n transition: .28s ease;\r\n }\r\n\r\n .hero-meta span:hover{\r\n transform: translateY(-2px);\r\n background: rgba(255,255,255,0.12);\r\n }\r\n\r\n .hero-actions{\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 28px;\r\n animation: fadeUp 1.08s ease both;\r\n animation-delay: .24s;\r\n }\r\n\r\n .btn{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 52px;\r\n padding: 0 22px;\r\n border-radius: 999px;\r\n border: 1px solid transparent;\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n transition: .28s ease;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary{\r\n background: #ffffff;\r\n color: #0f1728;\r\n box-shadow: 0 14px 34px rgba(0,0,0,0.18);\r\n }\r\n\r\n .btn-primary:hover{\r\n transform: translateY(-2px) scale(1.01);\r\n background: #f8fbff;\r\n box-shadow: 0 18px 42px rgba(0,0,0,0.22);\r\n }\r\n\r\n .btn-secondary{\r\n background: rgba(255,255,255,0.06);\r\n color: #ffffff;\r\n border-color: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .btn-secondary:hover{\r\n transform: translateY(-2px);\r\n background: rgba(255,255,255,0.10);\r\n border-color: rgba(255,255,255,0.18);\r\n }\r\n\r\n .hero-bottom{\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .mini-panel,\r\n .featured-link{\r\n background: rgba(255,255,255,0.76);\r\n border: 1px solid var(--line);\r\n border-radius: 24px;\r\n box-shadow: var(--shadow-soft);\r\n backdrop-filter: blur(18px);\r\n }\r\n\r\n .mini-panel{\r\n padding: 24px 24px 22px;\r\n animation: fadeUp 1s ease both;\r\n animation-delay: .3s;\r\n }\r\n\r\n .mini-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 14px;\r\n }\r\n\r\n .mini-item{\r\n padding: 6px 4px;\r\n }\r\n\r\n .mini-item small{\r\n display: block;\r\n color: var(--soft);\r\n font-size: 12px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .mini-item strong{\r\n display: block;\r\n color: var(--text);\r\n font-size: 15px;\r\n line-height: 1.45;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .featured-link{\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n transition: .28s ease;\r\n animation: fadeUp 1.08s ease both;\r\n animation-delay: .34s;\r\n }\r\n\r\n .featured-link:hover{\r\n transform: translateY(-4px);\r\n border-color: rgba(49,196,23,0.24);\r\n box-shadow: 0 18px 42px rgba(15,23,40,0.10);\r\n }\r\n\r\n .featured-link .label{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: var(--brand-deep);\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .featured-link .label::before{\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 999px;\r\n background: var(--brand);\r\n box-shadow: 0 0 0 6px rgba(49,196,23,0.10);\r\n }\r\n\r\n .featured-link h2{\r\n margin: 0;\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: clamp(20px, 2vw, 28px);\r\n line-height: 1.06;\r\n letter-spacing: -0.05em;\r\n font-weight: 800;\r\n color: #0f1728;\r\n }\r\n\r\n .featured-link p{\r\n margin: 10px 0 0;\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.75;\r\n max-width: 420px;\r\n }\r\n\r\n .arrow-chip{\r\n flex: 0 0 auto;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 999px;\r\n display: grid;\r\n place-items: center;\r\n background: #0f1728;\r\n color: #fff;\r\n box-shadow: 0 14px 30px rgba(15,23,40,0.16);\r\n transition: .28s ease;\r\n font-size: 18px;\r\n font-weight: 900;\r\n }\r\n\r\n .featured-link:hover .arrow-chip{\r\n transform: translateX(4px) rotate(-6deg);\r\n background: #09101d;\r\n }\r\n\r\n .reveal{\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity .7s ease, transform .7s ease;\r\n }\r\n\r\n .reveal.in-view{\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @keyframes fadeUp{\r\n from{\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n to{\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes mediaFloat{\r\n from{\r\n opacity: 0;\r\n transform: scale(1.05) translateY(18px);\r\n }\r\n to{\r\n opacity: 1;\r\n transform: scale(1.02) translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 1080px){\r\n .hero-top{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-media,\r\n .hero-panel{\r\n min-height: 420px;\r\n }\r\n\r\n .hero-bottom{\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 720px){\r\n .news-hero{\r\n padding: 20px 0 56px;\r\n }\r\n\r\n .wrap{\r\n width: min(var(--max), calc(100% - 20px));\r\n }\r\n\r\n .hero-top{\r\n padding: 12px;\r\n gap: 12px;\r\n border-radius: 26px;\r\n }\r\n\r\n .hero-media,\r\n .hero-panel{\r\n border-radius: 22px;\r\n }\r\n\r\n .hero-media{\r\n min-height: 320px;\r\n }\r\n\r\n .hero-panel{\r\n min-height: auto;\r\n padding: 24px 20px 22px;\r\n }\r\n\r\n .hero-panel h1{\r\n font-size: clamp(30px, 10vw, 44px);\r\n }\r\n\r\n .hero-panel p{\r\n font-size: 15px;\r\n line-height: 1.75;\r\n }\r\n\r\n .hero-meta{\r\n gap: 8px;\r\n }\r\n\r\n .hero-meta span{\r\n min-height: 38px;\r\n padding: 0 12px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero-actions{\r\n width: 100%;\r\n }\r\n\r\n .btn{\r\n width: 100%;\r\n }\r\n\r\n .mini-panel{\r\n padding: 18px;\r\n }\r\n\r\n .mini-grid{\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .featured-link{\r\n padding: 18px;\r\n align-items: flex-start;\r\n }\r\n\r\n .arrow-chip{\r\n width: 46px;\r\n height: 46px;\r\n font-size: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"news-hero\" aria-label=\"Hero Berita dan Artikel\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"hero-top reveal\">\r\n <div class=\"hero-media\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Booth DYNEX BPSI di pameran industri\" \/>\r\n <\/div>\r\n\r\n <div class=\"hero-panel\">\r\n <div class=\"eyebrow\">Berita & Artikel BPSI<\/div>\r\n\r\n <h1>\r\n Wawasan <span class=\"accent\">Terbaru<\/span><br>\r\n untuk Industri yang Bergerak Cepat\r\n <\/h1>\r\n\r\n <p>\r\n Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional,\r\n solusi baterai, serta perkembangan industri yang relevan untuk mendukung\r\n keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya.\r\n <\/p>\r\n\r\n <div class=\"hero-meta\" aria-label=\"Kategori utama\">\r\n <span>Insight Industri<\/span>\r\n <span>Update Terbaru<\/span>\r\n <span>Solusi Operasional<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#artikel-terbaru\" class=\"btn btn-primary\">Baca Artikel<\/a>\r\n <a href=\"\/contact-us\/\" class=\"btn btn-secondary\">Hubungi Kami<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-bottom\">\r\n <div class=\"mini-panel reveal\" aria-label=\"Informasi ringkas\">\r\n <div class=\"mini-grid\">\r\n <div class=\"mini-item\">\r\n <small>Konten Pilihan<\/small>\r\n <strong>Artikel, berita, dan insight industri yang relevan<\/strong>\r\n <\/div>\r\n <div class=\"mini-item\">\r\n <small>Fokus Pembahasan<\/small>\r\n <strong>Battery solution, forklift support, dan operasional<\/strong>\r\n <\/div>\r\n <div class=\"mini-item\">\r\n <small>Tujuan Halaman<\/small>\r\n <strong>Menyajikan wawasan terpercaya untuk kebutuhan bisnis<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"featured-link reveal\" href=\"\/contact-us\/\" aria-label=\"Lihat informasi pameran DYNEX Exhibition Booth\">\r\n <div>\r\n <div class=\"label\">DYNEX Exhibition Booth<\/div>\r\n <h2>BPSI at Exhibition 2025<\/h2>\r\n <p>\r\n Kenali lebih dekat solusi traction battery, battery accessories,\r\n dan industrial power support untuk kebutuhan operasional modern.\r\n <\/p>\r\n <\/div>\r\n <div class=\"arrow-chip\" aria-hidden=\"true\">\u2192<\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('in-view');\r\n }\r\n });\r\n }, { threshold: 0.16 });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8de9629 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8de9629\" 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\n\r\n<section class=\"bpsi-news-page\" id=\"bpsiNewsPage\">\r\n\r\n<style>\r\n.bpsi-news-page {\r\n--bg: #f6f7f9;\r\n--surface: #ffffff;\r\n--text: #101828;\r\n--muted: #667085;\r\n--soft-muted: #98a2b3;\r\n--line: rgba(16, 24, 40, 0.08);\r\n--dark: #111827;\r\n--green: #31c417;\r\n--green-dark: #187a2f;\r\n--red: #e63946;\r\n--shadow: 0 22px 60px rgba(16, 24, 40, 0.08);\r\n--shadow-soft: 0 12px 34px rgba(16, 24, 40, 0.06);\r\n--radius-xl: 34px;\r\n--radius-lg: 24px;\r\n--max: 1180px;\r\n\r\nbackground:\r\nradial-gradient(circle at top left, rgba(49, 196, 23, 0.08), transparent 34%),\r\nradial-gradient(circle at top right, rgba(11, 99, 206, 0.07), transparent 30%),\r\nvar(--bg);\r\nfont-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\ncolor: var(--text);\r\noverflow: hidden;\r\n}\r\n\r\n.bpsi-news-page * {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.bpsi-news-wrap {\r\nwidth: min(var(--max), calc(100% - 36px));\r\nmargin: 0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.bpsi-news-hero {\r\npadding: 92px 0 56px;\r\ntext-align: center;\r\nposition: relative;\r\n}\r\n\r\n.bpsi-news-eyebrow {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 9px;\r\npadding: 8px 14px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.72);\r\nbackdrop-filter: blur(18px);\r\nbox-shadow: 0 10px 28px rgba(16,24,40,0.05);\r\ncolor: #344054;\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nletter-spacing: -0.01em;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-news-eyebrow span {\r\nwidth: 8px;\r\nheight: 8px;\r\nborder-radius: 999px;\r\nbackground: var(--green);\r\nbox-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\nfont-size: clamp(42px, 7vw, 86px);\r\nline-height: 0.96;\r\nletter-spacing: -0.075em;\r\nfont-weight: 850;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-news-hero h1 em {\r\nfont-style: normal;\r\ncolor: transparent;\r\nbackground: linear-gradient(135deg, #111827 10%, #31c417 70%, #0b63ce);\r\n-webkit-background-clip: text;\r\nbackground-clip: text;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmax-width: 720px;\r\nmargin: 24px auto 0;\r\nfont-size: clamp(15px, 1.5vw, 18px);\r\nline-height: 1.75;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-news-actions {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 12px;\r\nflex-wrap: wrap;\r\nmargin-top: 34px;\r\n}\r\n\r\n.bpsi-btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nmin-height: 48px;\r\npadding: 0 20px;\r\nborder-radius: 999px;\r\ntext-decoration: none;\r\nfont-size: 14px;\r\nfont-weight: 800;\r\nletter-spacing: -0.02em;\r\ntransition: 0.28s ease;\r\nborder: 1px solid transparent;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.bpsi-btn-dark {\r\ncolor: #fff;\r\nbackground: #111827;\r\nbox-shadow: 0 14px 34px rgba(17,24,39,0.18);\r\n}\r\n\r\n.bpsi-btn-dark:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\nbox-shadow: 0 18px 42px rgba(17,24,39,0.24);\r\n}\r\n\r\n.bpsi-btn-light {\r\ncolor: #111827;\r\nbackground: rgba(255,255,255,0.76);\r\nborder-color: var(--line);\r\nbox-shadow: 0 12px 28px rgba(16,24,40,0.06);\r\n}\r\n\r\n.bpsi-btn-light:hover {\r\ntransform: translateY(-2px);\r\nbackground: #fff;\r\nborder-color: rgba(49,196,23,0.35);\r\n}\r\n\r\n\/* FEATURED *\/\r\n\r\n.bpsi-featured {\r\npadding: 20px 0 58px;\r\n}\r\n\r\n.bpsi-featured-card {\r\ndisplay: grid;\r\ngrid-template-columns: 1.08fr 0.92fr;\r\ngap: 18px;\r\npadding: 18px;\r\nbackground: rgba(255,255,255,0.76);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\nbox-shadow: var(--shadow);\r\nbackdrop-filter: blur(24px);\r\n}\r\n\r\n.bpsi-featured-media {\r\nmin-height: 430px;\r\nborder-radius: 26px;\r\noverflow: hidden;\r\nposition: relative;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-featured-media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\nposition: absolute;\r\ninset: 0;\r\ntransform: scale(1.01);\r\n}\r\n\r\n.bpsi-featured-media::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(to top, rgba(9,15,31,0.72), transparent 55%),\r\nradial-gradient(circle at 20% 10%, rgba(49,196,23,0.18), transparent 34%);\r\nz-index: 1;\r\n}\r\n\r\n.bpsi-featured-badge {\r\nposition: absolute;\r\ntop: 18px;\r\nleft: 18px;\r\nz-index: 2;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\npadding: 9px 13px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.92);\r\ncolor: #111827;\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nbox-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.bpsi-featured-badge span {\r\nwidth: 7px;\r\nheight: 7px;\r\nbackground: var(--green);\r\nborder-radius: 999px;\r\n}\r\n\r\n.bpsi-featured-caption {\r\nposition: absolute;\r\nleft: 24px;\r\nright: 24px;\r\nbottom: 24px;\r\nz-index: 2;\r\ncolor: #fff;\r\n}\r\n\r\n.bpsi-featured-caption small {\r\ndisplay: block;\r\nmargin-bottom: 8px;\r\nfont-size: 12px;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-weight: 700;\r\n}\r\n\r\n.bpsi-featured-caption strong {\r\ndisplay: block;\r\nmax-width: 520px;\r\nfont-size: clamp(26px, 3vw, 42px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: clamp(24px, 4vw, 42px);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-kicker {\r\ndisplay: inline-flex;\r\nwidth: fit-content;\r\npadding: 7px 12px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n.bpsi-featured-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(30px, 4vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.065em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-featured-content p {\r\nmargin: 18px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 16px;\r\nline-height: 1.78;\r\n}\r\n\r\n.bpsi-event-meta {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 12px;\r\nmargin-top: 26px;\r\n}\r\n\r\n.bpsi-meta-box {\r\nbackground: #f8fafc;\r\nborder: 1px solid var(--line);\r\nborder-radius: 18px;\r\npadding: 16px;\r\n}\r\n\r\n.bpsi-meta-box span {\r\ndisplay: block;\r\nfont-size: 12px;\r\ncolor: var(--soft-muted);\r\nfont-weight: 800;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.bpsi-meta-box strong {\r\ndisplay: block;\r\nfont-size: 15px;\r\ncolor: #111827;\r\nline-height: 1.35;\r\nfont-weight: 850;\r\n}\r\n\r\n.bpsi-featured-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 26px;\r\n}\r\n\r\n\/* SECTION HEAD *\/\r\n\r\n.bpsi-section-head {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: flex-end;\r\ngap: 28px;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-section-head h2 {\r\nmargin: 0;\r\nfont-size: clamp(32px, 4.2vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-section-head p {\r\nmax-width: 520px;\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\nline-height: 1.7;\r\n}\r\n\r\n.bpsi-filter-pills {\r\ndisplay: flex;\r\ngap: 8px;\r\nflex-wrap: wrap;\r\njustify-content: flex-end;\r\n}\r\n\r\n.bpsi-pill {\r\nborder: 1px solid var(--line);\r\nbackground: rgba(255,255,255,0.8);\r\ncolor: #344054;\r\nborder-radius: 999px;\r\npadding: 9px 13px;\r\nfont-size: 12px;\r\nfont-weight: 800;\r\nbox-shadow: 0 10px 24px rgba(16,24,40,0.04);\r\n}\r\n\r\n.bpsi-pill.active {\r\nbackground: #111827;\r\ncolor: #fff;\r\nborder-color: #111827;\r\n}\r\n\r\n\/* ARTICLE GRID *\/\r\n\r\n.bpsi-news-section {\r\npadding: 36px 0 68px;\r\n}\r\n\r\n.bpsi-news-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-news-card {\r\nbackground: rgba(255,255,255,0.82);\r\nborder: 1px solid var(--line);\r\nborder-radius: 22px;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-soft);\r\ntransition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n}\r\n\r\n.bpsi-news-card:hover {\r\ntransform: translateY(-6px);\r\nborder-color: rgba(49,196,23,0.28);\r\nbox-shadow: 0 24px 58px rgba(16,24,40,0.12);\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 192px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-card-img img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.02);\r\ntransition: transform 0.45s ease;\r\n}\r\n\r\n.bpsi-news-card:hover .bpsi-card-img img {\r\ntransform: scale(1.07);\r\n}\r\n\r\n.bpsi-card-category {\r\nposition: absolute;\r\nleft: 14px;\r\ntop: 14px;\r\nz-index: 2;\r\npadding: 7px 10px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.9);\r\ncolor: #111827;\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nbox-shadow: 0 10px 24px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bpsi-card-body {\r\npadding: 18px 18px 20px;\r\n}\r\n\r\n.bpsi-card-date {\r\ncolor: #667085;\r\nfont-size: 12px;\r\nfont-weight: 700;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-card-body h3 {\r\nmargin: 0;\r\nfont-size: 19px;\r\nline-height: 1.18;\r\nletter-spacing: -0.035em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-card-body p {\r\nmargin: 12px 0 0;\r\nfont-size: 13.5px;\r\nline-height: 1.7;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-readmore {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nmargin-top: 18px;\r\nmin-height: 38px;\r\npadding: 0 13px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\ntext-decoration: none;\r\ncolor: #111827;\r\nbackground: #fff;\r\nfont-size: 12px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore span {\r\ncolor: var(--red);\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore:hover {\r\nborder-color: rgba(49,196,23,0.36);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.bpsi-readmore:hover span {\r\ntransform: translateX(3px);\r\n}\r\n\r\n.bpsi-center-action {\r\ndisplay: flex;\r\njustify-content: center;\r\nmargin-top: 38px;\r\n}\r\n\r\n.bpsi-see-more {\r\nborder: 0;\r\ncursor: pointer;\r\nmin-height: 46px;\r\npadding: 0 20px;\r\nborder-radius: 13px;\r\nbackground: #171b22;\r\ncolor: #fff;\r\nfont-size: 13px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\nbox-shadow: 0 14px 30px rgba(17,24,39,0.16);\r\n}\r\n\r\n.bpsi-see-more:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\n}\r\n\r\n\/* EVENT STRIP *\/\r\n\r\n.bpsi-event-strip {\r\npadding: 18px 0 68px;\r\n}\r\n\r\n.bpsi-strip-card {\r\ndisplay: grid;\r\ngrid-template-columns: 0.9fr 1.1fr;\r\ngap: 0;\r\nbackground: #111827;\r\nborder-radius: var(--radius-xl);\r\noverflow: hidden;\r\nbox-shadow: 0 28px 80px rgba(17,24,39,0.22);\r\n}\r\n\r\n.bpsi-strip-visual {\r\nmin-height: 420px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #0f172a;\r\n}\r\n\r\n.bpsi-strip-visual img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nposition: absolute;\r\ninset: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-strip-visual::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(135deg, rgba(17,24,39,0.08), rgba(17,24,39,0.68));\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: clamp(28px, 5vw, 58px);\r\ncolor: #fff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-kicker {\r\nbackground: rgba(49,196,23,0.14);\r\ncolor: #b8ffae;\r\n}\r\n\r\n.bpsi-strip-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(34px, 4.6vw, 62px);\r\nline-height: 0.98;\r\nletter-spacing: -0.07em;\r\nfont-weight: 950;\r\n}\r\n\r\n.bpsi-strip-content p {\r\nmargin: 18px 0 0;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-size: 15.5px;\r\nline-height: 1.8;\r\n}\r\n\r\n.bpsi-strip-meta {\r\ndisplay: flex;\r\ngap: 10px;\r\nflex-wrap: wrap;\r\nmargin-top: 24px;\r\n}\r\n\r\n.bpsi-strip-meta span {\r\ndisplay: inline-flex;\r\npadding: 10px 13px;\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.06);\r\ncolor: rgba(255,255,255,0.86);\r\nfont-size: 12px;\r\nfont-weight: 800;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 28px;\r\nbackground: #fff;\r\ncolor: #111827;\r\n}\r\n\r\n\/* VIDEO *\/\r\n\r\n.bpsi-video-section {\r\npadding: 8px 0 90px;\r\n}\r\n\r\n.bpsi-video-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-video-card {\r\nbackground: rgba(255,255,255,0.78);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\npadding: 14px;\r\nbox-shadow: var(--shadow-soft);\r\n}\r\n\r\n.bpsi-video-frame {\r\nposition: relative;\r\nwidth: 100%;\r\naspect-ratio: 16 \/ 9;\r\noverflow: hidden;\r\nborder-radius: 24px;\r\nbackground: #111827;\r\n}\r\n\r\n.bpsi-video-frame iframe {\r\nwidth: 100%;\r\nheight: 100%;\r\nborder: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-video-info {\r\npadding: 18px 8px 8px;\r\n}\r\n\r\n.bpsi-video-info span {\r\ndisplay: inline-flex;\r\npadding: 7px 11px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-video-info h3 {\r\nmargin: 0;\r\nfont-size: 21px;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-video-info p {\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.65;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1024px) {\r\n.bpsi-news-grid {\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.bpsi-featured-card,\r\n.bpsi-strip-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 360px;\r\n}\r\n\r\n.bpsi-section-head {\r\nalign-items: flex-start;\r\nflex-direction: column;\r\n}\r\n\r\n.bpsi-filter-pills {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n.bpsi-news-wrap {\r\nwidth: min(100% - 24px, var(--max));\r\n}\r\n\r\n.bpsi-news-hero {\r\npadding: 64px 0 38px;\r\ntext-align: left;\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nletter-spacing: -0.06em;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmargin-left: 0;\r\nmargin-right: 0;\r\n}\r\n\r\n.bpsi-news-actions {\r\njustify-content: flex-start;\r\n}\r\n\r\n.bpsi-btn {\r\nwidth: 100%;\r\n}\r\n\r\n.bpsi-featured-card {\r\npadding: 10px;\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 280px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: 20px 10px 14px;\r\n}\r\n\r\n.bpsi-event-meta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-news-grid,\r\n.bpsi-video-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 16px;\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 210px;\r\n}\r\n\r\n.bpsi-strip-card,\r\n.bpsi-video-card {\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: 26px 22px 28px;\r\n}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"bpsi-featured\">\r\n<div class=\"bpsi-news-wrap\">\r\n<article class=\"bpsi-featured-card\">\r\n\r\n<div class=\"bpsi-featured-media\">\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Pameran Forklift Indonesia bersama PT Battery Power Solutions International BPSI\">\r\n\r\n<div class=\"bpsi-featured-badge\">\r\n<span><\/span>\r\nFeatured Exhibition\r\n<\/div>\r\n\r\n<div class=\"bpsi-featured-caption\">\r\n<small>JIExpo Kemayoran Jakarta<\/small>\r\n<strong>Forklift Indonesia Exhibition<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"bpsi-featured-content\">\r\n<div class=\"bpsi-kicker\">Stay Ahead with PT. BPSI<\/div>\r\n\r\n<h2>Forklift Indonesia Exhibition<\/h2>\r\n\r\n<p>\r\nPT. Battery Power Solutions International (BPSI), perusahaan solusi baterai industri\r\nterpercaya di Indonesia, turut berpartisipasi dalam Forklift Indonesia Exhibition.\r\nEvent ini menjadi platform penting untuk memperkenalkan teknologi, solusi battery forklift,\r\ncharger, dan inovasi material handling bagi industri modern.\r\n<\/p>\r\n\r\n<div class=\"bpsi-event-meta\">\r\n<div class=\"bpsi-meta-box\">\r\n<span>Date<\/span>\r\n<strong>21\u201323 May 2025<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Venue<\/span>\r\n<strong>JIExpo Kemayoran, Jakarta<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Category<\/span>\r\n<strong>Forklift & Material Handling<\/strong>\r\n<\/div>\r\n\r\n<div class=\"bpsi-meta-box\">\r\n<span>Focus<\/span>\r\n<strong>Battery, Charger & Industrial Power<\/strong>\r\n<\/div>\r\n<\/div>\r\n\r\n<a href=\"\/contact-us\/\" class=\"bpsi-btn bpsi-btn-dark\">Contact Us \u2192<\/a>\r\n<\/div>\r\n\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bpsi-news-section\" id=\"bpsiArticles\">\r\n<div class=\"bpsi-news-wrap\">\r\n\r\n<div class=\"bpsi-section-head\">\r\n<div>\r\n<h2>Articles<\/h2>\r\n<p>\r\n\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-filter-pills\">\r\n<span class=\"bpsi-pill active\">All<\/span>\r\n<span class=\"bpsi-pill\">Battery<\/span>\r\n<span class=\"bpsi-pill\">Exhibition<\/span>\r\n<span class=\"bpsi-pill\">Technology<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"bpsi-news-grid\">\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Exhibition<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Booth pameran Dynex BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">2025 Exhibition Highlight<\/div>\r\n\r\n<h3>Engaging Moments at the DYNEX Exhibition Booth<\/h3>\r\n\r\n<p>\r\nBPSI menampilkan DYNEX traction battery sebagai solusi baterai forklift industri\r\nuntuk kebutuhan warehouse, logistics, manufacturing, dan operasional multi-shift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Industrial Event<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Forklift Indonesia Exhibition BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">21\u201323 May 2025<\/div>\r\n\r\n<h3>BPSI Present at Forklift Indonesia Exhibition<\/h3>\r\n\r\n<p>\r\nBPSI hadir di JIExpo Kemayoran Jakarta untuk memperkenalkan solusi battery forklift,\r\ncharger, battery accessories, dan industrial power support.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Product Display<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2025\/08\/3-scaled.png\" alt=\"Display produk BPSI di pameran forklift Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Product Showcase<\/div>\r\n\r\n<h3>Battery Accessories Display at the Exhibition<\/h3>\r\n\r\n<p>\r\nBPSI menampilkan rangkaian battery accessories untuk mendukung instalasi,\r\nperawatan, keamanan, dan performa baterai forklift industri.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Market Insight<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png\" alt=\"Dynex industrial forklift battery market Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Industrial Battery Insight<\/div>\r\n\r\n<h3>Dynex Dominates the Industrial Forklift Battery Market in Indonesia<\/h3>\r\n\r\n<p>\r\nDynex bersama PT Battery Power Solutions International mengajak industri forklift\r\nIndonesia beralih ke sistem baterai yang lebih efisien, stabil, dan ramah lingkungan.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Technology<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2025\/08\/3-scaled.png\" alt=\"Inovasi teknologi baterai forklift BPSI\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Technology Insight<\/div>\r\n\r\n<h3>Innovations in Battery Technology<\/h3>\r\n\r\n<p>\r\nMengenal perkembangan teknologi baterai industri dan dampaknya terhadap produktivitas,\r\nefisiensi energi, serta reliability operasional forklift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-news-card\">\r\n<div class=\"bpsi-card-img\">\r\n<span class=\"bpsi-card-category\">Energy<\/span>\r\n<img decoding=\"async\" src=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2026\/05\/Forklift-Indonesia.png\" alt=\"Future energy storage dan battery forklift Indonesia\">\r\n<\/div>\r\n\r\n<div class=\"bpsi-card-body\">\r\n<div class=\"bpsi-card-date\">Energy Storage Insight<\/div>\r\n\r\n<h3>The Future of Energy Storage<\/h3>\r\n\r\n<p>\r\nTren penyimpanan energi terus berkembang. Industri membutuhkan solusi baterai yang\r\nlebih aman, efisien, tahan lama, dan siap mendukung operasional multi-shift.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"bpsi-readmore\">Read More <span>\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n\r\n<div class=\"bpsi-center-action\">\r\n<button class=\"bpsi-see-more\" type=\"button\">See More<\/button>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\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-958a75d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"958a75d\" 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<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>BPSI | Pilar Utama Baterai Forklift<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n--bg:#f3f4f6;\r\n--panel:#efefef;\r\n--card:#f1f1f1;\r\n--white:#ffffff;\r\n--text:#1f2937;\r\n--muted:#6b7280;\r\n--line:#d8dadd;\r\n--dark:#202225;\r\n--accent:#d92d20;\r\n--accent-2:#2563eb;\r\n--accent-soft:#eef4ff;\r\n--shadow:0 14px 34px rgba(15,23,42,.06);\r\n--radius-xl:18px;\r\n--radius-lg:14px;\r\n--radius-md:12px;\r\n--wrap:1280px;\r\n}\r\n\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\nmargin:0;\r\nbackground:var(--bg);\r\ncolor:var(--text);\r\nfont-family:\"Inter\",\"Manrope\",sans-serif;\r\n-webkit-font-smoothing:antialiased;\r\ntext-rendering:optimizeLegibility;\r\n}\r\n\r\n.bpsi-silo{\r\npadding:18px 22px 28px;\r\nbackground:var(--bg);\r\n}\r\n\r\n.bpsi-wrap{\r\nmax-width:var(--wrap);\r\nmargin:0 auto;\r\ndisplay:grid;\r\ngrid-template-columns:minmax(0,2.25fr) minmax(280px,360px);\r\ngap:28px;\r\nalign-items:start;\r\n}\r\n\r\n.bpsi-title{\r\nmargin:0 0 12px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:clamp(30px,3vw,46px);\r\nline-height:1;\r\nletter-spacing:-.04em;\r\nfont-weight:800;\r\ncolor:#1d1d1f;\r\n}\r\n\r\n.bpsi-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,minmax(0,1fr));\r\ngap:28px;\r\n}\r\n\r\n.bpsi-card{\r\nbackground:var(--panel);\r\nborder:1px solid rgba(0,0,0,.03);\r\nborder-radius:var(--radius-xl);\r\noverflow:hidden;\r\nbox-shadow:var(--shadow);\r\ntransition:transform .28s ease, box-shadow .28s ease, opacity .28s ease;\r\ntransform:translateY(18px);\r\nopacity:0;\r\nanimation:bpsiReveal .7s ease forwards;\r\n}\r\n.bpsi-card:nth-child(2){animation-delay:.12s}\r\n.bpsi-card:nth-child(3){animation-delay:.22s}\r\n.bpsi-card:nth-child(4){animation-delay:.32s}\r\n.bpsi-card:nth-child(5){animation-delay:.42s}\r\n.bpsi-card:nth-child(6){animation-delay:.52s}\r\n\r\n@keyframes bpsiReveal{\r\nto{transform:translateY(0);opacity:1}\r\n}\r\n\r\n.bpsi-card:hover{\r\ntransform:translateY(-5px);\r\nbox-shadow:0 18px 44px rgba(15,23,42,.09);\r\n}\r\n\r\n.bpsi-media{\r\naspect-ratio:1.35\/1;\r\noverflow:hidden;\r\nbackground:#dbe3ec;\r\nposition:relative;\r\n}\r\n\r\n.bpsi-media svg{\r\nwidth:100%;\r\nheight:100%;\r\ndisplay:block;\r\ntransition:transform .7s ease;\r\n}\r\n\r\n.bpsi-card:hover .bpsi-media svg{\r\ntransform:scale(1.05);\r\n}\r\n\r\n.bpsi-content{\r\npadding:22px 20px 20px;\r\n}\r\n\r\n.bpsi-meta{\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\ngap:12px;\r\nmargin-bottom:12px;\r\n}\r\n\r\n.bpsi-date{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:8px;\r\ncolor:var(--muted);\r\nfont-size:14px;\r\nfont-weight:600;\r\n}\r\n\r\n.bpsi-share{\r\nwidth:38px;\r\nheight:38px;\r\nborder-radius:999px;\r\nborder:1px solid var(--line);\r\nbackground:rgba(255,255,255,.45);\r\ndisplay:grid;\r\nplace-items:center;\r\ncolor:#7b7b7b;\r\ncursor:pointer;\r\ntransition:.25s ease;\r\nbackdrop-filter:blur(8px);\r\n}\r\n\r\n.bpsi-share:hover{\r\ncolor:var(--accent);\r\nborder-color:#efc5c2;\r\nbackground:#fff;\r\ntransform:translateY(-2px);\r\n}\r\n\r\n.bpsi-card-title{\r\nmargin:0 0 14px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:clamp(21px,1.4vw,25px);\r\nline-height:1.26;\r\nletter-spacing:-.03em;\r\nfont-weight:800;\r\ncolor:#23262b;\r\n}\r\n\r\n.bpsi-excerpt{\r\nmargin:0 0 22px;\r\ncolor:var(--muted);\r\nfont-size:15px;\r\nline-height:1.72;\r\nmin-height:108px;\r\n}\r\n\r\n.bpsi-btn{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:12px;\r\nmin-height:38px;\r\npadding:10px 16px;\r\nborder-radius:12px;\r\nborder:1px solid var(--line);\r\nbackground:#f8f8f8;\r\ncolor:#222;\r\ntext-decoration:none;\r\nfont-size:14px;\r\nfont-weight:700;\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-btn:hover{\r\nbackground:#fff;\r\ntransform:translateY(-1px);\r\nbox-shadow:0 8px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.bpsi-arrow{\r\ncolor:var(--accent);\r\nfont-size:16px;\r\ntransition:transform .25s ease;\r\n}\r\n\r\n.bpsi-btn:hover .bpsi-arrow{\r\ntransform:translateX(4px);\r\n}\r\n\r\n.bpsi-sidebar{\r\nopacity:0;\r\ntransform:translateY(18px);\r\nanimation:bpsiReveal .7s ease .18s forwards;\r\n}\r\n\r\n.bpsi-sidebar-panel{\r\npadding:0 2px;\r\n}\r\n\r\n.bpsi-select-wrap{\r\nposition:relative;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.bpsi-select{\r\nwidth:100%;\r\nheight:52px;\r\nborder-radius:10px;\r\nborder:1px solid #cfcfcf;\r\nbackground:#f7f7f7;\r\ncolor:#4b5563;\r\nfont-size:16px;\r\nfont-weight:500;\r\npadding:0 46px 0 14px;\r\nappearance:none;\r\noutline:none;\r\nfont-family:\"Inter\",\"Manrope\",sans-serif;\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-select:focus{\r\nbackground:#fff;\r\nborder-color:#b9c8eb;\r\nbox-shadow:0 0 0 4px rgba(37,99,235,.08);\r\n}\r\n\r\n.bpsi-caret{\r\nposition:absolute;\r\nright:14px;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\npointer-events:none;\r\ncolor:#888;\r\n}\r\n\r\n.bpsi-side-box{\r\nmargin-top:18px;\r\nbackground:linear-gradient(180deg, #f5f7fa 0%, #f0f1f3 100%);\r\nborder:1px solid rgba(0,0,0,.05);\r\nborder-radius:18px;\r\npadding:18px;\r\nbox-shadow:var(--shadow);\r\n}\r\n\r\n.bpsi-side-box h3{\r\nmargin:0 0 10px;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:18px;\r\nline-height:1.2;\r\nletter-spacing:-.02em;\r\nfont-weight:800;\r\ncolor:#1f2937;\r\n}\r\n\r\n.bpsi-side-box p{\r\nmargin:0 0 14px;\r\ncolor:var(--muted);\r\nfont-size:14px;\r\nline-height:1.65;\r\n}\r\n\r\n.bpsi-chip-list{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:8px;\r\nmargin-bottom:14px;\r\n}\r\n\r\n.bpsi-chip{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\nmin-height:32px;\r\npadding:7px 12px;\r\nborder-radius:999px;\r\nbackground:#fff;\r\nborder:1px solid var(--line);\r\ncolor:#334155;\r\nfont-size:12px;\r\nfont-weight:700;\r\nletter-spacing:.01em;\r\n}\r\n\r\n.bpsi-side-actions{\r\ndisplay:flex;\r\njustify-content:center;\r\npadding-top:10px;\r\n}\r\n\r\n.bpsi-see-more{\r\nmin-width:108px;\r\nheight:42px;\r\nborder:none;\r\nborder-radius:12px;\r\nbackground:#1f1f1f;\r\ncolor:#fff;\r\nfont-family:\"Manrope\",sans-serif;\r\nfont-size:15px;\r\nfont-weight:800;\r\ncursor:pointer;\r\nbox-shadow:0 10px 22px rgba(0,0,0,.12);\r\ntransition:.25s ease;\r\n}\r\n\r\n.bpsi-see-more:hover{\r\ntransform:translateY(-2px) scale(1.02);\r\nbackground:#111;\r\n}\r\n\r\n.bpsi-hidden{display:none !important}\r\n\r\n.bpsi-sr-only{\r\nposition:absolute;\r\nwidth:1px;height:1px;\r\npadding:0;margin:-1px;\r\noverflow:hidden;clip:rect(0,0,0,0);\r\nborder:0;white-space:nowrap;\r\n}\r\n\r\n@media (max-width:1180px){\r\n.bpsi-wrap{\r\ngrid-template-columns:1fr;\r\n}\r\n.bpsi-sidebar{\r\norder:-1;\r\n}\r\n.bpsi-sidebar-panel{\r\nmax-width:460px;\r\n}\r\n.bpsi-side-actions{\r\njustify-content:flex-start;\r\n}\r\n}\r\n\r\n@media (max-width:980px){\r\n.bpsi-grid{\r\ngrid-template-columns:repeat(2,minmax(0,1fr));\r\n}\r\n}\r\n\r\n@media (max-width:640px){\r\n.bpsi-silo{\r\npadding:16px 14px 24px;\r\n}\r\n.bpsi-grid{\r\ngrid-template-columns:1fr;\r\ngap:18px;\r\n}\r\n.bpsi-content{\r\npadding:18px 16px;\r\n}\r\n.bpsi-excerpt{\r\nmin-height:auto;\r\n}\r\n.bpsi-title{\r\nfont-size:34px;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"bpsi-silo\">\r\n<div class=\"bpsi-wrap\">\r\n<div class=\"bpsi-main\">\r\n<h2 class=\"bpsi-title\">Baterai Forklift<\/h2>\r\n\r\n<div class=\"bpsi-grid\" id=\"bpsiGrid\">\r\n<article class=\"bpsi-card\" data-category=\"battery edukasi leadacid lithium\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#dbeafe\"\/>\r\n<stop offset=\"100%\" stop-color=\"#eff6ff\"\/>\r\n<\/linearGradient>\r\n<linearGradient id=\"g1d\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#0f172a\"\/>\r\n<stop offset=\"100%\" stop-color=\"#1e293b\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g1)\"\/>\r\n<rect x=\"0\" y=\"365\" width=\"800\" height=\"195\" fill=\"#dfe6ee\"\/>\r\n<rect x=\"90\" y=\"120\" width=\"620\" height=\"250\" rx=\"18\" fill=\"url(#g1d)\"\/>\r\n<rect x=\"130\" y=\"160\" width=\"180\" height=\"170\" rx=\"14\" fill=\"#111827\"\/>\r\n<rect x=\"340\" y=\"160\" width=\"180\" height=\"170\" rx=\"14\" fill=\"#1d4ed8\"\/>\r\n<rect x=\"550\" y=\"160\" width=\"120\" height=\"170\" rx=\"14\" fill=\"#374151\"\/>\r\n<rect x=\"160\" y=\"188\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#60a5fa\"\/>\r\n<rect x=\"160\" y=\"225\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"160\" y=\"255\" width=\"140\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"370\" y=\"188\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"370\" y=\"225\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<rect x=\"370\" y=\"255\" width=\"140\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<rect x=\"250\" y=\"390\" width=\"300\" height=\"40\" rx=\"12\" fill=\"#0f172a\"\/>\r\n<circle cx=\"300\" cy=\"455\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"300\" cy=\"455\" r=\"14\" fill=\"#9ca3af\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"14\" fill=\"#9ca3af\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>17 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Lead Acid vs Lithium Forklift Battery<\/h3>\r\n<p class=\"bpsi-excerpt\">Bandingkan biaya awal, charging time, maintenance, efisiensi energi, dan umur pakai untuk menentukan baterai forklift yang paling tepat.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery edukasi maintenance service\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#e2e8f0\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g2)\"\/>\r\n<rect x=\"0\" y=\"360\" width=\"800\" height=\"200\" fill=\"#dbe4ee\"\/>\r\n<rect x=\"120\" y=\"120\" width=\"560\" height=\"260\" rx=\"20\" fill=\"#ffffff\"\/>\r\n<rect x=\"170\" y=\"160\" width=\"180\" height=\"180\" rx=\"16\" fill=\"#0f172a\"\/>\r\n<rect x=\"390\" y=\"160\" width=\"180\" height=\"180\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"210\" y=\"205\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#60a5fa\"\/>\r\n<rect x=\"210\" y=\"240\" width=\"120\" height=\"14\" rx=\"7\" fill=\"#93c5fd\"\/>\r\n<rect x=\"430\" y=\"205\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"430\" y=\"240\" width=\"120\" height=\"14\" rx=\"7\" fill=\"#dbeafe\"\/>\r\n<circle cx=\"250\" cy=\"455\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"550\" cy=\"455\" r=\"42\" fill=\"#111827\"\/>\r\n<rect x=\"330\" y=\"420\" width=\"140\" height=\"24\" rx=\"12\" fill=\"#1d4ed8\"\/>\r\n<rect x=\"350\" y=\"390\" width=\"100\" height=\"18\" rx=\"9\" fill=\"#0f172a\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>15 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Cara Merawat Baterai Forklift agar Umur Pakai Lebih Panjang<\/h3>\r\n<p class=\"bpsi-excerpt\">Panduan perawatan harian dan berkala, mulai dari inspeksi, pengisian daya, hingga kebersihan terminal untuk menjaga performa baterai tetap optimal.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery lithium charging opportunity\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g3\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#ecfeff\"\/>\r\n<stop offset=\"100%\" stop-color=\"#cffafe\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g3)\"\/>\r\n<rect x=\"0\" y=\"360\" width=\"800\" height=\"200\" fill=\"#d1fae5\"\/>\r\n<rect x=\"150\" y=\"110\" width=\"500\" height=\"300\" rx=\"24\" fill=\"#ffffff\"\/>\r\n<rect x=\"220\" y=\"160\" width=\"140\" height=\"180\" rx=\"18\" fill=\"#0f172a\"\/>\r\n<rect x=\"420\" y=\"160\" width=\"140\" height=\"180\" rx=\"18\" fill=\"#14b8a6\"\/>\r\n<rect x=\"255\" y=\"205\" width=\"70\" height=\"18\" rx=\"9\" fill=\"#22d3ee\"\/>\r\n<rect x=\"255\" y=\"240\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#67e8f9\"\/>\r\n<rect x=\"455\" y=\"205\" width=\"70\" height=\"18\" rx=\"9\" fill=\"#ccfbf1\"\/>\r\n<rect x=\"455\" y=\"240\" width=\"90\" height=\"14\" rx=\"7\" fill=\"#a7f3d0\"\/>\r\n<path d=\"M390 150 L350 250 H400 L370 350\" stroke=\"#0f172a\" stroke-width=\"16\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n<circle cx=\"400\" cy=\"455\" r=\"38\" fill=\"#0f172a\"\/>\r\n<circle cx=\"500\" cy=\"455\" r=\"38\" fill=\"#0f172a\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>12 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Opportunity Charging pada Forklift: Kapan Efektif Digunakan?<\/h3>\r\n<p class=\"bpsi-excerpt\">Pahami konsep opportunity charging, keuntungan untuk multi-shift operation, serta kapan strategi ini paling tepat diterapkan.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"rental jakarta tangerang bekasi multi-shift\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g4\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#eef2f7\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g4)\"\/>\r\n<rect x=\"0\" y=\"370\" width=\"800\" height=\"190\" fill=\"#e5e7eb\"\/>\r\n<rect x=\"120\" y=\"150\" width=\"420\" height=\"220\" rx=\"18\" fill=\"#1f2937\"\/>\r\n<rect x=\"180\" y=\"125\" width=\"170\" height=\"80\" rx=\"14\" fill=\"#2563eb\"\/>\r\n<rect x=\"550\" y=\"190\" width=\"100\" height=\"140\" rx=\"16\" fill=\"#0f172a\"\/>\r\n<rect x=\"585\" y=\"220\" width=\"30\" height=\"70\" rx=\"10\" fill=\"#60a5fa\"\/>\r\n<circle cx=\"220\" cy=\"430\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"42\" fill=\"#111827\"\/>\r\n<circle cx=\"220\" cy=\"430\" r=\"16\" fill=\"#9ca3af\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"16\" fill=\"#9ca3af\"\/>\r\n<rect x=\"280\" y=\"205\" width=\"150\" height=\"26\" rx=\"13\" fill=\"#93c5fd\"\/>\r\n<rect x=\"280\" y=\"248\" width=\"120\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"280\" y=\"280\" width=\"150\" height=\"18\" rx=\"9\" fill=\"#bfdbfe\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>10 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Rental vs Beli Baterai Forklift untuk Operasional Multi Shift<\/h3>\r\n<p class=\"bpsi-excerpt\">Ketahui kapan skema rental lebih efisien dibanding pembelian, terutama untuk kebutuhan armada aktif di Jakarta, Tangerang, dan Bekasi.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"service repair regenerasi cellreplacement\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g5\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#eef2ff\"\/>\r\n<stop offset=\"100%\" stop-color=\"#dbeafe\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g5)\"\/>\r\n<rect x=\"0\" y=\"365\" width=\"800\" height=\"195\" fill=\"#dbe3ec\"\/>\r\n<rect x=\"120\" y=\"120\" width=\"560\" height=\"250\" rx=\"22\" fill=\"#fff\"\/>\r\n<rect x=\"175\" y=\"165\" width=\"200\" height=\"160\" rx=\"18\" fill=\"#0f172a\"\/>\r\n<rect x=\"425\" y=\"165\" width=\"80\" height=\"160\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"520\" y=\"165\" width=\"100\" height=\"160\" rx=\"16\" fill=\"#1f2937\"\/>\r\n<circle cx=\"260\" cy=\"245\" r=\"54\" fill=\"#111827\" opacity=\".88\"\/>\r\n<path d=\"M260 212 L260 245 L286 260\" stroke=\"#93c5fd\" stroke-width=\"12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect x=\"445\" y=\"198\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"445\" y=\"230\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#dbeafe\"\/>\r\n<rect x=\"545\" y=\"198\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#93c5fd\"\/>\r\n<rect x=\"545\" y=\"230\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#dbeafe\"\/>\r\n<circle cx=\"260\" cy=\"430\" r=\"34\" fill=\"#111827\"\/>\r\n<circle cx=\"500\" cy=\"430\" r=\"34\" fill=\"#111827\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>08 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Service, Repair, dan Regenerasi Baterai Forklift<\/h3>\r\n<p class=\"bpsi-excerpt\">Panduan memahami perbedaan service, repair, cell replacement, dan regenerasi agar keputusan maintenance lebih tepat dan hemat biaya.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n\r\n<article class=\"bpsi-card\" data-category=\"battery harga sodiumion edukasi\">\r\n<div class=\"bpsi-media\" aria-hidden=\"true\">\r\n<svg viewBox=\"0 0 800 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<defs>\r\n<linearGradient id=\"g6\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n<stop offset=\"0%\" stop-color=\"#f8fafc\"\/>\r\n<stop offset=\"100%\" stop-color=\"#ecfccb\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<rect width=\"800\" height=\"560\" fill=\"url(#g6)\"\/>\r\n<rect x=\"0\" y=\"370\" width=\"800\" height=\"190\" fill=\"#e5e7eb\"\/>\r\n<rect x=\"120\" y=\"125\" width=\"560\" height=\"240\" rx=\"22\" fill=\"#fff\"\/>\r\n<rect x=\"170\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#1f2937\"\/>\r\n<rect x=\"320\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#2563eb\"\/>\r\n<rect x=\"470\" y=\"165\" width=\"120\" height=\"160\" rx=\"16\" fill=\"#16a34a\"\/>\r\n<rect x=\"205\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#d1d5db\"\/>\r\n<rect x=\"355\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#bfdbfe\"\/>\r\n<rect x=\"505\" y=\"202\" width=\"50\" height=\"16\" rx=\"8\" fill=\"#bbf7d0\"\/>\r\n<rect x=\"240\" y=\"388\" width=\"320\" height=\"34\" rx=\"17\" fill=\"#0f172a\"\/>\r\n<circle cx=\"260\" cy=\"450\" r=\"32\" fill=\"#111827\"\/>\r\n<circle cx=\"540\" cy=\"450\" r=\"32\" fill=\"#111827\"\/>\r\n<path d=\"M390 148 L355 220 H398 L370 300\" stroke=\"#0f172a\" stroke-width=\"14\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"bpsi-content\">\r\n<div class=\"bpsi-meta\">\r\n<div class=\"bpsi-date\">\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M7 2V5M17 2V5M3 9H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<span>05 Jun 2026<\/span>\r\n<\/div>\r\n<button class=\"bpsi-share\" type=\"button\" aria-label=\"Bagikan artikel\">\r\n<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M15 8L8.5 11.5M15 16L8.5 12.5M18 5.5C18 6.88071 16.8807 8 15.5 8C14.1193 8 13 6.88071 13 5.5C13 4.11929 14.1193 3 15.5 3C16.8807 3 18 4.11929 18 5.5ZM9 12C9 13.3807 7.88071 14.5 6.5 14.5C5.11929 14.5 4 13.3807 4 12C4 10.6193 5.11929 9.5 6.5 9.5C7.88071 9.5 9 10.6193 9 12ZM18 18.5C18 19.8807 16.8807 21 15.5 21C14.1193 21 13 19.8807 13 18.5C13 17.1193 14.1193 16 15.5 16C16.8807 16 18 17.1193 18 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/button>\r\n<\/div>\r\n<h3 class=\"bpsi-card-title\">Jenis, Harga, dan Masa Depan Sodium-ion Forklift Battery<\/h3>\r\n<p class=\"bpsi-excerpt\">Pelajari jenis baterai forklift, gambaran harga, serta potensi sodium-ion sebagai teknologi alternatif untuk kebutuhan industri ke depan.<\/p>\r\n<a href=\"#\" class=\"bpsi-btn\"><span>Selengkapnya<\/span><span class=\"bpsi-arrow\">\u2192<\/span><\/a>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n\r\n<aside class=\"bpsi-sidebar\">\r\n<div class=\"bpsi-sidebar-panel\">\r\n<h2 class=\"bpsi-title\">Pilar Utama<\/h2>\r\n\r\n<label class=\"bpsi-sr-only\" for=\"bpsiFilter\">Pilih Topik<\/label>\r\n<div class=\"bpsi-select-wrap\">\r\n<select id=\"bpsiFilter\" class=\"bpsi-select\">\r\n<option value=\"all\">Pilih Topik<\/option>\r\n<option value=\"battery\">Baterai Forklift<\/option>\r\n<option value=\"rental\">Rental<\/option>\r\n<option value=\"service\">Service<\/option>\r\n<option value=\"lithium\">Lithium<\/option>\r\n<option value=\"leadacid\">Lead Acid<\/option>\r\n<option value=\"maintenance\">Maintenance<\/option>\r\n<option value=\"charging\">Charging<\/option>\r\n<option value=\"harga\">Harga<\/option>\r\n<\/select>\r\n<span class=\"bpsi-caret\">\r\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/span>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-box\">\r\n<h3>Cluster Konten Inti<\/h3>\r\n<p>Struktur ini ideal untuk membangun topical authority BPSI pada niche baterai forklift dan turunannya.<\/p>\r\n<div class=\"bpsi-chip-list\">\r\n<span class=\"bpsi-chip\">Apa itu Baterai Forklift<\/span>\r\n<span class=\"bpsi-chip\">Jenis Baterai<\/span>\r\n<span class=\"bpsi-chip\">Lead Acid vs Lithium<\/span>\r\n<span class=\"bpsi-chip\">Sodium-ion<\/span>\r\n<span class=\"bpsi-chip\">Harga<\/span>\r\n<span class=\"bpsi-chip\">Maintenance<\/span>\r\n<span class=\"bpsi-chip\">Rental<\/span>\r\n<span class=\"bpsi-chip\">Service<\/span>\r\n<\/div>\r\n<p><strong>Saran:<\/strong> buat 1 halaman pilar utama dan hubungkan ke semua artikel turunan agar SEO internal linking lebih kuat.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-box\">\r\n<h3>Inspirasi Strategi Konten<\/h3>\r\n<p>Gunakan 3 intent utama: <strong>edukasi<\/strong>, <strong>komersial<\/strong>, dan <strong>solusi teknis<\/strong>.<\/p>\r\n<div class=\"bpsi-chip-list\">\r\n<span class=\"bpsi-chip\">Edukasi<\/span>\r\n<span class=\"bpsi-chip\">Komparasi<\/span>\r\n<span class=\"bpsi-chip\">Rental Area<\/span>\r\n<span class=\"bpsi-chip\">Repair & Regenerasi<\/span>\r\n<span class=\"bpsi-chip\">Opportunity Charging<\/span>\r\n<\/div>\r\n<p><strong>Masukan UX:<\/strong> tampilkan maksimal 6 artikel unggulan di section ini, lalu arahkan ke halaman kategori untuk eksplorasi lanjutan.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bpsi-side-actions\">\r\n<button class=\"bpsi-see-more\" id=\"bpsiSeeMore\" type=\"button\">See More<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/aside>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\nconst filter = document.getElementById('bpsiFilter');\r\nconst cards = document.querySelectorAll('.bpsi-card');\r\nconst seeMore = document.getElementById('bpsiSeeMore');\r\n\r\nif (filter) {\r\nfilter.addEventListener('change', function () {\r\nconst value = this.value.toLowerCase();\r\n\r\ncards.forEach((card) => {\r\nconst cat = (card.getAttribute('data-category') || '').toLowerCase();\r\nif (value === 'all' || cat.includes(value)) {\r\ncard.classList.remove('bpsi-hidden');\r\n} else {\r\ncard.classList.add('bpsi-hidden');\r\n}\r\n});\r\n});\r\n}\r\n\r\nif (seeMore) {\r\nseeMore.addEventListener('click', function () {\r\nconst firstVisible = [...cards].find(card => !card.classList.contains('bpsi-hidden'));\r\nif (firstVisible) {\r\nfirstVisible.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n});\r\n}\r\n\r\ndocument.querySelectorAll('.bpsi-share').forEach((btn) => {\r\nbtn.addEventListener('click', async function () {\r\nconst card = btn.closest('.bpsi-card');\r\nconst title = card.querySelector('.bpsi-card-title')?.textContent?.trim() || 'Artikel BPSI';\r\nconst url = window.location.href;\r\n\r\nif (navigator.share) {\r\ntry {\r\nawait navigator.share({ title, text: title, url });\r\n} catch (e) {}\r\n} else if (navigator.clipboard) {\r\ntry {\r\nawait navigator.clipboard.writeText(title + ' - ' + url);\r\nbtn.style.color = '#d92d20';\r\nsetTimeout(() => { btn.style.color = ''; }, 1000);\r\n} catch (e) {}\r\n}\r\n});\r\n});\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\nentries.forEach((entry) => {\r\nif (entry.isIntersecting) {\r\nentry.target.style.opacity = '1';\r\nentry.target.style.transform = 'translateY(0)';\r\n}\r\n});\r\n}, { threshold: 0.15 });\r\n\r\ndocument.querySelectorAll('.bpsi-card').forEach((item) => observer.observe(item));\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e853fe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0e853fe\" 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\n\r\n<section class=\"bpsi-news-page\" id=\"bpsiNewsPage\">\r\n\r\n<style>\r\n.bpsi-news-page {\r\n--bg: #f6f7f9;\r\n--surface: #ffffff;\r\n--text: #101828;\r\n--muted: #667085;\r\n--soft-muted: #98a2b3;\r\n--line: rgba(16, 24, 40, 0.08);\r\n--dark: #111827;\r\n--green: #31c417;\r\n--green-dark: #187a2f;\r\n--red: #e63946;\r\n--shadow: 0 22px 60px rgba(16, 24, 40, 0.08);\r\n--shadow-soft: 0 12px 34px rgba(16, 24, 40, 0.06);\r\n--radius-xl: 34px;\r\n--radius-lg: 24px;\r\n--max: 1180px;\r\n\r\nbackground:\r\nradial-gradient(circle at top left, rgba(49, 196, 23, 0.08), transparent 34%),\r\nradial-gradient(circle at top right, rgba(11, 99, 206, 0.07), transparent 30%),\r\nvar(--bg);\r\nfont-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\ncolor: var(--text);\r\noverflow: hidden;\r\n}\r\n\r\n.bpsi-news-page * {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.bpsi-news-wrap {\r\nwidth: min(var(--max), calc(100% - 36px));\r\nmargin: 0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.bpsi-news-hero {\r\npadding: 92px 0 56px;\r\ntext-align: center;\r\nposition: relative;\r\n}\r\n\r\n.bpsi-news-eyebrow {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 9px;\r\npadding: 8px 14px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.72);\r\nbackdrop-filter: blur(18px);\r\nbox-shadow: 0 10px 28px rgba(16,24,40,0.05);\r\ncolor: #344054;\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nletter-spacing: -0.01em;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-news-eyebrow span {\r\nwidth: 8px;\r\nheight: 8px;\r\nborder-radius: 999px;\r\nbackground: var(--green);\r\nbox-shadow: 0 0 0 6px rgba(49,196,23,0.12);\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\nfont-size: clamp(42px, 7vw, 86px);\r\nline-height: 0.96;\r\nletter-spacing: -0.075em;\r\nfont-weight: 850;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-news-hero h1 em {\r\nfont-style: normal;\r\ncolor: transparent;\r\nbackground: linear-gradient(135deg, #111827 10%, #31c417 70%, #0b63ce);\r\n-webkit-background-clip: text;\r\nbackground-clip: text;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmax-width: 720px;\r\nmargin: 24px auto 0;\r\nfont-size: clamp(15px, 1.5vw, 18px);\r\nline-height: 1.75;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-news-actions {\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 12px;\r\nflex-wrap: wrap;\r\nmargin-top: 34px;\r\n}\r\n\r\n.bpsi-btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nmin-height: 48px;\r\npadding: 0 20px;\r\nborder-radius: 999px;\r\ntext-decoration: none;\r\nfont-size: 14px;\r\nfont-weight: 800;\r\nletter-spacing: -0.02em;\r\ntransition: 0.28s ease;\r\nborder: 1px solid transparent;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.bpsi-btn-dark {\r\ncolor: #fff;\r\nbackground: #111827;\r\nbox-shadow: 0 14px 34px rgba(17,24,39,0.18);\r\n}\r\n\r\n.bpsi-btn-dark:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\nbox-shadow: 0 18px 42px rgba(17,24,39,0.24);\r\n}\r\n\r\n.bpsi-btn-light {\r\ncolor: #111827;\r\nbackground: rgba(255,255,255,0.76);\r\nborder-color: var(--line);\r\nbox-shadow: 0 12px 28px rgba(16,24,40,0.06);\r\n}\r\n\r\n.bpsi-btn-light:hover {\r\ntransform: translateY(-2px);\r\nbackground: #fff;\r\nborder-color: rgba(49,196,23,0.35);\r\n}\r\n\r\n\/* FEATURED *\/\r\n\r\n.bpsi-featured {\r\npadding: 20px 0 58px;\r\n}\r\n\r\n.bpsi-featured-card {\r\ndisplay: grid;\r\ngrid-template-columns: 1.08fr 0.92fr;\r\ngap: 18px;\r\npadding: 18px;\r\nbackground: rgba(255,255,255,0.76);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\nbox-shadow: var(--shadow);\r\nbackdrop-filter: blur(24px);\r\n}\r\n\r\n.bpsi-featured-media {\r\nmin-height: 430px;\r\nborder-radius: 26px;\r\noverflow: hidden;\r\nposition: relative;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-featured-media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\nposition: absolute;\r\ninset: 0;\r\ntransform: scale(1.01);\r\n}\r\n\r\n.bpsi-featured-media::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(to top, rgba(9,15,31,0.72), transparent 55%),\r\nradial-gradient(circle at 20% 10%, rgba(49,196,23,0.18), transparent 34%);\r\nz-index: 1;\r\n}\r\n\r\n.bpsi-featured-badge {\r\nposition: absolute;\r\ntop: 18px;\r\nleft: 18px;\r\nz-index: 2;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\npadding: 9px 13px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.92);\r\ncolor: #111827;\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nbox-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.bpsi-featured-badge span {\r\nwidth: 7px;\r\nheight: 7px;\r\nbackground: var(--green);\r\nborder-radius: 999px;\r\n}\r\n\r\n.bpsi-featured-caption {\r\nposition: absolute;\r\nleft: 24px;\r\nright: 24px;\r\nbottom: 24px;\r\nz-index: 2;\r\ncolor: #fff;\r\n}\r\n\r\n.bpsi-featured-caption small {\r\ndisplay: block;\r\nmargin-bottom: 8px;\r\nfont-size: 12px;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-weight: 700;\r\n}\r\n\r\n.bpsi-featured-caption strong {\r\ndisplay: block;\r\nmax-width: 520px;\r\nfont-size: clamp(26px, 3vw, 42px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: clamp(24px, 4vw, 42px);\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-kicker {\r\ndisplay: inline-flex;\r\nwidth: fit-content;\r\npadding: 7px 12px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 12px;\r\nfont-weight: 850;\r\nmargin-bottom: 16px;\r\n}\r\n\r\n.bpsi-featured-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(30px, 4vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.065em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-featured-content p {\r\nmargin: 18px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 16px;\r\nline-height: 1.78;\r\n}\r\n\r\n.bpsi-event-meta {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 12px;\r\nmargin-top: 26px;\r\n}\r\n\r\n.bpsi-meta-box {\r\nbackground: #f8fafc;\r\nborder: 1px solid var(--line);\r\nborder-radius: 18px;\r\npadding: 16px;\r\n}\r\n\r\n.bpsi-meta-box span {\r\ndisplay: block;\r\nfont-size: 12px;\r\ncolor: var(--soft-muted);\r\nfont-weight: 800;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.bpsi-meta-box strong {\r\ndisplay: block;\r\nfont-size: 15px;\r\ncolor: #111827;\r\nline-height: 1.35;\r\nfont-weight: 850;\r\n}\r\n\r\n.bpsi-featured-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 26px;\r\n}\r\n\r\n\/* SECTION HEAD *\/\r\n\r\n.bpsi-section-head {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: flex-end;\r\ngap: 28px;\r\nmargin-bottom: 22px;\r\n}\r\n\r\n.bpsi-section-head h2 {\r\nmargin: 0;\r\nfont-size: clamp(32px, 4.2vw, 54px);\r\nline-height: 1;\r\nletter-spacing: -0.06em;\r\nfont-weight: 900;\r\ncolor: #090f1f;\r\n}\r\n\r\n.bpsi-section-head p {\r\nmax-width: 520px;\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\nline-height: 1.7;\r\n}\r\n\r\n.bpsi-filter-pills {\r\ndisplay: flex;\r\ngap: 8px;\r\nflex-wrap: wrap;\r\njustify-content: flex-end;\r\n}\r\n\r\n.bpsi-pill {\r\nborder: 1px solid var(--line);\r\nbackground: rgba(255,255,255,0.8);\r\ncolor: #344054;\r\nborder-radius: 999px;\r\npadding: 9px 13px;\r\nfont-size: 12px;\r\nfont-weight: 800;\r\nbox-shadow: 0 10px 24px rgba(16,24,40,0.04);\r\n}\r\n\r\n.bpsi-pill.active {\r\nbackground: #111827;\r\ncolor: #fff;\r\nborder-color: #111827;\r\n}\r\n\r\n\/* ARTICLE GRID *\/\r\n\r\n.bpsi-news-section {\r\npadding: 36px 0 68px;\r\n}\r\n\r\n.bpsi-news-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-news-card {\r\nbackground: rgba(255,255,255,0.82);\r\nborder: 1px solid var(--line);\r\nborder-radius: 22px;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-soft);\r\ntransition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n}\r\n\r\n.bpsi-news-card:hover {\r\ntransform: translateY(-6px);\r\nborder-color: rgba(49,196,23,0.28);\r\nbox-shadow: 0 24px 58px rgba(16,24,40,0.12);\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 192px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #e9edf3;\r\n}\r\n\r\n.bpsi-card-img img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransform: scale(1.02);\r\ntransition: transform 0.45s ease;\r\n}\r\n\r\n.bpsi-news-card:hover .bpsi-card-img img {\r\ntransform: scale(1.07);\r\n}\r\n\r\n.bpsi-card-category {\r\nposition: absolute;\r\nleft: 14px;\r\ntop: 14px;\r\nz-index: 2;\r\npadding: 7px 10px;\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.9);\r\ncolor: #111827;\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nbox-shadow: 0 10px 24px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bpsi-card-body {\r\npadding: 18px 18px 20px;\r\n}\r\n\r\n.bpsi-card-date {\r\ncolor: #667085;\r\nfont-size: 12px;\r\nfont-weight: 700;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-card-body h3 {\r\nmargin: 0;\r\nfont-size: 19px;\r\nline-height: 1.18;\r\nletter-spacing: -0.035em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-card-body p {\r\nmargin: 12px 0 0;\r\nfont-size: 13.5px;\r\nline-height: 1.7;\r\ncolor: var(--muted);\r\n}\r\n\r\n.bpsi-readmore {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nmargin-top: 18px;\r\nmin-height: 38px;\r\npadding: 0 13px;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\ntext-decoration: none;\r\ncolor: #111827;\r\nbackground: #fff;\r\nfont-size: 12px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore span {\r\ncolor: var(--red);\r\ntransition: 0.25s ease;\r\n}\r\n\r\n.bpsi-readmore:hover {\r\nborder-color: rgba(49,196,23,0.36);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n.bpsi-readmore:hover span {\r\ntransform: translateX(3px);\r\n}\r\n\r\n.bpsi-center-action {\r\ndisplay: flex;\r\njustify-content: center;\r\nmargin-top: 38px;\r\n}\r\n\r\n.bpsi-see-more {\r\nborder: 0;\r\ncursor: pointer;\r\nmin-height: 46px;\r\npadding: 0 20px;\r\nborder-radius: 13px;\r\nbackground: #171b22;\r\ncolor: #fff;\r\nfont-size: 13px;\r\nfont-weight: 900;\r\ntransition: 0.25s ease;\r\nbox-shadow: 0 14px 30px rgba(17,24,39,0.16);\r\n}\r\n\r\n.bpsi-see-more:hover {\r\ntransform: translateY(-2px);\r\nbackground: #000;\r\n}\r\n\r\n\/* EVENT STRIP *\/\r\n\r\n.bpsi-event-strip {\r\npadding: 18px 0 68px;\r\n}\r\n\r\n.bpsi-strip-card {\r\ndisplay: grid;\r\ngrid-template-columns: 0.9fr 1.1fr;\r\ngap: 0;\r\nbackground: #111827;\r\nborder-radius: var(--radius-xl);\r\noverflow: hidden;\r\nbox-shadow: 0 28px 80px rgba(17,24,39,0.22);\r\n}\r\n\r\n.bpsi-strip-visual {\r\nmin-height: 420px;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #0f172a;\r\n}\r\n\r\n.bpsi-strip-visual img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nposition: absolute;\r\ninset: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-strip-visual::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nlinear-gradient(135deg, rgba(17,24,39,0.08), rgba(17,24,39,0.68));\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: clamp(28px, 5vw, 58px);\r\ncolor: #fff;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-kicker {\r\nbackground: rgba(49,196,23,0.14);\r\ncolor: #b8ffae;\r\n}\r\n\r\n.bpsi-strip-content h2 {\r\nmargin: 0;\r\nfont-size: clamp(34px, 4.6vw, 62px);\r\nline-height: 0.98;\r\nletter-spacing: -0.07em;\r\nfont-weight: 950;\r\n}\r\n\r\n.bpsi-strip-content p {\r\nmargin: 18px 0 0;\r\ncolor: rgba(255,255,255,0.72);\r\nfont-size: 15.5px;\r\nline-height: 1.8;\r\n}\r\n\r\n.bpsi-strip-meta {\r\ndisplay: flex;\r\ngap: 10px;\r\nflex-wrap: wrap;\r\nmargin-top: 24px;\r\n}\r\n\r\n.bpsi-strip-meta span {\r\ndisplay: inline-flex;\r\npadding: 10px 13px;\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nborder-radius: 999px;\r\nbackground: rgba(255,255,255,0.06);\r\ncolor: rgba(255,255,255,0.86);\r\nfont-size: 12px;\r\nfont-weight: 800;\r\n}\r\n\r\n.bpsi-strip-content .bpsi-btn {\r\nwidth: fit-content;\r\nmargin-top: 28px;\r\nbackground: #fff;\r\ncolor: #111827;\r\n}\r\n\r\n\/* VIDEO *\/\r\n\r\n.bpsi-video-section {\r\npadding: 8px 0 90px;\r\n}\r\n\r\n.bpsi-video-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\ngap: 22px;\r\n}\r\n\r\n.bpsi-video-card {\r\nbackground: rgba(255,255,255,0.78);\r\nborder: 1px solid var(--line);\r\nborder-radius: var(--radius-xl);\r\npadding: 14px;\r\nbox-shadow: var(--shadow-soft);\r\n}\r\n\r\n.bpsi-video-frame {\r\nposition: relative;\r\nwidth: 100%;\r\naspect-ratio: 16 \/ 9;\r\noverflow: hidden;\r\nborder-radius: 24px;\r\nbackground: #111827;\r\n}\r\n\r\n.bpsi-video-frame iframe {\r\nwidth: 100%;\r\nheight: 100%;\r\nborder: 0;\r\ndisplay: block;\r\n}\r\n\r\n.bpsi-video-info {\r\npadding: 18px 8px 8px;\r\n}\r\n\r\n.bpsi-video-info span {\r\ndisplay: inline-flex;\r\npadding: 7px 11px;\r\nborder-radius: 999px;\r\nbackground: rgba(49,196,23,0.1);\r\ncolor: var(--green-dark);\r\nfont-size: 11px;\r\nfont-weight: 900;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.bpsi-video-info h3 {\r\nmargin: 0;\r\nfont-size: 21px;\r\nline-height: 1.15;\r\nletter-spacing: -0.04em;\r\nfont-weight: 900;\r\ncolor: #111827;\r\n}\r\n\r\n.bpsi-video-info p {\r\nmargin: 10px 0 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.65;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1024px) {\r\n.bpsi-news-grid {\r\ngrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.bpsi-featured-card,\r\n.bpsi-strip-card {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 360px;\r\n}\r\n\r\n.bpsi-section-head {\r\nalign-items: flex-start;\r\nflex-direction: column;\r\n}\r\n\r\n.bpsi-filter-pills {\r\njustify-content: flex-start;\r\n}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n.bpsi-news-wrap {\r\nwidth: min(100% - 24px, var(--max));\r\n}\r\n\r\n.bpsi-news-hero {\r\npadding: 64px 0 38px;\r\ntext-align: left;\r\n}\r\n\r\n.bpsi-news-hero h1 {\r\nletter-spacing: -0.06em;\r\n}\r\n\r\n.bpsi-news-hero p {\r\nmargin-left: 0;\r\nmargin-right: 0;\r\n}\r\n\r\n.bpsi-news-actions {\r\njustify-content: flex-start;\r\n}\r\n\r\n.bpsi-btn {\r\nwidth: 100%;\r\n}\r\n\r\n.bpsi-featured-card {\r\npadding: 10px;\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-featured-media,\r\n.bpsi-strip-visual {\r\nmin-height: 280px;\r\nborder-radius: 20px;\r\n}\r\n\r\n.bpsi-featured-content {\r\npadding: 20px 10px 14px;\r\n}\r\n\r\n.bpsi-event-meta {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.bpsi-news-grid,\r\n.bpsi-video-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 16px;\r\n}\r\n\r\n.bpsi-card-img {\r\nheight: 210px;\r\n}\r\n\r\n.bpsi-strip-card,\r\n.bpsi-video-card {\r\nborder-radius: 26px;\r\n}\r\n\r\n.bpsi-strip-content {\r\npadding: 26px 22px 28px;\r\n}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"bpsi-video-section\">\r\n<div class=\"bpsi-news-wrap\">\r\n\r\n<div class=\"bpsi-section-head\">\r\n<div>\r\n<h2>Video<\/h2>\r\n<p>\r\nSaksikan aktivitas exhibition, product showcase, dan momen profesional BPSI\r\ndalam memperkenalkan solusi battery forklift untuk industri Indonesia.\r\n<\/p>\r\n<\/div>\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\r\nsrc=\"https:\/\/www.youtube.com\/embed\/WOfkCBLAW2U\"\r\ntitle=\"BPSI Exhibition Video\"\r\nloading=\"lazy\"\r\nallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\nallowfullscreen>\r\n<\/iframe>\r\n<\/div>\r\n\r\n<div class=\"bpsi-video-info\">\r\n<span>BPSI Video<\/span>\r\n<h3>BPSI Exhibition Highlight<\/h3>\r\n<p>\r\nDokumentasi aktivitas BPSI dalam memperkenalkan solusi baterai forklift,\r\nDYNEX traction battery, dan industrial power support.\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\r\nsrc=\"https:\/\/www.youtube.com\/embed\/de21Jg7bjPE\"\r\ntitle=\"DYNEX BPSI Exhibition Video\"\r\nloading=\"lazy\"\r\nallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\nallowfullscreen>\r\n<\/iframe>\r\n<\/div>\r\n\r\n<div class=\"bpsi-video-info\">\r\n<span>DYNEX Showcase<\/span>\r\n<h3>Product Showcase & Industrial Battery Solution<\/h3>\r\n<p>\r\nVideo showcase produk dan solusi BPSI untuk kebutuhan battery forklift,\r\nbattery accessories, charger, maintenance, dan operasional industri.\r\n<\/p>\r\n<\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/section>\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>Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]<\/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-4799","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BPSI Media -<\/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\/bpsi-media\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BPSI Media -\" \/>\n<meta property=\"og:description\" content=\"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bpsi.co.id\/id\/bpsi-media\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bpsiofficial\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T08:09:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.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=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\",\"name\":\"BPSI Media -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\",\"datePublished\":\"2026-06-19T02:03:55+00:00\",\"dateModified\":\"2026-06-22T08:09:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\",\"contentUrl\":\"https:\\\/\\\/bpsi.co.id\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Screenshot-2024-11-22-110054.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bpsi.co.id\\\/bpsi-media\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bpsi.co.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BPSI Media\"}]},{\"@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_head_json":{"title":"BPSI Media -","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\/bpsi-media\/","og_locale":"id_ID","og_type":"article","og_title":"BPSI Media -","og_description":"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten […]","og_url":"https:\/\/bpsi.co.id\/id\/bpsi-media\/","article_publisher":"https:\/\/www.facebook.com\/bpsiofficial","article_modified_time":"2026-06-22T08:09:55+00:00","og_image":[{"url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Bpsiresmi","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bpsi.co.id\/bpsi-media\/","url":"https:\/\/bpsi.co.id\/bpsi-media\/","name":"BPSI Media -","isPartOf":{"@id":"https:\/\/bpsi.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage"},"image":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage"},"thumbnailUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","datePublished":"2026-06-19T02:03:55+00:00","dateModified":"2026-06-22T08:09:55+00:00","breadcrumb":{"@id":"https:\/\/bpsi.co.id\/bpsi-media\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bpsi.co.id\/bpsi-media\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/bpsi.co.id\/bpsi-media\/#primaryimage","url":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png","contentUrl":"https:\/\/bpsi.co.id\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-22-110054.png"},{"@type":"BreadcrumbList","@id":"https:\/\/bpsi.co.id\/bpsi-media\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bpsi.co.id\/"},{"@type":"ListItem","position":2,"name":"BPSI Media"}]},{"@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":"Hero Berita & Artikel | BPSI Berita & Artikel BPSI Wawasan Terbaru untuk Industri yang Bergerak Cepat Temukan berita, insight, dan artikel pilihan seputar teknologi, operasional, solusi baterai, serta perkembangan industri yang relevan untuk mendukung keputusan bisnis Anda secara lebih tepat, efisien, dan terpercaya. Insight Industri Update Terbaru Solusi Operasional Baca Artikel Hubungi Kami Konten…","_links":{"self":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799","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=4799"}],"version-history":[{"count":21,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799\/revisions"}],"predecessor-version":[{"id":4893,"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/pages\/4799\/revisions\/4893"}],"wp:attachment":[{"href":"https:\/\/bpsi.co.id\/id\/wp-json\/wp\/v2\/media?parent=4799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}