{"id":13,"date":"2026-04-30T02:17:36","date_gmt":"2026-04-30T02:17:36","guid":{"rendered":"https:\/\/loadbanktest.com\/?page_id=13"},"modified":"2026-07-20T06:58:09","modified_gmt":"2026-07-20T06:58:09","slug":"custom-data-centre-load-bank-solutions","status":"publish","type":"page","link":"https:\/\/loadbanktest.com\/id\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49ebea2 e-con-full e-flex e-con e-parent\" data-id=\"49ebea2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-005c966 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"005c966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n<!--\r\nWordPress SEO fields to set in Rank Math \/ Yoast:\r\nFocus Keyword: load bank Indonesia\r\nSEO Title: Load Bank Indonesia untuk Data Center & Genset | LBT Power\r\nPermalink: load-bank-indonesia\r\nMeta description: Load bank Indonesia untuk commissioning data center, UPS, genset, PDU, CDU, dan microgrid. Pilihan liquid-cooled, rack-mounted, dual-source, container.\r\nCanonical: https:\/\/loadbanktest.com\/\r\nOG image: https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/cutom-serive-for-load-bank-scaled.webp\r\nPerformance note: keep the first hero image out of lazy-load; enable LiteSpeed page cache preload and CDN cache HIT for the homepage.\r\n-->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"Organization\",\r\n      \"@id\": \"https:\/\/loadbanktest.com\/#organization\",\r\n      \"name\": \"LBT Power\",\r\n      \"url\": \"https:\/\/loadbanktest.com\/\",\r\n      \"logo\": {\r\n        \"@type\": \"ImageObject\",\r\n        \"url\": \"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/cutom-serive-for-load-bank-scaled.webp\"\r\n      },\r\n      \"contactPoint\": {\r\n        \"@type\": \"ContactPoint\",\r\n        \"contactType\": \"sales\",\r\n        \"email\": \"info@loadbanktest.com\",\r\n        \"availableLanguage\": [\"id\", \"en\"]\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"WebSite\",\r\n      \"@id\": \"https:\/\/loadbanktest.com\/#website\",\r\n      \"url\": \"https:\/\/loadbanktest.com\/\",\r\n      \"name\": \"LBT Power\",\r\n      \"publisher\": { \"@id\": \"https:\/\/loadbanktest.com\/#organization\" },\r\n      \"inLanguage\": \"id-ID\"\r\n    },\r\n    {\r\n      \"@type\": \"WebPage\",\r\n      \"@id\": \"https:\/\/loadbanktest.com\/#webpage\",\r\n      \"url\": \"https:\/\/loadbanktest.com\/\",\r\n      \"name\": \"Load Bank Indonesia untuk Commissioning Data Center\",\r\n      \"isPartOf\": { \"@id\": \"https:\/\/loadbanktest.com\/#website\" },\r\n      \"about\": { \"@id\": \"https:\/\/loadbanktest.com\/#organization\" },\r\n      \"primaryImageOfPage\": {\r\n        \"@type\": \"ImageObject\",\r\n        \"url\": \"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/cutom-serive-for-load-bank-scaled.webp\",\r\n        \"width\": 1920,\r\n        \"height\": 1080\r\n      },\r\n      \"description\": \"Load bank custom untuk commissioning data center, termasuk sistem liquid-cooled, rack-mounted, dual-source, container, dan regenerative testing.\",\r\n      \"inLanguage\": \"id-ID\"\r\n    },\r\n    {\r\n      \"@type\": \"ItemList\",\r\n      \"@id\": \"https:\/\/loadbanktest.com\/#product-list\",\r\n      \"name\": \"Kategori produk load bank LBT Power\",\r\n      \"itemListElement\": [\r\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Liquid-Cooled Load Bank\", \"url\": \"https:\/\/loadbanktest.com\/liquid-cooled-load-bank\/\" },\r\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Rack-Mount Load Bank\", \"url\": \"https:\/\/loadbanktest.com\/server-room-load-bank-testing\/\" },\r\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Dual-Source Load Bank\", \"url\": \"https:\/\/loadbanktest.com\/dual-source-load-bank-for-data-centre\/\" },\r\n        { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Rack-Mounted Liquid-Cooled Load Bank\", \"url\": \"https:\/\/loadbanktest.com\/rack-mounted-liquid-cooled-load-bank-data-centre\/\" }\r\n      ]\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n                .lbt-power-wrapper {\r\n            --primary: #0096FF;\r\n            --primary-dark: #0077CC;\r\n            --primary-light: #E6F4FF;\r\n            --dark: #1A1A2E;\r\n            --gray-900: #111827;\r\n            --gray-700: #374151;\r\n            --gray-500: #6B7280;\r\n            --gray-300: #D1D5DB;\r\n            --gray-100: #F3F4F6;\r\n            --white: #FFFFFF;\r\n            --bg-light: #FAFBFC;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper {\r\n            display: block;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .lbt-power-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            -webkit-box-sizing: border-box;\r\n               -moz-box-sizing: border-box;\r\n                    box-sizing: border-box;\r\n        }\r\n\/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper {\r\n            display: block;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper img {\r\n            -webkit-backface-visibility: hidden;\r\n                    backface-visibility: hidden;\r\n            -webkit-transform: translateZ(0);\r\n                    transform: translateZ(0);\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper * {\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n\r\n        \/* Elementor compatibility: allow this HTML widget to display the full-bleed hero instead of clipping it inside the editor container. *\/\r\n        .elementor-widget-html:has(.lbt-power-wrapper),\r\n        .elementor-widget-html:has(.lbt-power-wrapper) .elementor-widget-container {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .lbt-power-wrapper {\r\n            font-family: Arial, Helvetica, sans-serif;\r\n            color: var(--gray-700);\r\n            line-height: 1.6;\r\n            background: transparent;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper {\r\n            display: block !important;\r\n            width: 100vw !important;\r\n            max-width: 100vw !important;\r\n            margin-left: calc(50% - 50vw) !important;\r\n            margin-right: calc(50% - 50vw) !important;\r\n            position: relative !important;\r\n            overflow-x: clip !important;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .lbt-power-wrapper section {\r\n            display: block !important;\r\n            width: 100% !important;\r\n            position: relative !important;\r\n        }\r\n\/* Layout and compatibility styles *\/\r\n        \/* Full-bleed homepage fix: the wrapper breaks out to viewport width, while hero text keeps its own safe inset. *\/\r\n        .lbt-power-wrapper .hero {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            margin-left: 0 !important;\r\n            margin-right: 0 !important;\r\n        }\r\n        \r\n        .hero {\r\n            position: relative;\r\n            width: 100%;\r\n            height: clamp(680px, calc(100vh - 80px), 980px);\r\n            min-height: 680px;\r\n            overflow: hidden;\r\n            background: transparent;\r\n        }\r\n\r\n        .carousel {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .carousel-slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            transition: opacity 1s ease-in-out;\r\n            background-size: cover !important;\r\n            background-position: center center !important;\r\n            background-repeat: no-repeat !important;\r\n        }\r\n\r\n        .carousel-slide.active {\r\n            opacity: 1 !important;\r\n            visibility: visible !important;\r\n            z-index: 1 !important;\r\n        }\r\n        \/* SEO benefit: the hero image is a real image, not only a CSS background, so Google can identify and prioritize the LCP resource. *\/\r\n        .hero-media {\r\n            position: absolute;\r\n            inset: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center center;\r\n            display: block;\r\n            z-index: 0;\r\n        }\r\n\r\n        .carousel-slide.bg-1,\r\n        .carousel-slide.bg-2,\r\n        .carousel-slide.bg-3 {\r\n            background: #101827;\r\n        }\r\n\/* Layout and compatibility styles *\/\r\n        .carousel-slide::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(to right, rgba(26, 26, 46, 0.92) 0%, rgba(26, 26, 46, 0.6) 50%, rgba(26, 26, 46, 0.3) 100%);\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .carousel-content {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: clamp(48px, 5vw, 96px);\r\n            transform: translateY(-50%);\r\n            z-index: 2;\r\n            width: min(720px, calc(100% - 96px));\r\n            max-width: 720px;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero-text {\r\n            width: 100%;\r\n            color: white;\r\n        }\r\n\r\n        .hero-text-content {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero h1,\r\n        .hero-text h1,\r\n        .hero-text h2 {\r\n            color: #ffffff !important;\r\n            font-size: clamp(1.5rem, 4vw, 3rem) !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1.15 !important;\r\n            margin-bottom: clamp(0.5rem, 1.5vw, 1rem) !important;\r\n            font-family: Arial, Helvetica, sans-serif !important;\r\n            text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero-text p {\r\n            color: rgba(255,255,255,0.9) !important;\r\n            font-size: clamp(0.85rem, 1.8vw, 1.125rem) !important;\r\n            line-height: 1.5 !important;\r\n            margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;\r\n            font-family: Arial, Helvetica, sans-serif !important;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(0, 150, 255, 0.2);\r\n            border: 1px solid rgba(0, 150, 255, 0.3);\r\n            padding: clamp(4px, 1vw, 8px) clamp(10px, 2vw, 16px);\r\n            border-radius: 50px;\r\n            font-size: clamp(0.7rem, 1.2vw, 0.875rem);\r\n            color: #0096FF;\r\n            margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);\r\n            font-family: Arial, Helvetica, sans-serif !important;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .btn-primary,\r\n        .btn-secondary {\r\n            color: #ffffff !important;\r\n            font-size: clamp(0.75rem, 1.2vw, 0.875rem) !important;\r\n            font-weight: 600 !important;\r\n            padding: 11px 22px !important;\r\n            border-radius: 6px !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 0.5rem !important;\r\n            text-decoration: none !important;\r\n            font-family: Arial, Helvetica, sans-serif !important;\r\n            transition: all 0.3s ease;\r\n            min-width: max-content !important;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #0096FF !important;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #0077CC !important;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(0, 150, 255, 0.35);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: rgba(255,255,255,0.1) !important;\r\n            border: 1px solid rgba(255,255,255,0.25) !important;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: rgba(255,255,255,0.2) !important;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: clamp(8px, 1.5vw, 16px) !important;\r\n            flex-wrap: wrap !important;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .hero-buttons .btn-primary,\r\n        .hero-buttons .btn-secondary {\r\n            width: auto !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        \/* Carousel Indicators *\/\r\n        .carousel-indicators {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 12px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .carousel-dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.4);\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .carousel-dot.active {\r\n            background: #0096FF;\r\n            width: 40px;\r\n            border-radius: 6px;\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        \r\n        @media (max-width: 1023px) {\r\n            .hero {\r\n                height: clamp(600px, 78vh, 820px);\r\n                min-height: 600px;\r\n            }\r\n            \r\n            .carousel-content {\r\n                left: clamp(20px, 4vw, 48px);\r\n                width: min(620px, calc(100% - 40px));\r\n                max-width: 620px;\r\n            }\r\n            \r\n            .hero-text h1,\r\n            .hero-text h2 {\r\n                font-size: clamp(1.4rem, 5vw, 2.5rem) !important;\r\n            }\r\n            \r\n            .hero-text p {\r\n                font-size: clamp(0.85rem, 2vw, 1rem) !important;\r\n            }\r\n            \r\n            \/* Layout and compatibility styles *\/\r\n            .carousel-slide::before {\r\n                background: linear-gradient(to right, rgba(26, 26, 46, 0.95) 0%, rgba(26, 26, 46, 0.7) 60%, rgba(26, 26, 46, 0.4) 100%);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .hero {\r\n                height: clamp(540px, 72vh, 700px);\r\n                min-height: 540px;\r\n            }\r\n            \r\n            .carousel-content {\r\n                left: 20px;\r\n                width: calc(100% - 40px);\r\n                max-width: 100%;\r\n                top: 45%;\r\n            }\r\n            \r\n            .hero-text h1,\r\n            .hero-text h2 {\r\n                font-size: clamp(1.3rem, 5.5vw, 2rem) !important;\r\n            }\r\n            \r\n            .hero-text p {\r\n                font-size: clamp(0.8rem, 2.5vw, 0.9375rem) !important;\r\n                margin-bottom: 1rem !important;\r\n            }\r\n            \r\n            .hero-badge {\r\n                padding: 4px 10px;\r\n                font-size: 0.7rem;\r\n                margin-bottom: 0.75rem;\r\n            }\r\n            \r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                gap: 0.75rem !important;\r\n            }\r\n            \r\n            .btn-primary,\r\n            .btn-secondary {\r\n                padding: 10px 18px !important;\r\n                font-size: 0.8125rem !important;\r\n                justify-content: center;\r\n                width: auto !important;\r\n            }\r\n            \r\n            \/* Layout and compatibility styles *\/\r\n            .carousel-slide::before {\r\n                background: linear-gradient(to bottom, rgba(26, 26, 46, 0.7) 0%, rgba(26, 26, 46, 0.85) 40%, rgba(26, 26, 46, 0.95) 100%);\r\n            }\r\n            \r\n            .carousel-indicators {\r\n                bottom: 20px;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .carousel-dot {\r\n                width: 10px;\r\n                height: 10px;\r\n            }\r\n            \r\n            .carousel-dot.active {\r\n                width: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 479px) {\r\n            .hero {\r\n                height: clamp(500px, 70vh, 620px);\r\n                min-height: 500px;\r\n            }\r\n            \r\n            .carousel-content {\r\n                left: 16px;\r\n                width: calc(100% - 32px);\r\n                top: 50%;\r\n            }\r\n            \r\n            .hero-text h1,\r\n            .hero-text h2 {\r\n                font-size: clamp(1.2rem, 6vw, 1.75rem) !important;\r\n                margin-bottom: 0.5rem !important;\r\n            }\r\n            \r\n            .hero-text p {\r\n                font-size: clamp(0.75rem, 2.8vw, 0.875rem) !important;\r\n                line-height: 1.4 !important;\r\n                margin-bottom: 0.875rem !important;\r\n            }\r\n            \r\n            .hero-badge {\r\n                padding: 3px 8px;\r\n                font-size: 0.65rem;\r\n                margin-bottom: 0.5rem;\r\n            }\r\n            \r\n            .btn-primary,\r\n            .btn-secondary {\r\n                padding: 9px 16px !important;\r\n                font-size: 0.75rem !important;\r\n                width: auto !important;\r\n            }\r\n        }\r\n\r\n        \/* Sections Common *\/\r\n        .section {\r\n            padding: 100px 2rem;\r\n        }\r\n\r\n        .section-container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 4rem;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 1rem;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .section-desc {\r\n            font-size: 1.125rem;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        \/* Applications Section *\/\r\n        .applications {\r\n            background: transparent;\r\n        }\r\n\r\n        .app-grid {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 80px;\r\n        }\r\n\r\n        .app-card {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .app-card.reverse {\r\n            direction: rtl;\r\n        }\r\n\r\n        .app-card.reverse > * {\r\n            direction: ltr;\r\n        }\r\n\r\n        .app-image {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            aspect-ratio: 4\/3;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .app-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            display: block;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .app-card:hover .app-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .app-image::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, rgba(0, 150, 255, 0.1) 0%, transparent 60%);\r\n        }\r\n\r\n        .app-content {\r\n            padding: 20px;\r\n        }\r\n\r\n        .app-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 1rem;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .app-desc {\r\n            font-size: 1.0625rem;\r\n            color: var(--gray-500);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .app-features {\r\n            list-style: none;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .app-features li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 0.5rem 0;\r\n            color: var(--gray-700);\r\n        }\r\n\r\n        .app-features li svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: var(--primary);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .btn-outline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--primary);\r\n            padding: 0.875rem 1.75rem;\r\n            border: 2px solid var(--primary);\r\n            border-radius: 10px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            background: transparent;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: var(--primary);\r\n            color: white;\r\n        }\r\n\r\n        \/* Products Section *\/\r\n        .products {\r\n            background: transparent;\r\n        }\r\n\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .product-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            overflow: visible;\r\n            border: 1px solid var(--gray-100);\r\n            -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n               -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n                 -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n                    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            -webkit-transform: translateY(0);\r\n                    transform: translateY(0);\r\n            cursor: pointer;\r\n            position: relative;\r\n        }\r\n\r\n        .product-card:hover {\r\n            -webkit-transform: translateY(-10px);\r\n               -moz-transform: translateY(-10px);\r\n                 -o-transform: translateY(-10px);\r\n                -ms-transform: translateY(-10px);\r\n                    transform: translateY(-10px);\r\n            box-shadow: \r\n                0 30px 60px -15px rgba(0, 150, 255, 0.25),\r\n                0 0 0 1px rgba(0, 150, 255, 0.1);\r\n            border-color: transparent;\r\n        }\r\n\r\n        .product-image {\r\n            position: relative;\r\n            aspect-ratio: 4\/3;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .product-card:hover .product-image {\r\n            box-shadow: \r\n                0 0 40px rgba(0, 150, 255, 0.2),\r\n                0 0 80px rgba(0, 212, 170, 0.15),\r\n                0 0 120px rgba(99, 102, 241, 0.1);\r\n        }\r\n\r\n        .product-card:hover .product-image::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -50%;\r\n            background: conic-gradient(\r\n                from 0deg,\r\n                rgba(0, 150, 255, 0.2),\r\n                rgba(0, 212, 170, 0.15),\r\n                rgba(99, 102, 241, 0.2),\r\n                rgba(0, 150, 255, 0.2)\r\n            );\r\n            border-radius: 50%;\r\n            animation: glow-rotate 4s linear infinite, glow-pulse 2s ease-in-out infinite;\r\n            filter: blur(30px);\r\n        }\r\n\r\n        @keyframes glow-rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        @keyframes glow-pulse {\r\n            0%, 100% { opacity: 0.6; transform: scale(0.9) rotate(0deg); }\r\n            50% { opacity: 1; transform: scale(1) rotate(180deg); }\r\n        }\r\n\r\n        .product-image img {\r\n            width: 300px;\r\n            height: auto;\r\n            max-height: 100%;\r\n            -webkit-object-fit: contain;\r\n               -moz-object-fit: contain;\r\n                -ms-object-fit: contain;\r\n                 -o-object-fit: contain;\r\n                    object-fit: contain;\r\n            -webkit-object-position: center;\r\n               -moz-object-position: center;\r\n                -ms-object-position: center;\r\n                 -o-object-position: center;\r\n                    object-position: center;\r\n            display: block;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: transform 0.5s ease;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .product-card:hover .product-image img {\r\n            -webkit-transform: scale(1.1);\r\n               -moz-transform: scale(1.1);\r\n                 -o-transform: scale(1.1);\r\n                -ms-transform: scale(1.1);\r\n                    transform: scale(1.1);\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .product-image-sm img {\r\n            width: 150px;\r\n        }\r\n\r\n        .product-card:hover .product-image-sm img {\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        \/* Layout and compatibility styles *\/\r\n        .product-overlay {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%) scale(0.8);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all 0.3s ease;\r\n            z-index: 3;\r\n        }\r\n\r\n        .product-card:hover .product-overlay {\r\n            transform: translate(-50%, -50%) scale(1);\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .product-link {\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px 20px;\r\n            background: rgba(255, 255, 255, 0.98);\r\n            border-radius: 50px;\r\n            box-shadow: 0 4px 15px rgba(0, 150, 255, 0.3);\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .product-card:hover .product-link:hover {\r\n            gap: 12px;\r\n            box-shadow: 0 6px 25px rgba(0, 150, 255, 0.4);\r\n        }\r\n\r\n        .product-content {\r\n            padding: 1.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .product-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .product-desc {\r\n            font-size: 0.9375rem;\r\n            color: var(--gray-500);\r\n            margin-bottom: 1rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .product-cta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n            font-size: 0.9375rem;\r\n            text-decoration: none;\r\n            transition: gap 0.3s ease;\r\n        }\r\n\r\n        .product-cta:hover {\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* Software Section *\/\r\n        .software {\r\n            background: transparent;\r\n            color: var(--dark);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Decorative geometric elements *\/\r\n        .software::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -80px;\r\n            right: -80px;\r\n            width: 350px;\r\n            height: 350px;\r\n            background: radial-gradient(circle, rgba(0, 150, 255, 0.12) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .software::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -100px;\r\n            left: -80px;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(0, 150, 255, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .software-grid-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                radial-gradient(circle at 20% 80%, rgba(0, 150, 255, 0.05) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(0, 212, 170, 0.04) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .software-container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .software-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .software-header .section-title {\r\n            color: var(--dark);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .software-header .section-desc {\r\n            color: var(--gray-500);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .software-layout {\r\n            display: grid;\r\n            grid-template-columns: 1.3fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .software-visual {\r\n            position: relative;\r\n        }\r\n\r\n        .software-mockup {\r\n            width: 100%;\r\n            border-radius: 16px;\r\n            background: transparent;\r\n            position: relative;\r\n        }\r\n\r\n        .software-mockup img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 16px;\r\n        }\r\n\r\n        \/* Elegant frame accent *\/\r\n        .software-mockup::before {\r\n            display: none;\r\n        }\r\n\r\n        .software-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n            color: white;\r\n            padding: 10px 20px;\r\n            border-radius: 50px;\r\n            font-size: 0.875rem;\r\n            font-weight: 600;\r\n            box-shadow: 0 4px 15px rgba(0, 150, 255, 0.3);\r\n        }\r\n\r\n        .software-features {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n        }\r\n\r\n        .software-feature {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 16px;\r\n            padding: 18px 22px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 14px;\r\n            border: 1px solid rgba(0, 150, 255, 0.1);\r\n            box-shadow: 0 2px 10px rgba(0, 150, 255, 0.06);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .software-feature:hover {\r\n            transform: translateX(8px);\r\n            box-shadow: 0 8px 30px rgba(0, 150, 255, 0.15);\r\n            border-color: rgba(0, 150, 255, 0.25);\r\n            background: #fff;\r\n        }\r\n\r\n        .software-feature-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, #33abff 100%);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 3px 10px rgba(0, 150, 255, 0.3);\r\n        }\r\n\r\n        .software-feature-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: white;\r\n        }\r\n\r\n        .software-feature-text h4 {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: var(--dark);\r\n            margin-bottom: 3px;\r\n        }\r\n\r\n        .software-feature-text p {\r\n            font-size: 0.9rem;\r\n            color: var(--gray-500);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Price Offer Section *\/\r\n        .price-offer {\r\n            background: transparent;\r\n        }\r\n\r\n        .price-offer-card {\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);\r\n            gap: 64px;\r\n            align-items: center;\r\n            padding: 52px;\r\n            border: 1px solid rgba(0, 150, 255, 0.14);\r\n            border-radius: 22px;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);\r\n            box-shadow: 0 24px 70px rgba(17, 24, 39, 0.08);\r\n        }\r\n\r\n        .price-offer-eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            margin-bottom: 18px;\r\n            padding: 7px 14px;\r\n            border-radius: 999px;\r\n            background: rgba(0, 150, 255, 0.1);\r\n            color: var(--primary);\r\n            font-size: 0.78rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .price-offer .section-title {\r\n            max-width: 640px;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .price-offer .section-desc {\r\n            max-width: 650px;\r\n            margin-bottom: 26px;\r\n            color: var(--gray-500);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .offer-list {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 14px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .offer-item {\r\n            min-height: 104px;\r\n            padding: 18px;\r\n            border: 1px solid var(--gray-100);\r\n            border-radius: 14px;\r\n            background: var(--white);\r\n        }\r\n\r\n        .offer-item strong {\r\n            display: block;\r\n            margin-bottom: 6px;\r\n            color: var(--dark);\r\n            font-size: 0.96rem;\r\n        }\r\n\r\n        .offer-item span {\r\n            display: block;\r\n            color: var(--gray-500);\r\n            font-size: 0.88rem;\r\n            line-height: 1.55;\r\n        }\r\n\r\n        .price-offer-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 14px;\r\n            align-items: center;\r\n        }\r\n\r\n        .offer-note {\r\n            max-width: 620px;\r\n            margin-top: 16px;\r\n            color: var(--gray-500);\r\n            font-size: 0.86rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .offer-visual {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            background: #eef5fb;\r\n            box-shadow: 0 22px 56px rgba(0, 150, 255, 0.16);\r\n        }\r\n\r\n        .offer-visual img {\r\n            width: 100%;\r\n            aspect-ratio: 4 \/ 3;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .offer-badge {\r\n            position: absolute;\r\n            left: 22px;\r\n            bottom: 22px;\r\n            max-width: calc(100% - 44px);\r\n            padding: 16px 18px;\r\n            border-radius: 14px;\r\n            background: rgba(255, 255, 255, 0.94);\r\n            box-shadow: 0 16px 34px rgba(17, 24, 39, 0.14);\r\n        }\r\n\r\n        .offer-badge strong {\r\n            display: block;\r\n            color: var(--primary);\r\n            font-size: 1.45rem;\r\n            line-height: 1;\r\n        }\r\n\r\n        .offer-badge span {\r\n            display: block;\r\n            margin-top: 6px;\r\n            color: var(--gray-700);\r\n            font-size: 0.88rem;\r\n            line-height: 1.45;\r\n        }\r\n\r\n        \/* Articles Section *\/\r\n        .articles {\r\n            background: transparent;\r\n        }\r\n\r\n        .articles-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .article-card {\r\n            background: var(--white);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid var(--gray-100);\r\n        }\r\n\r\n        .article-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .article-image {\r\n            aspect-ratio: 16\/9;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .article-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .article-card:hover .article-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .article-content {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .article-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin-bottom: 1rem;\r\n            font-size: 0.875rem;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .article-category {\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .article-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 0.75rem;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .article-title a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .article-title a:hover {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .article-excerpt {\r\n            font-size: 0.9375rem;\r\n            color: var(--gray-500);\r\n            line-height: 1.7;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .article-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n            font-size: 0.9375rem;\r\n            text-decoration: none;\r\n            transition: gap 0.3s ease;\r\n        }\r\n\r\n        .article-link:hover {\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* ========== Responsive Breakpoints ========== *\/\r\n        \/* Large Desktop: 1400px+ *\/\r\n        @media (min-width: 1400px) {\r\n            .section-container,\r\n            .software-container {\r\n                max-width: 1320px;\r\n            }\r\n        }\r\n\r\n        \/* Desktop: 1200px - 1399px *\/\r\n        @media (max-width: 1399px) {\r\n            .products-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 24px;\r\n            }\r\n        }\r\n\r\n        \/* Tablet Landscape: 1024px - 1199px *\/\r\n        @media (max-width: 1199px) {\r\n            .products-grid,\r\n            .articles-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 24px;\r\n            }\r\n\r\n            .software-layout {\r\n                grid-template-columns: 1fr 1.2fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .price-offer-card {\r\n                grid-template-columns: 1fr;\r\n                gap: 38px;\r\n                padding: 42px;\r\n            }\r\n\r\n            .app-card {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .app-card.reverse {\r\n                direction: ltr;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* Tablet Portrait: 768px - 1023px *\/\r\n        @media (max-width: 1023px) {\r\n            .section {\r\n                padding: 80px 1.5rem;\r\n            }\r\n\r\n            .section-container {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .section-desc {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .products-grid,\r\n            .articles-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n            }\r\n\r\n            .software-layout {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .software-visual {\r\n                order: -1;\r\n            }\r\n\r\n            .offer-list {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n\r\n            .app-card {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .app-card.reverse {\r\n                direction: ltr;\r\n            }\r\n\r\n        }\r\n\r\n        \/* Mobile: 480px - 767px *\/\r\n        @media (max-width: 767px) {\r\n            .section {\r\n                padding: 60px 1rem;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 2.5rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.75rem;\r\n                margin-bottom: 0.75rem;\r\n            }\r\n\r\n            .section-desc {\r\n                font-size: 0.9375rem;\r\n            }\r\n\r\n            .products-grid,\r\n            .articles-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .price-offer-card {\r\n                padding: 28px 18px;\r\n                border-radius: 16px;\r\n            }\r\n\r\n            .offer-list {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .price-offer-actions {\r\n                align-items: stretch;\r\n                flex-direction: column;\r\n            }\r\n\r\n            .price-offer-actions .btn-primary,\r\n            .price-offer-actions .btn-outline {\r\n                width: 100% !important;\r\n                justify-content: center;\r\n                text-align: center;\r\n            }\r\n\r\n            .offer-badge {\r\n                left: 14px;\r\n                right: 14px;\r\n                bottom: 14px;\r\n                max-width: none;\r\n            }\r\n\r\n            .product-card {\r\n                border-radius: 16px;\r\n            }\r\n\r\n            .product-content {\r\n                padding: 1.25rem;\r\n            }\r\n\r\n            .product-title {\r\n                font-size: 1.125rem;\r\n            }\r\n\r\n            .product-desc {\r\n                font-size: 0.875rem;\r\n            }\r\n\r\n            .app-title {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .app-desc {\r\n                font-size: 0.9375rem;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .app-features {\r\n                margin-bottom: 1.5rem;\r\n            }\r\n\r\n            .app-features li {\r\n                font-size: 0.875rem;\r\n            }\r\n\r\n            .software-header {\r\n                margin-bottom: 2.5rem;\r\n            }\r\n\r\n            .software-feature {\r\n                padding: 14px 16px;\r\n                gap: 12px;\r\n            }\r\n\r\n            .software-feature-icon {\r\n                width: 40px;\r\n                height: 40px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .software-feature-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n\r\n            .software-feature-text h4 {\r\n                font-size: 0.9375rem;\r\n            }\r\n\r\n            .software-feature-text p {\r\n                font-size: 0.8125rem;\r\n            }\r\n\r\n            .software-mockup {\r\n                border-radius: 12px;\r\n            }\r\n\r\n            .software-badge {\r\n                top: 12px;\r\n                right: 12px;\r\n                padding: 6px 12px;\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .article-card {\r\n                border-radius: 12px;\r\n            }\r\n\r\n            .article-content {\r\n                padding: 1.25rem;\r\n            }\r\n\r\n            .article-title {\r\n                font-size: 1.0625rem;\r\n            }\r\n\r\n            .article-excerpt {\r\n                font-size: 0.875rem;\r\n            }\r\n        }\r\n\r\n        \/* Small Mobile: 320px - 479px *\/\r\n        @media (max-width: 479px) {\r\n            .section {\r\n                padding: 50px 0.75rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .products-grid {\r\n                gap: 16px;\r\n            }\r\n\r\n            .product-image {\r\n                aspect-ratio: 1\/1;\r\n            }\r\n\r\n            .product-content {\r\n                padding: 1rem;\r\n            }\r\n\r\n            .product-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .software-features {\r\n                gap: 10px;\r\n            }\r\n\r\n            .software-feature {\r\n                padding: 12px 14px;\r\n                border-radius: 12px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* Touch Device Optimization *\/\r\n        @media (hover: none) and (pointer: coarse) {\r\n            .product-card:active .product-image::before {\r\n                animation: none;\r\n                opacity: 0.7;\r\n            }\r\n\r\n            .product-card:active {\r\n                transform: translateY(-5px);\r\n            }\r\n\r\n            .product-card:active .product-image {\r\n                box-shadow: \r\n                    0 0 30px rgba(0, 150, 255, 0.15),\r\n                    0 0 60px rgba(0, 212, 170, 0.1);\r\n            }\r\n        }\r\n\r\n        \/* Reduced Motion for Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            *,\r\n            *::before,\r\n            *::after {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n\r\n        \/* Print Styles *\/\r\n        @media print {\r\n            .hero {\r\n                min-height: auto;\r\n                page-break-after: always;\r\n            }\r\n\r\n            .carousel-indicators,\r\n            .btn-primary,\r\n            .btn-secondary,\r\n            .form-submit {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        \/* Scroll animations *\/\r\n        .fade-up {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .fade-up.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n    <div class=\"lbt-power-wrapper\">\r\n    <!-- Hero Carousel -->\r\n    <section class=\"hero\" id=\"home\">\r\n        <div class=\"carousel\">\r\n            <div class=\"carousel-slide active bg-1\"><img fetchpriority=\"high\" class=\"hero-media\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/cutom-serive-for-load-bank-scaled.webp\" alt=\"Custom load banks for data centre commissioning by LBT Power\" width=\"1920\" height=\"1080\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" title=\"\">\r\n                <div class=\"carousel-content\">\r\n                    <div class=\"hero-text\">\r\n                        <div class=\"hero-text-content\">\r\n                            <h1>Load Bank Custom untuk Commissioning Data Center<\/h1>\r\n                            <p>Load bank 10kW-5MW tipe liquid-cooled, rack-mounted, dual-source, dan container untuk commissioning UPS, PDU, CDU, serta genset. Sistem sudah melalui FAT, mendukung remote monitoring, tegangan custom, dan laporan test.<\/p>\r\n                            <div class=\"hero-buttons\">\r\n                                <a href=\"https:\/\/loadbanktest.com\/contact-us\/\" class=\"btn-primary\">\r\n                                    Minta Penawaran Custom\r\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"carousel-slide bg-2\"><img loading=\"lazy\" class=\"hero-media\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/liquid-cooled-load-bank-2.0-scaled.webp\" alt=\"Liquid-cooled load bank for data centre power and cooling system testing\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                <div class=\"carousel-content\">\r\n                    <div class=\"hero-text\">\r\n                        <div class=\"hero-text-content\">\r\n                            <h2>Liquid-Cooled Load Bank<\/h2>\r\n                            <p>Uji sistem cooling dan power data center pada kondisi full load. Pantau output daya, kenaikan suhu, dan flow rate agar infrastruktur kritikal bekerja sesuai rencana.<\/p>\r\n                            <div class=\"hero-buttons\">\r\n                                <a href=\"https:\/\/loadbanktest.com\/contact-us\/\" class=\"btn-primary\">\r\n                                    Minta Penawaran Custom\r\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"carousel-slide bg-3\"><img loading=\"lazy\" class=\"hero-media\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/dual-feed-load-bank-2.0-scaled.webp\" alt=\"Dual-source load bank for UPS failover and redundancy testing\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                <div class=\"carousel-content\">\r\n                    <div class=\"hero-text\">\r\n                        <div class=\"hero-text-content\">\r\n                            <h2>Dual-Source Load Bank<\/h2>\r\n                            <p>Uji Source A dan Source B untuk validasi failover UPS dan sistem redundansi, supaya suplai listrik ke sistem kritikal tetap aman.<\/p>\r\n                            <div class=\"hero-buttons\">\r\n                                <a href=\"https:\/\/loadbanktest.com\/contact-us\/\" class=\"btn-primary\">\r\n                                    Minta Penawaran Custom\r\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"carousel-indicators\">\r\n            <div class=\"carousel-dot active\" data-slide=\"0\"><\/div>\r\n            <div class=\"carousel-dot\" data-slide=\"1\"><\/div>\r\n            <div class=\"carousel-dot\" data-slide=\"2\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Products Section -->\r\n    <section class=\"section products\" id=\"products\">\r\n        <div class=\"section-container\">\r\n            <div class=\"section-header\">\r\n                <h2 class=\"section-title\">Kategori Load Bank<\/h2>\r\n                <p class=\"section-desc\">Pilihan solusi load testing untuk berbagai kebutuhan proyek<\/p>\r\n            <\/div>\r\n            <div class=\"products-grid\">\r\n                <!-- Liquid-Cooled Load Bank -->\r\n                    <div class=\"product-card fade-up\">\r\n                        <a href=\"https:\/\/loadbanktest.com\/liquid-cooled-load-bank\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                        <div class=\"product-image\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/500kW-Liquid-Cooled-Load-Bank-for-data-centre.webp\" alt=\"Liquid-Cooled Load Bank for Data Center Power System Testing - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                        <\/div>\r\n                        <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Liquid-Cooled Load Bank<\/h3>\r\n                        <p class=\"product-desc\">Liquid-cooled load bank berkapasitas tinggi untuk mensimulasikan beban IT data center sekaligus sistem liquid cooling, sehingga validasi infrastruktur cooling lebih lengkap.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/liquid-cooled-load-bank\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Rack-Mount Load Bank -->\r\n                <div class=\"product-card fade-up\">\r\n                    <a href=\"https:\/\/loadbanktest.com\/server-room-load-bank-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                    <div class=\"product-image\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Rack-Mounted-Load-Bank.webp\" alt=\"Rack-Mount Load Bank 19-Inch for Server Room Data Center Testing - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Rack-Mount Load Bank<\/h3>\r\n                        <p class=\"product-desc\">Desain rack-mount standar 19 inci yang mudah masuk ke server rack, cocok untuk mensimulasikan workload data center secara realistis.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/server-room-load-bank-testing\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Dual-Source Load Bank -->\r\n                    <div class=\"product-card fade-up\">\r\n                        <a href=\"https:\/\/loadbanktest.com\/dual-source-load-bank-for-data-centre\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                        <div class=\"product-image\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Dual-Feed-Load-Bank.webp\" alt=\"Dual-Source Load Bank for UPS Failover Redundancy Testing - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                        <\/div>\r\n                        <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Dual-Source Load Bank<\/h3>\r\n                        <p class=\"product-desc\">Load bank dual-input dengan mechanical interlock, memastikan hanya Source A atau Source B yang aktif saat validasi failover dan redundansi.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/dual-source-load-bank-for-data-centre\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Container Load Bank -->\r\n                <div class=\"product-card fade-up\">\r\n                    <a href=\"https:\/\/loadbanktest.com\/container-load-bank\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                    <div class=\"product-image\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Containerized-Load-Bank.webp\" alt=\"Container load bank mobile untuk test kapasitas besar - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Container Load Bank<\/h3>\r\n                        <p class=\"product-desc\">Solusi container mobile untuk test kapasitas besar, mudah dipindahkan, dan cepat dipasang di site.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/container-load-bank\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Rack Liquid Cooling Load Bank -->\r\n                <div class=\"product-card fade-up\">\r\n                    <a href=\"https:\/\/loadbanktest.com\/rack-mounted-liquid-cooled-load-bank-data-centre\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                    <div class=\"product-image\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Rack-Mounted-Liquid-Cooled.webp\" alt=\"Rack-mounted liquid-cooled load bank untuk test CDU - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Rack-Mounted Liquid-Cooled Load Bank<\/h3>\r\n                        <p class=\"product-desc\">Desain rack-mount 19 inci dengan simulasi liquid cooling, dibuat untuk test CDU (Coolant Distribution Unit) dan konfigurasi server liquid-cooled.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/rack-mounted-liquid-cooled-load-bank-data-centre\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Regenerative Battery Tester -->\r\n                <div class=\"product-card fade-up\">\r\n                    <a href=\"https:\/\/loadbanktest.com\/regenerative-battery-tester-supplier\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:block;line-height:0;\">\r\n                    <div class=\"product-image product-image-sm\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Regenerative-Battery-Tester.webp\" alt=\"Regenerative battery tester dengan energy recycling ke grid - LBT Power\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <\/a>\r\n                    <div class=\"product-content\">\r\n                        <h3 class=\"product-title\">Regenerative Battery Tester<\/h3>\r\n                        <p class=\"product-desc\">Sistem regenerative yang mengembalikan energi ke grid, membantu menekan biaya operasi dan dampak lingkungan.<\/p>\r\n                        <a href=\"https:\/\/loadbanktest.com\/regenerative-battery-tester-supplier\/\" class=\"product-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Lihat Spesifikasi\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Solusi Software Section -->\r\n    <section class=\"section software\" id=\"software\">\r\n        <div class=\"software-container\">\r\n            <div class=\"software-header\">\r\n                <h2 class=\"section-title\">Solusi Software<\/h2>\r\n                <p class=\"section-desc\">Sistem kontrol pintar untuk monitoring lengkap dan operasi load testing yang lebih rapi<\/p>\r\n            <\/div>\r\n            <div class=\"software-layout\">\r\n                <div class=\"software-visual fade-up\">\r\n                    <div class=\"software-mockup\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Host-Computer-Software.webp\" alt=\"Load Bank Kontrol HMI Software Remote Monitoring Export Data - LBT Power\" width=\"800\" height=\"600\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <span class=\"software-badge\">Kontrol HMI<\/span>\r\n                <\/div>\r\n                <div class=\"software-features fade-up\">\r\n                    <div class=\"software-feature\">\r\n                        <div class=\"software-feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM9 8c-.55 0-1 .45-1 1v2H6v2h2v2c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-2h2v-2h-2V9c0-.55-.45-1-1-1H9z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"software-feature-text\">\r\n                            <h4>Sinkronisasi Multi-Platform<\/h4>\r\n                            <p>Kontrol ganda melalui touchscreen lokal dan remote PC, sehingga operasi bisa dilakukan dari site maupun jarak jauh.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"software-feature\">\r\n                        <div class=\"software-feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"software-feature-text\">\r\n                            <h4>Monitoring Real-Time<\/h4>\r\n                            <p>Menampilkan waveform daya, selisih suhu, tegangan, arus, airflow, dan flow rate.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"software-feature\">\r\n                        <div class=\"software-feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"software-feature-text\">\r\n                            <h4>Export Data<\/h4>\r\n                            <p>Mendukung pembuatan laporan dalam format PDF, CSV, dan Excel.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"software-feature\">\r\n                        <div class=\"software-feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"software-feature-text\">\r\n                            <h4>Sistem Alarm Pintar<\/h4>\r\n                            <p>Dilengkapi automated load shedding dan notifikasi cepat saat terjadi overvoltage, overcurrent, overheating, atau kegagalan fan.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Applications Section -->\r\n    <section class=\"section applications\" id=\"applications\">\r\n        <div class=\"section-container\">\r\n            <div class=\"app-grid\">\r\n                <!-- Data Center -->\r\n                <div class=\"app-card fade-up\">\r\n                    <div class=\"app-image\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/data-centre-2.0-scaled.webp\" alt=\"Data Center Load Bank Testing - LBT Power Professional Power Testing Solutions\" width=\"720\" height=\"540\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <div class=\"app-content\">\r\n                        <h3 class=\"app-title\">Data Center<\/h3>\r\n                        <p class=\"app-desc\">Pastikan keandalan sistem power dengan solusi load testing khusus data center. Dari genset emergency sampai sistem UPS, LBT Power menyediakan peralatan test untuk memvalidasi performa infrastruktur kritikal dalam kondisi lapangan yang realistis.<\/p>\r\n                        <ul class=\"app-features\">\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Simulasi beban reaktif high-density hingga 5000kVA\r\n                            <\/li>\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Desain modular untuk konfigurasi kapasitas yang fleksibel\r\n                            <\/li>\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Remote monitoring dan export laporan test\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/loadbanktest.com\/data-center-liquid-cooled-load-bank-testing\/\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Pelajari Solusi Data Center\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Microgrid -->\r\n                <div class=\"app-card reverse fade-up\">\r\n                    <div class=\"app-image\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/mircogrid.webp\" alt=\"Load bank test microgrid untuk sistem energi terbarukan - LBT Power\" width=\"720\" height=\"540\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <\/div>\r\n                    <div class=\"app-content\">\r\n                        <h3 class=\"app-title\">Microgrid<\/h3>\r\n                        <p class=\"app-desc\">Validasi performa microgrid dengan sistem load testing untuk energi terbarukan. Baik untuk integrasi solar, wind, maupun energy storage, load bank kami membantu test inverter grid-tie, sistem baterai, dan konfigurasi hybrid power secara presisi.<\/p>\r\n                        <ul class=\"app-features\">\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Loading gabungan AC\/DC untuk test sistem hybrid\r\n                            <\/li>\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Profil beban dinamis untuk integrasi energi terbarukan\r\n                            <\/li>\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Mode operasi standalone dan grid-connected\r\n                            <\/li>\r\n                            <li>\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                                Remote monitoring dan export laporan test\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/loadbanktest.com\/generator-load-bank-testing\/\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Pelajari Microgrid                               <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Price Offer Section -->\r\n    <section class=\"section price-offer\" id=\"price-offer\">\r\n        <div class=\"section-container\">\r\n            <div class=\"price-offer-card\">\r\n                <div class=\"price-offer-content fade-up\">\r\n                    <span class=\"price-offer-eyebrow\">Penawaran Proyek Terbatas<\/span>\r\n                    <h2 class=\"section-title\">Harga Proyek Load Bank untuk Order 2026<\/h2>\r\n                    <p class=\"section-desc\">Minta penawaran konfigurasi untuk sistem load bank air-cooled, liquid-cooled, rack-mounted, dual-source, container, dan regenerative. LBT Power dapat meninjau kapasitas test, tegangan, metode cooling, dan jadwal pengiriman sebelum menentukan build yang paling efisien secara biaya.<\/p>\r\n                    <div class=\"offer-list\">\r\n                        <div class=\"offer-item\">\r\n                            <strong>Penawaran langsung dari pabrik<\/strong>\r\n                            <span>Harga proyek berdasarkan rating kW\/MW, tegangan, enclosure, metode cooling, dan kebutuhan kontrol.<\/span>\r\n                        <\/div>\r\n                        <div class=\"offer-item\">\r\n                            <strong>Review diskon multi-unit<\/strong>\r\n                            <span>Opsi harga lebih baik untuk repeat order, rental fleet, fase data center, dan paket proyek EPC.<\/span>\r\n                        <\/div>\r\n                        <div class=\"offer-item\">\r\n                            <strong>Opsi paket software<\/strong>\r\n                            <span>HMI, remote monitoring, data logging, dan export laporan bisa dimasukkan ke dalam penawaran.<\/span>\r\n                        <\/div>\r\n                        <div class=\"offer-item\">\r\n                            <strong>Dukungan FAT dan dokumen proyek<\/strong>\r\n                            <span>Catatan factory test, wiring drawing, dan dokumen commissioning tersedia untuk approval proyek.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"price-offer-actions\">\r\n                        <a href=\"https:\/\/loadbanktest.com\/contact-us\/\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                            Minta Penawaran Harga\r\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#products\" class=\"btn-outline\">Bandingkan Kategori Load Bank<\/a>\r\n                    <\/div>\r\n                    <p class=\"offer-note\">Harga akhir bergantung pada spesifikasi proyek, jumlah unit, negara tujuan, dan cakupan dokumen. Kirim kapasitas beban, tegangan, durasi test, metode cooling, dan jadwal agar kami bisa menyiapkan penawaran yang praktis.<\/p>\r\n                <\/div>\r\n                <div class=\"offer-visual fade-up\">\r\n                    <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/04\/Custom-Load-Bank-Services.webp\" alt=\"Paket produk load bank LBT Power untuk harga proyek dan penawaran pabrik\" width=\"900\" height=\"675\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n                    <div class=\"offer-badge\">\r\n                        <strong>Harga Proyek<\/strong>\r\n                        <span>Penawaran custom untuk load bank standar maupun engineered system<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    var root = document.querySelector(\".lbt-power-wrapper\");\r\n    if (!root) return;\r\n\r\n    var slides = root.querySelectorAll(\".carousel-slide\");\r\n    var dots = root.querySelectorAll(\".carousel-dot\");\r\n    var currentSlide = 0;\r\n    var slideInterval = null;\r\n    var carousel = root.querySelector(\".carousel\");\r\n\r\n    function showSlide(index) {\r\n        if (!slides.length) return;\r\n        slides.forEach(function (slide, i) {\r\n            slide.classList.toggle(\"active\", i === index);\r\n        });\r\n        dots.forEach(function (dot, i) {\r\n            dot.classList.toggle(\"active\", i === index);\r\n            dot.setAttribute(\"aria-selected\", i === index ? \"true\" : \"false\");\r\n        });\r\n        currentSlide = index;\r\n    }\r\n\r\n    function nextSlide() {\r\n        showSlide((currentSlide + 1) % slides.length);\r\n    }\r\n\r\n    function startCarousel() {\r\n        if (slideInterval || !slides.length) return;\r\n        slideInterval = window.setInterval(nextSlide, 5000);\r\n    }\r\n\r\n    function stopCarousel() {\r\n        if (slideInterval) window.clearInterval(slideInterval);\r\n        slideInterval = null;\r\n    }\r\n\r\n    dots.forEach(function (dot, index) {\r\n        dot.setAttribute(\"role\", \"tab\");\r\n        dot.setAttribute(\"aria-selected\", index === currentSlide ? \"true\" : \"false\");\r\n        dot.addEventListener(\"click\", function () {\r\n            stopCarousel();\r\n            showSlide(index);\r\n            startCarousel();\r\n        });\r\n    });\r\n\r\n    if (carousel) {\r\n        carousel.addEventListener(\"mouseenter\", stopCarousel);\r\n        carousel.addEventListener(\"mouseleave\", startCarousel);\r\n    }\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) entry.target.classList.add(\"visible\");\r\n            });\r\n        }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n        root.querySelectorAll(\".fade-up\").forEach(function (el) {\r\n            observer.observe(el);\r\n        });\r\n    } else {\r\n        root.querySelectorAll(\".fade-up\").forEach(function (el) {\r\n            el.classList.add(\"visible\");\r\n        });\r\n    }\r\n\r\n    root.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n        anchor.addEventListener(\"click\", function (event) {\r\n            var target = root.querySelector(anchor.getAttribute(\"href\"));\r\n            if (!target) return;\r\n            event.preventDefault();\r\n            target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n        });\r\n    });\r\n\r\n    showSlide(0);\r\n    startCarousel();\r\n})();\r\n<\/script>\r\n    <\/div><!-- \/.lbt-power-wrapper -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-codx13 elementor-widget elementor-widget-html\" data-id=\"codx13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>(function(){function makeStickyPhoneOptional(){var phone=document.getElementById(\"contact-form-phone\");if(!phone)return;phone.removeAttribute(\"required\");phone.classList.remove(\"required\");phone.placeholder=\"Phone (optional)\";var label=phone.closest(\"label\");if(label){var sr=label.querySelector(\".sr-only\");if(sr){sr.textContent=\"Phone (optional)\";}}}if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",makeStickyPhoneOptional);else makeStickyPhoneOptional();setTimeout(makeStickyPhoneOptional,800);})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-717d7bb e-flex e-con-boxed e-con e-parent\" data-id=\"717d7bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e39335 elementor-widget elementor-widget-html\" data-id=\"7e39335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!--\r\nWordPress HTML snippet: Manufacturing excellence overview\r\nUsage: Paste into a WordPress Custom HTML block or Elementor HTML widget.\r\nSEO note: All visible text is English, all image URLs are on loadbanktest.com, and each image has width, height, alt, loading and decoding attributes.\r\n-->\r\n\r\n<section class=\"moc-root\" role=\"region\" aria-label=\"Manufacturing excellence overview\">\r\n  <style>\r\n    .moc-root {\r\n      --moc-ink: #1e293b;\r\n      --moc-text: #475569;\r\n      --moc-blue: #2563eb;\r\n      --moc-blue-soft: #3b82f6;\r\n      --moc-frame: rgba(255, 255, 255, .65);\r\n      --moc-max: 1180px;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      min-height: 480px;\r\n      display: flex;\r\n      align-items: stretch;\r\n      gap: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n      color: var(--moc-ink);\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      line-height: 1.65;\r\n      overflow: hidden;\r\n      background: #fff;\r\n    }\r\n\r\n    .moc-root,\r\n    .moc-root * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .moc-root img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .moc-left {\r\n      flex: 3;\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      padding: 52px 44px;\r\n      background: #fff;\r\n    }\r\n\r\n    .moc-left::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 60px;\r\n      height: 4px;\r\n      margin-bottom: 28px;\r\n      border-radius: 2px;\r\n      background: linear-gradient(90deg, var(--moc-blue), var(--moc-blue-soft));\r\n    }\r\n\r\n    .moc-heading {\r\n      margin: 0 0 20px;\r\n      color: var(--moc-ink);\r\n      font-size: clamp(28px, 3vw, 38px);\r\n      font-weight: 700;\r\n      line-height: 1.18;\r\n      letter-spacing: 0;\r\n      overflow-wrap: normal;\r\n      word-break: normal;\r\n    }\r\n\r\n    .moc-desc {\r\n      margin: 0;\r\n      color: var(--moc-text);\r\n      font-size: 17px;\r\n      line-height: 1.75;\r\n      overflow-wrap: normal;\r\n      word-break: normal;\r\n    }\r\n\r\n    .moc-right {\r\n      flex: 4;\r\n      min-width: 0;\r\n      position: relative;\r\n      display: flex;\r\n      align-items: stretch;\r\n      background: #0f172a;\r\n    }\r\n\r\n    .moc-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      min-height: 480px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .moc-caro {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .moc-slide {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity .8s ease-in-out, visibility 0s .8s;\r\n    }\r\n\r\n    .moc-slide.moc-active {\r\n      z-index: 2;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n      transition: opacity .8s ease-in-out, visibility 0s;\r\n    }\r\n\r\n    .moc-slide img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      background: #0f172a;\r\n    }\r\n\r\n    @keyframes mocZoom {\r\n      from { transform: scale(1); }\r\n      to { transform: scale(1.055); }\r\n    }\r\n\r\n    .moc-slide.moc-active img {\r\n      animation: mocZoom 5s cubic-bezier(.25, .46, .45, .94) forwards;\r\n    }\r\n\r\n    .moc-ov {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 5;\r\n      pointer-events: none;\r\n      background: linear-gradient(to bottom, rgba(0, 0, 0, .06), transparent 30%, transparent 62%, rgba(0, 0, 0, .38));\r\n    }\r\n\r\n    .moc-fr {\r\n      position: absolute;\r\n      z-index: 12;\r\n      width: 20px;\r\n      height: 20px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .moc-fr-tl {\r\n      top: 14px;\r\n      left: 14px;\r\n      border-top: 2px solid var(--moc-frame);\r\n      border-left: 2px solid var(--moc-frame);\r\n    }\r\n\r\n    .moc-fr-tr {\r\n      top: 14px;\r\n      right: 14px;\r\n      border-top: 2px solid var(--moc-frame);\r\n      border-right: 2px solid var(--moc-frame);\r\n    }\r\n\r\n    .moc-fr-bl {\r\n      bottom: 14px;\r\n      left: 14px;\r\n      border-bottom: 2px solid var(--moc-frame);\r\n      border-left: 2px solid var(--moc-frame);\r\n    }\r\n\r\n    .moc-fr-br {\r\n      right: 14px;\r\n      bottom: 14px;\r\n      border-right: 2px solid var(--moc-frame);\r\n      border-bottom: 2px solid var(--moc-frame);\r\n    }\r\n\r\n    .moc-badge {\r\n      position: absolute;\r\n      top: 16px;\r\n      right: 16px;\r\n      z-index: 14;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n      padding: 5px 13px;\r\n      border: 1px solid rgba(255, 255, 255, .22);\r\n      border-radius: 20px;\r\n      background: rgba(0, 0, 0, .58);\r\n      color: rgba(255, 255, 255, .92);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .moc-badge-n {\r\n      color: #fff;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .moc-bot {\r\n      position: absolute;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      padding: 0 16px 14px;\r\n    }\r\n\r\n    .moc-dots {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n    }\r\n\r\n    .moc-dot {\r\n      display: block;\r\n      width: 7px;\r\n      height: 7px;\r\n      min-width: 7px;\r\n      min-height: 7px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, .35);\r\n      cursor: pointer;\r\n      transition: background .35s, transform .35s;\r\n    }\r\n\r\n    .moc-dot.moc-dot-on {\r\n      background: #fff;\r\n      transform: scale(1.35);\r\n    }\r\n\r\n    .moc-hint {\r\n      position: absolute;\r\n      right: 18px;\r\n      bottom: 14px;\r\n      z-index: 11;\r\n      color: rgba(255, 255, 255, .28);\r\n      font-size: 10px;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      pointer-events: none;\r\n      transition: color .3s;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .moc-caro:hover .moc-hint {\r\n      color: rgba(255, 255, 255, .78);\r\n    }\r\n\r\n    .moc-nav {\r\n      position: absolute;\r\n      top: 50%;\r\n      z-index: 15;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 44px;\r\n      height: 44px;\r\n      padding: 0;\r\n      border: 1px solid rgba(255, 255, 255, .28);\r\n      border-radius: 50%;\r\n      background: rgba(0, 0, 0, .38);\r\n      color: rgba(255, 255, 255, .9);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      transform: translateY(-50%);\r\n      transition: background .25s, border-color .25s, color .25s, transform .25s, opacity .25s;\r\n    }\r\n\r\n    .moc-caro:hover .moc-nav {\r\n      opacity: 1;\r\n    }\r\n\r\n    .moc-nav:hover,\r\n    .moc-nav:focus-visible {\r\n      border-color: rgba(255, 255, 255, .55);\r\n      background: rgba(255, 255, 255, .22);\r\n      color: #fff;\r\n      opacity: 1;\r\n      transform: translateY(-50%) scale(1.08);\r\n    }\r\n\r\n    .moc-nav-prev {\r\n      left: 14px;\r\n    }\r\n\r\n    .moc-nav-next {\r\n      right: 14px;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .moc-slide,\r\n      .moc-slide.moc-active,\r\n      .moc-dot,\r\n      .moc-nav {\r\n        transition: none;\r\n      }\r\n\r\n      .moc-slide.moc-active img {\r\n        animation: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .moc-root {\r\n        min-height: 420px;\r\n      }\r\n\r\n      .moc-left {\r\n        padding: 40px 32px;\r\n      }\r\n\r\n      .moc-desc {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .moc-wrap {\r\n        min-height: 420px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .moc-root {\r\n        flex-direction: column;\r\n        min-height: auto;\r\n      }\r\n\r\n      .moc-left {\r\n        flex: none;\r\n        width: 100%;\r\n        padding: 32px 24px;\r\n      }\r\n\r\n      .moc-left::before {\r\n        width: 48px;\r\n        height: 3px;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .moc-heading {\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .moc-desc {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .moc-right {\r\n        flex: none;\r\n        width: 100%;\r\n        min-height: 320px;\r\n      }\r\n\r\n      .moc-wrap {\r\n        min-height: 320px;\r\n      }\r\n\r\n      .moc-nav {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .moc-left {\r\n        padding: 24px 16px;\r\n      }\r\n\r\n      .moc-left::before {\r\n        width: 40px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .moc-desc {\r\n        font-size: 14px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .moc-right,\r\n      .moc-wrap {\r\n        min-height: 260px;\r\n      }\r\n\r\n      .moc-nav {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 20px;\r\n      }\r\n\r\n      .moc-bot {\r\n        padding: 0 10px 10px;\r\n      }\r\n\r\n      .moc-dots {\r\n        gap: 5px;\r\n      }\r\n\r\n      .moc-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        min-width: 6px;\r\n        min-height: 6px;\r\n      }\r\n\r\n      .moc-badge {\r\n        top: 8px;\r\n        right: 8px;\r\n        padding: 4px 8px;\r\n        font-size: 9px;\r\n      }\r\n\r\n      .moc-badge-n {\r\n        font-size: 13px;\r\n      }\r\n\r\n      .moc-fr {\r\n        width: 14px;\r\n        height: 14px;\r\n      }\r\n\r\n      .moc-fr-tl,\r\n      .moc-fr-bl {\r\n        left: 8px;\r\n      }\r\n\r\n      .moc-fr-tr,\r\n      .moc-fr-br {\r\n        right: 8px;\r\n      }\r\n\r\n      .moc-fr-tl,\r\n      .moc-fr-tr {\r\n        top: 8px;\r\n      }\r\n\r\n      .moc-fr-bl,\r\n      .moc-fr-br {\r\n        bottom: 8px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"moc-left\">\r\n    <h2 class=\"moc-heading\">From Core Components to Integrated Megawatt Load Solutions<\/h2>\r\n    <p class=\"moc-desc\">From initial R&amp;D to final megawatt-level integration, our production framework follows ISO 9001 quality management practices and project-specific inspection procedures, helping load bank systems remain reliable in demanding industrial and data center test environments.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"moc-right\">\r\n    <div class=\"moc-wrap\">\r\n      <div class=\"moc-caro\" aria-label=\"Factory photo slideshow\" aria-roledescription=\"carousel\">\r\n        <div class=\"moc-fr moc-fr-tl\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"moc-fr moc-fr-tr\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"moc-fr moc-fr-bl\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"moc-fr moc-fr-br\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"moc-slide moc-active\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 1 of 9\">\r\n          <img fetchpriority=\"high\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Load-Bank-Manufacturing-Factory.webp\" alt=\"LBT Power load bank manufacturing facility exterior\" width=\"800\" height=\"450\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 2 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/load-bank-factory-production-workshop-scaled.webp\" alt=\"Load bank production workshop with assembly and testing areas\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 3 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Large-scale-container-load-bank-production-workshop-with-cabinet-frames-and-assembly-areas.webp\" alt=\"Container load bank cabinet frames in production workshop\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 4 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Large-scale-container-load-bank-production-workshop-with-cabinet-frames-and-assembly-areas.webp\" alt=\"Large-scale load bank production line with cabinet assembly areas\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 5 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Water-cooled-load-bank-cooling-system-with-water-tank-filters-and-control-panel-scaled.webp\" alt=\"Water-cooled load bank cooling system with water tank filters and control panel\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 6 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Display-of-Precision-Load-Bank-Components-scaled.webp\" alt=\"Precision load bank components prepared for manufacturing inspection\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 7 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Load-banks-packing-arrangement-for-shipment.webp\" alt=\"Load banks packed and arranged for shipment\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 8 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/05\/CDU-specific-configuration-for-liquid-cooling-system.webp\" alt=\"CDU-specific configuration for liquid cooling load bank system\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 9 of 9\">\r\n          <img loading=\"lazy\" src=\"https:\/\/loadbanktest.com\/wp-content\/uploads\/2026\/06\/Mature-Cooling-Tower-Testing-scaled.webp\" alt=\"Cooling tower testing facility for load bank performance validation\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\" title=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"moc-ov\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"moc-badge\" aria-hidden=\"true\">\r\n          <span class=\"moc-badge-n\" data-moc-badge>01<\/span>\r\n          <span>\/<\/span>\r\n          <span>09<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"moc-hint\" aria-hidden=\"true\">Hover to pause<\/div>\r\n\r\n        <button class=\"moc-nav moc-nav-prev\" type=\"button\" aria-label=\"Previous slide\">&#8249;<\/button>\r\n        <button class=\"moc-nav moc-nav-next\" type=\"button\" aria-label=\"Next slide\">&#8250;<\/button>\r\n\r\n        <div class=\"moc-bot\">\r\n          <div class=\"moc-dots\" role=\"tablist\" aria-label=\"Slide navigation\">\r\n            <button class=\"moc-dot moc-dot-on\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-label=\"Slide 1\" data-idx=\"0\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 2\" data-idx=\"1\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 3\" data-idx=\"2\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 4\" data-idx=\"3\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 5\" data-idx=\"4\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 6\" data-idx=\"5\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 7\" data-idx=\"6\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 8\" data-idx=\"7\"><\/button>\r\n            <button class=\"moc-dot\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 9\" data-idx=\"8\"><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      \"use strict\";\r\n\r\n      function initManufacturingCarousel(root) {\r\n        var wrap = root.querySelector(\".moc-caro\");\r\n        if (!wrap) return;\r\n\r\n        var slides = wrap.querySelectorAll(\".moc-slide\");\r\n        var dots = wrap.querySelectorAll(\".moc-dot\");\r\n        var prevButton = wrap.querySelector(\".moc-nav-prev\");\r\n        var nextButton = wrap.querySelector(\".moc-nav-next\");\r\n        var badge = wrap.querySelector(\"[data-moc-badge]\");\r\n        var total = slides.length;\r\n        var intervalMs = 3800;\r\n        var current = 0;\r\n        var timer = null;\r\n        var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n        if (!total) return;\r\n\r\n        function pad(index) {\r\n          return String(index + 1).padStart(2, \"0\");\r\n        }\r\n\r\n        function restartZoom(img) {\r\n          if (!img || reduceMotion) return;\r\n          img.style.animation = \"none\";\r\n          requestAnimationFrame(function () {\r\n            requestAnimationFrame(function () {\r\n              img.style.animation = \"\";\r\n            });\r\n          });\r\n        }\r\n\r\n        function goTo(index) {\r\n          var oldSlide = slides[current];\r\n          if (oldSlide) {\r\n            oldSlide.classList.remove(\"moc-active\");\r\n            var oldImage = oldSlide.querySelector(\"img\");\r\n            if (oldImage) oldImage.style.animation = \"none\";\r\n          }\r\n\r\n          if (dots[current]) {\r\n            dots[current].classList.remove(\"moc-dot-on\");\r\n            dots[current].setAttribute(\"aria-selected\", \"false\");\r\n          }\r\n\r\n          current = ((index % total) + total) % total;\r\n\r\n          var nextSlide = slides[current];\r\n          if (nextSlide) {\r\n            nextSlide.classList.add(\"moc-active\");\r\n            restartZoom(nextSlide.querySelector(\"img\"));\r\n          }\r\n\r\n          if (dots[current]) {\r\n            dots[current].classList.add(\"moc-dot-on\");\r\n            dots[current].setAttribute(\"aria-selected\", \"true\");\r\n          }\r\n\r\n          if (badge) badge.textContent = pad(current);\r\n        }\r\n\r\n        function stopAuto() {\r\n          if (timer) window.clearTimeout(timer);\r\n          timer = null;\r\n        }\r\n\r\n        function startAuto() {\r\n          if (timer || reduceMotion) return;\r\n          timer = window.setTimeout(function tick() {\r\n            goTo(current + 1);\r\n            timer = window.setTimeout(tick, intervalMs);\r\n          }, intervalMs);\r\n        }\r\n\r\n        wrap.addEventListener(\"mouseenter\", stopAuto);\r\n        wrap.addEventListener(\"mouseleave\", startAuto);\r\n        wrap.addEventListener(\"touchstart\", stopAuto, { passive: true });\r\n        wrap.addEventListener(\"touchend\", startAuto, { passive: true });\r\n\r\n        if (prevButton) {\r\n          prevButton.addEventListener(\"click\", function () {\r\n            stopAuto();\r\n            goTo(current - 1);\r\n            startAuto();\r\n          });\r\n        }\r\n\r\n        if (nextButton) {\r\n          nextButton.addEventListener(\"click\", function () {\r\n            stopAuto();\r\n            goTo(current + 1);\r\n            startAuto();\r\n          });\r\n        }\r\n\r\n        dots.forEach(function (dot) {\r\n          dot.addEventListener(\"click\", function () {\r\n            stopAuto();\r\n            goTo(Number(dot.getAttribute(\"data-idx\")));\r\n            startAuto();\r\n          });\r\n        });\r\n\r\n        root.addEventListener(\"keydown\", function (event) {\r\n          if (event.key === \"ArrowLeft\") {\r\n            stopAuto();\r\n            goTo(current - 1);\r\n            startAuto();\r\n          }\r\n\r\n          if (event.key === \"ArrowRight\") {\r\n            stopAuto();\r\n            goTo(current + 1);\r\n            startAuto();\r\n          }\r\n        });\r\n\r\n        startAuto();\r\n      }\r\n\r\n      function initAll() {\r\n        document.querySelectorAll(\".moc-root\").forEach(initManufacturingCarousel);\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initAll);\r\n      } else {\r\n        initAll();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-873542c e-con-full e-flex e-con e-parent\" data-id=\"873542c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a194e0a elementor-widget elementor-widget-heading\" data-id=\"a194e0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9d6cf3 elementor-widget elementor-widget-text-editor\" data-id=\"f9d6cf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ready to find the perfect load testing solution? Contact our team today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9efb1 elementor-widget-tablet__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"2d9efb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f10-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"10\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/id\/wp-json\/wp\/v2\/pages\/13#wpcf7-f10-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"10\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f10-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-form-wrapper\">\n\t<div class=\"form-group-inline\">\n\t\t<p><label>Full Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"John Smith\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-inline\">\n\t\t<p><label>Email *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"john@company.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-inline\">\n\t\t<p><label>Company<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Your Company\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-inline\">\n\t\t<p><label>Phone<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"+1 234 567 8900\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-inline full\">\n\t\t<p><label>Product Interest *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-product\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-product\"><option value=\"Liquid-Cooled Load Bank\">Liquid-Cooled Load Bank<\/option><option value=\"Rack-Mount Load Bank\">Rack-Mount Load Bank<\/option><option value=\"Dual-Source Load Bank\">Dual-Source Load Bank<\/option><option value=\"Container Load Bank\">Container Load Bank<\/option><option value=\"Rack Liquid-Cooled Load Bank\">Rack Liquid-Cooled Load Bank<\/option><option value=\"Regenerative Load Bank\">Regenerative Load Bank<\/option><option value=\"Custom Solution\">Custom Solution<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-inline full\">\n\t\t<p><label>Your Message *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your project requirements...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<style>\n.contact-form-wrapper {\n max-width: 900px;\n margin: 0 auto;\n padding: 28px 24px;\n background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 30%, #faf5ff 60%, #fff5f8 100%);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(102, 126, 234, 0.1);\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n align-items: flex-end;\n}\n\n.form-group-inline {\n flex: 1;\n min-width: 160px;\n}\n\n.form-group-inline.full {\n flex: 1 1 100%;\n}\n\n.form-group-inline label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: #1A1A2E;\n margin-bottom: 6px;\n}\n\n.wpcf7-form-control {\n width: 100% !important;\n padding: 10px 14px !important;\n border: 1px solid #e5e7eb !important;\n border-radius: 10px !important;\n font-size: 14px !important;\n font-family: Arial, sans-serif !important;\n background: #ffffff !important;\n box-sizing: border-box !important;\n transition: all 0.3s ease !important;\n}\n\n.wpcf7-form-control:focus {\n outline: none !important;\n border-color: #0096FF !important;\n box-shadow: 0 0 0 3px rgba(0,150,255,0.1) !important;\n}\n\ntextarea.wpcf7-form-control {\n min-height: 100px !important;\n resize: vertical !important;\n}\n\n.wpcf7-select {\n cursor: pointer !important;\n appearance: none !important;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 14px center !important;\n padding-right: 36px !important;\n}\n\n.form-submit {\n flex: 0 0 auto;\n margin-left: auto;\n}\n\n.wpcf7-submit {\n background: linear-gradient(135deg, #0096FF 0%, #0077CC 100%) !important;\n color: white !important;\n border: none !important;\n padding: 12px 32px !important;\n font-size: 14px !important;\n font-weight: 600 !important;\n border-radius: 50px !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n font-family: Arial, sans-serif !important;\n box-shadow: 0 4px 15px rgba(0,150,255,0.3);\n}\n\n.wpcf7-submit:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(0,150,255,0.4) !important;\n}\n\n@media (max-width: 768px) {\n .contact-form-wrapper {\n flex-direction: column;\n gap: 12px;\n }\n .form-group-inline,\n .form-submit {\n flex: none;\n width: 100%;\n }\n}\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Load Bank Custom untuk Commissioning Data Center Load bank 10kW-5MW tipe liquid-cooled, rack-mounted, dual-source, dan container untuk commissioning UPS, PDU, CDU, serta genset. Sistem sudah melalui FAT, mendukung remote monitoring, tegangan custom, dan laporan test. Minta Penawaran Custom Liquid-Cooled Load Bank Uji sistem cooling dan power data center pada kondisi full load. Pantau output daya, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":433,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":92,"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":1067,"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/pages\/13\/revisions\/1067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/media\/433"}],"wp:attachment":[{"href":"https:\/\/loadbanktest.com\/id\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}